@import url('https://fonts.googleapis.com/css?family=Playfair+Display|Fjalla+One|Poppins:300,400,500,600,700,900&subset=latin-ext');
@import url('/fonts/fontawesome/css/font-awesome.min.css');
*{outline: none !important}
body{margin: 0;padding: 0;font-family: '微软雅黑';font-size: 14px;color: #131314;background: #8b8b8b;}
body{-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;}
body{height: 100%;}
html{height: 100%;}
/* HTML TAGS*/
a{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
a:hover{text-decoration: none;}
img{max-width: 100%;}
strong{font-weight: 700;}
b{font-weight: 700;}
/* CUSTOM TAGS*/
.pull-left{float: left;}
.pull-right{float: right;}
.overflow-hidden{overflow: hidden;}
/* SECTIONS*/
.main{width: 100%;float: left;position: relative;z-index: 2;}
section{position: relative;}
aside{position: relative;}
footer{position: relative;}
/* CONTENT*/
.content{width: calc(100% - 120px);float: left;background: #fff;margin: 0 60px;}
@media (min-width: 1981px){.container {max-width: 1740px;}}
/* ODOMETER*/
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit{padding:0;}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner{left:0;}
/* EQUALIZER*/
.equalizer{width: 18px;cursor: pointer;position: relative;}
.equalizer span{background: #fff;width: 3px;height: 0px;bottom: 0;left: 0%;display: block;position: absolute;transition: height 0.2s linear;}
.equalizer span:nth-child(1){margin-left: 5px;}
.equalizer span:nth-child(2){margin-left: 10px;}
.equalizer span:nth-child(4){margin-left: 15px;}
.equalizer span:nth-child(5){margin-left: 20px;}
.equalizer.paused span{height: 3px !important;}
/* REVEAL EFFECT*/
.reveal-effect{float: left;overflow: hidden;position: relative;}
.reveal-effect>img{-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);animation-timing-function: cubic-bezier(.785,.135,.15,.86);position: relative;}
.reveal-effect>img{-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.reveal-effect{-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;}
.reveal-effect{-webkit-transition-duration: 1.2s;transition-duration: 1.2s;-webkit-transition-timing-function: cubic-bezier(.25,.1,.25,1);transition-timing-function: cubic-bezier(.25,.1,.25,1);}
.reveal-effect.animated{-webkit-transform: translate(0,0);transform: translate(0,0);}
.reveal-effect.animated img{-webkit-animation-name: show-img-1;animation-name: show-img-1;}
.reveal-effect:after{-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);animation-timing-function: cubic-bezier(.785,.135,.15,.86);}
.reveal-effect:after{content:"";width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}
.reveal-effect:after{-webkit-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(.05,0);transform: scale(.05,0);-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-timing-function: cubic-bezier(.785,.135,.15,.86);animation-timing-function: cubic-bezier(.785,.135,.15,.86);}
.reveal-effect.se2-white:after{background-color: #a82a2e;}
.reveal-effect.animated:after{-webkit-animation-name: slide-bg-2;animation-name: slide-bg-2;}
/* PAGE TRANSITION*/
.transition-overlay{width:100%;height:100%;position:fixed;left:0;top:0;background:#a82a2e;z-index:99999;opacity:0;visibility:hidden;}
.transition-overlay{-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.transition-overlay.show-me{opacity:1;visibility:visible;}
/* PRELOADER*/
.preloader{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99;background:#a82a2e;}
.preloader{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transform:all 0.4s ease;transition: all 0.4s ease;}
.preloader *{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transform:all 0.4s ease;transition: all 0.4s ease;}
.preloader img{width: 80px;height: 80px;position: absolute;left: 50%;top:50%;margin-left: -40px;margin-top: -40px;z-index: 4;border-radius: 50%;padding: 10px;background: #fff;}
/* PAGE LOADED*/
.page-loaded .preloader{top: -100%;transition-delay: 0.60s;}
.page-loaded .preloader img{opacity: 0;margin-top: -120px;transition-delay: 0.30s;}
.page-loaded .header{top: 0;opacity: 1;transition-delay: 0.6s;background-image: linear-gradient(rgba(0, 0, 0, 0.23), #ffffff00);}
.page-loaded .slider{transform: translateY(0);transition-delay: 0.6s;opacity: 1;}
.page-loaded .int-hero .inner h2{transform: translateY(0);transition-delay: 0.6s;opacity: 1;}
/* TEXT ROTATER*/
.text-rotater{width: 100%;float: left;height: 20px;position: absolute;left: 0;top: 50%;margin-top: 60px;font-size: 11px;font-weight: 600;color: #fff;text-transform:uppercase;}
.text-rotater li{width: 100%;position: absolute;left: 0;top: 0;text-align: center;opacity: 0;animation: play 4.5s infinite;}
.text-rotater li:nth-child(2){animation-delay: 1.5s;}
.text-rotater li:nth-child(3){animation-delay: 3s;}
/* PERSPECTIVE HOVER*/
.perspective-box{position: relative;display:inline-block;width:100%;margin: 5px;cursor: pointer;transform: perspective(600px) translate3d(0, 0, 0);backface-visiblity:none;transform-style: preserve-3d;}
.perspective-box img{width:100%;float: left;}
.perspective-box:hover{box-shadow: 0 66px 75px -10px rgba(0,0,0,.3);transform-style: preserve-3d;z-index:20;}
/* SOCIAL BAR*/
.social-bar{width: 400px;position: fixed;left: 0;top: 50%;margin-top: 200px;z-index: 3;-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-webkit-transform-origin: 0 0;transform-origin: 0 0;text-align: center;}
.social-bar li{display:inline-block;list-style: none;padding: 20px 0;margin: 0 10px;font-weight: 600;}
.social-bar li a{float: left;color: #ffffff;font-size: 18px;width: 1em;line-height: 1.2em;font-weight: 300;margin: 0 15px;-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-270deg);}
.social-bar li a:hover{text-decoration: none;color: #a82a2e;}
/* HEADER*/
.header{width: 100%;position: absolute;left: 0;top: -100%;z-index: 5;padding: 30px 100px;opacity: 0;}
.header{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transform:all 1s ease;transition: all 1s ease;}
.header .logo{float: left;margin-right: 20px;}
.header .logo img{width: 300px;}
.header .phone{float: left;color: #fff;line-height: 46px;font-family: "Fjalla One";}
.header .language{float: right;margin-right: 30px;margin-bottom: 0;}
.header .language li{float: left;list-style: none;margin: 0;margin-left: 20px;font-family: "Fjalla One";}
.header .language li a{float: left;color: #fff;line-height: 35px;margin-left: 15px;}
.header .language li a:hover{text-decoration: none;opacity: 0.8;}
.header .hamburger{float: right;margin-top: -5px;}
.header .equalizer{float: right;margin-right: 5px;}
.header .equalizer a{font-weight:bold;color:#fff;}
.overflow-hidden .header .logo img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
/* DROPDOWN*/
.hamburger-navigation li:hover ul{display: block;}
.hamburger-navigation li ul{width: 100%;float: left;margin: 0;padding: 0;text-align: center;display: none;}
.hamburger-navigation li ul li{width: auto;float: none;display: inline-block;padding: 0;margin: 0;position: relative;}
.hamburger-navigation li ul li:after{content: "";width: 6px;height: 6px;background: #fff;position: absolute;right: -5px;top: 7px;border-radius: 50%;}
.hamburger-navigation li ul li:last-child:after{display: none;}
.hamburger-navigation li ul li a{font-size: 15px;padding: 0 10px;}
/* SLIDER */
.slider{ width: 100%; height: 100vh; float: left; position: relative; background: #131314;}
.slider{transform: translateY(250px); opacity: 0;}
.slider{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.slider .swiper-container{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.slider .swiper-container{-webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transform:all 0.8s ease; transition: all 0.8s ease; } 
.slider .swiper-container .swiper-wrapper{ width: 100%; float: left; display: flexbox; flex-direction: row;}
.slider video{width: 100%;padding: 0;position: absolute;z-index: 3;}
@media (max-width: 991px) {
.slider{width: 100%;height: 40vh;}
.slider .swiper-container{ width: 100%; height:100%;}
.header .logo img{width: 200px;}
.header .phone{display:none;}}


/* SLIDER FRACTION */
.slider .swiper-container .swiper-pagination-fraction{ width: 100px; height: 50px; position: absolute; left: 100px; right: auto; top: auto; bottom: 30px; color: #fff; font-size: 11px;}
.slider .swiper-container .swiper-pagination-fraction span:first-child{font-size: 56px;height: 50px;line-height: 50px;float: left;overflow: hidden;text-indent: -0;margin-right: -10px;padding-top: 3px;font-weight: 500;}
.slider .swiper-container .swiper-pagination-fraction span:last-child{font-size: 14px;}
.slider .swiper-container .swiper-pagination-fraction span:before{content: "0";}



/* SLIDER BUTTONS */
.slider .swiper-container .swiper-button-prev{ width: 40px; height: 26px; float: left; right: 200px; left: auto; top: 50%; z-index: 6; background: none; overflow: hidden; text-align: right;}
.slider .swiper-container .swiper-button-prev img{height: 26px;}
.slider .swiper-container .swiper-button-prev span{width: 100%; float: left; line-height: 26px; font-weight: 500; color: #fff;}
.slider .swiper-container .swiper-button-prev:hover img{transform: translateY(-100%);}
.slider .swiper-container .swiper-button-prev:hover span{transform: translateY(-100%);}
.slider .swiper-container .swiper-button-prev *{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform:all 0.4s ease; transition: all 0.4s ease; }
.slider .swiper-container .swiper-button-next{ width: 40px; height: 26px; float: left; right: 100px; left: auto; top: 50%; z-index: 6; background: none; overflow: hidden;}
.slider .swiper-container .swiper-button-line{ width: 40px; height: 2px; background: #fff; position: absolute; right: 150px; top: 50%; z-index: 2; margin-top: -10px;}
.slider .swiper-container .swiper-button-next img{height: 26px;}
.slider .swiper-container .swiper-button-next span{width: 100%; float: left; line-height: 26px; font-weight: 500; color: #fff;}
.slider .swiper-container .swiper-button-next:hover img{transform: translateY(-100%);}
.slider .swiper-container .swiper-button-next:hover span{transform: translateY(-100%);}
.slider .swiper-container .swiper-button-next *{ -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform:all 0.4s ease; transition: all 0.4s ease; }




/* SLIDER CONTENT */
.slider .swiper-container .swiper-slide{color: #fff;display: flex;flex-direction: column;justify-content: center;background-size: cover;background-position: center;background-repeat: no-repeat;}
.slider .swiper-container .swiper-slide:after{content: "";width: 100%;height: 300px;position: absolute;left: 0;bottom: 0;z-index: 3;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(19,19,20,1) 100%);/* background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(19,19,20,1) 100%); *//* background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(19,19,20,1) 100%); */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#131314',GradientType=0 );}
.slider .swiper-container .swiper-slide .inner { width: 100%; height:100%;padding: 0 100px; position: relative; z-index: 4;}
.slider .swiper-container .swiper-slide .inner a{width: 100%;height:100%;display:inline-block;}
.slider .swiper-container .swiper-slide .inner h5{ font-size: 12px; font-weight: 700;}
.slider .swiper-container .swiper-slide .inner h5:before{content: ""; width: 4px; height: 10px; float: left; background: #f50c1a; margin-left: -10px; margin-top: 2px;}
.slider .swiper-container .swiper-slide .inner h2{ max-width: 50%; font-family: "Playfair Display"; font-size: 6em; margin-bottom: 30px;}
.slider .swiper-container .swiper-slide .inner p{ max-width: 40%; line-height: 25px; margin-bottom: 30px;}




/* SLIDER LINKS */
.slider .swiper-container .swiper-slide .inner .link{ float: left; font-size: 12px; font-weight: 600; color: #fff; position: relative;}
.slider .swiper-container .swiper-slide .inner .link:hover{ text-decoration: none;}
.slider .swiper-container .swiper-slide .inner .link:before { content: ''; display: block; position: absolute; left: 0; bottom: 2px; height: 7px; width: 0; transition: width 0s ease, background .25s ease; mix-blend-mode: color;}
.slider .swiper-container .swiper-slide .inner .link:after { content: ''; display: block; position: absolute; right: 0; bottom: 2px; height: 7px; width: 0; background: #56e9b1; transition: width .25s ease; mix-blend-mode: color;}
.slider .swiper-container .swiper-slide .inner .link:hover:before { width: 100%; background: #56e9b1; transition: width .25s ease;}
.slider .swiper-container .swiper-slide .inner .link:hover:after { width: 100%; background: transparent; transition: all 0s ease;}
.slider .swiper-container .swiper-slide .inner .video-link {  width: 40px; height: 40px; float: left; border-radius: 50%; position: relative; transition:all .5s; margin-left: 30px; margin-top: -13px;}
.slider .swiper-container .swiper-slide .inner .video-link:after{content: ""; position: absolute; left: 50%; top: 50%; margin-left: -3px; margin-top: -7px; width: 0; height: 0; border-style: solid; border-width: 7px 0 7px 10px; border-color: transparent transparent transparent #fff;}
.slider .swiper-container .swiper-slide .inner .video-link .video-play-circle { stroke-dasharray: 315; stroke-dashoffset: 315; transition: stroke-dashoffset .5s;}
.slider .swiper-container .swiper-slide .inner .video-link svg { transform: rotate(-90deg); transition: transform .3s; }
.slider .swiper-container .swiper-slide .inner .video-link:hover .video-play-circle { stroke-dashoffset: 0; } 
.slider .swiper-container .swiper-slide .inner .video-link .video-play-outline{width: 40px; height: 40px; position: absolute; left: 0; top: 0; border-radius: 50%; border: 3px solid rgba(255,255,255,0.05);}




/* INT HERO */
.int-hero{ width: 100%; float: left; padding: 0 100px; padding-top: 170px; padding-bottom: 120px; background: #131314; color: #fff; position: relative;}
.int-hero .video-bg{width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}
.int-hero .video-bg video{min-width: 100%; min-height: 100%; float: left; opacity: 0.1;}
.int-hero .video-bg:after{content: ""; width: 100%; height: 300px; position: absolute; left: 0; bottom: 0; z-index: 2; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(19,19,20,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(19,19,20,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(19,19,20,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#131314',GradientType=0 ); }
.int-hero .inner{ width: 100%; float: left; position: relative; z-index: 3;}
.int-hero .inner{-webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transform:all 0.7s ease; transition: all 0.7s ease; } 
.int-hero .inner h2{max-width: 60%; font-size: 5em; float: left;}
.int-hero .inner h2{transform: translateY(250px); opacity: 0;}
.int-hero .inner h2{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}

/* ABOUT STUDIO*/
.about-studio{padding:120px 0;width: 100%;}
.about-studio .num{font-family: "Fjalla One";}
.about-studio a{color: #131314;}
.about-studio h5{color:#a92b2f;font-weight: normal;line-height: 1.6em;font-size: 24px;margin-bottom: 1em;}
.about-studio u{position: relative;text-decoration: none;}
.about-studio u:after{content: "";width: 100%;height: 7px;background: #a82a2e2b;position: absolute;left: 0;bottom: 6px;mix-blend-mode: color;z-index: -1;}
.about-studio p{font-size:16px;text-align:justify;color:#8b8b8b;line-height: 2em;}
.about-studio p:last-child{margin-bottom: 0;}
.about-studio .link{display: inline-block;color: #000;font-weight: 500;font-size: 12px;position: relative;z-index: 2;margin-bottom: 60px;}
.about-studio .link:hover{text-decoration: none;}
.about-studio .link:before{content: '';display: block;position: absolute;left: 0;bottom: 2px;height: 7px;width: 0;transition: width 0s ease, background .25s ease;mix-blend-mode: color;}
.about-studio .link:after{content: '';display: block;position: absolute;right: 0;bottom: 2px;height: 7px;width: 0;background: #a82a2e;transition: width .25s ease;mix-blend-mode: color;}
.about-studio .link:hover:before{width: 100%;background: #a82a2e;transition: width .25s ease;}
.about-studio .link:hover:after{width: 100%;background: transparent;transition: all 0s ease;}
@media (max-width: 991px) {.about-studio p{font-size:14px}}
/* WORKS*/
.works{width: 100%;float: left;background: #131314;}
.works .grid-sizer{width: 25%;float: left;}
.works .grid-item{width: 25%;float: left;}
.works .grid-item-double{width: 50%;float: left;}
/* WORKS FILTER*/
.isotope-filter{width: 100%;float: left;margin: 0;padding-bottom: 30px ;text-align: center;background: #131314;}
.isotope-filter li{display: inline-block;margin: 0 15px;padding: 0;list-style: none;}
.isotope-filter li a{float: left;font-size: 13px;font-weight: 500;color: #fff;opacity: 0.99;font-weight: 600;position: relative;}
.isotope-filter li a:hover{text-decoration: none;}
.isotope-filter li a:before{content: '';display: block;position: absolute;left: 0;bottom: 2px;height: 7px;width: 0;transition: width 0s ease, background .25s ease;mix-blend-mode: color;}
.isotope-filter li a:after{content: '';display: block;position: absolute;right: 0;bottom: 2px;height: 7px;width: 0;background: #a82a2e;transition: width .25s ease;mix-blend-mode: color;}
.isotope-filter li a:hover:before{width: 100%;background: #a82a2e;transition: width .25s ease;}
.isotope-filter li a:hover:after{width: 100%;background: transparent;transition: all 0s ease;}
.isotope-filter li a.current{color: #a82a2e;}
.isotope-filter li a.current:before{display: none;}
.isotope-filter li a.current:after{display: none;}
/* WORKS FIGURE*/
.works figure{width: 100%;float: left;position: relative;margin: 0;overflow: hidden;}
.works figure *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.works figure a{width: 100%;float: left;text-align: center;}
.works figure img{width: 100%;float: left;opacity: 1;}
.works figure figcaption{width: 100%;height: 100%;float: left;position: absolute;left: 0;bottom: 0;color: #fff;font-size: 13px;font-weight: 700;opacity: 0;padding: 0;}
.works .grid-item-double-first figure figcaption,.works .grid-item-double-first figure figcaption h5,.works .grid-item-double-first figure figcaption small{opacity: 1;}
.works figure figcaption .bg-color{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0.9;}
.works figure figcaption .brand{width: 100%;float: left;margin-bottom: 20px;}
.works figure figcaption .brand img{width: auto !important;height: 50px;float: none;}
.works figure figcaption a{width: 100%;height: 100%;float: left;color: #fff;padding: 30px;justify-content: center;display: flex;flex-direction: column;}
.works figure figcaption a:hover{color: #fff;text-decoration: none;}
.works figure figcaption h5{width: 100%;float: left;transform: translateY(-10px);opacity: 0;font-size: 32px;}
.works figure figcaption small{width: 100%;float: left;transform: translateY(10px);opacity: 0;font-weight: 700;}
.works figure:hover figcaption{opacity: 1;}
.works figure:hover img{transform: scale(1.05);}
.works figure:hover figcaption h5{transform: translateY(0);opacity: 1;}
.works figure:hover figcaption small{transform: translateY(0);opacity: 1;}
/* ICON FEATURES*/
.icon-features{width: 100%;float: left;padding-top: 120px;padding-bottom: 60px;text-align: center;}
.icon-features img{width: 60px;display: inline-block;margin-bottom: 20px;}
.icon-features small{display: block;font-weight: 600;margin-bottom: 10px;font-size: 18px;}
.icon-features h3{display: block;font-family: "Playfair Display";font-size: 24px;line-height: 32px;margin-bottom: 20px;}
.icon-features p{display: block;padding: 0 10%;margin-bottom: 20px;opacity: 0.8;}
.icon-features a{display: inline-block;color: #000;font-weight: 500;font-size: 12px;position: relative;z-index: 2;margin-bottom: 60px;}
.icon-features .jc-animation:hover a{text-decoration: none;}
.icon-features a:before{content: '';display: block;position: absolute;left: 0;bottom: 2px;height: 7px;width: 0;transition: width 0s ease, background .25s ease;mix-blend-mode: color;}
.icon-features a:after{content: '';display: block;position: absolute;right: 0;bottom: 2px;height: 7px;width: 0;background: #a82a2e;transition: width .25s ease;mix-blend-mode: color;}
.icon-features .jc-animation:hover a:before{width: 100%;background: #a82a2e;transition: width .25s ease;}
.icon-features .jc-animation:hover a:after{width: 100%;background: transparent;transition: all 0s ease;}
@media (max-width: 991px) {.icon-features{padding-top: 60px;padding-bottom: 20px;}}
/* TEAM MEMBERS*/
.team-members{width: 100%;float: left;margin-top: 120px;}
.team-members *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.team-members .member{width: 20%;float: left;position: relative;z-index: 2;margin: 0;background: #a82a2e;overflow: hidden;}
.team-members .member:nth-child(2){margin-top: 100px;}
.team-members .member:nth-child(4){margin-top: 100px;}
.team-members .member figcaption{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
.team-members .member figcaption div{width: 100%;height: 30px;float: left;position: absolute;left: 0;top: 50%;margin-top: -15px;text-align: center;}
.team-members .member figcaption div h3{font-size: 13px;font-weight: 700;color: #fff;margin: 0;}
.team-members .member figcaption div small{display: block;color: #fff;}
.team-members .member:hover{box-shadow: 0 66px 75px -10px rgba(0,0,0,.3);}
.team-members .member:hover img{opacity: 0.2;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.team-members .member:hover figcaption{opacity: 1;}
/* CLIENTS*/
.clients{width: 100%;float: left;padding: 120px 0;}
.clients *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.clients ul{width: 100%;float: left;margin: 0;padding: 0;}
.clients ul li{width: 20%;float: left;margin: 0;padding: 0;list-style: none;position: relative;}
.clients ul li figure{width: 100%;float: left;margin: 0;padding: 0 10%;}
.clients ul li figure img{width: 100%;float: left;}
.clients ul li:after{content: "";width: 1px;height: 30px;background: #eee;position: absolute;right: 0;top: 30px;}
.clients ul li:last-child:after{display: none;}
.clients ul li:hover figure{opacity: 0.4;}
/* SIDE IMAGE CONTENT*/
.side-image-content{width: 100%;float: left;display: flex;flex-direction: row;margin: 100px 0;}
.side-image-content .inner{width: 50%;display: flex;justify-content: center;flex-direction: column;position: relative;}
.side-image-content .inner.bg1{background: #a82a2e;}
.side-image-content .inner .main-image{width: 100%;float: left;margin: 0;margin-top: -100px;margin-bottom: 100px;}
.side-image-content .inner .sub-image{width: 250px;position: absolute;right: -50px;bottom: -100px;z-index: 2;}
.side-image-content .inner img{width: 100%;}
.side-image-content .inner .contenty{width: 100%;float: left;padding: 0 15%;color: #fff;}
.side-image-content .inner .contenty h5{font-size: 12px;font-weight: 700;}
.side-image-content .inner .contenty h5:before{content: "";width: 4px;height: 10px;float: left;background: #fff;margin-left: -10px;margin-top: 2px;}
.side-image-content .inner .contenty h2{font-size: 3.5em;margin-bottom: 30px;text-indent: -5px;}
.side-image-content .inner .contenty p{line-height: 25px;}
.side-image-content .inner .contenty a{height: 60px;line-height: 58px;display: inline-block;border: 1px solid #fff;padding: 0 40px;font-size: 11px;font-weight: 700;color: #fff;margin-top: 30px;overflow: hidden;}
.side-image-content .inner .contenty .award-list{width: 100%;float: left;margin: 0;padding: 0;list-style: none;}
.side-image-content .inner .contenty .award-list li{width: 100%;float: left;padding:5px 0;}
.side-image-content .inner .contenty .award-list li span{float: left;margin-right: 6px;line-height: 23px;}
.side-image-content .inner .contenty .award-list li small{width: 18px;height: 18px;line-height: 20px;display: inline-block;border-radius: 50%;background: #fff;color: #a82a2e;text-align: center;font-weight: 600;font-size: 11px;margin-bottom: 5px;}
.side-image-content .inner .contenty a *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.side-image-content .inner .contenty a span{position: relative;display: inline-block;}
.side-image-content .inner .contenty a span:before{position: absolute;top: 100%;content: attr(data-hover);}
.side-image-content .inner .contenty a span:before{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.side-image-content .inner .contenty a:hover span{-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
/* AWARDS*/
.awards{width: 100%;float: left;padding: 120px 0;}
.awards h5{font-size: 14px;margin-top: 20px;color: #999;}
.awards h5:before{content: "";width: 4px;height: 10px;float: left;background: #a82a2e;margin-left: -10px;margin-top: 2px;}
.awards h2{font-family: "Playfair Display";font-size: 3.5em;margin-bottom: 30px;text-indent: -5px;}
.awards h2 a{color: #131314;outline: none !important;}
.awards h2 a:hover{color:#a82a2e;text-decoration: none;}
.awards figure{width: 100%;text-align: center;margin-bottom: 20px;padding: 20px 30px;position: relative;}
.awards figure:after{content: "";width: 40px;height: 3px;background: #a82a2e;position: absolute;left: 50%;bottom:0;margin-left: -20px;}
.awards figure img{width: 100%;float: left;opacity: 0.5;}
.awards .award{width: 100%;float: left;border: 1px solid #eee;padding-bottom: 20px;}
.awards .odometer{display: block;text-align: center;font-family: "Fjalla One";font-size: 30px;}
@media (max-width: 991px) {.awards h2 a{font-size:28px}}
/* INDEX_NEWS*/
.news{width: 100%;float: left;padding: 120px 0;}
.news h5{font-size: 14px;margin-top: 20px;color: #999;}
.news h5:before{content: "";width: 4px;height: 10px;float: left;background: #a82a2e;margin-left: -10px;margin-top: 2px;}
.news h2{font-family: "Playfair Display";font-size: 3.5em;margin-bottom: 85px;text-indent: -5px;}
.news h2 a{color: #131314;outline: none !important;}
.news h2 a:hover{color:#a82a2e;text-decoration: none;}
.news figure{width: 100%;float: left;margin-bottom: 20px;padding: 20px 30px;position: relative;}
.news figure:after{content: "";width: 40px;height: 3px;background: #a82a2e;position: absolute;left: 50%;bottom:0;margin-left: -20px;}
.news figure img{width: 100%;float: left;opacity: 0.5;}
.news .js-owl-carousel{margin: -30px -60px -30px 0px;}
.news .item{padding:15px}
.news .item a{display:block;padding: 15px;}
.news .item a:hover{box-shadow: 0 1px 15px 0px rgba(0,0,0,.5);}
.entry{position: relative;margin: 0 0 50px;padding: 0 0 50px;border-bottom: 2px solid #F5F5F5;}
@media (max-width: 991px) {.news h2 a{font-size:28px;margin-bottom:20px;display: block;text-align: center;}
.news h2{margin-bottom:20px}
.news h5{text-align:center;}}

.entry-image{margin-bottom: 30px;}
.entry-image,
.entry-image > a,
.entry-image .slide a,
.entry-image img{display: block;position: relative;width: 100%;height: auto;}
.entry-image iframe{display: block;}
.entry-title h2{margin: 0;font-size: 24px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;}
.entry-title h2 a{color: #333;}
.entry-title h2 a:hover{color: #1b4486;}
.entry-meta{list-style: none;padding-left: 0px;}
.single-post .entry-meta{margin-bottom: 20px;}
.entry-meta li{float: left;line-height: 14px;color: #8b8b8b;}
.entry-meta li:before{content: '/';display: inline-block;margin-right: 10px;opacity: 0.5}
.entry-meta li i{position: relative;top: 1px;font-size: 14px;margin-right: 3px;}
.entry-meta li a{color: #999;}
.entry-meta li a:hover{color: #1b4486;}
.entry-meta li:first-child:before{display: none;}
.entry-meta li ins{font-weight: 600;text-decoration: none;}
.entry-c{position: relative;overflow: hidden;}
#posts .entry-content{margin-top: 30px;}
.single-post .entry-content .entry-image{max-width: 350px;}
.entry-content{position: relative;}
.entry-link{display: block;background-color: #F5F5F5;padding: 30px 0;text-align: center;color: #444;font-family: 'Raleway', sans-serif;text-transform: uppercase;letter-spacing: 1px;font-size: 24px;font-weight: 700;border-radius: 3px;}
body:not(.device-touch) .entry-link{-webkit-transition: background-color .3s ease-in-out;-o-transition: background-color .3s ease-in-out;transition: background-color .3s ease-in-out;}
.entry-link:hover{color: #FFF;background-color: #1b4486;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.entry-link span{display: block;margin-top: 5px;font-family: 'Crete Round', serif;font-style: italic;font-weight: normal;text-transform: none;letter-spacing: 0;font-size: 14px;color: #AAA;}
.entry-link:hover span{color: #EEE;}
.entry blockquote p{font-weight: 400;font-family: 'Crete Round', serif;font-style: italic;}
.entry-title h3,
.entry-title h4{margin: 0;}
.entry-title h4{font-size: 15px;}
.entry-title h3 ,
.entry-title h4 {color: #131314;font-size: 24px;font-weight: normal;height: 55px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.entry-content{margin-top: 20px;}
.entry-content p{height: 60px;margin-bottom: 0;line-height: 2em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #8b8b8b;}
.entry-content span{color: #131314;text-transform: uppercase;}
@media (max-width: 991px) {.entry-title h3, .entry-title h4 {font-size: 20px;height: 46px;}
.entry-content p{font-size:14px;height: 40px;line-height: 1.6;}}
/* JOURNAL*/
.journal{width: 100%;float: left;padding-bottom: 40px;}
.journal *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.journal .post{width: 100%;float: left;position: relative;margin-bottom: 80px;}
.journal .post.detail{width: 100%;float: left;}
.journal .post.detail figure{margin-bottom: 50px;}
.journal .post.detail .post-content{padding: 0 15%;}
.journal .post.detail .post-content .author{width: 100%;float: left;position: static;margin-bottom: 20px;}
.journal .post.detail .post-content .author img{width: 60px;border-radius: 50%;float: left;margin-right: 10px;opacity: 1;}
.journal .post.detail .post-content .author small{line-height: 60px;opacity: 1;}
.journal .post.detail .post-content .lead{line-height: 30px;}
.journal .post.detail .post-content small{opacity: 0.4;}
.journal .post.detail .post-content h3{width: 100%;float: left;padding-right: 0;font-size: 3em;}
.journal .post.detail .post-content blockquote{width: 100%;float: left;border-left: 3px solid #eee;padding: 20px 0;padding-left: 30px;}
.journal .post.detail .post-content blockquote p{margin-bottom: 10px;}
.journal .post.detail .post-content blockquote h5{margin-bottom: 0;font-family: "Playfair Display";}
.journal .post.detail .post-content p{width: 100%;float: left;padding-right: 0;}
.journal .post.highlight{width: 100%;float: left;position: relative;margin-bottom: 120px;}
.journal .post.highlight figure{width: 100%;float: left;margin: 0;}
.journal .post.highlight figure img{opacity: 0.4;}
.journal .post.highlight .post-content{position: absolute;left: 0;bottom: 0;padding: 50px;padding-right: 40%;color: #fff;}
.journal .post.highlight .post-content h3{font-size: 3em;}
.journal .post.highlight .post-content .author{position: static;}
.journal .post.highlight .post-content .author img{opacity: 1;}
.journal .post.highlight .post-content .link{font-weight: 700;}
.journal .post.highlight .post-content p{opacity: 1;}
.journal .post.highlight .post-content a{color: #fff;}
.journal .post.highlight .post-content a:hover{color: #fff;}
.journal .post.highlight:hover figure img{opacity: 0.6;}
.journal .post figure{width: 100%;float: left;margin-bottom: 20px;position:relative;background: #131314;overflow: hidden;}
.journal .post figure img{width: 100%;float: left;opacity: 0.6;}
.journal .post figure .author{width: 100%;line-height: 50px;position: absolute;left: 30px;bottom: 30px;color: #fff;}
.journal .post figure .author img{width: 50px;border-radius: 50%;float: left;margin-right: 10px;border:3px solid rgba(255,255,255,0.2);opacity: 1;}
.journal .post .post-content{width: 100%;float: left;}
.journal .post .post-content small{display: block;margin-bottom: 10px;}
.journal .post .post-content small a{color: #131314;}
.journal .post .post-content h3{display: block;font-family:"Playfair Display";margin-bottom: 20px;padding-right: 15%;}
.journal .post .post-content h3 a{color: #131314;}
.journal .post .post-content h3 a:hover{text-decoration: none;color: #a82a2e;}
.journal .post .post-content p{line-height: 24px;opacity: 0.6;padding-right: 15%;margin-bottom: 30px;}
.journal .post .post-content .link{display: inline-block;color: #000;font-weight: 500;font-size: 12px;position: relative;z-index: 2;}
.journal .post .post-content .link:hover{text-decoration: none;}
.journal .post .post-content .link:before{content: '';display: block;position: absolute;left: 0;bottom: 2px;height: 7px;width: 0;transition: width 0s ease, background .25s ease;mix-blend-mode: color;}
.journal .post .post-content .link:after{content: '';display: block;position: absolute;right: 0;bottom: 2px;height: 7px;width: 0;background: #a82a2e;transition: width .25s ease;mix-blend-mode: color;}
.journal .post .post-content .link:hover:before{width: 100%;background: #a82a2e;transition: width .25s ease;}
.journal .post .post-content .link:hover:after{width: 100%;background: transparent;transition: all 0s ease;}
.journal .post:hover figure img{opacity: 0.8;-moz-transform: scale(1.05);-webkit-transform: scale(1.05);transform: scale(1.05);}
/* CONTACT*/
.contact{width: 100%;float: left;padding-top: 120px;padding-bottom: 90px;}
.contact .titles{width: 100%;float: left;text-align: center;margin-bottom: 40px;padding: 0 25%;}
.contact .titles h5{font-size: 12px;font-weight: 700;text-transform: uppercase;}
.contact .titles h2{font-family: "Playfair Display";font-size: 4em;margin-bottom: 30px;}
.contact .address{width: 100%;float: left;text-align: center;padding: 0 10%;margin-bottom: 50px;}
.contact .address h4{display: block;font-family: "Playfair Display";font-size: 24px;line-height: 32px;margin-bottom: 20px;}
.contact .address p{display: block;}
.contact .address p a{font-weight: 600;color: #131314;}
.contact .address a{display: inline-block;font-weight: 600;color: #131314;}
.contact .address a:hover{text-decoration: none;}
.contact .address a svg{width: 20px;display: inline-block;margin-bottom: -8px;}
.contact form{margin-top: 50px;}
.contact form .form-group{margin-bottom: 30px;}
.contact form label{width: 100%;float: left;margin: 0;position: relative;z-index: 2;}
.contact form label span{float: left;background: #fff;font-size: 12px;margin-left: 14px;padding: 0 6px;font-weight: 600;margin-bottom: -10px;}
.contact form input[type="text"]{width: 100%;height: 62px;border: 1px solid #ccc;padding: 0 20px;}
.contact form textarea{width: 100%;height: 140px;float: left;line-height: 26px;border: 1px solid #ccc;padding: 20px;}
.contact form button[type="submit"]{height: 60px;line-height: 58px;display: inline-block;border:none;padding: 0 40px;font-size: 11px;font-weight: 700;color: #fff;background: #131314;overflow: hidden;}
.contact .alert{width:100%;float:left;}
.contact #success, .contact #error{display:none}
.contact #success, .contact #error{float:left;}
.contact #contact label.error{width:100%;color:#a82a2e;margin-top: 10px;text-align: center;}
.contact #contact input.error{width:100%;border:1px solid #a82a2e;}
.contact #contact textarea.error{width:100%;border:1px solid #a82a2e;}
/* FOOTER*/
.footer-spacing{width: 100%;float: left;}
.footer{width: calc(100% - 120px);position: fixed;left: 0;bottom: 0;margin: 0 60px;padding-top: 50px;background: url(../images/anchor-line-bg.png) center no-repeat #8b8b8b;background-size: auto 150%;z-index: 1;text-align: center;color: #fff;}
.footer img{margin-bottom: 20px;display: inline-block;}
.footer .social-media{width: 100%;float: left;display: none;text-align: center;margin-bottom: 20px;padding: 0;}
.footer .social-media li{display: inline-block;margin: 0 10px;list-style: none;}
.footer .social-media li a{float: left;font-size: 12px;font-weight: 600;color: #fff;}
.footer .social-media li a:hover{text-decoration: none;color: #a82a2e;}
.footer h4{font-weight: 300;letter-spacing: -1px;font-size: 2em;}
.footer h2{font-family: "Microsoft YaHei";text-transform: uppercase;font-size: 3.5em;margin-bottom: 30px;padding: 0 10%;font-weight: 300;}
.footer .btn-contact{height: 60px;line-height: 58px;display: inline-block;border: 1px solid rgba(255,255,255,0.2);padding: 0 40px;font-size: 11px;font-weight: 700;color: #fff;margin-bottom: 30px;overflow: hidden;}
.footer .btn-contact *{-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.footer .btn-contact span{position: relative;display: inline-block;}
.footer .btn-contact span:before{position: absolute;top: 100%;content: attr(data-hover);}
.footer .btn-contact span:before{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.footer .btn-contact:hover span{-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
.footer .footer-bar{width: 100%;float: left;border-top:1px solid rgba(255,255,255,0.05);margin-top: 50px;padding: 20px 0;}
.footer .footer-bar span{font-size: 12px;}
.footer .footer-bar span a{color: #fff;font-weight: 600;}
@media (max-width: 991px){.footer img{max-width:200px}}
/* SCROLL DOWN*/
.scroll-down{width: 1px;height: 70px;position: absolute;left: 50%;bottom: 30px;z-index:2;}
.scroll-down span{display: block;position: relative;padding-top: 79px;text-align:center;}
.scroll-down span::before{-webkit-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;-moz-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;-o-animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;animation: elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;}
.scroll-down span::before{position: absolute;top: 0px;left: 50%;margin-left: -0.5px;width: 1px;height: 70px;background: #fff;content:"";}
/* RESPONSIVE MEDIUM FIXES*/
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px){.header{padding: 30px 60px;}
.slider .swiper-container .swiper-slide .inner h2{font-size: 4em;}
.slider .swiper-container .swiper-slide .inner{padding: 0 60px;}
.slider .swiper-container .swiper-pagination-fraction{left: 60px;}
.icon-features p{padding: 0;}
.icon-features h3{font-size: 20px;}
.side-image-content .inner .contenty h2{font-size: 2em;text-indent: 0;}
.awards h2{font-size: 3em;text-indent: 0;}}
/* RESPONSIVE TABLET FIXES*/
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px){.slider .swiper-container .swiper-slide .inner h2{max-width: 70%;}
.slider .swiper-container .swiper-slide .inner p{max-width: 70%;}
.slider .swiper-container .swiper-button-prev{right: 160px;}
.slider .swiper-container .swiper-button-line{right: 110px;}
.slider .swiper-container .swiper-button-next{right: 60px;}
@media (max-width: 991px) {
.slider .swiper-container .video-bg{display:none;}
}
.works .grid-item{width: 50%;}
.works .grid-item-double{width: 100%;}
.side-image-content{display: block;}
.side-image-content .inner{width: 100%;float: left;display: block;}
.side-image-content .inner .contenty{padding: 100px 15%;}
.contact form input[type="text"]{border-radius: 0 !important;box-shadow: none !important;}
.contact form textarea{border-radius: 0 !important;box-shadow: none !important;}}

/* RESPONSIVE MOBILE FIXES*/
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px){.header{padding: 10px 30px;}
.header .language{display: none;}
.social-bar{display: none;}
.slider .swiper-container .swiper-slide .inner{padding: 0 30px;}
.slider .swiper-container .swiper-slide .inner h2{max-width: 100%;font-size: 3.5em;}
.slider .swiper-container .swiper-slide .inner p{max-width: 100%;}
.slider .swiper-container .swiper-button-prev{display: none;}
.slider .swiper-container .swiper-button-line{display: none;}
.slider .swiper-container .swiper-button-next{display: none;}
.slider .swiper-container .swiper-pagination-fraction{display: none;}
.scroll-down{display: none;}
.int-hero{padding-left: 30px;padding-right: 30px;}
.int-hero .inner h2{max-width: 100%;font-size: 3.5em;}
.content{width: calc(100% - 30px);margin: 0 15px;}
.about-studio .hero-image{overflow: hidden;margin-bottom: 50px;}
.about-studio .hero-image img{width: 150%;max-width: inherit;}
.about-studio h5{font-size: 16px;margin-top: 30px;}
.about-studio p:last-child{max-width: 100%;margin-bottom: 0;line-height: 2em;font-size: 14px;}
.team-members .member{width: 50%;}
.works .grid-item{width: 100%;}
.works .grid-item-double{width: 100%;}
.icon-features a{margin-bottom: 50px;}
.side-image-content{margin-bottom: 0;}
.side-image-content .inner .contenty{padding: 60px 30px;text-align: center;}
.side-image-content .inner .contenty h5:before{display: none;}
.side-image-content .inner .contenty h2{font-size: 28px;}
.side-image-content .inner .contenty .award-list li span{float: none;}
.side-image-content .inner .main-image{margin-bottom: 0;}
.side-image-content .inner .sub-image{width: 100%;float: left;position: static;margin: 0;}
.awards{text-align: center;padding: 30px 0;}
.awards h5:before{display: none;}
.awards .award{width: 60%;margin: 0 20%;margin-top: -1px;}
.clients ul li{width: 50%;}
.clients ul li:after{display: none;}
.journal .post.highlight{margin-bottom: 50px;}
.journal .post figure{overflow: hidden;}
.journal .post figure img{width: 150%;max-width: inherit;}
.journal .post.highlight .post-content{padding: 15px;padding-right: 0;}
.journal .post.highlight .post-content h3{font-size: 2em;}
.journal .post.highlight .post-content p{display: none;}
.contact .titles{padding: 0;}
.footer{width: calc(100% - 30px);margin: 0 15px;}
.footer h2{font-size: 28px;padding: 0;}
.footer .social-media{display: block;}
.footer .footer-bar span{width: 100%;text-align: center;}}

.page-banner{position: relative;padding: 350px 0 110px 0;background-repeat: no-repeat;background-size: cover;background-position: top center;}
.page-header h2{color: #272727;text-transform: uppercase;}
.page-header .breadcrumb{background-color: transparent;border-radius: 0;list-style: outside none none;margin-bottom: 0;padding: 0;}
.page-header .breadcrumb li{display: inline-block;}
.page-header .breadcrumb li{font-size: 14px;font-weight: 400;text-transform: uppercase;text-decoration: none;}
.page-header .breadcrumb li a{text-decoration: none;color: #1e1a19;}

.banner-title h1{color: #fff;font-weight: bold;font-size: 48px;line-height: 1em;}
.banner-title span{color: rgba(255, 255, 255, 0.5);font-size:20px;line-height: 2em;display:block;}
.banner-title p{color: #fff;font-size: 20px;text-transform: uppercase;}
.banner-title-black h1{color: #272727;font-weight: 300;}
.banner-title-black p{color: #272727;font-size: 20px;text-transform: uppercase;margin-bottom: 210px;}
.down-ico{opacity: 1;filter: alpha(opacity=100);transform: translateY(0);transition: 0.3s ease 0.6s;	}
.down-ico i {display: block;width: 100%;height: 100%;background: url(/images/ico_16.png) no-repeat center;animation: downico 1.5s ease-out infinite;position: relative;}
.down-ico {display: block;width: 73px;height: 73px;border-radius: 50%;border: 1px solid rgb(255, 255, 255);cursor: pointer;margin-top: 95px;position: relative;overflow: hidden;margin-bottom: 70px;}
@keyframes downico{	0%{top: 0;opacity: 1;}	35%{top: 50%;opacity: 0;}	65%{top: -50%;opacity: 0;	}	100%{top: 0;opacity: 1;	}}
.pagepart{margin: -80px 0 0 0 !important;}
.pagepart span{display: inline-block;max-width: 300px;width: 23%;}
.pagepart span a{background: rgba(169, 43, 47, 0.8);display: block;color: #fff;font-size: 20px;line-height: 80px;text-align: center;}
.pagepart span.active a,.pagepart span a:hover{color: #131314;background:#fff}
.pagepart span  i{width: auto !important;}

.social{background: url(/images/bg_about.jpg)  center;background-size: cover;color: #fff;padding: 120px 0;}
.social a{color:#fff;}
.social .top{display: block;color: #fff;overflow: hidden;margin-bottom: 20px;}
.social .top .bg{display: block;padding: 60px 50px;background: url(/images/social01.jpg)  center;background-size: cover;}
.social .bottom-left{display: block;color: #fff;overflow: hidden;}
.social .bottom-left .bg{display: block;padding: 60px 50px;min-height: 270px;background: url(/images/social02.jpg) center;background-size: cover;}
.social .bottom-right{display: block;color: #fff;overflow: hidden;}
.social .bottom-right .bg{background: url(/images/social03.jpg) center;background-size: cover;color: #fff;padding: 60px 50px;min-height: 270px;}
.social .col-sm-6{overflow: hidden;}
.social .bg:hover{ -webkit-transition: 0.9s;-o-transition: 0.9s;transition: 0.9s;transform: scale(1.1);}
.subtitle{text-transform: uppercase;}
.social h5{font-weight: bold;line-height: 1.6em;font-size: 20px;margin-bottom: 1em;}
.social .card-cont{max-width: 176px;font-size: 16px;line-height: 1.7em;text-align: justify;}
/**about_history*/
.about_history{background: url(/images/bg_history.jpg) center bottom;background-repeat: no-repeat;background-size: cover;text-align: center;padding: 120px 0;}
.about_history a{color: #131314;}
.about_history .cont{}
.about_history .con h3{color:#fff;}
.about_history .con p{color:#fff;}
#historyPage{position: relative;overflow:hidden;}
#historyPage .pimg{display: block;width: 100%;}
.historyBox{position: absolute;left: 50%;margin-left: -451px;width: 742px;padding: 30px 80px;bottom: 0px;background-color: #fff;border-radius: 5px 5px 0px 0px;}
.historyBox .pBT{text-align: center;}
.historypic{position: relative;width: 100%;margin: 30px auto;}

.historypic .bx-wrapper{/* border-top: 1px solid #8b8b8b; */}
.historyDemo{position: static;}
.historyDemo .owl-stage-outer{height: 42px;}
.historyDemo .item{float: left;display: block;text-align: center;line-height: 87px;padding: 0px 0px 10px 0px;margin-top: 23px;border-top: 1px solid #8b8b8b;}
.historyDemo a:link,.historyDemo a:visited{/* color: #131314; */}
.historyDemo a:active,.historyDemo a:hover,.historyDemo a.act{color: #131314;}
.historyDemo a{font-family: "Fjalla One";font-size: 20px;color: #8b8b8b;}
.historyDemo .item a:hover:before,.historyDemo .item a.act:before{content:"";background: #ffffff 30px;border: 2px solid #a92b2f;animation: pulse 5s infinite;height: 36px;width: 36px;border-radius: 40px;top: -20px;line-height: 0px;font-size: 100px;color: #a92b3f;background: #fff url(/images/c_03.png) center;}
.historyDemo .item a:before{content:"|";height: 40px;width: 40px;line-height: 40px;position: absolute;top: -20px;background: #fff;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.historypic .bx-wrapper .bx-controls-direction a{top: 0;margin-top: 0;width: 40px;height: 40px;text-indent: -10em;margin: 0px;padding: 0px;overflow: hidden;position: absolute;}
.historypic .bx-wrapper .bx-prev{left: 0px;background: #c0c0c1 url(/images/p_h.png) no-repeat center;border-radius: 40px;}
.historypic .bx-wrapper .bx-next{right: 0px;background: #c0c0c1 url(/images/n_h.png) no-repeat center;border-radius: 40px;}
.historyCon{font-size: 14px;padding: 20px 28px 50px;color: #fff;}
.historyCon h1{color: #131314;text-align:center;font-size: 48px;margin-top: 40px;margin-bottom: 0;font-weight: normal;position: relative;display: inline-block;}
.historyCon h1:before{content:'';width: 100px;border-bottom: 3px solid #000;display: inline-block;font-size:24px;position: absolute;top: 34px;left: -100px;}
.historyCon h1:after{content:'';width: 100px;border-bottom: 3px solid #000;display: inline-block;font-size:24px;position: absolute;top: 34px;}
.bg80abde{background-color: #80abde;}
.milestones{margin-top: 45px;max-height: 350px;}
.milestones p{color: #8b8b8b;font-size: 16px;text-align: center;}
@keyframes pulse {0% {box-shadow: 0 0 3px 1px #fff;}50% {box-shadow: 0 0 3px 2px #a92b2fa3;}100% {box-shadow: 0 0 3px 1px #fff;}}
@media screen and (max-width:991px){.page-banner{position: relative;padding: 120px 0 100px 0;}
.pagepart span a{font-size: 14px;line-height: 40px;}
.pagepart{margin: -40px 0 0 0 !important;}
.banner-title h1{font-size: 28px;}
.banner-title span{font-size: 16px;}
.down-ico{margin-top: 35px;margin-bottom: 30px;width: 43px;height: 43px;}
.about-studio{padding:60px 0}
.about-studio h1{font-size:28px}
.social{padding:60px 0}
.social h1{font-size:28px}
.about_history{padding:60px 0}
.about_history h1{font-size:28px;margin-top: 0;}
.historyCon h1:before{content:'';width: 50px;border-bottom: 2px solid #000;display: inline-block;font-size: 12px;position: absolute;top: 24px;left: -60px;}
.historyCon h1:after{content:'';width: 50px;border-bottom: 2px solid #000;display: inline-block;font-size:24px;position: absolute;top: 24px;right: -60px;}
}
/* single page*/
.single-page{padding:120px 0;width: 100%;}
.single-page .num{font-family: "Fjalla One";}
.single-page a{color: #131314;}
.single-page h5{color:#a92b2f;font-weight: normal;line-height: 1.6em;font-size: 24px;margin-bottom: 1em;}
.single-page u{position: relative;text-decoration: none;}
.single-page u:after{content: "";width: 100%;height: 7px;background: #a82a2e2b;position: absolute;left: 0;bottom: 6px;mix-blend-mode: color;z-index: -1;}
.single-page p{font-size:16px;text-align:justify;color:#8b8b8b;line-height:2em;opacity: 0.8;}
.single-page p:last-child{margin-bottom: 0;}
.single-page .link{display: inline-block;color: #000;font-weight: 500;font-size: 12px;position: relative;z-index: 2;margin-bottom: 60px;}
.single-page .link:hover{text-decoration: none;}
.single-page .link:before{content: '';display: block;position: absolute;left: 0;bottom: 2px;height: 7px;width: 0;transition: width 0s ease, background .25s ease;mix-blend-mode: color;}
.single-page .link:after{content: '';display: block;position: absolute;right: 0;bottom: 2px;height: 7px;width: 0;background: #a82a2e;transition: width .25s ease;mix-blend-mode: color;}
.single-page .link:hover:before{width: 100%;background: #a82a2e;transition: width .25s ease;}
.single-page .link:hover:after{width: 100%;background: transparent;transition: all 0s ease;}
.channel_draw{margin-top:-80px}
.channel_draw a{color:#8b8b8b;font-size: 20px;margin-top: 80px;}
.channel_draw a:hover{color:#a92b2f;}
.channel_draw .denote{font-size: 16px;line-height: 80px;color: #8b8b8b;padding-left: 40px;padding-top: 3px;background: #fff;width: 100%;}
.channel_draw .denote:before{margin-right: 10px;font-size: 20px;}
.channel_draw .denote em{padding-left:5px; padding-right:5px; font-style:normal;}
@media (max-width: 991px) {
.single-page{padding:60px 0;width: 100%;}
.single-page h1{font-size:28px}
.channel_draw{margin-top:-40px}
.channel_draw a{font-size: 14px;}
.channel_draw .denote{line-height:40px}
}
.jc-pager{width: 100%;margin-top:40px;text-align:center;}
.pager{overflow:hidden;clear:both;width:100%;margin-bottom: 60px;text-align:center;word-wrap:normal;word-break:normal;}
.pager a,
.pager span{display:inline-block;margin:0 3px 0 3px;}
.pager a,
.pager span.page-break,
.pager span.page-start,
.pager span.page-end,
.pager span.page-cur{padding:0px 6px 0px 6px;height:26px;line-height:26px;}
.pager a,
.pager .page-cur,
.pager .page-start,
.pager .page-end,
.pager .page-prev,
.pager .page-next{color:#4c4c4c;background-color: #ffffff;border: solid 1px #f5f5f5;font-size:14px;}
.pager a:hover{text-decoration:none;color:#8e6b43;background-color:#ffffff;border:solid 1px #8e6b43;}
.pager .page-cur{background-color:#ffffff;border:solid 1px #ffffff;color: #a92b2f;}
.pager .page-break{color:#4c4c4c;font-size:14px;}
.pager .page-skip{height:26px;white-space:nowrap;color:#4c4c4c;margin-left:10px;}
.pager .page-skip input.skip_text{margin:-7px 5px 0px 5px;border:1px solid #f5f5f5;width:35px;height:22px;padding:0;text-align:center;color:rgb(0, 0, 0);vertical-align:middle;}
.pager .page-skip input.skip_button{border:solid 1px #c8c8c8;color:#333;background-color:#f5f5f5;margin:-7px 0px 0px 5px;width:48px;height:24px;cursor:pointer;vertical-align:middle;}
.pager .page-skip input.skip_button:hover{background-color:#3b618e;border:solid 1px #8e6b43;color:#ffffff;}
/*jc_down_list_con*/
.jc_down_list_con{margin-top:30px;}
.jc_down_list_con a{border: 1px solid #dcdcdc;display: inline-block;width: 100%;padding: 50px 55px;margin-bottom: 30px;overflow: hidden;}
.jc_down_list_con a:hover{background: #a92b2f;}
.jc_down_list_con a:hover .title{color:#fff;}
.jc_down_list_con img{max-width:100%;}
.jc_down_list_con .jc_t .title{color: #131314;font-size:24px;font-weight: normal;margin: 20px 0 40px 0;}
.jc_down_list_con .jc_t .more{font-size:14px;text-transform: uppercase;height: 40px;}
.jc_down_list_con .jc_t .fa{display: none;height: 40px;margin: 0;} 
.jc_down_list_con a:hover .more{color:#fff;display: none;}
.jc_down_list_con a:hover .fa{display: block;color: #fff;font-size: 30px;} 
.banner-title ul{
    padding: 0;
}
.banner-title li {max-width: 385px;line-height: 60px;display: block;color: #fff;font-size: 20px;border-bottom: rgba(139, 139, 139, 0.2) solid 1px;}
.banner-title li a{font-size: 20px;color: #fff;}
/*-- Newsletter --*/.footer-info-agile p{color: #EEE;line-height: 2em;margin-bottom: 27px;text-align: left;}
.newsletter{float: none;overflow: hidden;position: relative;margin-bottom: 80px;max-width: 385px;}
.newsletter input[type="text"]{margin-top: 22px;font-size: 16px;padding: 11px 60px 13px 16px;border: 1px solid rgba(139, 139, 139, 0.3);border-radius: 0;background: rgba(255, 255, 255, 0);width: 100%;height: 58px;text-align: left;color: #a83131;}
.newsletter input[type="submit"]{width: 46px;line-height: 58px;margin-top: 22px;background: url('../images/email.png');background-repeat: no-repeat;background-position: center;position: absolute;right: 20px;padding: 0em;border: none;outline: none;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;}
.newsletter input::-webkit-input-placeholder {color: rgb(138, 138, 138);-webkit-transition: color.5s;}
.newsletter input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder {color: #c2c2c2;-webkit-transition: color.5s;}
.jc-product{padding:0 -5px;}
.jc-product .col-xs-6 {padding: 5px;}
.jc-product-list {/* margin-bottom: 2em; */position: relative;}
.jc-product-list a{display:block;overflow: hidden;}
.jc-product-list img{vertical-align: middle;max-width: 100%;height: auto;}
.bg_seach{height:100px;background-color:#222831;text-align: center;}
.tumbnail:hover .overlay-folio2{opacity: 1;top: 0%;visibility: visible;transition: .7s;background: rgba(169, 43, 47, 0.9) url(/images/bg_63x63.png) no-repeat 50% 30%;}
.overlay-folio2{background: rgba(169, 43, 47, 0.9) url(/images/bg_63x63.png) no-repeat center;opacity:0;position: absolute;top: 0;overflow: hidden;left: 0;right: 0;transition: .7s;visibility: visible;width:100%;height:100%;}
.tumbnail:hover .caption{bottom: 30%;}
.caption{transition: .4s;color: #fff;position: absolute;display: table;bottom: -50%;width: 100%;text-align: center;z-index: 10;}
.caption h6{color: #ffffff;font-size: 16px;font-weight: bold;word-spacing: inherit;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caption span{color: rgba(255, 255, 255, 0);font-size: 0.88em;}
.caption_2{padding-left: 30px;padding-right: 30px;padding-top: 10px;padding-bottom: 10px;z-index: 2;position: relative;text-align: left;}
.caption_2 h6{color: #212121;font-size: 24px;word-spacing: inherit;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caption_2 span{color: #131314;font-size: 24px;padding-top: 20px;padding-bottom: 15px;border-bottom: 1px solid #8b8b8b;display: block;word-spacing: inherit;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tumbnail:hover .caption_2{    background: #fff;}
.caption_2 .more{text-transform: uppercase;color: #131314;}
.tumbnail:hover .more,.tumbnail:hover .more{}
.fl {color:#8b8b8b;font-size:16px;margin-top: 20px;margin-bottom: 5px;}
.lls{color:#8b8b8b;font-size:16px;margin-bottom: 20px;}
.tumbnail:hover .caption_2 .price,.tumbnail:hover .caption_2 .more{    color: #a92b2f;}
.pro-m0{margin:0}
.m_top_3{margin-top:3em;}
.jc-product-list{box-shadow: 0px 2px 10px 0px rgba(10, 10, 10, 0.2);padding-bottom: 15px;background: #fff;}
.pro-cont{padding-bottom:0;}
.pro-cont .jc-product-list{margin-bottom:0}
/* CONTENT*/
.pro-cont .content1{width: calc(100% - 120px);margin: 0 60px;background: #fff0;}
@media (max-width: 991px) {.pro-cont .content1{width: calc(100% - 30px);margin: 0 15px;}}

.pro-cont .content1 .row{margin:0}
@media (min-width: 576px){

.container-half {    max-width: 270px;}}
@media (min-width: 768px){
.container-half {    max-width: 360px;}}
@media (min-width: 992px){
.container-half {    max-width: 480px;}}
@media (min-width: 1200px){
.container-half {    max-width: 570px;}}
.container-half {    margin-right:0;    margin-left: auto;}
.prev_next_pro span,.prev_next_pro a{    display: inline-block;    float: left;    background: #a92b2f;    line-height: 50px;    color: #fff;    width: 48%;    margin-right: 2%;    text-align: center;}
.prev_next_pro {max-width:380px;margin-top: 170px;}
.prev_next_pro span.blog_prev {}
.prev_next_pro a:hover{background:#ccc}
.pc-slide{max-width: 449px;margin: 0 0 120px auto;}
.view .swiper-container{max-width: 592px;}
.view .swiper-slide {background-size: cover;background-position: center;}
.view .swiper-slide a{display: block;height: 100%;}
.view .swiper-slide  img{max-width: 100%;height: auto;display: block;position: relative;width: 100%;}
.view .arrow-left{position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;display:none}
.view .arrow-right{position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;display:none}
.preview{width: 100%;margin-top: 10px;position: relative;}
.preview .swiper-container{max-width: 592px;height: 97px;margin-left: 0;}
.preview .swiper-slide{width: 148px;height: 95px;}
.preview .slide6{width: 99px;}
.preview .arrow-left{position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right{position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview img{padding: 1px;width: 100%;cursor: pointer;}
.preview .arrow-left{background: url(/images/feel3.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right{background: url(/images/feel4.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview img{padding: 1px 4px;width: 100%;}
.preview .active-nav img{padding: 1px 3px 0px 3px;border-bottom: 1px solid #F78C1A;}
.pro-in{padding:120px 0;}

.news-page .newsletter{margin-left: auto; margin-right: 0;}
.news-page .entry-content span{    border-bottom: 6px solid #ccc;    padding-bottom: 50px;    width: 100%;    display: inline-block;}
.news-page .item{    margin-top: 30px;}
.news-page .item:hover h3{color:#a92b2f}
.news-page .item:hover span{color:#a92b2f; border-bottom: 6px solid #a92b2f; }
.news-page .pager{margin-top:50px}
.newsdetails-page{margin-top:50px;}
.newsdetails-page .details-tit{font-weight:normal;min-height: 90px;}
.newsdetails-page .details-icon{    margin-bottom: 45px;}
.newsdetails-page .details-icon span{display: inline-block;float: left;font-size: 16px;line-height: 1em;color: #131314;padding-right: 10px;margin-right: 10px;border-right: 2px solid #131314;}
.newsdetails-page .details-icon .bdsharebuttonbox{display: inline-block;height: 16px;float: left;}
.newsdetails-page .details-icon .bds_more{width: 0;padding-left: 0;line-height: 16px;padding: 0;margin: 0;color: #131314;}
.newsdetails-page .details-icon .bds_more:before{content: "\f1e0";display: inline-block;font: normal normal normal 14px/1 FontAwesome;text-rendering: auto;line-height: 16px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.newsdetails-page .details-icon .bds_more:hover{ color: #a92b2f;}
.newsdetails-page .time{text-align:right}
.newsdetails-page .time span:first-child{    display: block;    font-family: "Fjalla One";    font-size: 36px;    color: #a92b2f;}
.newsdetails-page .time span:last-child{  display: block;  font-family: "Fjalla One";   font-size: 48px;    color: #a92b2f;}
.details-cont{margin-top:20px;min-height:500px}
.details-cont p{color:#131314;font-size:16px;line-height: 2em;}
.prev_next{margin: 60px -15px;}
.prev_next a{color:#131314;font-size:16px;}
a.blog_prev {text-align: center;}
a.blog_next {text-align: center;}
a.back-cid{text-align:center;}
.back-cid:before {display: inline-block;height:75px;width:75px;font-size: 20px;line-height: 75px;background:#a92b2f;color:#fff;}
.prev_next a:hover{ color: #a92b2f;}
@media (max-width: 991px) {
.newsdetails-page{margin-top: 30px;}
.newsdetails-page .details-tit{font-weight:normal;min-height: auto;font-size: 24px;margin-bottom: 15px;}
.newsdetails-page .details-icon{    margin-bottom: 45px;}
.newsdetails-page .details-icon span{display: inline-block;float: left;font-size: 16px;line-height: 1em;color: #131314;padding-right: 10px;margin-right: 10px;border-right: 2px solid #131314;}
.newsdetails-page .time{text-align:right;position: relative;margin-top: -30px;}
.newsdetails-page .time span:first-child{right: 15px;top: -20px;font-family: "Fjalla One";font-size: 16px;color: #a92b2f;position: absolute;}
.newsdetails-page .time span:last-child{font-size: 20px;position: absolute;right: 15px;}
.prev_next{margin:60px 0}
.prev_next a{color:#131314;font-size: 14px;text-align: left;margin: 1em 0;}
a.back-cid{text-align: left;}
.back-cid:before {display: inline-block;height: 36px;width: 36px;font-size: 14px;line-height: 36px;background:#a92b2f;color:#fff;text-align: center;}
.prev_next a:hover{ color: #a92b2f;}
.details-cont p{font-size:14px;line-height:2em}
}
/*recruitment*/
.recruitment-info{background: #fff;}
.recruitment-info p a span{color:#3e3e3e;font-size: 30px;font-weight: bold;}
.recruitment-info ul li{list-style-type:none}
.recruitment-info .services__info-block{margin-bottom: 6px;background: #efefef;}
.recruitment-tabs--about{margin-left: 40px;}
.recruitment-tabs--about .aside-tabs__blocks{padding: 45px 30px 40px 30px;}
.recruitment-tabs--about .aside-tabs__links a{font: 30px 'Microsoft YaHei',sans-serif;padding-left: 32px;padding-right: 32px;border-left: 1px solid #eee;border-top: 3px solid #eee;}
.recruitment-tabs--about .aside-tabs__links a:hover{border-top-color:#ce0000;}
.recruitment-tabs--about .aside-tabs__links a.aside-tabs__active-link{border-top: 3px solid #ce0000;}
.recruitment-tabs--about .aside-tabs__links a:last-child{border-right: 1px solid #eee;}
.recruitment-tabs--about .aside-tabs__blocks{border-left:1px solid #eee;border-right:1px solid #eee;}
.recruitment-tab__img{margin-bottom: 40px;}
.recruitment-tab > p{margin: 0 0 35px 0;font: 300 14px 'Lato',sans-serif;line-height: 1.5;}
.recruitment-info .services__info-block--active h5{background: #8b8b8b;color: #fff;}
.recruitment-info .triangle-list{padding: 0;list-style:none;margin: 0;}
.recruitment-info .triangle-list__one{padding-left: 20px;margin-bottom: 10px;font: 400 14px 'Lato',sans-serif;}
.recruitment-info .triangle-list__one:last-child{margin-bottom: 0;}
.recruitment-info .triangle-list__one.triangle:after{border-bottom:8px solid #ce0000;border-right:8px solid transparent;bottom:3px;left:0;}
.recruitment-info .services__info{border-bottom:1px solid #eee;}
.recruitment-info .services__title{margin: 0 0 0 20px;position: relative;overflow: hidden;font-size: 16px;font-weight: normal;margin-left: 0;background: #8b8b8b;}
.recruitment-info .services__title a:first-child{font: 30px 'Microsoft YaHei',sans-serif;font-weight: normal;margin-top: 5px;}
.recruitment-info .services__title a:first-child:hover{font-weight:bold;}
.recruitment-info .services__text{line-height: 2;margin:0 0 0 0;padding-left: 20px;font: 16px 'Microsoft YaHei',sans-serif;padding-bottom: 35px;display:none;line-height: 2;}
.recruitment-info .triangle--services:after{border-bottom: 12px solid red;border-right: 12px solid transparent;left:0;bottom:0;}
.recruitment-info .services__info-block--active .services__text{display: block;}
.recruitment-info .m_23{margin: 20px 0px 20px 0px;display: block;white-space: nowrap;overflow: hidden;padding-left: 14px;text-overflow: ellipsis;width: 80%;font-size: 16px;color: #fff;}
.recruitment-info .m_23 em{color: #dcdcdc;font-weight: normal;font-style: normal;font-size: 12px;}
.recruitment-info .services__info-block--active  .m_23 em{color:#fff;font-size: 12px;font-style: normal;}
.recruitment-info .services__title a:first-child:hover{font-weight:normal;}
.recruitment-info .square--toggle{font-weight: normal;color: #ffffff;width: 20%;font-size: 16px;padding-right: 30px;padding-top: 17px;padding-bottom: 14px;text-align: center;margin: 0;}
.recruitment-info .square--toggle .fa-minus{width:33px;height: 33px;line-height:33px;background: #8b8b8b;color: #ffffff;text-align:center;}
.recruitment-info .square--toggle .fa-plus{width:33px;height: 33px;line-height:33px;background: #8b8b8b;color:#ffffff;text-align:center;}
.recruitment-info .services__info-block--active .square--toggle{color: #fff;text-align: center;}
.recruitment-info a.square--toggle{cursor: pointer;}
.recruitment-info .brief{margin-top:30px;margin-right: 20px;}
.recruitment-info .tit1{font-size: 16px;font-weight: bold;margin-right: 30px;display: inline-block;}
.recruitment-info .tit1 span{font-weight: normal;}
.recruitment-info .tit2{font-size: 16px;font-weight: bold;color: #000;display: block;margin-top: 20px;}
.holder{margin: 15px 0;text-align: center;}
.holder a{font-size: 14px;cursor: pointer;margin: 0;padding: 0 5px;color: #333;}
.holder a:hover{background-color: #00538c;color: #fff;}
.holder a.jp-previous{margin-right: 15px;}
.holder a.jp-next{margin-left: 15px;}
.holder a.jp-current, a.jp-current:hover{color: #a92b2f;font-weight: bold;}
.holder a.jp-disabled, a.jp-disabled:hover{color: #bbb;}
.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover{cursor: default;background: none;}
.holder span{margin: 0 5px;}
.hiring ul{margin:0;padding:0;}
.list-title  .services__info-block h5{    background: #a92b2f;}
.hiring{padding: 90px 0;}
.list-title{margin-top:30px}
.platform{background: url(/images/bg_history.jpg) center bottom;background-repeat: no-repeat;background-size: cover;text-align: center;padding: 120px 0;}
.platform a{color: #131314;}
.platform .items{border:#8b8b8b solid  1px;padding:60px 50px;text-align:left;margin-top: 20px;}
.platform .items .title{font-size:24px;margin-bottom: 30px;}
.platform .items .title span{color:#131314;font-weight: bold;}
.map-cont{padding-right:0;padding-left:0;z-index: 2;}
.map{height:900px;}
.map iframe{width:100%;height:100%;}
.contacts-word{background: #a92b2f;padding: 95px 120px;color: #fff;}
.contacts-word h2{font-weight:normal;}
.contacts-word h2 a{font-family: "Fjalla One";display: inline-block;margin-bottom:20px;color: #fff;}
.contacts-word p.fa{border-bottom: 1px solid #c36b6e;padding-top: 20px;padding-bottom:30px;width:100%;}
.contacts-word p.fa:before{margin-right:10px}
.contacts-word p.fa a{display: inline-block;line-height:2em;font-size:16px;color: #fff;}
@media (max-width: 1200px) {
.map{height:600px;}    
.contacts-word{padding: 45px 60px;}}
@media (max-width: 900px) {
.map{height:300px;} 
.hamburger-navigation li a{font-size: 20px;}
.contacts-word{padding: 35px 15px;}
.contacts-word h2{font-size:20px;}
.contacts-word p.fa{font-size: 14px;padding-top: 10px;padding-bottom: 20px;}
.contacts-word p.fa a{line-height:2em;font-size: 14px;}}
.honor-item{background:#fff;margin-bottom: 40px;display: inherit;-webkit-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;-o-transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;transition: height .4s ease, line-height .4s ease, margin .4s ease, padding .4s ease;}
.honor-item:hover{box-shadow: 0 0 6px rgba(0,0,0,0.2);}
.honor-item:hover .portfolio-overlay{ opacity: 1; }
.honor-item .portfolio-image {	position: relative;	overflow: hidden;}
.load-more{text-align:center;margin: 40px auto;font-size: 16px;}
.honor-item .portfolio-desc h3{font-size: 18px;font-weight: normal;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #131314;line-height: 2em;}
.honor-item:hover a  h3 {color: #1b4486;}
.portfolio-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;text-align: center;background-color: rgba(0,0,0,0.5);-webkit-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;transition: opacity .4s ease-in-out;}