@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}


#banner_constr{ margin:0 auto; padding:0; background-color:#eaeaea; height:140px; position:relative;}
.container02{ width:100% !important; text-align:center; height:600px; position: relative;}

#const_ban{ height:600px; margin:50px 0px 0px 0px;}

.constr_img01{ width:94px; height:0px; position:absolute; bottom:0px; left:340px; display:block; z-index:10; opacity:1;}
.constr_img02{ width:42px; height:0px; position:absolute; bottom:0px; right:386px; display:block; z-index:10; opacity:1;}
.constr_img04{ width:577px; height:0px; position:absolute; bottom:0px; left:295px; display:block; z-index:10; opacity:1;}
.constr_img03{ width:580px; height:0px; position:absolute; bottom:0px; left:248px; display:block; z-index:10; opacity:1;}
.constr_img05{ width:399px; height:0px; position:absolute; bottom:0px; left:208px; display:block; z-index:8; opacity:1;}
.constr_img06{ width:745px; height:0px; position:absolute; bottom:0px; left:182px; display:block; z-index:12; opacity:1;}
.constr_img07{ width:75px; height:0px; position:absolute; bottom:0px; left:611px; display:block; z-index:12; opacity:1;}
.constr_img08{ width:110px; height:0px; position:absolute; bottom:0px; left:445px; display:block; z-index:12; opacity:1;}

#sing_act{ margin:0 auto; padding:0; background-color:#EAEAEA; height: auto; padding:100px 0 40px 0;}
#sing_activty{ text-align:center; padding:0 25px 0 25px; height:220px;}

#manyLines{ margin:0 auto; padding:0; background:#FFF; padding:80px 0 0 0;}
.linesTtl{ font-family:'florencesans_blackregular'; font-size:48px; color:#373737; line-height:50px; text-align:center;}

.lines_list ul{ list-style:none; margin:0; padding:0; width:100%; padding:50px 20px 0 20px;}
.lines_list ul li{ height: auto; background:url(../titusimpex-images/lines_list_bullt.png) top left no-repeat; text-align:left; padding:0px 0 3px 40px; margin:0 0 40px 0px; border-bottom:#d7d7d7 1px solid; font-size:24px;}
/*.linesLE{ float:left;}
.linesRE{ float:right;}*/

#const_qualty{ background-color:#FF6600; padding-top:80px; /*background:#FF6600;*/ height: auto;}
#qualt_Ttl{ width:280px; height:56px; font-family:'florencesans_blackregular'; font-size:48px; color:#FFF; line-height:50px; text-align:center; border:#FFF 2px solid; padding:12px; margin:0 auto; margin-bottom:30px;}









.constTit48{ font-size:80px; color:#373737; line-height:80px; text-align:center; font-family:'lane_-_narrowregular';}
.gryTit24{ font-size:24px; color:#373737; line-height:30px;}
.whtcntnt24{ font-size:24px; color:#FFF; line-height:30px;}
.whtcntnt18{ font-size:18px; color:#FFF; line-height:20px; font-weight:normal;}
.greycons16{ font-size:16px; line-height:18px; font-weight:normal; color:#373737; text-align: center;}
.grycntnt18, .services_list ul li{  font-size:18px; line-height:18px; font-weight:normal; color:#505c62; text-align:left;}
.greyconst18{  font-size:18px; line-height:24px; font-weight:normal; color: #373737; text-align:left;}

.gryTit24, .lines_list ul li, .whtcntnt24, .whtcntnt18, .greycons16, .grycntnt18, .services_list ul li, .greyconst18{ font-family: 'proxima_novaregular';}




@media screen and (min-width: 1366px) and (max-width:1440px) {

#banner_constr{ height:120px;}
#const_ban{ margin:48px 0px 0px 0px;}

#sing_act{ padding:70px 0 40px 0;}

#manyLines{ padding:60px 0 0 0;}

#const_qualty{ padding-top:60px; height:280px;}

}




@media screen and (max-width: 1024px){
.constr_img01{ left:700px;}
.constr_img02{ left:16px;}
.constr_img04{ left:65px;}
.constr_img03{ left:-90px;}
.constr_img05{ left:-50px;}
.constr_img06{ left:250px;}
.constr_img07{ left:220px;}
.constr_img08{ left:100px;}


}

@media screen and (max-width: 768px){

	
}


@media only screen 
and (min-width : 213px) 
and (max-width : 560px){

#banner_constr{ height:112px;}

#const_ban{ overflow:hidden; height:490px;}

.constr_img01{ left:250px;}
.constr_img02{ left:16px;}
.constr_img04{ left:65px;}
.constr_img03{ left:-90px;}
.constr_img05{ left:-50px;}
.constr_img06{ left:0px;}
.constr_img07{ left:201px;}
.constr_img08{ left:100px;}

.constr_img03 img{ width:480px; height:367;}
.constr_img05 img{ width:200px; height:95;}
.constr_img07 img{ width:80px; height:117;}
.constr_img08 img{ width:70px; height:190;}




#hydr_title{ margin:20px 0px 0px 0px; text-align:center;}
.greycons16{ padding:0 10px 0 10px;}

#sing_act{ padding:50px 0 40px 0;}

.greyconst18{ padding:0px 20px 0px 20px;}

#manyLines{  padding:30px 0 0 0;}

.lines_list ul{ padding:0px 20px 20px 20px; margin-bottom:0px; }
.lines_list ul li{ width:100%; height: auto; padding:0px 0 10px 40px; margin:10px 0 0px 0px; font-size:18px;}


#const_qualty{ padding-top:30px;}
.whtcntnt18{ padding:0 20px 0 20px;}

.xs-align-left{ text-align:left;}

}

