@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Roboto+Condensed:300,400,700&subset=latin-ext');
/*general*/
body, html{ height:100%;text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;}
body{background:#fff; color:#111;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:500;}
body.load{overflow:auto;overflow-x:hidden;}
ul{ margin:0;padding:0;list-style-type:none;}
ul.outside{ list-style:outside; padding:0 0 0 30px;}
ul.decimal{ list-style:decimal; padding:0 0 0 30px;}
a{ color:#8b1615;}
a, a:hover, a:focus, li:hover > a{ outline:0;text-decoration:none;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
h2.title{color:#8b1615;font-family:"Roboto Condensed";font-size:18px;letter-spacing:4px;margin:0 0 30px 0;}
h2.title.with-line{ position:relative; }
h2.title.with-line:after{ content:""; width:100%; height:1px; background:#ccc; display:block; position:absolute; top:50%; left:0; }
h2.title.with-line span{ position:relative; z-index:1; background:#fff; padding-right:30px; }
/*selection*/
::-moz-selection{ background-color:#8b1615;color:#fff;}
::selection{ background-color:#8b1615;color:#fff;}
::-o-selection{ background-color:#8b1615;color:#fff;}
::-ms-selection{ background-color:#8b1615;color:#fff;}
::-webkit-selection{ background-color:#8b1615;color:#fff;}
/*bootstrap*/
.bg-primary{background:#8b1615 !important;}
.text-primary{color:#8b1615 !important;}
.btn{border-radius:0;font-family:"Roboto Condensed";font-size:14px;}
.btn-outline-primary{color:#8b1615; border-color:#8b1615;}
.btn-outline-primary:hover{ color:#fff; background-color:#8b1615; border-color:#8b1615; }
/*social*/
.social a{ font-size:16px;margin:0 5px;}
.social a.fa-facebook:hover{ color:#3b5998 !important; }
.social a.fa-twitter:hover{ color:#00acee !important; }
.social a.fa-instagram:hover{ color:#dc1f62 !important; }
.social a.fa-linkedin:hover{ color:#3272bd !important; }
.social a.fa-google-plus:hover{ color:#d13f2d !important; }
.social a.fa-pinterest:hover{ color:#ce1e27 !important; }
.social a.fa-youtube-play:hover{ color:#ce332d !important; }
/*loading*/
#loading{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; background:url(../img/loading.gif) no-repeat center rgba(255, 255, 255, 0.95); background-size:90px; }
#loading.out{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
/*intro*/
#intro .swiper-container {
	height: calc(100vh - 210px);
}
#intro .swiper-slide{ overflow:hidden; height:100%; background:#8b1615;}
#intro .swiper-slide .img{ height:100%; width:100%; }
#intro .swiper-slide .img img{ height:100%; width:100%; object-fit:cover;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#intro .swiper-slide .title{ padding-bottom:40px;position:absolute; top:0; left:0; width:100%; background:rgba(0, 0, 0, 0.4); height:100%; display:flex; align-items:flex-end; justify-content:center; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#intro .swiper-slide .title span{ opacity:0; color:#fff; transform:rotate(-90deg); display:block; transform-origin:left; width:1px; font-size:30px; font-family:"Roboto Condensed"; white-space:nowrap; }
#intro .swiper-slide:hover .img img{ opacity:0.1;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#intro .swiper-slide:hover .title{ background:transparent;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#intro .swiper-slide:hover .title span{ opacity:1;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#intro #logo img{ margin:-67px auto 0; position:relative; z-index:99; display:block; }
#intro #languages{ position:relative; }
#intro #languages:before{ content:""; position:absolute; top:50%; left:0; width:100%; display:block; background:#ccc; height:1px; z-index:1; }
#intro #languages a{ display:block; padding:0 15px; background:#fff; position:relative; z-index:1; }
#intro #languages a img{ transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
/* #intro #languages a:hover img{ opacity:0.6; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; } */
#intro #languages ul li:first-child a{ padding-left:30px; }
#intro #languages ul li:last-child a{ padding-right:30px; }
/*header*/
#header{ position:absolute; top:0; width:100%; left:0; z-index:99; }
#header .top{ background:rgba(126, 20, 15, 0.8); font-family:"Roboto Condensed"; font-size:14px; color:#fff;padding:10px 0; }
#header .top a{ color:#fff; }
#header .top .left span{ margin:0 30px 0 0; display:inline-block; vertical-align:middle; }
#header .top .left span:last-child{ margin-right:0;}
#header .top .left span i{ margin:0 5px 0 0;}
#header .top .left span i.fa-phone{ font-size:16px; vertical-align:middle; }
#header .top .right > div{ display:inline-block; vertical-align:text-top; }
#header .top .right .language{position:relative;}
#header .top .right .language img{ height:15px;display:block; }
#header .top .right .language span img{ margin:2px 0 0 0; }
#header .top .right .language .languages{ position:absolute; top:-4px; right:-5px; width:auto; text-align:right; background:#fff; padding:5px; box-shadow:0 10px 20px rgba(0, 0, 0, 0.1); display:none; z-index:2;}
/* #header .top .right .language:hover .languages{display:block; -webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} */
#header .top .right .language .languages li{ display:inline-block; }
#header .top .right .language .languages li a,
#header .top .right .language .languages li img{ display:block; margin:0; }
#header .top .right .social{ margin:0 15px 0 0; }
#header .bottom{ background:#fff; box-shadow:0 20px 20px rgba(0, 0, 0, 0.3); }
#header .bottom .left #logo{ margin:0; }
#header .bottom .left #logo a{ display:inline-block; }
.header-fixed #header{ position:fixed; }
.header-fixed #header .top{ display:none; }
#menu a{font-family:Roboto Condensed;color:#111;}
#menu a:hover{color:#8b1615;}
#menu > ul{flex-wrap:nowrap;align-items:center;}
#menu > ul > li > ul{ text-align:center; }
#menu > ul > li{ margin:0 0 0 20px; white-space:nowrap;}
#menu > ul > li:first-child{ margin:0; }
#menu > ul > li:hover > a,
#menu > ul > li.current > a{color:#8b1615;}
#menu > ul > li > a:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:0; background:#8b1615; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#menu > ul > li:hover > a:after,
#menu > ul > li.current > a:after{height:3px;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#menu > ul > li.have-children:hover:before{ display:block; }
#menu > ul > li.have-children:hover > a:after{display:block; -webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both; }
#menu > ul > li.others > a:after{display:none !important;}
#menu > ul > li > a{ text-align:center;font-size:16px; padding:30px 0; position:relative; display:block; }
#menu li > .wide,
#menu > ul > li > ul{position:absolute; background:#f5f5f5;width:100%; box-shadow:0 30px 30px rgba(0, 0, 0, 0.1); display:none;left:0;top:inherit;padding:15px 0 0 0;}
#menu li:hover > .wide,
#menu > ul > li:hover > ul{display:block; -webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#menu > ul > li > ul > li{ display:inline-block; padding:0 15px; margin:0; }
#menu > ul > li > ul > li > a{ margin:0; }
#menu li > .wide .title{ font-size:16px; border-bottom:1px solid #ddd; margin:0 0 15px 0; padding:0; overflow:hidden; text-overflow:ellipsis; white-space:normal; }
#menu li li{ padding:0 0 10px 10px; }
#menu li li:before{ content:"\f105"; font-family:FontAwesome;display:inline-block; margin:0 0 0 -7px;vertical-align:text-top; }
#menu li li.title:before, #menu li.have-children > ul > li:before{display:none;}
#menu li li > a{ display:inline-block; margin:0 0 0 5px; }
#menu li li.title > a{ display:block; margin:0; }
#menu ul li ul{ padding-bottom:15px; }
#menu .menu-box .img{ width:100%; height:150px; overflow:hidden; margin:0 0 15px;}
#menu .menu-box .img img{ width:100%; height:100%; object-fit:cover;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#menu .menu-box:hover .img img{ transform:scale(1.1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#menu .menu-box .title{ border:none !important; }
#menu .menu-box .title a{ font-size:14px; line-height:1.4; display:block; }
/*carousel*/
#carousel{margin:0 0 60px; height:100vh; overflow:hidden; position:relative;font-family:"Roboto Condensed";color:#fff; }
#carousel .swiper-slide{overflow:hidden;}
#carousel .img img{ width:100%; height:100vh; object-fit:cover; }
#carousel .position-absolute{top:0; left:0; width:100%; height:100%; display:flex; align-items:flex-end; padding:100px 0;background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);}
#carousel .title{opacity:0; font-size:30px; letter-spacing:6px; margin:0 0 15px; line-height:1; position:relative; }
#carousel .title:before{content:"";height:1px;width:3000px;position:absolute;right:calc(100% + 15px);top:calc(50% - 1px);background:#8b1615;}
#carousel .description{ opacity:0;font-size:18px;font-weight:300;}
#carousel .swiper-slide-active .title{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#carousel .swiper-slide-active .description{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
#carousel .swiper-pagination{ right:15px; bottom:60px; }
#carousel .swiper-pagination-bullet{ border:2px solid #fff; border-radius:100%; width:13px; height:13px; opacity:1; background:transparent; cursor:pointer; outline:none; display:block; margin:5px 0; }
#carousel .swiper-pagination-bullet.swiper-pagination-bullet-active, #carousel .swiper-pagination-bullet:hover{ background:#8b1615; }
/*cuff*/
#cuff{font-size:16px;padding:0 0 60px;margin:0 0 60px;border-bottom:1px solid #ccc;}
#cuff h2{ font-size:50px; font-family:"Roboto Condensed" }
#cuff p{ margin:0 0 30px; }
#cuff .left .right > p:first-child:before{ content:""; width:100%; height:1px; display:block; background:#ccc; margin:0 0 30px; }
#cuff div > p:last-child{ margin:0; }
#cuff .video{ width:100%; display:block; overflow:hidden; height:400px; position:absolute; left:0; top:0; }
#cuff .video img{ width:100%; height:100%; object-fit:cover; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#cuff .video:hover img{ transform:scale(1.1); transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#cuff .video span{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; text-align:center; justify-content:center; }
#cuff .video span i{ color:#fff; font-size:45px; border:2px solid; padding:3px 6px; border-radius:100%;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#cuff .video:hover span i{ border:4px solid; font-size:40px; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
/*values*/
#values{font-size:16px;}
#values .swiper-container{margin-bottom:75px;}
#values .swiper-slide{width:280px;}
#values .value-box{width:100%;height:365px;overflow:hidden;position:relative;}
#values .value-box .img{width:100%;height:100%;}
#values .value-box .img img{width:100%;height:100%;object-fit:cover;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#values .value-box:hover .img img{transform:scale(1.1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#values .value-box .title a{ position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:flex-end; justify-content:flex-end; text-align:right; padding:20px; color:#fff; font-weight:600;background:-moz-linear-gradient(-45deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 85%); background:-webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 85%); background:linear-gradient(135deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 85%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=1);}
#catalogue{text-align:right;}
#catalogue img{ float:left; margin:-20px -50px 0 0; }
#catalogue p{ margin:0 0 30px; }
#catalogue .btn {
	padding: 10px 25px;
	display: inline-block;
	float: right;
	margin-left: 10px;
}
/*activity*/
#activityAndProject{ padding:30px 0 0; position:relative; }
#activityAndProject h2.title{margin-bottom:50px;}
#activity{ background:#eee; position:relative; margin-top:-30px; padding-top:30px; }
#activity:before{ content:""; position:absolute; top:0; right:calc((((100% / 4) / 2) + 30px) * -1); width:3000px; height:calc(100% + 60px); background:#eee; z-index:-1; }
#activity .swiper-slide{margin-bottom:30px; }
#activity .activity-box .img{ width:100%; height:210px; overflow:hidden; }
#activity .activity-box .img img{width:100%;height:100%;object-fit:cover;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#activity .activity-box:hover .img img{transform:scale(1.1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#activity .activity-box .title{ padding:0 20px; position:absolute; bottom:0; left:0; width:100%; }
#activity .activity-box .title a{ background:#fff; display:block; text-align:center; font-family:"Roboto Condensed"; font-size:14px; color:#111; padding:15px; line-height:1; margin-bottom:-20px; }
#activity .activity-box:hover .title a{ background:#8b1615; color:#fff; }
#activity h2.title.with-line span{background:#eee;}
#activity h2.title.with-line:after{ width:calc(100% + ((100% / 4) / 2) + 30px); }
/*project*/
#project{position:relative;}
#project:after{content:"";z-index:99;user-select:none; pointer-events:none;position:absolute;left:0;bottom:0;width:100%;height:80px;background:-moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);}
#project .swiper-container{height:840px;}
#project .swiper-slide{height:160px;margin-bottom:30px;}
#project .project-box{ background:#eee;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease; }
#project .project-box:hover{ background:#8b1615; color:#fff; transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#project .project-box .img{ height:160px; overflow:hidden; width:100%; }
#project .project-box .img img{width:100%;height:100%;object-fit:cover;transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#project .project-box:hover .img img{transform:scale(1.1);transition:.3s ease;-moz-transition:.3s ease;-webkit-transition:.3s ease;}
#project .project-box .description{ height:65px; overflow:hidden; }
#project .project-box .title{ overflow:hidden; position:relative; }
#project .project-box .title:before{ content:""; position:absolute; left:0; top:calc(50% - 10px); width:100%; height:1px; background:#ccc; display:block; z-index:0; }
#project .project-box .title a{ color:#111; font-size:16px; font-family:"Roboto Condensed"; margin:0 0 20px; background:#eee; display:inline-block; position:relative; z-index:1; padding:0 30px 0 0; }
#project .project-box:hover .title a{ color:#fff; background:#8b1615; }
#project .project-box .description{font-size:14px;}
/*logos*/
#logos .swiper-wrapper{ align-items:center;}
#logos .swiper-slide{ display:flex; text-align:center; justify-content:center; }
/*footer*/
#footer{ background:#111; color:#eee; font-size:12px; padding:30px 0; }
#footer #copyright{ margin:0; }
#footer a{ color:#eee; }
/*inside*/
#inside .banner{ position:relative; padding:170px 0 30px;background:#8b1615; }
#inside .banner > .img{ position:absolute; top:0; left:0; width:100%; height:100%;}
#inside .banner > .img > div{position:relative; width:100%; height:100%; overflow:hidden; }
#inside .banner > .img img{ width:100%; height:100%; object-fit:cover; mix-blend-mode:color-burn; opacity:0.5; }
#inside .banner .title{ color:#fff; font-weight:600; font-size:35px; margin:10px 0 0 0; }
#inside .banner .container{ position:relative; z-index:5; }
#inside .banner .breadcrumb{ background:none; margin:10px 0 0 0; padding:0; border-radius:0; opacity:0.9; }
#inside .banner .breadcrumb .breadcrumb-item, #inside .banner .breadcrumb .breadcrumb-item.active, #inside .banner .breadcrumb .breadcrumb-item a{ color:#fff; font-size:12px; }
#inside .banner .breadcrumb .breadcrumb-item + .breadcrumb-item::before{color:#fff;}
#inside > .content{ padding:30px 0; }
/*gallery*/
.gallery{margin-top:30px;}
.gallery > ul{margin-bottom:0;}
.gallery > ul > li{margin-bottom:30px;}
.gallery > ul > li a{ border:3px solid #eee; display:block; overflow:hidden; position:relative; width:100%; height:200px; }
.gallery > ul > li a > img{object-fit:cover;-webkit-transition:-webkit-transform 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s;-o-transition:-o-transform 0.3s ease 0s;transition:transform 0.3s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);height:100%;width:100%;}
.gallery > ul > li a:hover > img{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
.gallery > ul > li a:hover .demo-gallery-poster > img{opacity:1;}
.gallery > ul > li a .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}
.gallery > ul > li a .demo-gallery-poster > img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}
.gallery > ul > li a:hover .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.5);}
.gallery .justified-gallery > a > img{-webkit-transition:-webkit-transform 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s;-o-transition:-o-transform 0.3s ease 0s;transition:transform 0.3s ease 0s;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);height:100%;width:100%;}
.gallery .justified-gallery > a:hover > img{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);}
.gallery .justified-gallery > a:hover .demo-gallery-poster > img{opacity:1;}
.gallery .justified-gallery > a .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color 0.3s ease 0s;-o-transition:background-color 0.3s ease 0s;transition:background-color 0.3s ease 0s;}
.gallery .justified-gallery > a .demo-gallery-poster > img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity 0.3s ease 0s;-o-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s;}
.gallery .justified-gallery > a:hover .demo-gallery-poster{background-color:rgba(0, 0, 0, 0.5);}
.gallery .video .demo-gallery-poster img{height:48px;margin-left:-24px;margin-top:-24px;opacity:0.8;width:48px;}
.gallery.dark > ul > li a{border:3px solid #04070a;}
/*responsive*/
@media (min-width:1200px){
    .container{ max-width:1440px; }
}
@media (max-width:1600px){
}
@media (max-width:1440px){
    /*hidpi*/
    .container{ max-width:calc(100% - 30px); }
}
@media (max-width:1366px){
    /*ipadpro*/
    #cuff h2{ font-size:43px;}
}
@media (max-width:1280px){
    /*kindle,mdpi,touch*/
    #menu > ul > li{ margin:0 0 0 15px; }
}
@media (max-width:1199px){
    #cuff .left .right > p:first-child:before{ background:none; }
}
@media (max-width:1024px){
    /*bbPlayBook,ipadmini,ipad,ipadpro*/
    #cuff .right .swiper-slide img{ height:300px; width:100%; object-fit:cover; }
}
@media (max-width:991px){
    #activity{ padding-bottom:50px; margin-bottom:50px; }
    #activity:before{ right:-30px;height:100%; }
    #activity h2.title.with-line:after{ width:100%; }
}
@media (max-width:950px){
    /*touch*/
}
@media (max-width:900px){
    /*hidpi*/
    #menu > ul > li > ul > li{ padding:0 10px; }
    #menu > ul > li > ul > li .nav-link{padding:0;}
}
@media (max-width:854px){
    /*n9*/
}
@media (max-width:823px){
    /*pixel2*/
}
@media (max-width:812px){
    /*iphonex*/
}
@media (max-width:800px){
    /*kindle,mdpi*/
}
@media (max-width:768px){
    /*ipadmini,ipad*/
}
@media (max-width:767px){
    #cuff .left .right{ margin-bottom:30px; }
    #header .bottom .left #logo{ margin:10px 0; }
    #header .bottom .left .mobile{ position:absolute; right:0; top:0; height:100%; align-items:center; justify-content:flex-end; text-align:right; }
    #header .bottom .left .mobile .navbar-toggler{ outline:none; font-size:23px; color:#8b1615; }
    #header .navbar-closer{display:block !important; padding:20px; position:fixed; right:0; top:0; outline:none; font-size:23px; color:#8b1615; background:no-repeat; border:none; line-height:1; margin:0; }
    #menu{ position:fixed !important; top:0; left:0; width:100%; background:#fff; height:100vh; overflow:auto; padding:15px;}
    #menu > ul{ display:block; text-align:left; width:calc(100% - 50px);}
    #menu > ul > li{ margin:0; white-space:normal; }
    #menu > ul > li > a{ text-align:left; padding:7px 0; }
    #menu > ul > li > ul > li{ display:block; text-align:left; padding:5px 15px; }
    #menu li > .wide, #menu > ul > li:hover > ul, #menu > ul > li > ul{ position:relative; box-shadow:none; background:none; }
    #menu > ul > li:hover > ul, #menu li:hover > .wide, #menu > ul > li.have-children:hover > a:after{ display:none; animation-name:none; }
    #menu li.active .wide, #menu > ul > li.have-children.active > a:after, #menu > ul > li.active > a:after, #menu > ul > li.active > ul{ display:block;}
    #menu > ul > li.active > a:after{height:3px;}
    #menu li li:before{display:inline-block !important; margin:0 5px 0 3px; }
    #menu li li.title:before{display:none !important;}
    #menu > ul > li:hover > a{color:#111;}
    #menu > ul > li.active > a{ color:#8b1615; }
    #menu > ul > li > ul > li{ padding:5px 0; }
    #menu li li{ padding:0 0 10px 0; }
    #menu .container{ max-width:100%; padding:0; }
    #intro .swiper-slide:nth-child(odd){ background:#111; }
    #intro .swiper-slide .img img{ opacity:0.3;}
    #intro .swiper-slide .title{ background:transparent; }
    #intro .swiper-slide .title span{ opacity:1}
}
@media (max-width:736px){
    /*iphone6plus,iphone7plus,iphone8plus*/
}
@media (max-width:732px){
    /*nexus5x,nexus6p*/
}
@media (max-width:731px){
    /*pixel2*/
}
@media (max-width:667px){
    /*iphone6,iphone7,iphone8*/
}
@media (max-width:640px){
    /*bbz30,note3,note2,s3,s5,l70,lumia550,lumia950*/
}
@media (max-width:600px){
    /*bbZ30,bbPlayBook*/
}
@media (max-width:575px){
    #cuff .video{ height:200px; position:relative;}
    #footer{text-align:center;}
    #footer .social{ margin:15px 0 0; }
    #footer .social .nav{ justify-content:center; }
}
@media (max-width:568px){
    /*iphone5*/
}
@media (max-width:559px){
}
@media (max-width:533px){
    /*lumia520*/
    #header .top .left{ display:none; }
    #header .top .right{ width:100%; }
    #header .top .right .language{ float:right; margin-top:2px; }
    #catalogue{ text-align:center; }
    #catalogue img{ float:none; display:block; margin:auto; max-width:100%;}
    #project .swiper-slide{ height:330px;overflow:hidden;}
    #project .project-box{ padding:15px; }
    #project .project-box .row > div{ padding:0 15px !important; }
    #project .project-box .title{ margin:15px 0; }
    #project .project-box .title:before{ top:calc(50%); }
    #project .project-box .title a{ margin:0; }
}
@media (max-width:480px){
    /*n9,iphone4*/
    #values .swiper-slide{ width:230px; }
}
@media (max-width:414px){
    /*iphone6plus,iphone7plus,iphone8plus*/
    #cuff h2{ font-size:35px; }
    #carousel .title{ letter-spacing:3px; }
    #carousel .position-absolute{ padding-bottom:30px; }
}
@media (max-width:412px){
    /*nexus5x,nexus6p*/
}
@media (max-width:411px){
    /*pixel2*/
}
@media (max-width:384px){
    /*l70*/
}
@media (max-width:375px){
    /*iphone6,iphone7,iphone8,iphonex*/
    #values .swiper-slide{ width:210px; }
}
@media (max-width:360px){
    /*note3,note2,s3,s5,lumia550,lumia950*/
}
@media (max-width:320px){
    /*lumia520,iphone4,iphone5*/
}