@font-face{font-family: 'HelveticaLTStd-Cond'; src:url('HelveticaLTStd-Cond.otf');}
@font-face{font-family: 'HelveticaLTStd-BoldCond'; src:url('HelveticaLTStd-BoldCond.otf');}
@font-face{font-family: 'HelveticaLTStd-BlkCond'; src:url('HelveticaLTStd-BlkCond.otf');}
@font-face{font-family: 'KozGoPr6N-Regular'; src:url('KozGoPr6N-Regular.otf');}
@font-face{font-family: 'AvenirNextLTPro-Regular'; src:url('AvenirNextLTPro-Regular.otf');}
@font-face{font-family: 'AvenirNextLTPro-Bold'; src:url('AvenirNextLTPro-Bold.otf');}
@font-face{font-family: 'AvenirNext-BoldItalic'; src:url('AvenirNext-BoldItalic.otf');}
@font-face{font-family: 'georgiai'; src:url('georgiai.ttf');}
@font-face{font-family: 'DINPro-Bold'; src:url('DINPro-Bold.otf');}
@font-face{font-family: 'themify'; src:url('themify.woff');}

html{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 32.5%; }
body{ font-family: 'AvenirNextLTPro-Regular'; text-align: center; font-size: 2.6rem; }
*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul li{ list-style: none;}
img{ border:0; }
a,a:focus,a:hover{ text-decoration: inherit; color: inherit; }
.h1, .h2, .h3, h1, h2, h3,.h4, .h5, .h6, h4, h5, h6{ margin:0; font-weight: normal; line-height: 1; }
p,ul,ol,label,hr{ margin:0; }
input,textarea{ outline: none;}

#loader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;text-align:center;background-color:#22324e;}
.centrize {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
    position: relative;
}
.v-center {
    display: table-cell;
    vertical-align: middle;
}
#mask{ width:300px; position:relative;/*height:30px;width:50px;*/margin:0 auto;}
/*#mask span{display:block;bottom:0px;left:0;width:1px;height:30px;background-color:#fff;position:absolute;-webkit-animation:preloader 1.5s infinite ease-in-out;animation:preloader 1.5s infinite ease-in-out;-webkit-transform-origin:center center;transform-origin:center center;}
#mask span:nth-child(2){left:11px;-webkit-animation-delay:.2s;animation-delay:.2s;}
#mask span:nth-child(3){left:22px;-webkit-animation-delay:.4s;animation-delay:.4s;}
#mask span:nth-child(4){left:33px;-webkit-animation-delay:.6s;animation-delay:.6s;}
#mask span:nth-child(5){left:44px;-webkit-animation-delay:.8s;animation-delay:.8s;}*/
#mask img{ max-width: 100%; }

header{ width: 100%; /*overflow:hidden;*/ position: relative; padding:15px 0; background-color:#22324e; font-family: 'HelveticaLTStd-Cond','KozGoPr6N-Regular'; font-size: 3.2rem; text-transform: uppercase; }
.logo{ width: 188px; float: left; text-align:left; }
.logo img{ height: 50px;}

.nav{ width: calc(100% - 268px); height: 50px; float: left; line-height: 30px; letter-spacing: 1px; padding:10px 0; }
.nav > ul{ float: right; }
.nav > ul > li{ float: left;color: #fff; position: relative; }
.nav > ul > li > a{ display: inline-block; color: #fff; }
.nav > ul > li > a:hover,.nav > ul > li.current-menu-item > a,.nav > ul > li.current-menu-parent > a{ color: #bb9b5e; text-decoration: underline;}
.nav > ul > li:after{ content: '|'; padding:0 15px; }
.nav > ul > li:last-child:after{ content: ''; padding:0; }
.nav > ul > li.last-menu > a{ background-color: #bb9b5e; color: #fff; padding:0 5px; }
.nav > ul > li.last-menu > a:hover,.nav > ul > li.current-menu-item.last-menu > a,.nav > ul > li.current-menu-parent.last-menu > a{ color: #fff; }

.nav > ul > li .sub-menu{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    padding: 25px 15px;
    min-width: 250px;
    visibility: hidden;
    opacity: 0;
    background-color: #22324e;
    font-family: 'HelveticaLTStd-Cond';
    font-size: 3.2rem;
    line-height: 35px;
    text-align:left;
    margin-left: -15px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.nav > ul > li:hover > .sub-menu{
    visibility: visible;
    opacity: 1;
}    
.nav > ul > li .sub-menu li{ position: relative; }
.nav > ul > li .sub-menu li a{    
    display: block;
    color: #f6f6f6;
}
.nav > ul > li .sub-menu li a:hover{    
    color: #bb9b5e; text-decoration:underline;
}
/*.nav > ul > li .sub-menu > li.menu-item-has-children > a:after{
    content: "\e649";
    font-family: "themify";
    position: absolute;
    right: 20px;
    font-size: 9px;
    background-color: transparent;
}*/
.languages{ display: none; float: left; padding-right: 4px; }
.languages ul{ padding:10px 0; line-height: 28px; }
.languages ul li{ float: left; margin:0 3px 0 0; }
.languages ul li a{ display: inline-block; padding:0 5px; color: #bb9b5e; border:1px solid transparent; }
.languages ul li a:hover,.languages ul li.current a{ font-family: 'HelveticaLTStd-BoldCond'; border-color: #bb9b5e; }
.header-img{ position: absolute; right: 90px; top:15px;}
.header-img img{ height: 50px;}
/************************************/
.menu-toggle{ display:none; line-height: 28px; cursor: pointer; position: absolute; right: 15px; top:26px;}
.menu-toggle span{ display:block; font-family: 'themify'; font-size:6rem; color:#fff;}
.menu-toggle span:before{ display:block; content: "\e68e"; }
.menu-close{ width: 100%; overflow:hidden; padding:0 15px;}
.menu-close span{ float: right; font-family: 'themify'; font-size:6rem; color:#fff; cursor: pointer; }
.menu-close span:before{ content: "\e646"; }
header.stick .menu-toggle span,header.current .menu-toggle span{ color: #221f20;}
.menu-over{ display: none; width: 100%; overflow: hidden; position: absolute; z-index: 999; top: 0; background-color: rgba(0,0,0,0.4); }
.menu{ width: 50%; /*height: 100%;*/ float: right; background: #333; position: relative; padding:15px 0; text-transform: uppercase; text-align: left;}
.menu-nav > ul > li > a{ display: inline-block; padding:15px 15px; color:#fff; font-size: 3rem; font-family: 'BwModelica-Bold'; }
.menu-nav a:hover{ text-decoration: underline; }
.menu-nav .sub-menu{ padding: 0 0 0 15px; font-size: 2.4rem;}  
.menu-nav .sub-menu li a{ display: block; color: #fff; padding: 5px 15px;}   
.languages-mobile{ display: none; padding:0 15px; font-family: 'HelveticaLTStd-Cond','KozGoPr6N-Regular'; font-size: 3.2rem; } 
.languages-mobile ul li{ display: inline-block; margin:0 3px 0 0; }
.languages-mobile ul li a{ display: inline-block; padding:3px 5px; color: #bb9b5e; border:1px solid transparent; }
.languages-mobile ul li a:hover,.languages-mobile ul li.current a{ font-family: 'HelveticaLTStd-BoldCond'; border-color: #bb9b5e; }
/************************************/
.slider{ height: 650px; background-color: #22324e; }
.slider .flexslider{position:relative; height: 100%; overflow:hidden; box-shadow: 13px 0 43px rgba(15,35,68,.22);background:url(../images/loading.gif) 50% no-repeat;}
.slider .slides{height:100%; position:relative;}
.slider .slides li{height:100%; }
.slider .flex-control-nav{ position:absolute;bottom:20px;z-index:2;width:100%;text-align:center; height: 14px;}
.slider .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;}
.slider .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:14px;overflow:hidden;  text-indent: -9999px; cursor:pointer; background: rgba(35,31,32,0.3); border-radius: 100%;}
.slider .flex-control-nav .flex-active,.flex-control-nav a:hover{background: rgba(255,255,255,1);}
.slider .flex-direction-nav{ display: none; position:absolute;z-index:2;width:100%;top:45%;}
/*.slider .flex-direction-nav li a{display:block;width:60px;height:60px; overflow:hidden;cursor:pointer;position:absolute; opacity: 0.4;}
.slider .flex-direction-nav li a.flex-prev{left:30px;background:url(../images/prev.png) center center no-repeat;}
.slider .flex-direction-nav li a.flex-next{right:30px;background:url(../images/next.png) center center no-repeat;}*/
.slider-bg{ height: 100%; padding:0 90px 0 0;}
.slider-bg-holder{ height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.slider-container{ width: 100%; /*height: 100%;*/ position: absolute; z-index: 2; top:28%; }
/*.slider-container .container{ height: 100%; display: table; }*/
.slider-text{ width: 100%; /*display: table-cell; vertical-align: middle;*/  }
.slider-text h3{ text-align:right; letter-spacing: 2px; line-height: 1.2; font-size: 11rem; color: #fff; font-family: 'HelveticaLTStd-BlkCond'; text-transform: uppercase; }
.slider-more{ width: 100%; position: absolute; z-index: 2; bottom: 30%; font-family: 'DINPro-Bold'; font-size: 2.8rem;}
.slider-more:before{ content: ''; display: block; width: 50%;  border-bottom:1px solid #bb9b5e; }
.slider-more-btn{ border-top:1px solid #bb9b5e; margin-top:-1px; }
.slider-more-btn a{ float: right; line-height: 50px; color: #fff; padding:0 30px; background-color: #bb9b5e; /*position: absolute; right: 0;*/ margin-top:-25px;}
.home-about{ width: 100%; overflow:hidden; position: relative; z-index: 10; margin-top: -50px; text-align:left;}
.home-about-wrapper{ width: 75%; height: 100%; position: absolute; top:0; z-index: -1; padding:50px 0; background-color: #22324e; }
.home-about-left{ width: 575px; padding:80px 15px 100px 150px; color: #fff; }
.home-about-left h3{ letter-spacing: 1px; margin-bottom:30px; font-size: 7.2rem; font-family: 'HelveticaLTStd-BlkCond'; }
.home-about-left p{ margin-bottom:15px; font-size: 2.6rem; }
.home-about-left a:hover{ color: #bb9b5e; }
.home-about-more{ width: 800px; height:30px; font-size: 2.8rem; border-top:1px solid #bb9b5e; position: absolute; margin-top: 30px; }
.home-about-more a{ font-family: 'AvenirNextLTPro-Bold'; text-decoration: underline; line-height: 30px; color: #bb9b5e; padding:0 15px 0 0; background-color: #22324e; position: absolute; left: 0; margin-top:-15px; }
.home-about-more a:hover{ font-family: 'AvenirNext-BoldItalic'; /*text-decoration: none;*/ }
.home-about-right{ padding:80px 15px 50px 15px; }
.home-about-img{width: 342px; height: 358px; /*width: 308px; height: 308px;*/ float: right; border:8px solid #bb9b5e; }
.home-about-img img{ width: 342px; margin:30px 0 0 -60px; /*width: 292px; margin:50px 0 0 -100px;*/ box-shadow: 11px 0 29px rgba(8,20,37,.3); }
.home-service{ width: 100%; overflow:hidden; position: relative; padding:100px 0 50px 0; margin-top:-50px; background-color: #f6f6f6; }
.home-service-vtop{ width: 100%; position: absolute; top:100px; }
.home-service-left{ padding:0 15px; }
.home-service-img{ width: 480px; height: 318px; border:8px solid #bb9b5e; margin:0 0 0 -60px;}
.home-service-img img{ width: 464px; margin:50px 0 0 52px; box-shadow: 11px 0 29px rgba(8,20,37,.3);  }
.home-service-right{ padding:0 15px; text-align:left; position: relative; z-index: 2;}
.home-service-right h3{ letter-spacing: 1px; margin:30px 0; font-size: 7.2rem; font-family: 'HelveticaLTStd-BlkCond'; color: #22324e;}
.home-service-right table{ border-top:1px solid #22324e; border-right:1px solid #22324e; }
.home-service-right table tr td{ vertical-align: top; width: 33.33%; padding:30px 10px; color: #22324e; border-bottom:1px solid #22324e; border-left:1px solid #22324e; }
.home-service-right table h4{ margin-bottom:30px; font-family: 'AvenirNextLTPro-Bold'; font-size: 3.6rem;}
.home-service-right table p{ font-size: 2.6rem; }
.home-service-right table tr td a{color: #22324e; }
.home-service-right table tr td:hover{ background-color:#22324e; }
.home-service-right table tr td:hover a{ color: #fff;}

.home-projects{ width: 100%; overflow:hidden; padding:50px; background:url(../images/home-bg2.png) no-repeat left center; }
.home-projects-wrapper{ background-color: #22324e; padding:45px 60px; }
.home-projects h3{ letter-spacing: 1px; margin-bottom:30px; font-size: 7.2rem; font-family: 'HelveticaLTStd-BlkCond'; color: #fff;}
.title-more{ height:30px; font-size: 2.8rem; border-top:1px solid #bb9b5e; position: relative; }
.title-more a{ font-family: 'AvenirNextLTPro-Bold'; text-decoration: underline; line-height: 30px; color: #bb9b5e; padding:0 0 0 15px; background-color: #22324e; position: absolute; right: 0; margin-top:-15px; }
.title-more a:hover{ font-family: 'AvenirNext-BoldItalic'; /*text-decoration: none;*/ }
.project-img{ display: inline-block; position: relative; margin-bottom:15px; }
.project-img img{ max-width: 100%; }
.project-hover{ -webkit-transition: all .3s ease; transition: all .3s ease;
	opacity: 0; width: 100%; height: 100%; padding:15px; background-color: rgba(187,155,94,.7); position: absolute; top:0; }
.project-hover div{ width: 100%; height: 100%; display: table;}
.project-hover a{ display: table-cell; vertical-align: middle; border:1px solid #fff; }
.project-hover a img{ height: 40px; vertical-align: middle; }
.home-projects ul li h4{ font-size: 2.8rem; text-transform: uppercase; text-align:left; line-height: 1.5; }
.home-projects ul li p{ font-size: 2.8rem; text-align:left;}
.home-projects ul li a{ color: #fff; }
.home-projects ul li:hover .project-hover{ opacity: 1; }
.home-projects ul li:hover a{ color: #bb9b5e; }
.project-items{ position: relative; }
.project-btn{ position: absolute; width: 30px; top:40%;}
.project-btn i{ color: #fff; font-size: 8rem; cursor: pointer; }
#LeftArr{ left:-35px; }
#RightArr{ right:-35px; }
.project-item{ width: 340px; float: left; padding:0 8px; }
.project-item h4{ font-size: 2.8rem; text-transform: uppercase; text-align:left; line-height: 1.5; }
.project-item p{ font-size: 2.8rem; text-align:left;}
.project-item a{ color: #fff; }
.project-item:hover .project-hover{ opacity: 1; }
.project-item:hover a{ color: #bb9b5e; }

/* flexslider */
.home-projects .flexslider3{ display: none; position:relative; top:0; height: 330px; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.home-projects .slides{height:100%;position:relative;}
.home-projects .slides li{height:100%; /*background-size:cover; background-position: center; background-repeat: no-repeat;*/}
.home-projects .flex-control-nav{ position:absolute;bottom:0;z-index:9;width:100%;text-align:center;}
.home-projects .flex-control-nav li{display:inline-block; margin:0 3px; }
.home-projects .flex-control-nav a{display:inline-block; background-color: #fff; width:12px; height:12px;line-height:12px;overflow:hidden; text-indent: -9999px; cursor:pointer; border-radius: 20px;}
.home-projects .flex-control-nav .flex-active,.flex-control-nav a:hover,.flex-control-nav li:hover a{  background: #bb9b5e; }
.home-projects .flex-direction-nav{ display:none; position:absolute;z-index:9;width:100%;top:45%;}
/*.home-projects .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; opacity: 0.4;}
.home-projects .flex-direction-nav li a.flex-prev{left:30px;background:url(../images/prev.png) center center no-repeat;}
.home-projects .flex-direction-nav li a.flex-next{right:30px;background:url(../images/next.png) center center no-repeat;}*/
/*  */

.partners{ width: 100%; overflow:hidden; position: relative; margin-bottom:30px; padding:50px 0; background:url(../images/bg-grid.png) repeat; }
.partners h3{ letter-spacing: 1px; margin-bottom:30px; font-size: 7.2rem; font-family: 'HelveticaLTStd-BlkCond'; color: #bb9b5e; }
.partners ul li{ display: inline-block; padding:15px 15px; }
.partners ul li img{ height: 60px; }

/* flexslider */
.partners-slider .flexslider2{ position:relative; top:0; height: 100px; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.partners-slider .slides{height:100%;position:relative;}
.partners-slider .slides li{height:100%; /*background-size:cover; background-position: center; background-repeat: no-repeat;*/}
.partners-slider .flex-control-nav{ position:absolute;bottom:0;z-index:9;width:100%;text-align:center;}
.partners-slider .flex-control-nav li{display:inline-block; margin:0 3px; }
.partners-slider .flex-control-nav a{display:inline-block;width:12px; height:12px;line-height:12px;overflow:hidden; text-indent: -9999px; cursor:pointer; border-radius: 20px;}
.partners-slider .flex-control-nav .flex-active,.flex-control-nav a:hover{  background: #000; }
.partners-slider .flex-direction-nav{ display:none; position:absolute;z-index:9;width:100%;top:45%;}
/*.partners-slider .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; opacity: 0.4;}
.partners-slider .flex-direction-nav li a.flex-prev{left:30px;background:url(../images/prev.png) center center no-repeat;}
.partners-slider .flex-direction-nav li a.flex-next{right:30px;background:url(../images/next.png) center center no-repeat;}*/
/*  */


footer{ background-color:#f6f6f6; padding:30px 0; font-size: 2.4rem; line-height: 20px; color: #221f20; text-align:left; }
.footer-logo img{ /*max-width: 100%;*/ height: 40px; }
.footer-contact{ }
.footer-contact p{ }
.footer-nav{ text-align:right; }
.footer-nav ul{ float: right; letter-spacing: 1px; text-transform: uppercase; font-family: 'HelveticaLTStd-Cond'; }
.footer-nav ul li{ float: left; }
.footer-nav ul li a{ color: #22324e; }
.footer-nav > ul > li > a:hover{ color: #bb9b5e; text-decoration: underline;}
.footer-nav ul li a:after{ padding:0 5px; content: '|'; }
.footer-nav ul li:last-child a:after{ padding:0; content: ''; }
.footer-nav p{float: right; font-size: 2rem; color: #bb9b5e; font-family: 'georgiai';}

.banner{ position: relative; padding-right: 90px; background-color:#22324e; }
.banner-bg{ height: 500px; background-position: center; background-size:cover; background-repeat:no-repeat;}
.banner-about{ background-image:url(../images/banner-about.jpg); }
.banner-contact{ background-image:url(../images/banner-contact.png); }
.banner-opportunity{ background-image:url(../images/banner-opportunity.png);}
.banner-service{ background-image:url(../images/banner-service.jpg);}
.banner-project{ background-image:url(../images/banner-project.jpg);}
.banner-sale{ background-image:url(../images/banner-sale.jpg);}
.banner-block{ width: 100%; position: absolute;}
.banner-text{ letter-spacing: 2px; padding: 150px 0 0 153px; text-align:left; font-family: 'HelveticaLTStd-BlkCond'; font-size: 11rem; color: #22324e; }
.banner-text span{ color: #bb9b5e; }
.banner-about .banner-text,.banner-project .banner-text,.banner-sale .banner-text{ color: #fff; }
.banner-about,.banner-service,.banner-contact{ height: 600px; }

.who{ width: 100%; text-align:left; margin-top: -180px; position: relative; z-index: 10; }
.who-left-block{ /*width: 450px; height: 450px;*/width: calc(100% - 52px); height: calc(100% + 60px); position: relative; border:8px solid #bb9b5e;}
.who-left-text,.who-left-contact{ margin:-60px 0 60px 60px; width: 100%; padding: 50px; background-color:#f6f6f6; box-shadow: 11px 0 29px rgba(41,36,29,.23); }
.who-left-text h3{ letter-spacing: 1px; margin-bottom:50px; font-size: 7.2rem; font-family: 'HelveticaLTStd-BlkCond'; text-transform: uppercase; color: #22324d; }
.who-left-text p{ font-size: 2.6rem; color: #000; }
.who-left-contact{ background-color:#fff; }
.contact-info{ margin-bottom:30px; }
.contact-info li{ margin-bottom:15px; color: #384a62;}
.contact-info li h5{ line-height: 1.5; font-size: 2.8rem; font-family: 'AvenirNextLTPro-Bold'; text-transform: uppercase; }
.contact-info li p{ font-size: 2.6rem; }
.contact-socials li{ display: inline-block; margin:0 5px 0 0; }
.contact-socials li img{ max-width: 30px; }
.contact-weixin{ cursor: pointer; position: relative;}
.contact-weixin-pop{ display: none; position: absolute; bottom:35px; padding:15px; background-color: #fff; border-radius: 5px; }
.contact-weixin:hover .contact-weixin-pop{ display: block; }
.contact-socials li .contact-weixin-pop img{ max-width: 150px; }
.services .who-left-block{ border-color: #22324e; }
.services ul li{ letter-spacing: 1px; font-size: 5rem; font-family: 'HelveticaLTStd-BlkCond'; text-transform: uppercase; margin:15px 0; }
.services ul li a{ color: #22324e; }
.services ul li a:hover,.services ul li.current_page_item a{ color: #bb9b5e; text-decoration:underline; }

.who-right{ width: 60%; height: 100%; background-color:#fff; position: absolute; top:0; z-index: -1; margin-left: 40%;  }
.who-right-text{ padding-top:50px; padding-bottom:50px; }
.who-right-text p{margin-bottom:15px; font-size: 2.6rem; color: #000;}
.who-right-text p:last-child{margin-bottom:0;}
.form-control{ border-radius: 0; border-color: #bdbec0; font-size: 2.4rem; text-transform: uppercase; color: #ccc; }
textarea.form-control{ height: 100px; }
.btn-submit{ padding:6px 44px; border-radius: 0; background-color: #bb9b5e; font-size: 2.8rem; text-transform: uppercase; color: #fff; }
.contact-map{ margin-top: 60px; }
.history{ height: 315px; position: relative; text-align:left; background:url(../images/about-bg1.png) no-repeat center; background-size:100%; }
.history-left{ padding-top:100px; padding-bottom:100px; }
.history-left p{ font-size: 2.6rem; color: #000;}
.history-top{ width: 100%; position: absolute; left: 0; top:0; height: 100%; }
.history-top .container,.history-top .row{ height: 100%; }
.history-right{ height: 100%; display: table; }
.history-right h3{ display: table-cell; vertical-align: middle; letter-spacing: 1px; color: #22324e; font-size: 7.2rem; font-family: 'HelveticaLTStd-BlkCond'; text-transform: uppercase; }
.family{ background-color:#22324e; }
.family-text{ padding:50px; text-align:left; }
.family-text h3{ letter-spacing: 1px; margin-bottom:50px; font-size:7.2rem; font-family: 'HelveticaLTStd-BlkCond'; text-transform: uppercase; color: #fff; }
.family-text h3 span{ color: #bb9b5e; }
.family-text img{ max-width: 100%; }
.about-map{ display: block; }
.about-map-mobile{ display: none; }
.vision{ height: 315px; padding:80px 0; background:url(../images/about-bg2.png) repeat-y; background-size:100%; }
.vision-left{ text-align:right; color: #22324e;}
.vision-right{ text-align:left; color: #bb9b5e; }
.vision h3{ letter-spacing: 1px; margin-bottom:30px; font-size:7.2rem; font-family: 'HelveticaLTStd-BlkCond'; text-transform: uppercase; }
.vision p{ font-family: 'HelveticaLTStd-Cond'; font-size: 3.6rem; line-height: 1.2; }
.values{ background-color:#bb9b5e;  color: #fff; padding:50px 0 35px 0;}
.values h2{ letter-spacing: 1px; font-family: 'HelveticaLTStd-BlkCond'; font-size: 8rem; margin-bottom:30px; }
.values ul{ width: 100%; overflow:hidden; }
.values ul li{ width: 20%; float: left; padding:15px; }
.values ul li img{ height: 35px; }
.values ul li h5{ margin:15px 0 5px 0; text-transform: uppercase; font-family: 'AvenirNextLTPro-Bold'; font-size: 2.8rem; }
.values ul li p{ font-size: 2.6rem; }
.position{ padding:10px 0; letter-spacing: 1px; color: #bb9b5e; font-family: 'HelveticaLTStd-Cond'; font-size: 3.2rem; text-transform: uppercase; text-align:left;}
.position a{ color: #384a62; }
.position span{ color: #384a62; padding:0 5px; }

.service{ text-align:left; position: relative;}
.service a:hover{ color: #bb9b5e;}
.service-left,.service-right{ padding-top:80px; padding-bottom: 80px; }
.service h5{ line-height: 1.2; font-size:2.8rem; font-family: 'AvenirNextLTPro-Bold'; color: #bb9b5e; text-transform: uppercase; }
.service p{ margin-bottom:15px; font-size: 2.6rem; color: #000;}
.service strong{ text-transform: uppercase; }
.service p:last-child{ margin-bottom:0; }
.service h3{ letter-spacing: 1px; display: table-cell; vertical-align: middle; font-family: 'HelveticaLTStd-BlkCond'; font-size: 7.2rem; color: #fff; text-transform: uppercase; }
.service-vtop{ width: 100%; height: 100%; position: absolute; top:0;  }
.service-vtop-img{ width: 50%; height: 100%; position: absolute; z-index: -1; background-size: cover; background-repeat: no-repeat; background-position: center;}
.service-vtop-left .service-vtop-img{ left: 0; }
.service-vtop-right .service-vtop-img{ right: 0; }
.service-vtop-bg{ width: 100%; height: 100%; background-color: rgba(34,50,78,.2);}
.service-vtop .container,.service-vtop .container .row{ height: 100%; }
.service-text{ height: 100%; display: table;}
.service-text h3{ letter-spacing: 1px; display: table-cell; vertical-align: middle; font-family: 'HelveticaLTStd-BlkCond'; font-size: 7.2rem; color: #fff; text-transform: uppercase; }

.img-side {
    padding: 0px;
    position: absolute;
    top: 0px;
    height: 100%;
    overflow: hidden;
}
.img-holder {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1;
}
/*.img-side img{ max-width: 100%; }*/
.img-side.img-left{ left: 0; }
.img-side.img-right{ right: 0; }
.img-text{ padding: 0 50px; width: 100%; height: 100%; position: absolute; top:0; /*z-index: 2;*/ display: table; background-color: rgba(34,50,78,.2); /*rgba(94,99,103,.5)*/}
.img-text h3{ letter-spacing: 1px; display: table-cell; vertical-align: middle; font-family: 'HelveticaLTStd-BlkCond'; font-size: 7.2rem; color: #fff; text-transform: uppercase; }

.who .col-md-6,.history .col-md-6,.vision .col-md-6,.service .container .col-md-6{ padding-left: 50px; padding-right: 50px; }
.history .col-md-6.history-left,.service .container .col-md-6.service-left,.service-vtop-left .container .col-md-6{ padding-left: 168px; }
.who .col-md-6.who-right-text,.service .container .col-md-6.service-right,.service-vtop-right .container .col-md-6{ /*padding-right:218px;*/padding-right:168px; }
.family h3{ padding-left: 103px; }
.who a:hover{ color: #bb9b5e;}
.history a:hover{ color: #bb9b5e;}

.opportunity{ /*background-color: #fff;*/ text-align:left; }
.opportunity-items{ margin:-60px 0 50px 0; box-shadow: 11px 0 29px rgba(41,36,29,.23); }
.opportunity-item{ padding:0;  background-color: #bb9b5e;}
.opportunity-top{ width: 100%; height: 120px; display: table; background-color: #22324e; color: #fff; padding:0 80px;}
.opportunity-top h3{ display: table-cell; vertical-align: middle; font-size: 4.6rem; font-family: 'AvenirNextLTPro-Bold'; text-transform: uppercase;}
.opportunity-text{ padding:50px 80px; background-color: #fff;}
.opportunity-text p{ margin-bottom:15px; font-size: 2.6rem; color: #22324e; }
.opportunity-text img{ max-width: 100px; margin-top:5px; }
.opportunity-text span{ color: #bb9b5e; }
.opportunity-text ul{ margin:5px 0 15px 0; }
.opportunity-text ul li{ font-family: 'AvenirNextLTPro-Bold'; font-size: 2.8rem; color: #bb9b5e; }
.opportunity-text ul li a{ text-decoration: underline;}
.opportunity-text ul li a:hover{ font-family: 'AvenirNext-BoldItalic'; /*text-decoration: none;*/ }
.opportunity-item:last-child{ border-left: 1px solid #bb9b5e; }
.opportunity-item:last-child .opportunity-top{ background-color: #bb9b5e; }

.vacancy{position: relative; background-color: #f6f6f6;}
.vacancy-block{  margin: -50px 0 50px 0; text-align:left; background-color: #fff; padding:50px 80px; box-shadow: 11px 0 29px rgba(41,36,29,.23);}
.vacancy-block hr{ width: 100%; height: 1px; border:0; background-color: #bb9b5e;}
.vacancy-block h4{ margin:50px 0 15px 0; font-family: 'AvenirNextLTPro-Bold'; font-size: 4.6rem; color: #bb9b5e; text-transform: uppercase; }
.vacancy-block h5{ display: inline-block; margin:15px 0; font-family: 'AvenirNextLTPro-Bold'; font-size: 2.8rem; color: #bb9b5e; text-transform: uppercase;}
.vacancy-block p{ margin-bottom:15px;}
.vacancy-block span{font-family: 'AvenirNextLTPro-Bold'; color: #bb9b5e}
a.opp-btn{ display: inline-block; margin-top: 15px; background-color:#bb9b5e; padding:10px 30px; color: #fff; text-transform: uppercase; }

.project{ position: relative; background:#f6f6f6 url(../images/article-bg.png) no-repeat top; background-size: 100%; }
.project-block{ margin:-50px 0 50px 0; background-color: #fff; box-shadow: 11px 0 29px rgba(41,36,29,.23);}
.project-top{ letter-spacing: 1px; margin:0; padding:30px 50px; background-color:#bb9b5e; text-align:left; line-height: 30px; font-family: 'HelveticaLTStd-Cond'; font-size: 3.2rem; text-transform: uppercase; }
.project-top ul li{ display: inline-block; padding:0 30px 0 0;}
.project-top ul li a{ display: inline-block; color: #fff; position: relative; }
.project-top ul li a span{ padding-left: 15px;}
.project-top ul li a:before{ position: absolute; margin:11px 0 11px 0; content: ''; width: 8px; height: 8px; background-color: #fff;}
.project-top ul li a:hover,.project-top ul li.current a{ color: #22324e; text-decoration: underline;  font-family: 'HelveticaLTStd-BlkCond';}
.project-top ul li a:hover:before,.project-top ul li.current a:before{ background-color: #22324e; }
.project-list{ padding:0 50px; }
.project-list ul li{ height: 290px; overflow:hidden; margin:30px 0; }
.project-list ul li .project-img{ max-height: 235px; overflow:hidden; }
.project-list ul li h5{ text-align:left; font-family: 'AvenirNextLTPro-Bold'; font-size:2.8rem; line-height: 20px; height: 20px; overflow:hidden; }
.project-list ul li p{ text-align:left; font-size: 2.6rem; line-height: 20px; height: 20px; overflow:hidden; }
.project-list ul li a{ color: #414f5f; }
.project-list ul li:hover .project-hover{ opacity: 1; }
.project-list ul li:hover a{ color: #bb9b5e; }
.nextpage{ padding:15px 0 30px 0; }
/*.nextpage ul li{ display: inline-block; }
.nextpage ul li span,.nextpage ul li a{ color: #384a62; padding:0 5px; }
.nextpage ul li a:hover{ font-family: 'AvenirNextLTPro-Bold'; text-decoration:underline; color:#bb9b5e;}*/
#pagenavi{ display: inline-block; }
#pagenavi span,#pagenavi a{ display: inline-block; color: #384a62; padding:0 5px;}
#pagenavi a:hover,#pagenavi span.current{ font-family: 'AvenirNextLTPro-Bold'; text-decoration:underline; color:#bb9b5e;}

.residential-top{ letter-spacing: 1px; width: 100%; overflow:hidden; margin:0; padding:30px 50px; background-color:#22324e; text-align:left; line-height: 30px; font-family: 'HelveticaLTStd-Cond'; font-size: 3.2rem; text-transform: uppercase; }
.residential-top ul li{ display: inline-block; padding:0 30px 0 0;}
.residential-top ul li a{ display: inline-block; color: #fff; position: relative; }
.residential-top ul li a span{ padding-left: 15px;}
.residential-top ul li a:before{ position: absolute; margin:11px 0 11px 0; content: ''; width: 8px; height: 8px; background-color: #fff;}
.residential-top ul li a:hover,.residential-top ul li.current a{ color: #bb9b5e; text-decoration: underline;  font-family: 'HelveticaLTStd-BlkCond';}
.residential-top ul li a:hover:before,.residential-top ul li.current a:before{ background-color: #bb9b5e; }

.project-article{ padding:0 60px 15px 60px; text-align: left; }
.article-top{ width: 100%; overflow:hidden; padding:25px 0; line-height: 30px; }
.article-top h1{ float: left; font-family: 'AvenirNextLTPro-Bold'; line-height: 30px; font-size: 4.8rem; color: #414f5f; text-transform: uppercase; }
/*.article-top ul{ float: right; }
.article-top ul li{ display: inline-block; }
.article-top ul li a{ color: #384a62; font-size: 2.8rem; }
.article-top ul li:first-child:after{ content: '|'; padding:0 15px; }
.article-top ul li a i{ padding:0 5px; }
.article-top ul li a:hover{ color: #c3ae8c; }
.article-top ul li a:hover span{ text-decoration:underline; font-weight: bold; }*/
.article-top a{ float: right; color: #384a62; font-size: 2.8rem; text-decoration: underline;}
.article-top a:hover{ color: #c3ae8c; font-weight: bold; }
.project-article img{ width: 100%!important; height: auto!important;}
.project-article h3{ font-family: 'AvenirNextLTPro-Bold'; font-size: 2.8rem; color: #414f5f; margin:15px 0;}
.project-article p{ font-size: 2.6rem; color: #000; margin-bottom:10px; }
.project-article table{ width:100%!important; }
.project-article table tr td{ width: 50%!important; padding:15px 15px 15px 0; }
.project-article table tr td:nth-child(2n){ padding:15px 0 15px 15px ; }

.sale-block{ margin:-50px 0 50px 0; padding:50px; background-color: #fff; box-shadow: 11px 0 29px rgba(41,36,29,.23);}
.sale{ padding:50px 0; border-top: 1px solid #726f6d; }
.sale-img{ width: 100%; height: 250px; overflow:hidden; position: relative; margin-left: -15px; }
.sale-img img{ max-width: 100%;}
.sale-img:hover .project-hover{ opacity: 1; }
.sale-text{ height: 250px; position: relative; font-size: 2.8rem; text-align:left; }
.sale-text h3{ text-transform: uppercase; font-size: 2.8rem; font-family: 'AvenirNextLTPro-Bold'; color: #414f5f; line-height: 1.5; }
.sale-text p{ margin:30px 0 15px 0; color: #000; }
.sale-text h4{font-size: 2.8rem; color: #414f5f; line-height: 1.5;}
.sale-text h5{ font-size: 2.8rem; font-family: 'AvenirNextLTPro-Bold'; color: #414f5f; line-height: 1.5; }
.sale-text ul li{ line-height: 35px; display: inline-block; padding:0 0 0 55px; background-size: auto 100%; background-image: url(../images/sale-ico1.png); background-repeat: no-repeat; background-position: left center; }
.sale-text ul li:last-child{ margin-left: 30px; padding-left: 45px; background-image: url(../images/sale-ico3.png); }
.sale-text ul li sup{ font-size: 1rem; transform: scale(0.8,1.5); }
.sale-more{ position: absolute; bottom: 0;}
.sale-more a{ font-family: 'AvenirNextLTPro-Bold'; color: #bb9b5e; text-decoration: underline; }
.sale-more a:hover{font-family: 'AvenirNext-BoldItalic'; }

.sale-top{ padding:0 50px; }
.sale-top-back{ padding:15px 0; text-align:right; font-size: 2.8rem; border-bottom: 1px solid #726f6d; }
.sale-top-back a{ display: inline-block; color: #384a62; }
.sale-top h3{ width: 100%; overflow:hidden; font-family: 'AvenirNextLTPro-Bold'; line-height: 25px; padding:20px 0; text-align:left; }
.sale-top h3 strong{ font-size: 4.8rem; color: #414f5f; font-weight: normal; float:left;}
.sale-top h3 span{ font-size: 3.6rem; color: #bb9b5e; float:right; }
.sale-top-gallery{ height: 600px; overflow:hidden; }
.sale-top-gallery img{ width: 100%; }

.sale-top-gallery .flexslider{position:relative; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.sale-top-gallery .slides{  position:relative;}
.sale-top-gallery .slides li{  }
.sale-top-gallery .flex-control-nav{ display: none; position:absolute;bottom:20px;z-index:2;width:100%;text-align:center; height: 14px;}
/*.sale-top-gallery .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;}
.sale-top-gallery .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:14px;overflow:hidden;  text-indent: -9999px; cursor:pointer; background: rgba(35,31,32,0.3); border-radius: 100%;}
.sale-top-gallery .flex-control-nav .flex-active,.flex-control-nav a:hover{background: rgba(255,255,255,1);}*/
.sale-top-gallery .flex-direction-nav{ position:absolute;z-index:2;width:100%;top:50%; margin-top:-30px;}
.sale-top-gallery .flex-direction-nav li a{display:block;width:60px;height:60px; background-color: #bb9b5e; background-repeat: no-repeat; background-position: center; background-size:auto 50%; overflow:hidden;cursor:pointer;position:absolute; }
.sale-top-gallery .flex-direction-nav li a.flex-prev{left:0;background-image:url(../images/sale-prev.png);}
.sale-top-gallery .flex-direction-nav li a.flex-next{right:0;background-image:url(../images/sale-next.png);}

.sale-tabs{ width: 100%; overflow:hidden; margin:30px 0 0 0; padding:0 50px; background-color: #22324e; line-height: 50px; }
.sale-tabs ul{ width: 100%; /*display: table;*/ font-size: 3.2rem; font-family: 'HelveticaLTStd-Cond'; }
.sale-tabs ul li{ width: 25%; float: left; /*display: table-cell;*/ }
.sale-tabs ul li a{ display: block; color: #fff; text-transform: uppercase; }
.sale-tabs ul li.current,.sale-tabs ul li:hover{ background-color: #bb9b5e; }
.sale-detail{ padding:30px 85px; text-align:left; }
.sale-detail p{ margin-bottom: 15px; }
.sale-detail img{ max-width: 100%; }
/*@media (max-width:1400px){
    .header-img{ right: 50px; }
    .slider-bg{ padding-right: 50px; }
    .banner{ padding-right: 50px; }
}*/
@media (max-width:1200px){
    html{ font-size: 28%;}
    .logo img,.header-img img{ padding:7px 0; }
    /*.nav{ width: calc(100% - 340px);}*/
    .nav > ul > li:after{ padding:0 5px; }
    .home-service-img{ width: 436px; height: 290px; }
    .home-service-img img{ width: 420px; }
    .footer-logo img{ height: 32px; }
    .footer-nav,.footer-contact{ padding:0; }
    .home-about-left{ /*width: 525px;*/ width: 50%; }
    .home-about-more{ width: 100%; }
    .who .col-md-6,.history .col-md-6,.vision .col-md-6,.service .container .col-md-6{ padding-left: 30px; padding-right: 30px; }
    .history .col-md-6.history-left,.service .container .col-md-6.service-left,.service-vtop-left .container .col-md-6{ padding-left: 148px; }
    .family h3{ padding-left: 83px; }
    .project-items{ display: none; }
    .home-projects .flexslider3{ display: block; }
    .home-projects ul li{ padding-bottom: 15px; }
    .home-projects ul li h4,.home-projects ul li p{ text-align: center; }
}

@media (max-width:992px){    
    #mask{ width:150px; }
    .menu-toggle{ display:block; }
    .nav{ display:none; }
    .languages{ display: none; }
    .footer-contact{ padding:15px 0; }
    footer,.footer-nav{ text-align: center; }
    .footer-nav ul{ float: none; letter-spacing: 0; }
    .footer-nav ul li{ float: none; display: inline-block; }
    .footer-nav p{ float: none; display: block; }
    .home-about-wrapper{ width: 90%; }
    .home-about-left{ /*width: 400px;*/ padding:30px 15px; }
    /*.home-about-right{ padding:30px 15px; }*/
    .home-about-img{width: 300px; height: 292px; float: none; margin:0 auto;}
    .home-about-img img{ width: 292px; margin:-50px 0 0 -30px; }
    .home-service{ padding:0 0 80px 0; margin-top:0; }
    .home-service-vtop{ position: static; margin:30px 0 0 0; }
    .home-service-img{ width: 306px; height: 190px; margin:0 auto; }
    .home-service-img img{ width: 290px; margin:30px 0 0 20px; }
    .home-projects-wrapper{ padding:30px 15px; }
    .home-projects,.partners{ padding:30px 0; }
    .who-right-text{ padding-top:30px; padding-bottom:30px; }
    .history{ height: auto; padding:30px 0; }
    .history-left{ padding-top:30px; padding-bottom:0; }
    .history-top{ position: static; }
    .family h3{ padding:0; text-align:center; }
    .vision{ height: auto; }
    .vision-left{ text-align: center; margin-bottom: 40px;}
    .vision-right{ text-align: center;}
    .service{ position: static; }
    .service-left, .service-right{ padding:30px; }
    .img-side{ position: static; }
    .img-holder{ position: relative; height: 300px; }
    .history .col-md-6.history-left, .service .container .col-md-6.service-left,.service-vtop-left .container .col-md-6{ padding-left: 30px; }
    .who .col-md-6.who-right-text, .service .container .col-md-6.service-right,.service-vtop-right .container .col-md-6{ padding-right:30px; }
    .opportunity-item:first-child{ border-right: 0; }
    .opportunity-top{ padding:30px; height: auto; }
    .opportunity-text{ padding:30px; }
    .vacancy-block{ padding:30px; }
    .project-list ul li .project-img,.project-list ul li{ height: auto; }
    .service-vtop{ height: 300px; position: static; }
    .service-vtop-img{ width: 100%; height: 300px; }
    .sale-img{ margin:0 0 30px 0; }
}
@media (max-width:768px){
    /*.logo img,.header-img img{ padding:7px 0; }*/
    .header-img{ right: 45px; }
    .slider{ height: 450px;}
    .slider-bg,.banner{ padding-right:45px; }
    .slider-container{ top:20%; }
    .slider-container .container,.slider-more .container{ padding-right: 60px; }
    .slider-text h3{ font-size:5.6rem; white-space:pre-line;}
    .home-about-left{ width: 100%; }
    .home-about-wrapper{ width: 100%; }
    .project-article table tr td{ display: block; width: 100%!important; }
    .values ul{ padding:0 20%; }
    .values ul li{ width: 100%; }
    .banner-bg{ height: 300px; }
    .banner-text{ padding: 100px 0 0 0; font-size:9rem; }
    .banner-opportunity .banner-text{ padding-left:15px; }
    /*.partners ul li{ width: 100%; }*/
    .who{ margin-top: 50px; }
    .project-list{ padding:0 15px; }
    .who .col-md-6, .history .col-md-6, .vision .col-md-6, .service .container .col-md-6{ padding-left:15px; padding-right:15px; }
    .history .col-md-6.history-left, .service .container .col-md-6.service-left,.service-vtop-left .container .col-md-6{ padding-left: 15px; }
    .who .col-md-6.who-right-text, .service .container .col-md-6.service-right,.service-vtop-right .container .col-md-6{ padding-right:15px; }
    .who-left-block{ width: calc(100% - 16px); height: calc(100% + 15px) }
    .who-left-text, .who-left-contact{ margin:-30px 0 30px 15px; padding:30px 15px; }
    /*.services ul li{ font-size: 3.6rem; }*/
    .opportunity-top,.opportunity-text,.vacancy-block{ padding:15px; }
    .vacancy-block h4{ margin-top: 30px; }
    .about-map{ display: none; }
    .about-map-mobile{ display: block; }
    .residential-top,.project-top{ padding:15px; }
    .project-article{ padding:0 15px 15px 15px; }
    .family-text{ padding:50px 0; }
    .project-top ul li,.residential-top ul li{ padding:0; width: 100%; }
    .vision p{ font-size: 3rem; }
    .sale-block{ margin:-30px 0 30px 0; padding:30px 15px; }
    .sale{ padding:30px 0; }
    .sale-img{ height: auto; }
    .sale-text{ height: auto; }
    .sale-text ul li:last-child{ margin-left: 15px; }
    .sale-more{ margin-top: 15px; position: static; }
    .sale-top{ padding:0 15px; }
    .sale-top h3 strong,.sale-top h3 span{ float: none; display: block; }
    .sale-top-gallery{ height: 200px; }
    .sale-top-gallery .flex-direction-nav{ margin-top:-15px; }
    .sale-top-gallery .flex-direction-nav li a{ width: 30px; height: 30px; }
    .sale-tabs{ padding:0; font-size: 2rem; line-height: 1;}
    .sale-tabs ul li a{ padding:15px 0 8px 0; }
    .sale-detail{ padding:30px 30px; }

}