@charset "utf-8";
/* CSS Document */
.phase1-middle-area { width: 100%; height: auto; float: left; display: block; background: #f4f4f4;padding-bottom: 69px;}
.phase1-cont { width: 100%;max-width: 817px; margin: 0 auto;padding: 69px 0 0 0;}
.phase1-cont h2 {font-size: 30px;line-height: 30px;font-weight: 400; color: #e9351f;text-align: center;position: relative; padding: 0 0 10px;margin: 0;}
.phase1-cont h2 strong {font-weight: 600;}
.phase1-cont span{ width: 100%; height: auto; float: left; display: block; position: relative; font-size: 18px;line-height: 20px;font-weight: 400; color: #272727;text-align: center; padding: 0 0 25px 0; margin-bottom: 35px; }
.phase1-cont span:after {content: '';width: 37px;height: 2px;background: #e9351f; position: absolute; left: 0; right: 0;bottom: 0; margin: auto;}
.phase1-cont p{ width: 100%; height: auto; float: left; display: block; position: relative; font-size: 14px;line-height: 18px;font-weight: 400; color: #2e2e2e;text-align: center; padding-bottom: 20px;   }
.phase1-cont p strong {font-weight: 600; color: #e9351f;}
.phase1-cont p:last-child{padding-bottom: 0px;}


.phase1-middle-area2 { width: 100%; height: auto; float: left; display: block; background: #f4f4f4;padding: 100px 0 150px 0;}
.phase1-cont2 { width: 100%; height: auto; float: left; display: block;  }
.phase1-cont2 h2 {font-size: 24px;line-height: 30px;font-weight: 400; color: #e9351f;text-align: center;position: relative; padding: 0 0 25px; margin-bottom:75px;}
.phase1-cont2 h2 strong {font-weight: 600;}
.phase1-cont2 h2:after {content: '';width: 37px;height: 2px;background: #e9351f; position: absolute; left: 0; right: 0;bottom: 0; margin: auto;}

.phase1 { width: 100%; height: auto; float: left; display: block; padding: 0 60px;}
.phase1 li{padding: 0 7px;  position: relative;}
.phase1 li figure{ width: 100%;  position: relative;}
.phase1 li a{ width: 100%; }
.phase1 li a img{ width: 100%; border-radius: 3px;}

.phase1 li a div{position:absolute;left:0;top:100%;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;z-index:5; border-radius: 3px; }

.phase1 li a:hover div {opacity:1;top:0}

.gallery_images5{position: absolute;left: 0; right: 0;bottom: 0; width: 100%;}
.gallery_images5>aside{position:absolute; left: 0; bottom: 0; box-sizing: border-box; font-size: 14px; font-weight: 400; color: #FFF; padding:14px 20px 14px 12px; border-left: 2px solid #ef591e;}
/*.gallery_images5>aside {position: absolute;left: 54px;bottom: 0;box-sizing: border-box; font-size: 14px;font-weight: 400;color: #FFF; padding: 20px 20px 20px 12px; border-left: 2px solid #ef591e;}
.gallery_images5>aside:after { content: ''; position: absolute;left: -40px; bottom: 25px;width: 27px;height: 21px; background: url(../images/images-icon2.png) left top no-repeat;}*/

.as_next5, .as_prev5 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 5;
    width: 48px;
    height: 48px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    font-size: 0px;
    cursor: pointer; border-radius: 50%; border: 1px solid #d5d5d5;
}

.as_prev5 {
    left: 0;
    background:#fff url(../images/arrow11.png) no-repeat 20px 50%; display: block;
}
.as_next5 {
    background:#fff url(../images/arrow11.png)no-repeat -32px 50%; display: block;
    right: 0px;
}



.tab2 {    width:100%; max-width: 730px; height: auto; margin: 0 auto 50px; padding: 0; line-height: 0;  font-size: 0; text-align: center;border-top: 0px solid #cdcdcd; }
.tab2 li{width: 50%; height: 60px; display: inline-block; padding: 0 0; box-sizing: border-box; line-height: 60px; font-size: 16px; font-weight: 400; color: #7b7b7b; position: relative; cursor: pointer; border-bottom: 2px solid #e1e1e1; margin-bottom: 0px; text-transform: uppercase;}
.tab2 li.aboutGpsTabActive { color: #e9351f; border-bottom: 2px solid #e9351f;} 
/*.tab2 li.aboutGpsTabActive:after { content: ''; position: absolute; left: 0; right: 0; bottom:-22px; margin:  0 auto; width: 15px; height: 15px; border: 10px solid transparent; border-top: 10px solid #307fe2;}*/



.tabNavDropMenu5{ width: 90%; margin: 0 auto; height: 50px;  display: block; border: 1px solid #ccc;  position: relative;}
.tabNavDropMenu5 strong{width: 100%; height: 50px; float: left; display: block; font-size: 22px;  font-weight: 400; color:#3d3c3c; line-height: 50px; font-style: normal; padding-left: 20px; position: relative;}

.tabNavDropMenu5 strong:after {
    width: 20px;
    text-indent: 5px;
    /* content: '>'; */
    content: '<>';
    font: 15px "Consolas", monospace;
    color: #a09f9f;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 15px;
    top: 7px;
    padding: 0 12px 0px 0px;
    /* border-bottom: 1px solid #aeaeae; */
    position: absolute;
    pointer-events: none;
}
.text30{width: 100%; height: auto; float: left; display: block;font-size: 30px;  font-weight: 600; color:#237da7; line-height: 30px; text-align: center; padding: 30px 0 30px 0; margin: 0; box-sizing: border-box; }
.tabNavDropMenu5 ul{ position: absolute; left:-1px; right: -1px; top: 49px; border: 1px solid #ccc; border-top: 1px solid transparent; font-size:18px;  font-weight: 400; color:#3d3c3c; line-height: 32px; background: #FFFFFF; z-index: 999; padding: 0; margin: 0;}
.tabNavDropMenu5 ul li{ width: 100%; height: auto; float: left; display: block;font-size: 18px;  font-weight: 400; color:#237da7; line-height: 32px; font-style: normal; border-bottom:  1px solid #e6e0e0; padding: 10px 20px; box-sizing: border-box;}

.tabNavDropMenu5 ul li:last-child{border-bottom:  0px solid #ccc; }
.tab-con-start5{width: 100%; height: auto; float: left; display: block; text-align: left;}


.phase1-cont22{width: 100%; height: auto; float: left; display: block; border-top: 1px solid #dedede; padding-top: 50px; margin-top: 80px;}
.phase1-cont22 h2 {font-size: 24px;line-height: 24px;font-weight: 400; color: #e9351f;text-align: center;position: relative; padding: 0 0 10px;margin: 0;}
.phase1-cont22 h2 strong {font-weight: 600;}
.phase1-cont22 big{ width: 100%; height: auto; float: left; display: block; position: relative; font-size: 18px;line-height: 20px;font-weight: 400; color: #272727;text-align: center; padding: 0 0 25px 0; margin-bottom: 70px; }
.phase1-cont22 big:after {content: '';width: 37px;height: 2px;background: #e9351f; position: absolute; left: 0; right: 0;bottom: 0; margin: auto;}


.slick-disabled{display:none !important;}

.topLinks{padding:35px 0 35px 0;}

.topLeft .mother-side{display:none;}

@media screen and (max-width:1280px){
	.topLinks{padding:25px 0 35px 0;}	
	.navTrigger-main, .topRight {border-left:0px solid #c1c1bf;}
	
	.topLinks a.tlMail {
    display: inline-block;
}
.topRight {
    float: right;}
	.navTrigger-main{display:none;}
}
@media screen and (max-width:1125px){
.topRight {
    float: right;
    width: auto;
    padding-right: 25px;
    height: auto;
    border-left: none;
    border-top: 0;
    border-bottom: 0 solid #e1e1e1;
    background: none;
}
}
@media screen and (max-width:820px){


.topRight {
    float: left;
    padding-right: 25px;
}
.topRight {
    float: left;
    width: 100%;
    padding-right: 0;
    height: 46px;
    border-left: 0 solid #c1c1bf;
    border-top: 1px solid #c1c0bc;
    border-bottom: 0 solid #e1e1e1;
    background: url(../images/mob-bg.jpg) left top repeat-x #f7f7f7;
}
.topLinks {
    padding: 0 0 0 0;
}
.topLeft {width: 100%; position:relative;}
.topLeft .mother-side{display:inline-block; position:absolute; right:25px; top:0; bottom:0; margin:auto; height:19px; font-size: 14px; font-weight: 300; color: #585858; padding-left: 30px;}
.topLeft .mother-side:before{content: ''; width: 20px; height: 21px; position: absolute; left: 0; top: 0; background: url(../images/arrow7.png) left 4px no-repeat;}

.topRight .mother-side{display:none;}
}
@media screen and (max-width:800px){
	.phase1-middle-area2 {padding: 50px 0 50px 0;}	
	/*.mainWrapper {
    padding-top:90px;
}*/
}
@media screen and (max-width:500px){
.topLinks a.tlMail{	line-height: 24px;
color: #000;
font-size: 14px;
font-weight: 400 !important;
padding: 10px 0 0 28px;
float: left;
width: auto;
margin: 0 10px;
text-transform:none !important;}
.topLeft .mother-side:after{content:''; width:1px; height:90px; background:#c1c1bf; position:absolute; left:-20px; top:-36px;}
.topLinks a:hover {
    color: #f7560f;
}
.topLinks a.tlMail:before {top:11px;}
.topLinks a.tlPhone:before {top: 11px;}
}
@media screen and (max-width:650px){
.gallery_paging2 {
    right: 95px;
    font-size: 10px;
}
.gallery_images5 > aside {
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    font-size: 10px;
    font-weight: 400;
}
.gallery_paging2{display:none;}


}