/*Main Page*/


/*Color Definition*/


/*General Page Sizes*/

.contents {
    width: 100%;
    float: left;
	position:relative;
	right:0;
}

/*Top Header and Navigation*/

.top_header {
    background-repeat: repeat;
    padding: 13px 0;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9;
}


/*Top Header Logo*/

.logo_text {
    font-family: "open sans";
    font-weight: 600;
    font-size: 18px;
    display: block;
    margin-top: 5px;
}

.logo_text:hover, .logo_text:focus, .logo_text:visited {
    text-decoration: none;
    color: #fff !important;
}


/*Company Logo*/
.company_logo{
    float: right;
    width: 9%;
    padding: 20px;
}


/*Banner*/

.banner {
    position: relative;
    width: 100%;
    text-align: center;
}

.banner_img {
    width: 100%;
    max-width: 100%;
}

.banner_headings {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
}

.banner_center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.banner_main_heading {
    font-family: "open sans";
    font-weight: bold;
    font-size: 48px;
    word-spacing: 5px;
    margin-bottom: 5px;
}

.banner_left_blueborder{
    border-left: 10px solid #4472c4;/*blue tempered regarding banner colors*/ 
	padding-left:40px;
    display: inline-block;
    position: relative;
    top:26px;
}


/*Product Content Panel*/

.product_section {
    padding: 80px 0;
}

.container_type {
    width: 70%;
    margin: 0 auto;
}


.product_name {
	font-family: "open sans";
	font-size: 18pt;
	font-weight: normal;
}

.product_name  > a:hover{
    text-decoration:none;
}

.product_icon_1,.product_icon_2,.product_icon_3{
	height:80px;
	width:80px;
	display:inline-block;
}


/*Product Image Block*/

.product_icon_1{
	background:rgba(0, 0, 0, 0) url("../../images/comapro/headicon_1.png") no-repeat scroll 0 0;
}

.product_icon_2{
	background:rgba(0, 0, 0, 0) url("../../images/comapro/headicon_2.png") no-repeat scroll 0px 0;
}

.product_icon_3{
	background:rgba(0, 0, 0, 0) url("../../images/comapro/headicon_3.png") no-repeat scroll 0px 0;
}

.product_icon_block:hover .product_icon_1{
	background:rgba(0, 0, 0, 0) url("../../images/comapro/headicon_1.png") no-repeat scroll 0 -80px;
}
.product_icon_block:hover .product_icon_2{
	background:rgba(0, 0, 0, 0) url("../../images/comapro/headicon_2.png") no-repeat scroll 0px -80px;
}
.product_icon_block:hover .product_icon_3{
	background:rgba(0, 0, 0, 0) url("../../images/comapro/headicon_3.png") no-repeat scroll 0px -80px;
}


/*Slider Block*/

.slider {
    padding: 100px 0;
    text-align: center;
}

.slider_tab {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.slider_headline_text {
    font-family: 'Open Sans';
    font-weight:600;
    font-size: 32px;
    position: relative;
    margin-left:-100px;
}

.slider_subline_text {
    font-family: "open sans";
    font-size: 20px;
    position: relative;
    margin-left:170px;
}


/*More Details Content Panel*/

.more_details_block {
      margin: 40px auto; 
      overflow: hidden; 
      padding: 50px 0px;
}

.more_details_block_box {
     width: 100%; 
     padding: 25px 10px; 
     cursor: pointer;
     display:table;
}

.more_details_block_box:hover {
     background-color: #f2f2f2;
}

.more_details_block_titel {/*.content-block .box .title*/
    font-family: "open sans"; 
    width:100%;
    display:table-cell;
    vertical-align:middle; 
    font-size: 24px; 
    font-weight: normal; 
     
}

.more_details_block_titel:hover a {
    color: #0070c0;
}

.more_details_block_image {  width: 56px; 
                             height: 56px; 
                             display: block; 
                             float: left; 
                             margin-right: 10px; 
                             background-size: auto 115px; 

}

.icon-company-team {
     background-position: 0px 115px;
	 background-image: url("../../images/comapro/icon_1.png");
}

.more_details_block_box:hover .icon-company-team {
     background-position: 0px 166px;
	 
}

.icon-permission-compliance {
     background-position: 0 115px;
	 background-image: url("../../images/comapro/icon_2.png");
}

.more_details_block_box:hover .icon-permission-compliance {
     background-position: 55px 166px;
}

.icon-configure-visualize {
     background-position: 0 115px;
	 background-image: url("../../images/comapro/icon_3.png");
}

.more_details_block_box:hover .icon-configure-visualize {
     background-position: 0 166px;
}

.banner_left_blueborder{
		margin-left:80px;
	}
	
/*todo: rework and remove dublet code*/
@media only screen and (max-width: 1024px) {
	.slider_tab{
		width:100%;
	}
		
	
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .product_block {
        text-align: center;
        padding: 20px 0px;
    }
	.product_name{
		font-size:15pt;
	}
}

@media only screen and (max-width: 980px) {
    .banner_main_heading{
		font-size:40px;
	} 
}

@media only screen and (max-width: 767px) {

    .top_header{
        background-color: rgba(69,69,69,0.9);
    }
    
    .banner_main_heading{
		font-size:30px;
	} 

    .after_header{
        position: relative;
    }

    .banner_sub_heading {
        font-size: 10px;
    }

    .container_type {
        width: 90%;
        margin: 0 auto;
    }
	
    .testimonial_tab{
        width:90%;
    }

    .review{
        font-size:16px;
    }

    .info{
        width:100%;
        float: none;
        text-align: center;
    }

    .comparo{
        display: none;
    }
	
	.product_block{
		padding: 20px 0;
	}
	
	.product_name{
		font-size:18pt;
	}
	.slider_headline_text,.slider_subline_text{
		margin:0;
	}
	
}
@media only screen and (max-width: 767px) {
    .banner_left_blueborder{
        top:0;
    }
}

@media only screen and (max-width: 480px) {
	.banner_main_heading{
		font-size:28px;
        }
        .banner_left_blueborder{
                border-left-width: 5px;
	}
}

@media only screen and (max-width: 414px) {
	.banner_left_blueborder{
		margin-left:50px;
		padding-left:10px;
	}
	.banner_main_heading{
		font-size:18px;
	}
}