/*
Theme Name: harris
Author: millstudio
Author URI: http://millstudio.pl/
Version: 1.0
*/
@font-face {
    font-family: 'corbel_font';
    src: url('fonts/corbel-webfont.eot');
    src: url('fonts/corbel-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/corbel-webfont.woff') format('woff'),
         url('fonts/corbel-webfont.ttf') format('truetype'),
         url('fonts/corbel-webfont.svg#corbelregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'corbel_font';
    src: url('fonts/corbelb-webfont.eot');
    src: url('fonts/corbelb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/corbelb-webfont.woff') format('woff'),
         url('fonts/corbelb-webfont.ttf') format('truetype'),
         url('fonts/corbelb-webfont.svg#corbelbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'corbel_font';
    src: url('fonts/corbeli-webfont.eot');
    src: url('fonts/corbeli-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/corbeli-webfont.woff') format('woff'),
         url('fonts/corbeli-webfont.ttf') format('truetype'),
         url('fonts/corbeli-webfont.svg#corbelitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'corbel_font';
    src: url('fonts/corbelz-webfont.eot');
    src: url('fonts/corbelz-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/corbelz-webfont.woff') format('woff'),
         url('fonts/corbelz-webfont.ttf') format('truetype'),
         url('fonts/corbelz-webfont.svg#corbelbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}
html {overflow-y: scroll !important;}
body {background:#00131e url("images/bg3.jpg") no-repeat center center;margin:0; padding:0; font-size:12px;color:#4d4d4d;line-height:1.2;background-size: cover;background-attachment: fixed;}
body, input, button, textarea {font-family: "corbel_font", Arial, Helvetica, serif;font-weight: normal;}
a {color:inherit;text-decoration: none;}
img {border: none;}
input, textarea {outline: none;}
.contact-name, .contact-el img, #our-people .people .people-name, .submenu-left, .submenu-right, #content #menu li.languages > strong, #menu li.newsletter a, #newsletter, #mini-left, #mini-right, #menu-mobile, input, textarea, .btn, #copyright, #menu li a span, #menu li a strong, #scrolldown, #langs, a {
  -webkit-transition-property: background-position, background-color, border-color, color, opacity, padding, margin;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: background-position, background-color, border-color, color, opacity, padding, margin;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: background-position, background-color, border-color, color, opacity, padding, margin;-ms-transition-duration: 0.3s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: background-position, background-color, border-color, color, opacity, padding, margin;-o-transition-duration: 0.3s;-o-transition-timing-function: ease-out;    
  transition-property: background-position, background-color, border-color, color, opacity, padding, margin;transition-duration: 0.3s;transition-timing-function: ease-out;  
}
/*#terms,*/
.all {
  -webkit-transition-property: all;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: all;-moz-transition-duration: 0.3s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: all;-ms-transition-duration: 0.3s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: all;-o-transition-duration: 0.3s;-o-transition-timing-function: ease-out;    
  transition-property: all;transition-duration: 0.3s;transition-timing-function: ease-out;  
}
.clr {clear:both !important; float: none !important; margin: 0 !important; padding: 0 !important;width: auto !important;height: auto !important;display: block !important; position: static !important;border: none !important;}
h1, h2, h3, h4, h5, h6, h7 ul, ol, p {margin:0;padding: 0;}
table {width:100%;}
td {vertical-align: top;}
#content {width:100%;height: 100%;position: relative;overflow: hidden;z-index: 2;}
.js #content {position: fixed;top:50%;margin-top:-384px;}
.js.min_h #content {position: relative;top:auto;margin-top: 0;}
#content-in {width:1024px;height: 768px; margin: 0 auto;position: relative;overflow: hidden;z-index: 2;}
.container {width: 977px;margin: 0 auto;padding-left: 19px;padding-right: 28px;}
.menu-bg {position: absolute;top:0; left: 0;width: 100%;height: 100%;background: url("images/transparent.png") repeat;z-index: 1;}
#logo1 {position: absolute;min-height: 165px;top:50%;left: 50%;margin-top:-83px;margin-left:-180px;z-index: 3;font-size: 50px;text-transform: uppercase;font-weight: bold;line-height: 1.1;}
#logo1 a {color: #fff;display: block;padding-left: 170px;background: url("images/logo.png") no-repeat left center;}
#logo1 a span {display: block;}
.lang_cn #logo1 a {padding-top:28px;padding-bottom: 28px;}
#menu {z-index: 1;position: absolute;left: 0;top:0;width:100%;}
#menu ul {list-style:none;margin: 0;padding: 0;}
#menu li {position: absolute;z-index: 4;}
#menu li a {position: relative;display: block;color: #fff;text-transform:uppercase;font-size:15px;}
#menu li.careers a {font-size: 13px;}
#menu li a strong {position: absolute;bottom: 9px;font-weight:normal;z-index: 3;}
#menu li a span {position: absolute;width:50%;height: 200%;background-color: inherit;z-index: 2;}
#menu .newsletter.send #newsletter, #menu .newsletter.send a.active, #menu .newsletter.send a, #menu li a:hover, #menu li a.active, #menu li a:hover span, #menu li a.active span {background: #4b1441;}
#menu li.facts-figures a {font-size: 13px;}
#menu li a strong {position: absolute;bottom: 15px;font-weight:normal;z-index: 3;}
#menu li a span {position: absolute;width:50%;height: 200%;background-color: inherit;z-index: 2;}
#menu .about-us {width:158px;height: 79px;left: 60px;top: 64px;}
#menu .about-us a {width:158px;height: 79px;}
#menu .about-us a, #menu .about-us a span {background: #0078a0;}
.about-us a span {top:0;left: 0;}
.about-us a strong {right: 12px;}
#menu .our-people {width:146px;height: 73px;left: 772px;top: 70px;}
#menu .our-people a {width:146px;height: 73px;}
#menu .our-people a, #menu .our-people a span {background: #77bae7;}
.our-people a span {top:0;right: 0;}
.our-people a strong {left: 13px;}
#menu .services {width:124px;height: 62px;left: 77px;top:668px;}
#menu .services a {width:124px;height: 62px;}
#menu .services a, #menu .services a span {background: #0d5285;}
.services a span {bottom:0;left: 0;}
.services a strong {left: 13px;}
#menu .contact {width:124px;height: 62px;left: 783px;top: 668px;}
#menu .contact a {width:124px;height: 62px;}
#menu .contact a, #menu .contact a span {background: #0078a0;}
.contact a span {bottom:0;right: 0;}
.contact a strong {right: 13px;}
.contact-el .contact-name > span, .contact-el, .contact-el img, #contact .text-container {min-height: 525px;max-height: 525px;height: 525px;}
#contact .text-container {width:706px;}
.contact-el {width: 25%;float: left;position: relative;overflow: hidden;cursor: pointer;}
.by-5 .contact-el {width: 20%;}
.contact-el img {left: -190px;position: relative;}
.by-5 .contact-el img {left: -210px;}
#contact-front {width:708px;}
#contact-front .contact-name {background:rgba(255,255,255,0.6);}
#contact-front:hover .contact-name {background:rgba(255,255,255,0.8);}
#contact-front:hover .contact-el.next-el .contact-name, #contact-front:hover .contact-el.prev-el .contact-name {background:rgba(255,255,255,0.6);}
#contact-front:hover .contact-el:hover .contact-name {background: #4b1441;background:rgba(75,20,65,0.8);color:#fff;}
.contact-el .contact-name {position: absolute;top:0;left: 0;width:100%;height: 100%;display: block;text-transform: uppercase;text-align: center;color: #4b1441;font-weight: bold;font-size: 20px;}
.contact-el .contact-name > span {display: table;width:100%;}
.contact-el .contact-name > span > span {display: table-cell;vertical-align: middle;padding:0 10px;}
#contact .subclose-btn {width: 62px;height: 31px;background: #4c6798;position: absolute;z-index: 2;bottom: 0;right: 0;display: block;cursor: pointer;display: none;}
#contact .subclose-btn span {bottom: 100%;right:0;height: 31px;width:50%;position: absolute;display: block;background:inherit;}
#contact .subclose-btn strong {position: absolute;right:7px;bottom: 7px;font-size: 10px;text-transform: uppercase;color: #fff;}
#menu .newsletter {width:148px;height: 74px;left: 844px;top: 343px;z-index: 5;}
#menu .newsletter a {width:148px;height: 74px;}
#menu .newsletter a, #menu .newsletter a:hover, #menu .newsletter a.active, #menu .newsletter a:hover span, #menu .newsletter a.active span {background: #0d5285;}
#menu .careers {width:88px;height: 44px;left: 218px;top: 578px;}
#menu .careers a {width:88px;height: 44px;}
#menu .careers a, #menu .careers a span {background: #4b1441;}
#menu .careers a strong {left: 13px;}
#menu .careers span {background: inherit;width:44px;height: 44px;bottom: 100%;left: 0;position: absolute;}
#menu .careers a:hover span, #menu .careers a.active span, #menu .careers a:hover, #menu .careers a.active {background: #0d5285;}
#menu .facts-figures {width:158px;height: 79px;left: 30px;top: 90px;}
#menu .facts-figures a {width:158px;height: 79px;}
#menu .facts-figures a, #menu .facts-figures a span {background: #0078a0;}
.newsletter a span {bottom:0;right: 0;}
.newsletter a strong {right: 13px;}
#newsletter {display: block;position:absolute;top:100%;margin-top:8px;background:#0d5285;padding:12px 0;color:#fff;font-size:9px;text-transform:uppercase;width: 100%;}
#newsletter > * {margin-left: 12px;margin-right: 12px;}
#newsletter-intro {display: block;line-height: 12px;}
#newsletter-rep {display: block;line-height: 12px;}
#newsletter input {width:100px;border:none;padding:0 12px;font-size:9px;line-height:21px;height:21px;color:#000;margin-top:8px;}
#newsletter input.err {background: #f00;color: #fff;}
@keyframes animmove {
  0% {transform: translateY(0px);}
  50% {transform: translateY(2px);}
  100% {transform: translateY(0px);}
}
@-webkit-keyframes animmove {
  0% {-webkit-transform: translateY(0px);}
  50% {-webkit-transform: translateY(2px);}
  100% {-webkit-transform: translateY(0px);}
}
.js.clicked #logo1 a, .js #logo1 a {opacity: 0;}
.loaded #logo1 a {opacity: 1;}
#logo2 {min-width:81px;padding-top: 20px;background: url("images/logo2.png") no-repeat center top;position: absolute;left: 19px;top: 19px;z-index: 9;color: #fff;font-size: 10px;text-align: left;color: #fff;}
.js #menu li {  
  -webkit-transition-property: all;-webkit-transition-duration: 1s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: all;-moz-transition-duration: 1s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: all;-ms-transition-duration: 1s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: all;-o-transition-duration: 1s;-o-transition-timing-function: ease-out;    
  transition-property: all;transition-duration: 1s;transition-timing-function: ease-out;  
}
.js #menu .about-us {
	-webkit-transform: translateX(321px) translateY(257px) rotateZ(90deg) scale(0.6);
	-moz-transform:translateX(321px) translateY(257px) rotateZ(90deg) scale(0.6);
	-ms-transform:translateX(321px) translateY(257px) rotateZ(90deg) scale(0.6);
	-o-transform:translateX(321px) translateY(257px) rotateZ(90deg) scale(0.6);
	transform:translateX(321px) translateY(257px) rotateZ(90deg) scale(0.6);
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;    
}
.js #menu .our-people {
	-webkit-transform: translateX(-408px) translateY(230px) scale(0.64);
	-moz-transform: translateX(-408px) translateY(230px) scale(0.64);
	-ms-transform: translateX(-408px) translateY(230px) scale(0.64);
	-o-transform: translateX(-408px) translateY(230px) scale(0.64);
	transform: translateX(-408px) translateY(230px) scale(0.64);
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;    
}
.js #menu .services {
	-webkit-transform: translateX(249px) translateY(-266px) scale(0.79);
	-moz-transform:translateX(249px) translateY(-266px) scale(0.79);
	-ms-transform:translateX(249px) translateY(-266px) scale(0.79);
	-o-transform:translateX(249px) translateY(-266px) scale(0.79);
	transform:translateX(249px) translateY(-266px) scale(0.79);
  -webkit-transition-delay: 3s;
  -moz-transition-delay: 3s;
  -ms-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;    
}
.js #menu .contact {
	-webkit-transform: translateX(-481px) translateY(-291px) rotateZ(90deg) scale(0.77);
	-moz-transform:translateX(-481px) translateY(-291px) rotateZ(90deg) scale(0.77);
	-ms-transform:translateX(-481px) translateY(-291px) rotateZ(90deg) scale(0.77);
	-o-transform:translateX(-481px) translateY(-291px) rotateZ(90deg) scale(0.77);
	transform:translateX(-481px) translateY(-291px) rotateZ(90deg) scale(0.77);
  -webkit-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -ms-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;    
}
.js #menu .newsletter {
	-webkit-transform: translateX(-458px) translateY(-20px) rotateZ(-90deg) scale(0.64);
	-moz-transform: translateX(-458px) translateY(-20px) rotateZ(-90deg) scale(0.64);
	-ms-transform: translateX(-458px) translateY(-20px) rotateZ(-90deg) scale(0.64);
	-o-transform: translateX(-458px) translateY(-20px) rotateZ(-90deg) scale(0.64);
	transform: translateX(-458px) translateY(-20px) rotateZ(-90deg) scale(0.64);
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;    
}
.js #menu .careers {
	-webkit-transform: translateX(127px) translateY(-168px) scale(1.08);
	-moz-transform: translateX(127px) translateY(-168px) scale(1.08);
	-ms-transform: translateX(127px) translateY(-168px) scale(1.08);
	-o-transform: translateX(127px) translateY(-168px) scale(1.08);
	transform: translateX(127px) translateY(-168px) scale(1.08);
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -ms-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;    
}
.js #menu .facts-figures {
	-webkit-transform: translateX(127px) translateY(-168px) scale(1.08);
	-moz-transform: translateX(127px) translateY(-168px) scale(1.08);
	-ms-transform: translateX(127px) translateY(-168px) scale(1.08);
	-o-transform: translateX(127px) translateY(-168px) scale(1.08);
	transform: translateX(127px) translateY(-168px) scale(1.08);
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -ms-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;    
}
.js #content #menu li {opacity: 0;}
.loaded #content #menu li {
	-webkit-transform:translateX(0px) translateY(0px) scale(1);
	-moz-transform:translateX(0px) translateY(0px) scale(1);
	-ms-transform:translateX(0px) translateY(0px) scale(1);
	-o-transform:translateX(0px) translateY(0px) scale(1);
	transform:translateX(0px) translateY(0px) scale(1);
  opacity: 1;
}
li.languages {font-size: 15px;text-transform: uppercase;top:28px;right: 28px;color: #fff;float: right;position: absolute;z-index: 2;padding-left: 16px;background: url("images/langs.png") no-repeat left center;}
.js #logo2, /*.js #terms, */.js #copyright, .js #menu li a strong, .loaded li.languages {
  opacity: 0;
  -webkit-transition-delay: 4s;
  -moz-transition-delay: 4s;
  -ms-transition-delay: 4s;
  -o-transition-delay: 4s;
  transition-delay: 4s;    
}
.loaded #logo2, /*.loaded #terms, */.loaded #copyright, .loaded #menu li a strong, .loaded li.languages {opacity: 1;}
li.languages > strong {display:none;}
li.languages span {display:inline-block;padding:0 2px;}
#langs a, #langs span {opacity: 0.5;}
#menu li #langs a {display:inline-block;}
#menu #langs a:hover {opacity: 1;background: none;}
#menu #langs a.current {font-weight: bold;opacity: 1;}
#copyright {font-size: 10px;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 3;color: #fff;text-align: center;white-space: nowrap;background: #161616;background: rgba(22,22,22,0.75);line-height: 15px;padding: 8px 0;}
#terms {/* font-size: 12px; *//* font-weight: bold; *//* position: absolute; *//* bottom: 10px; *//* right: 20px; *//* float: right; *//* color: #fff; *//* z-index: 3; */}
/*#terms_link {color: inherit;}*/
/*#terms #terms_link:hover {text-decoration:underline;}*/
/*#terms a {display: block;float: right;margin-right: 10px;}*/
/*#terms a:first-child {margin-right:0}*/
#google-plus img, #linked-in img {height: 15px;width: auto;display: block;float: right;}
.page {position: relative;background: #fff;}
.js .page {
  position: absolute;z-index: 10;width:0;display: none;
  -webkit-transition-property: width;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: width;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: width;-ms-transition-duration: 0.5s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: width;-o-transition-duration: 0.5s;-o-transition-timing-function: ease-out;    
  transition-property: width;transition-duration: 0.5s;transition-timing-function: ease-out;  
}
.page strong {color: #4b1441;}
.page ul, .page ol {padding-left: 17px;}
.page .swiper-wrapper {margin: 0;}
#page-bg {position: fixed;top:0;left: 0;width:100%;height: 100%;z-index: 1;}
#page-bg div {
  opacity: 0;position: absolute;top:0;left: 0;width:100%;height: 100%;background-position: center center;background-size: cover;
  -webkit-transition-property: opacity;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;
  -moz-transition-property: opacity;-moz-transition-duration: 0.5s;-moz-transition-timing-function: ease-out;
  -ms-transition-property: opacity;-ms-transition-duration: 0.5s;-ms-transition-timing-function: ease-out;    
  -o-transition-property: opacity;-o-transition-duration: 0.5s;-o-transition-timing-function: ease-out;    
  transition-property: opacity;transition-duration: 0.5s;transition-timing-function: ease-out;  
}
.swiper-container {height: 100%;margin: 0;}
.swiper-slide {float: none;width:100%;}
#page-bg .active {opacity: 1;}
#about-us.page {padding: 30px 70px 30px 40px;top: 143px;left: 139px;}
#about-us.page.active {width:596px;}
#about-us .swiper-container{max-height: 465px;min-height: 465px;}
#about-us .swiper-slide {width:596px;}
#about-us .page-content {
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -ms-column-count: 2;
  -ms-column-gap: 40px;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
  column-count: 2;
  column-gap: 40px;  
}
.page .swiper-scrollbar {background:#e6e6e6; width: 30px; height: 100%; position: absolute; right: 3px;top: 0;border-radius: 0;}
.page .swiper-scrollbar-on {padding: 0 3px;width: 30px; height: 100%;position: absolute; right: -3px;top: 0;overflow: hidden;z-index: 2;}
.page .swiper-scrollbar-drag{ background:url("images/thumb.png"); height: 36px !important; width: 36px; cursor: pointer; left: -3px;border-radius: 0;}
.text-container {position: relative;overflow: hidden;}
#our-people.page {border:6px solid #fff;top: 143px;right: 179px;}
#our-people.page.active {width:699px;}
.p-over, #our-people .text-container {min-height: 513px;max-height: 513px;height: 513px;width:699px;}
.p-over {width: 100%;}
.p-info {overflow: hidden;position: relative;clear: both;float: none;padding: 0 30px;}
.p-over {display: table;}
.p-over-in {display: table-cell;vertical-align: middle;}
.p-over-in > img {width:132px;height: auto;float: left;display: block;margin-top:3px;}
.p-over-in > div {float: right;width: 471px;}
#our-people-intro {margin:0 0 30px 0;}
.p-office {background: #4b1441;font-weight: bold;color: #fff;padding:10px 12px 10px 156px;margin-bottom:20px;text-transform:uppercase;float: none;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.p-name {font-size: 12px;font-weight: bold;color: #4b1441;margin:0;}
.p-intro, .p-phone, .p-occup {font-style: italic;display: block;}
.lang_cn .p-intro, .lang_cn .p-phone, .lang_cn .p-occup {font-style: normal;}
.p-desc {margin-top:15px;margin-bottom: 15px;}
#our-people .people {position: relative;float: left;overflow: hidden;cursor: pointer;}
#our-people .people .people-name > span, #our-people .people {width:233px;height: 256px;}
#our-people .people img {display: block;min-width: 235px;min-height: 258px;width: auto;height: auto;position: relative;left: -12px;top:-1px;}
#our-people .people .people-name {position: absolute;left: 0;top:0;width:100%;height: 100%;text-align: center;display: block;background: #4b1441;background:rgba(75,20,65,0.5);font-size: 20px;font-weight: bold;opacity: 0;color: #fff;}
#our-people .people:hover .people-name {opacity: 1;}
#our-people .people .people-name > span {display: table;width: 100%;}
#our-people .people .people-name > span > span {display: table-cell;vertical-align: middle;padding:0 10px;}
#our-people .subclose-btn {width: 73px;height: 36px;background: #4c6798;position: absolute;z-index: 2;top: -6px;right: -6px;display: block;cursor: pointer;}
#our-people .subclose-btn span {top: 100%;right:0;height: 37px;width:50%;position: absolute;display: block;background:inherit;}
#our-people .subclose-btn strong {position: absolute;right:7px;bottom: 7px;font-size: 10px;text-transform: uppercase;color: #fff;}
.page-title {font-weight:normal;font-size:35px;text-transform:uppercase;color:#000;margin-bottom: 15px;}
#services.page {padding: 0;bottom: 74px;left: 139px;}
#services.page.active {width:706px;}
#services .swiper-container {min-height: 425px;max-height: 425px;}
#services .swiper-slide {width: 640px;}
#services .submenu .page-title {position:absolute;bottom:100%;margin: 0;width: 100%;left: 0;text-align: center;}
.submenu {height:86px;width: 630px;margin-left: 40px;padding-top:21px;padding-bottom: 21px;}
.submenu ul {list-style:none;display:table;height:86px;padding:0;margin:0;border-right:1px solid #ccc;}
.submenu li {width: 88px;border-left:1px solid #ccc;text-align:center;display:table-cell;vertical-align:middle;height:86px;}
.submenu li a {color:#b3b3b3;padding: 0 3px;width: 82px;overflow: hidden;position: relative;font-size: 11px;text-transform:uppercase;font-weight:bold;display:block;}
#services .submenu li a:hover, .submenu li.active a {color:#4b1441;}
#services .submenu {position: relative;top:240px;z-index: 10;}
.subpages {position: relative;}
.submenu-left, .submenu-right {width:10px;height: 18px;position: absolute;top:118px;cursor: pointer;opacity: 1;}
.submenu-left.dis, .submenu-right.dis {cursor: auto;opacity: 0;}
.submenu-left {left: 21px;background: url("images/arr-l-dis.png") no-repeat center center;}
.submenu-right {right: 21px;background: url("images/arr-r-dis.png") no-repeat center center;}
.submenu-left:hover {background-image: url("images/arr-l-act.png");}
.submenu-right:hover {background-image: url("images/arr-r-act.png");}
#services .subpage-img {width: 173px;float:left;}
#services .subpage-img img {width: 173px;height:auto;}
#services .subpage-desc {width: 443px;float: right;padding-bottom: 20px;}
#services .subpages {min-height: 355px;}
#services .swiper-scrollbar-on {top:128px;height: 425px;}
#services .subpages > div {display:none;position: relative;overflow: hidden;}
#services .subpages #service-2 {display:block;}
#careers.page {padding: 30px 70px 30px 40px;bottom: 190px;left: 262px;}
#careers.page.active {width:260px;}
#careers .swiper-container {min-height: 375px;max-height: 375px;}
#careers .swiper-slide {width: 260px;}
#facts-figures.page {padding: 30px 70px 30px 40px;bottom: 250px;left: 262px;}
#facts-figures.page.active {width:260px;}
#facts-figures .swiper-container {min-height: 375px;max-height: 375px;}
#facts-figures .swiper-slide {width: 260px;}
#contact.page {padding:0;bottom: 100px;right: 179px;}
#contact.page.active {width:706px;}
#contact .swiper-container {min-height: 525px;max-height: 525px;}
#contact .swiper-slide {width: 706px;}
#privacy-terms.page {padding: 30px 70px 30px 40px;bottom: 38px;right: 20px;}
#privacy-terms.active {width: 280px;}
#privacy-terms .swiper-container {min-height: 650px;max-height: 650px;}
#privacy-terms .swiper-slide {width: 280px;}
#privacy-terms .swiper-scrollbar-on {height: 650px;}
#privacy-terms .close-btn {width:60px;height: 30px;background: #4b1441;position: absolute;z-index: 2;bottom: 0;right: 0;display: block;cursor: pointer;}
#privacy-terms .close-btn span {bottom:100%;right:0;height:100%;width:50%;position: absolute;display: block;background:inherit;}
#privacy-terms .close-btn strong {position: absolute;right:7px;bottom: 7px;font-size: 10px;text-transform: uppercase;color: #fff;}
.overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 100%;}
.scrollbar{ background:#e6e6e6; position: absolute; float: right; width: 30px; right: 0; top: 30px; z-index: 2;}
.track { background:#e6e6e6; width: 30px; position: relative; }
.thumb { background:url("images/thumb.png"); height: 36px !important; width: 36px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -3px; }
.thumb .end { display:none;}
.disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.office {position: relative;}
.office:first-child {border-top: none;}
.office .map_link, .office .map_link img {display: block;}
#contact.page .scrollbar {top:0;}
.office-info {width:195px;position: absolute;top: 88px;left: 305px;z-index: 10;}
/*tmp:1*/
#office-4 .office-info {top:112px;}
.office-info .office_map_link {display: none;}
.office-detail {border:1px solid #4b1441;padding-bottom: 4px;position: relative;background: #fff;font-size: 10px;color: #000;}
.office-detail > h4 {color: #fff;text-transform: uppercase;font-size: 10px;background: #4b1441;padding: 10px 10px;margin-bottom: 17px;}
.office-detail > div {padding: 0 8px 15px 18px;}
.office-detail .mark {position: absolute;width:22px;height: 21px;left: -22px;bottom: 19px;display: block;background: url("images/mark.png") no-repeat left top;}
.office-form {background:#4B1441;color:#fff;padding: 10px 14px 13px 14px;overflow:hidden;position:relative;}
.office-form label {display:block;text-transform:uppercase;margin-bottom: 5px;}
.office-form input, .office-form textarea {border:none;width: 157px;padding:0 5px;margin-bottom: 13px;font-size: 11px;border-radius: 2px;line-height: 14px;}
.office-form input.err, .office-form textarea.err {background: #f00;color:#fff;}
.office-form textarea {height: 103px;resize: vertical;padding-top: 5px;padding-bottom: 5px;}
.office-form .btn {line-height:24px;height:24px;text-align:center;text-transform:uppercase;display:block;float:right;background:#6f4367;background:rgba(255,255,255,0.2);cursor:pointer;padding: 0 30px;}
.office-form .btn:hover {background:#0078a0;}
.office-form .form {position: relative;z-index: 2;}
.sending {position: absolute;width:78px;height:43px;background: url("images/letter.png") no-repeat center center;z-index: 1;display: none;top:50%;left: 50%;margin-top:-22px;margin-left: -39px;}
.hide {visibility: hidden;}
.office-2 .office-info {width:195px;position: absolute;top: 121px;left: 416px;}
.js.min_h #content {position: relative;top:auto;margin-top: 0;}
.submenu-text, .mini-logo {display: none;}
#contact.page .submenu, #contact.page .page-title {display: none;}
#contact .swiper-scrollbar-on {display: none;}
#footer-l {float:left;}
#footer-r {float:right;}
#footer-socials > *, #footer-l > *, #footer-r > * {display: block;float: left;}
#footer-r > * {margin-left: 49px;}
#footer-r > *:first-child {margin-left:0;}
#footer-socials > * {margin-left: 5px;}
#footer-socials > *:first-child {margin-left: 0;}
#terms_link {margin-left:114px;}
#terms_link:first-child {margin-left:0;}
#footer-partners > * {display: block;float: left;margin-left: 16px;}
#footer-partners > *:first-child {margin-left: 0;}
#footer-partners img {height: 15px;display: block;}
@media (max-height:767px) {
  #content {position: relative !important;top:auto !important;margin-top: 0 !important;}
  #content-in {height: 698px;}
  #about-us.page .swiper-container {min-height: 395px;max-height: 395px;}
  #our-people.page .swiper-container {min-height: 395px;max-height: 395px;}
  #services .subpage-desc {padding-bottom: 10px;}
  #services .submenu {padding-top:15px;padding-bottom: 15px;top: 210px;}
  #services.page .swiper-container {min-height: 367px;max-height: 367px;}
  #services .subpages {min-height: 285px;}
  #services .swiper-scrollbar-on {height: 367px;top: 116px;}
  .contact-el img {width: auto;}
  .contact-el .contact-name > span, .contact-el, .contact-el img, #contact .text-container {min-height: 455px;max-height: 455px;height: 455px;}
  .contact-el img {left:-140px}
  .by-5 .contact-el img {left: -173px;}
  #careers.page .swiper-container {min-height: 305px;max-height: 305px;}
  #privacy-terms .swiper-container {min-height: 580px;max-height: 580px;}  
  #privacy-terms .swiper-scrollbar-on {height: 580px;}
  #menu .services {top:598px;}
  #menu .contact {top:598px}
  #menu .careers {top:508px;}
  .office-info {top:20px;}
  #office-4 .office-info {top: 44px;}
  .office .map_link {position:relative;top:-68px;}
  .p-over, #our-people .text-container {min-height:443px;max-height:443px;height:443px;}
  #our-people .people .people-name > span, #our-people .people {height: 221px;}  
  #our-people .people img {min-height:0;left: 0;}
  #careers .swiper-slide, #careers.page.active {width:300px;}
}
@media (max-height:717px) {
  #content-in {height: 618px;}
  #about-us.page .swiper-container {min-height: 315px;max-height: 315px;}
  #our-people.page .swiper-container {min-height: 315px;max-height: 315px;}
  #services .submenu {top: 164px;}
  #services.page .swiper-container {min-height: 287px;max-height: 287px;}
  #services .subpages {min-height: 205px;}
  #services .swiper-scrollbar-on {height: 287px;}
  #careers.page .swiper-container {min-height: 260px;max-height: 260px;}
  .contact-el .contact-name > span, .contact-el, .contact-el img, #contact .text-container {min-height: 375px;max-height: 375px;height: 375px;}
  .contact-el img {left:-110px}
  .by-5 .contact-el img {left: -129px;}
  #privacy-terms .swiper-container {min-height: 500px;max-height: 500px;}
  #privacy-terms .swiper-scrollbar-on {height: 500px;}
  #menu .services {top:518px;}
  #menu .contact {top:518px}
  #menu .careers {top:428px;}
  .office-info {top:10px;}
  #office-4 .office-info {top:34px;}
  .office .map_link {position:relative;top:-78px;}
  .office-info textarea {height:73px;}
  .p-over, #our-people .text-container {min-height: 363px;max-height: 363px;height: 363px;}
  #our-people .people .people-name > span, #our-people .people {height: 181px;}
  #our-people .people img {top:-5px;}
  #careers .swiper-slide, #careers.page.active {width: 380px;}
}
@media (max-height:667px) {
  #content-in {height: 568px;}
  #about-us.page .swiper-container {min-height: 265px;max-height: 265px;}
  #our-people.page .swiper-container {min-height: 265px;max-height: 265px;}
  #services .submenu {top: 139px;}
  #services.page .swiper-container {min-height: 237px;max-height: 237px;}
  #services .subpages {min-height: 155px;}
  #services .swiper-scrollbar-on {height: 237px;}
  #careers.page .swiper-container {min-height: 210px;max-height: 210px;}
  .contact-el .contact-name > span, .contact-el, .contact-el img, #contact .text-container {min-height: 325px;max-height: 325px;height: 325px}
  .contact-el img {left:-85px}
  .by-5 .contact-el img {left: -103px;}
  #privacy-terms .swiper-container {min-height: 450px;max-height: 450px;}
  #privacy-terms .swiper-scrollbar-on {height: 450px;}
  #menu .newsletter {top: 310px;}  
  #menu .services {top: 468px;}
  #menu .contact {top:468px}
  #menu .careers {top:378px;}
  .office-info {top:5px;}
  #office-4 .office-info {top:29px}
  .office .map_link {position:relative;top:-83px;}
  .office-detail > h4 {margin-bottom:7px;}
  .office-detail > div {padding-bottom:5px;}
  .office-detail .mark {bottom:0px}
  .office-info textarea {height:53px;}
  .p-over, #our-people .text-container {min-height: 313px;max-height: 313px;height: 313px;}
  #our-people .people .people-name > span, #our-people .people {height: 156px;}
  #our-people .people img {top:-15px;}
}
@media (max-height:567px) {
  #copyright {bottom:auto;top: 546px;}
}
@media (max-width:1023px) {
  body {min-width:640px;font-size: 22px;}
  .submenu-left, .submenu-right {display: none !important;}
  .page ul, .page ol {padding-left: 25px;}
  #logo1 {margin-left: -210px;}
  #logo1 a {background-image: url("images/logo-x2.png");background-size: auto 164px;padding-left: 200px;font-size: 57px;}
  .js.clicked_nltr #logo1 a {opacity: 0;}
  #logo2 {min-width:125px;padding-top: 29px;background: url("images/logo2-mobile.png") no-repeat center top;background-size: 125px auto;font-size: 15px;left: 50px;top: 50px;}
  #privacy-terms .close-btn {display: block;position: absolute;bottom: auto;right: auto;left: 0;top:0;width:60px;height: 60px;background: url("images/mobile-back.png") no-repeat center center;cursor: pointer;z-index:100;}
  #privacy-terms .close-btn > * {display: none !important;}
  #content-in {width:640px;min-height: 1040px;}
  .container {width: 640px;}
  #content #langs {right: auto;top:auto;display: block;background: #4B1441;position: relative;overflow: hidden;background:#333;height: 0;}
  #content #menu li.languages > strong {display:block;text-align:center;font-weight:normal;background: #4B1441;cursor: pointer;}
  #menu li.languages {padding:0;background:none;float: none;}  
  #menu #langs span {display: none;}
  #content #menu li.languages > strong:hover, #content #menu li.languages.show > strong {background:#333;}
  #content #menu li.languages.show #langs {height: 72px;}
  #content #menu #langs a {width: 33%;text-align: center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid #fff;float:left;opacity:1;font-weight:normal;line-height: 52px;height: 52px;background: none;margin: 10px 0;}
  #content #menu #langs a:first-child {border:none;}
  #copyright {display: none;}
  /*#terms {right: auto;left: 50%;margin-left: -205px;min-width: 400px;white-space: nowrap;text-align: center;font-size: 24px;}*/
  #about-us .page-content {
    -moz-column-count: auto;
    -moz-column-gap: normal;
    -ms-column-count: auto;
    -ms-column-gap: normal;
    -webkit-column-count: auto;
    -webkit-column-gap: normal;
    column-count: auto;
    column-gap: normal;  
  }
  #menu .newsletter .page {right:0;}
  .page .swiper-scrollbar-on {top:146px;height: 728px;}
  #privacy-terms .swiper-scrollbar-on {top:0px;height: 874px;}
  #content-in .page {top:50px;left:auto;bottom:auto;right:50px;padding: 73px 73px 47px 47px;width:420px;}
  .page-title {font-size: 55px;}
  #content-in #privacy-terms {z-index: 16;}
  #content-in .page.active {width:420px;}  
  .p-over {min-height: 0;max-height: none;height: auto;display: block;width: auto;}
  #our-people .text-container, #content-in .page .swiper-container {min-height:754px;max-height:754px;}
  #content-in .page .text-container, #content-in .page .swiper-slide {width:420px;}
  .clicked #mini-left, .clicked #mini-right {width:84px;height: 84px;display: block;background-color: #0078A0;background-position: center center;background-repeat: no-repeat;background-size: 12px 14px;position: absolute;top:924px;cursor: pointer;z-index: 10;}
  #mini-left {background-image: url("images/miniarr-left.png");left:50px;}
  #mini-right {background-image: url("images/miniarr-right.png");left:136px;}
  #mini-left:hover, #mini-right:hover {background-color: #4B1441;}
  .clicked_terms #mini-left, .clicked_terms #mini-right {display: none !important;}
  #content-in #services.page .swiper-container {min-height: 570px;max-height: 570px;}
  #content-in #services.page .swiper-scrollbar-on {top: 146px;height: 728px;}  
  #contact.page .submenu, #contact.page .page-title {display: block;}
  #content-in #contact.page {padding-left: 0;padding-right: 0;padding-bottom: 0;width:540px;}
  #content-in #contact.page .swiper-slide, #content-in #contact.page.active {width:540px;}
  #content-in #contact.page .submenu {margin-left: 47px;}
  #contact .swiper-scrollbar-on {display: block;}
  #content-in #contact.page .swiper-container {min-height: 728px;max-height: 728px;}
  #content-in #contact.page .swiper-scrollbar-on {top: 0px;height: 728px;}  
  #content-in #contact.page .scrollbar {top:311px;height: 563px !important;}
  #content-in #contact.page .viewport-in, #content-in #contact.page > div.viewport {height: 563px;}
  #contact.page .page-title {margin-left: 47px;margin-bottom: 0;}
  #services.page .page-title, #contact.page .page-title {display: block;padding: 0 0 11px 0;line-height: 62px;height: 62px;}
  #services .submenu .page-title {display:none !important;}
  .sending {background-image: url("images/letter-x2.png");background-size: 180px 116px;width:180px;height: 116px;margin-left: -90px;margin-top:-58px;}
  #content-in #newsletter.page {width:373px;height: auto;position: static;margin-top: 0;position: static;top: auto;right: auto;padding: 0 20px 40px 20px;background: #333333 !important;margin-left:-152px;}
  #content-in .send #newsletter.page {width: 261px !important;background-color: #4B1441 !important;margin-left: 0;padding:0 0 20px 0;}
  #content #content-in #menu li.newsletter.send a, #content #menu li.newsletter a {padding-left: 0;margin-left: 0;}
  #content #menu li.newsletter a.active {padding-left:152px;margin-left:-152px;}
  #content #menu li.newsletter.send a {background-color: #4B1441 !important;}
  #content-in #newsletter.page.active {display: block !important;}
  #newsletter > * {margin-left: 0;margin-right: 0;}
  #newsletter-intro {display: none !important;}
  #newsletter-rep {display: block;line-height: 1.2;font-size: 20px;text-align: center;width:261px;}
  #newsletter input {width:100%;border:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding:0 10px;font-size:30px;line-height:50px;height:50px;color:#000;margin-top:8px;}
  #menu {z-index: 15;}
  #menu ul {display: none;}
  .mini-logo {display: block;}
  #menu-mobile {display: block;top:50px;right: 50px;position: absolute;z-index: 11;cursor: pointer;}
  .js #menu-mobile {
    opacity: 0;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;        
  }
  .loaded #menu {opacity: 1;}
  /*.clicked #terms {opacity: 0;}*/
  /*.clicked_terms #terms {opacity: 1;}*/
  #menu ul {display:none;}
  #menu li {position: static;top:auto;left:auto;right:auto;bottom:auto;width:auto !important;height: auto !important;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none;
  }
  #menu.clicked ul {position:absolute;display:block;top: 125px;right: 125px;list-style:none;margin:0;padding:0;width: 261px;z-index: 3;}
  #content #menu li {display:block;margin-bottom: 2px;font-size:32px;text-transform:uppercase;height:72px;}
  #content #menu li.mini-logo {height: 71px !important;}
  #menu li.languages > strong, #content #menu li a {background-color: #CCCCCC;background: rgba(204,204,204,0.95);color:#fff;display:block;text-align:center;line-height:72px;white-space:nowrap;width:auto;font-size:31px !important;height:72px;}
  #content #menu li a span {display:none !important;}
  #content #menu li a strong {display:block !important;position:static !important;text-align:center !important;font-size:inherit !important;}
  #content #menu li a#menu-logo {background: #0078A0 url("images/logo2-mobile.png") no-repeat center 19px;background-size: 101px auto;text-indent:-5px;padding-top: 42px;padding-bottom: 13px;font-size: 12px !important;text-transform:none;line-height:16px;height: 16px;}
  #content #menu li a:hover, #content #menu li a.active {background-color: #333333 !important;}  
  #menu > span {width:73px;height: 146px;display: block;background:#77bae7;position: absolute;top: 50px;right: 50px;z-index: 2;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;cursor: pointer;}
  #menu > span:first-child {top: 50px;width:146px;height: 73px;z-index: 3;padding-top:22px;padding-right: 22px;text-align: right;}
  #menu > span:first-child span {width:29px;height: 1px;background: #fff;display: block;margin:0 0 13px 0;float: right;clear: both;}
  .p-office {width: auto;float: none;padding-left: 12px;}
  .p-info > img {margin: 0 20px 10px 0}
  .p-over-in > img {float:none;margin-top:0;}
  .p-over-in > div {width: auto;float: none;}
  .p-over-in {font-size: 20px;display: block;}
  .p-name {font-size: inherit;color: #4B1441;margin-bottom: 15px;margin-top: 5px;}
  .p-desc {display: block;clear: both;float: none;width: 100%;}
  #our-people .people .people-name > span, #our-people .people {width:210px;height: 251px;}
  #our-people .people img {display: block;min-width: 212px;min-height: 253px;left:-21px;top: -1px;}
  #services .subpage-img {display: none;}
  #services .subpage-desc {width: auto;float: none;padding:0;}
  .submenu {width:420px;margin: 36px 0 50px 0;background: #4B1441 url("images/miniarr-down.png") no-repeat 93px center;background-size:14px 12px;overflow: visible;height: 92px;z-index: 3;position: relative;}
  .submenu-in {width:100%;margin-top: 23px;}
  .submenu-text {height:92px;display: table;padding-left: 100px;cursor:pointer;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width:100%;}
  .submenu-text span {display:table-cell;vertical-align:middle;padding-left:40px;padding-right:20px;color:#fff;font-weight:bold;}
  .submenu ul {margin-left:0 !important;display:none;height: 92px;border-right: none;}
  .submenu ul.clicked {display: block;}
  .submenu li {float:none;display: block;width: auto;height: 82px;margin-left: 100px;margin-top: 2px;border: none !important;}
  #content .page .submenu li.active a, #content .page .submenu li:hover a {background:#333;color:#fff;}
  .submenu li a {text-align:left;display: table;height: 82px;font-size: 20px;color: #fff;font-weight:normal;background:#ccc;background:rgba(204,204,204,0.95);padding: 0;width: 100%;}
  .submenu li a span {display: table-cell;vertical-align: middle;padding: 0 20px 0 40px;}
  .submenu .cloned {display: none !important;}
  .office {display: none;border: none;}
  .office.active {display: block;}
  .office-info {display: block;position: static !important;top:auto !important;left:auto !important;width: auto !important;padding: 0 !important;}
  .office .map_link {display: none;}
  .office-info .office_map_link {display: block;}
  .office-info .office_map_link img {width:540px;display: block;}
  .office-detail .mark {display: none !important;}
  .office-form {display: block !important;padding: 35px 65px 35px 35px;}
  .office-form.send {display: none !important;}
  .office-form label {font-size: 30px;margin-bottom: 6px;}
  .office-form input, .office-form textarea {font-size: 30px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width:100%;padding: 0 10px;font-size: 30px;line-height: 45px;}
  .office-form .btn {line-height:45px;height:45px;padding: 0 56px;}
  .office-form textarea {height: 185px;padding-top:10px;padding-bottom: 10px;resize: none;}
  .office-detail {border: none;padding: 0 60px 20px 47px;font-size: 25px;display: block !important;}
  .office-detail > h4 {font-size: 28px;color: #4B1441;padding: 0;margin: 0 0 15px 0;text-transform: none;background:none;}
  .office-detail > div {padding: 0;}
  .js #logo2, /*.js #terms, */.js #copyright, .js #langs {
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;    
  }
  /*#google-plus img, #linked-in img {height: 19px;}*/
  /*#google-plus, #linked-in {margin-top:5px;}*/
  /*#terms a {margin-right:20px;}*/
  #our-people.page {border: none;}
  #contact .subclose-btn, #our-people .subclose-btn {right:73px;top:73px;width: 73px;height: 36px;}
  #contact .subclose-btn span, #our-people .subclose-btn span {bottom:auto;left:auto;top:100%;right:0;height:37px;}
  .p-info {padding: 36px 0 0 0;}
  #services .submenu {top:0;margin-top: 0;}
  .contact-el .contact-name > span, .contact-el {width:100% !important;float:none;height: 182px;min-height: 0;max-height: none;}
  .by-5 .contact-el .contact-name > span, .by-5 .contact-el {height: 145px;}
  .by-5 .contact-el:first-child .contact-name > span, .by-5 .contact-el:first-child {height: 148px;}
  .contact-el img {left: -12px !important;position: relative;min-height: 0;max-height: none;top: -133px;}
  #content-in #contact .text-container {min-height:728px;max-height:728px;width: auto;overflow: visible;}
  #contact-front {width:auto;}
}