/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: NINE*/
/* Version: 1.0 Initial Release*/
/* Build Date: 25-02-2015*/
/* Author: Unbranded*/
/* Website: http://moonart.net.ua/nrghost/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - FONTS */
/* 02 - LOADER */
/* 03 - RESET STYLES */
/* 04 - GLOBAL SETTINGS */
/* 05 - HEADER */
/* 06 - FOOTER */
/* 07 - PLUGINS */
/* 08 - CREATIVE AGENCY TEMPLATE */
/* 09 - RESTAURANT TEMPLATE */
/* 10 - WOMAN FASHION TEMPLATE */
/* 11 - MAN FASHION TEMPLATE */
/* 12 - TRAVEL AGENCY TEMPLATE */
/* 13 - BUSINESS TEMPLATE */
/* 14 - ARCHITECTURE TEMPLATE */
/* 15 - BARBERSHOP TEMPLATE */
/* 16 - HOSPITAL TEMPLATE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - FONTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
@import "//fonts.googleapis.com/css?family=Maven+Pro:400,700,500";
@font-face{font-family:'Jaapokki';src:url(../fonts/jaapokki-regular-webfont.eot);src:url(../fonts/jaapokki-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/jaapokki-regular-webfont.woff2) format("woff2"),url(../fonts/jaapokki-regular-webfont.woff) format("woff"),url(../fonts/jaapokki-regular-webfont.ttf) format("truetype"),url(../fonts/jaapokki-regular-webfont.svg#jaapokkiregular) format("svg");font-weight:400;font-style:normal}
#loader-wrapper{position:fixed;width:100%;height:100%;left:0;top:0;z-index:99999999999999;background:#fff}
.loader-content{position:absolute;text-align:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;height:50px}
.spinner{margin:100px auto;width:32px;height:32px;position:relative}
.b-cube{background:#e66a55}
.ar-cube{background:#196575}
.s-cube{background:#d0a97e}
.f-cube{background:#eb2a2a}
.m-cube{background:#164b9b}
.ag-cube{background:#333}
.h-cube{background:#3cc5de}
.r-cube{background:#d0c4b2}
.t-cube{background:#3cc5de}
.cube1,.cube2{width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}
.cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}
@-webkit-keyframes cubemove {
25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}
50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}
75%{-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}
100%{-webkit-transform:rotate(-360deg)}
}
@keyframes cubemove {
25%{transform:translateX(42px) rotate(-90deg) scale(0.5);-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5)}
50%{transform:translateX(42px) translateY(42px) rotate(-179deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg)}
50.1%{transform:translateX(42px) translateY(42px) rotate(-180deg);-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg)}
75%{transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);-webkit-transform:translateX(0px) translateY(42px) rotate(-270deg) scale(0.5)}
100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
body *{-webkit-text-size-adjust:none}
.clear{clear:both;overflow:hidden;height:0;font-size:0;display:block}
input:focus,select:focus,textarea:focus,button:focus{outline:none}
input,textarea,select{font-family:'Lato',sans-serif,Arial;font-weight:400;-webkit-appearance:none;border-radius:0}
a,a:link,a:visited,a:active,a:hover{cursor:pointer;text-decoration:none;outline:none}
body{font-family:'Jaapokki',sans-serif,Arial;letter-spacing:2px;font-weight:400;font-size:14px;line-height:1}
p{font-family:'Maven Pro';letter-spacing:1px}
.table-view{height:100%;width:100%;display:table}
.row-view{display:table-row}
.cell-view{display:table-cell;vertical-align:middle;height:inherit}
.nopadding{padding-left:0;padding-right:0}
#content-wrapper{padding-top:122px;position:relative}
body.header-moved #content-wrapper{padding-top:244px}
.container-above-header{position:absolute;width:100%;left:0;top:0}
h1,h2,h3,h4,h5,h6{font-family:"Jaapokki"}
h3{text-transform:uppercase}
p{font-family:"Maven Pro"}
#map-canvas{height:660px;background:#485b77}
.block #map-canvas{margin-bottom:60px}
.video-player{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(22,29,40,0.8);z-index:10;transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%)}
.video-player.active{transform:translateX(0%);-moz-transform:translateX(0%);-webkit-transform:translateX(0%);-ms-transform:translateX(0%)}
.video-iframe{position:absolute;left:50px;top:50px;right:50px;bottom:50px}
.video-iframe iframe{position:absolute;left:0;top:0;width:100%;height:100%}
.video-player .close-iframe{color:#ff6c3a;font-family:'bold',sans-serif,Arial;font-size:27px;width:50px;height:50px;line-height:50px;position:absolute;top:0;right:0;cursor:pointer;text-align:center}
.video-player .close-iframe:hover{color:#fff}
@media (max-width: 991px) {
#content-wrapper,body.header-moved #content-wrapper{padding-top:50px}
.container-above-header{position:relative}
#map-canvas{height:300px}
.block #map-canvas{margin-bottom:30px}
}
.background-parent{background-size:cover;background-repeat:no-repeat;background-position:center}
.read-more i{position:relative;display:inline-block;right:0;transition:right .3s linear}
.read-more:hover i{right:-10px}
.block-title{color:#196575;font-size:40px;text-transform:uppercase;line-height:1.3;text-align:center;margin-bottom:23px;word-wrap:break-word}
@media screen and (max-width: 481px) {
.block-title{font-size:32px}
}
.sub-title{max-width:560px;color:#8b989b;font-size:18px;text-align:center;margin:0 auto;line-height:1.7;padding:0 15px 80px;font-family:'Maven Pro';letter-spacing:0}
@media screen and (max-width: 992px) {
.sub-title{padding:0 15px 50px}
}
.demo-wrapper{position:static}
.demo-banner{background:url(../images/demo/demo-bg.jpg) no-repeat center;background-size:cover;min-height:660px;height:100vh;position:relative;background-attachment:fixed}
.demo-banner:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:1}
@media screen and (max-width: 992px) {
.demo-banner{height:auto;padding:150px 0;min-height:100%}
}
@media screen and (max-width: 481px) {
.demo-banner{padding:70px 0}
}
.d-banner-content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center;z-index:2;padding:0 15px}
@media screen and (max-width: 992px) {
.d-banner-content{position:relative;top:0;left:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}
}
.d-banner-content h1{margin:55px 0;color:#fff;font-size:18px;text-transform:uppercase;letter-spacing:8px;line-height:1.3}
@media screen and (max-width: 481px) {
.d-banner-content h1{margin:30px 0}
}
.d-banner-content a{display:inline-block;background:#fff;color:#333;padding:18px 44px 14px;text-transform:uppercase}
.d-banner-content i{background:url(../images/demo/arrow.png);width:18px;height:8px}
.demo-info > div{padding:17px 0 33px;text-align:center}
.demo-info h3{font-family:'Maven Pro';text-transform:uppercase;font-size:16px;color:#d4fafd}
.demo-info h3 span{font-size:40px;font-weight:700;padding-right:10px;position:relative;top:5px;color:#fff!important}
.d-color-1{background:#31cdda}
.d-color-2{background:#e76a56}
.d-color-2 h3{color:#fbbdb3}
.d-color-3{background:#196575}
.d-color-3 h3{color:#99cfda}
.d-footer{background:#f9f9f9;padding:70px 0 60px}
.d-footer div{color:#333;text-transform:uppercase;text-align:center}
.demo-content{padding:100px 0}
.demo-content h2{font-size:40px;color:#333;padding-bottom:20px;text-transform:uppercase}
.demo-content p{text-transform:uppercase;color:#888;font-weight:700;font-family:'Maven Pro'}
.template-box{float:left;width:33.333%;margin-top:100px;padding:0 15px}
@media screen and (max-width: 992px) {
.template-box{margin-top:70px;width:100%}
}
.template-box p{padding-top:30px;text-transform:uppercase;color:#333;font-size:13px;font-family:"Jaapokki"}
.img-box{position:relative;margin:auto;border:3px solid transparent;display:block;overflow:hidden}
@media screen and (max-width: 992px) {
.img-box{display:inline-block}
}
.img-box .template-link{position:absolute;background:rgba(0,0,0,0.8);opacity:0;transition:opacity .3s linear;width:100%;height:100%}
.img-box .template-link a{padding:12px 20px 10px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-300px);-ms-transform:translate(-50%,-300px);transform:translate(-50%,-300px);border:2px solid #fff;color:#fff;font-size:12px;text-transform:uppercase;transition:-webkit-transform .4s ease;transition:transform .4s ease}
.img-box .template-link a i{background:url(../images/demo/v-arrow.png);width:18px;height:8px;margin-left:5px}
.img-box:hover .template-link{opacity:1}
.img-box:hover .template-link a{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.img-box img{max-width:100%;display:block;height:auto}
.template-box-1{border-color:#37383d}
.template-box-2{border-color:#c6b7a0}
.template-box-3{border-color:#eb2b2a}
.template-box-4{border-color:#164b9b}
.template-box-5{border-color:#223c3d}
.template-box-6{border-color:#e06b57}
.template-box-7{border-color:#196575}
.template-box-8{border-color:#d0a97e}
.template-box-9{border-color:#3dc5df}
@-webkit-keyframes scroll-arrow {
from{bottom:48px}
to{bottom:30px}
}
@-ms-keyframes scroll-arrow {
from{bottom:48px}
to{bottom:30px}
}
@keyframes scroll-arrow {
from{bottom:48px}
to{bottom:30px}
}
.module{background:#f1f2f1;padding:70px 0 0}
.module img{width:65px;float:left;margin-right:30px}
.module .content{width:60%;font-size:14px;line-height:22px;color:#2c2c2c;font-family:'Maven Pro';letter-spacing:1px;float:left}
@media screen and (max-width: 992px) {
.module .content{text-align:center;width:90%;margin:0 auto;float:none}
}
.module .col-md-4{min-height:200px}
@media screen and (max-width: 992px) {
.module .col-md-4{margin-bottom:30px}
}
@media screen and (max-width: 992px) {
.module{text-align:center}
.module img{float:none;margin-bottom:20px}
}
.arrow-down{width:18px;height:18px;background:url(../images/demo/down-arrow.png);position:absolute;left:50%;bottom:48px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:9999;cursor:pointer;-webkit-animation:scroll-arrow 750ms ease-in-out infinite alternate;animation:scroll-arrow 750ms ease-in-out infinite alternate}
a[href^="http://maps.google.com/maps"]{display:none!important}
.gmnoprint a,.gmnoprint span{display:none}
.gmnoprint div{background:none!important}
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;height:inherit!important}
.swiper-wrapper{position:relative;width:100%;height:inherit!important;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-duration:0;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-duration:0;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0;-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0);transition-timing-function:ease;box-sizing:content-box}
.swiper-free-mode > .swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{float:left;height:inherit!important;box-sizing:content-box}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}
.swiper-container{width:100%;height:auto}
.swiper-slide{width:100%;height:100%}
.swiper-pagination-switch{background:transparent;display:inline-block;cursor:pointer;width:16px;height:16px;border:2px solid transparent;position:relative;margin:8px;border-radius:50%}
.swiper-pagination-switch:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:8px;height:8px;background:#fff;border-radius:50%}
.swiper-active-switch{border-color:#fff}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:9999999999;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.9;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:999999999999;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-arrow{position:absolute;opacity:1;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:18px;height:8px;position:absolute;top:0;left:0;margin-top:35px}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{width:30px;height:30px;background:rgba(0,0,0,0.8) url(../images/restouran/l-arrow.png) no-repeat center;left:15px}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after{left:auto}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{width:30px;height:30px;background:rgba(0,0,0,0.8) url(../images/restouran/v-arrow.png) no-repeat center;right:15px}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
}
@media all and (max-width: 900px) {
.mfp-arrow{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left{-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;-ms-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.white-popup{position:relative;background:#FFF;padding:25px;width:auto;max-width:400px;margin:0 auto}
.mfp-zoom-in .mfp-with-anim{opacity:0;transition:all .2s ease-in-out;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}
.mfp-zoom-in.mfp-bg{opacity:0;transition:all .3s ease-out}
.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}
.mfp-zoom-in.mfp-removing .mfp-with-anim{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);opacity:0}
.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}
.mfp-newspaper .mfp-with-anim{opacity:0;transition:all .5s;-webkit-transform:scale(0) rotate(500deg);-ms-transform:scale(0) rotate(500deg);transform:scale(0) rotate(500deg)}
.mfp-newspaper.mfp-bg{opacity:0;transition:all .5s}
.mfp-newspaper.mfp-ready .mfp-with-anim{opacity:1;-webkit-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}
.mfp-newspaper.mfp-ready.mfp-bg{opacity:.8}
.mfp-newspaper.mfp-removing .mfp-with-anim{-webkit-transform:scale(0) rotate(500deg);-ms-transform:scale(0) rotate(500deg);transform:scale(0) rotate(500deg);opacity:0}
.mfp-newspaper.mfp-removing.mfp-bg{opacity:0}
.mfp-move-horizontal .mfp-with-anim{opacity:0;transition:all .3s;-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px)}
.mfp-move-horizontal.mfp-bg{opacity:0;transition:all .3s}
.mfp-move-horizontal.mfp-ready .mfp-with-anim{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.mfp-move-horizontal.mfp-ready.mfp-bg{opacity:.8}
.mfp-move-horizontal.mfp-removing .mfp-with-anim{-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);opacity:0}
.mfp-move-horizontal.mfp-removing.mfp-bg{opacity:0}
.mfp-move-from-top .mfp-content{vertical-align:top}
.mfp-move-from-top .mfp-with-anim{opacity:0;transition:all .2s;-webkit-transform:translateY(-100px);-ms-transform:translateY(-100px);transform:translateY(-100px)}
.mfp-move-from-top.mfp-bg{opacity:0;transition:all .2s}
.mfp-move-from-top.mfp-ready .mfp-with-anim{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.mfp-move-from-top.mfp-ready.mfp-bg{opacity:.8}
.mfp-move-from-top.mfp-removing .mfp-with-anim{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px);opacity:0}
.mfp-move-from-top.mfp-removing.mfp-bg{opacity:0}
.mfp-3d-unfold .mfp-content{-webkit-perspective:2000px;perspective:2000px}
.mfp-3d-unfold .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-60deg);transform:rotateY(-60deg)}
.mfp-3d-unfold.mfp-bg{opacity:0;transition:all .5s}
.mfp-3d-unfold.mfp-ready .mfp-with-anim{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}
.mfp-3d-unfold.mfp-ready.mfp-bg{opacity:.8}
.mfp-3d-unfold.mfp-removing .mfp-with-anim{-webkit-transform:rotateY(60deg);transform:rotateY(60deg);opacity:0}
.mfp-3d-unfold.mfp-removing.mfp-bg{opacity:0}
.mfp-zoom-out .mfp-with-anim{opacity:0;transition:all .3s ease-in-out;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}
.mfp-zoom-out.mfp-bg{opacity:0;transition:all .3s ease-out}
.mfp-zoom-out.mfp-ready .mfp-with-anim{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mfp-zoom-out.mfp-ready.mfp-bg{opacity:.8}
.mfp-zoom-out.mfp-removing .mfp-with-anim{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0}
.mfp-zoom-out.mfp-removing.mfp-bg{opacity:0}
@-webkit-keyframes hinge {
0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
@keyframes hinge {
0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
.hinge{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:hinge;animation-name:hinge}
.mfp-with-fade .mfp-content,.mfp-with-fade.mfp-bg{opacity:0;transition:opacity .5s ease-out}
.mfp-with-fade.mfp-ready .mfp-content{opacity:1}
.mfp-with-fade.mfp-ready.mfp-bg{opacity:.8}
.mfp-with-fade.mfp-removing.mfp-bg{opacity:0}
#logo{margin:0 0 30px 15px;float:left}
#logo img{width:235px;height:auto}
@media screen and (max-width: 992px) {
#logo{margin:0 0 15px 15px}
#logo img{width:180px}
}
.header{position:fixed;width:100%;z-index:9999;background:#fff;padding-top:30px;transition:background .3s linear}
.header > .container{position:relative}
@media screen and (max-width: 992px) {
.header{background:rgba(255,255,255,0.97);padding-top:15px}
}
.nav{float:right;margin-top:18px;margin-right:0}
@media screen and (max-width: 992px) {
.nav{display:none;width:100%;margin-right:0}
}
.nav li{list-style:none;float:left;margin:0 2px;position:relative}
.nav ul.menu ul{border:2px solid #9aca48;padding:5px 0;width:270px;margin-top:0}
.nav ul.menu ul li{float:left;width:100%;margin:0}
.nav ul.menu ul li a{border:none;width:100%;padding:8px;display:block;white-space:normal}
.nav ul.menu ul li a:hover{background:#9aca48;color:#fff}
.nav ul.menu ul ul{left:270px}
@media screen and (max-width: 1200px) {
.nav li{margin:0}
}
@media screen and (max-width: 992px) {
.nav li{float:none;width:100%;text-align:center;margin:0}
}
@media screen and (max-width: 992px) {
.nav li{padding-left:20px;padding-right:30px}
}
.nav li a{color:#196575;font-size:12px;text-transform:uppercase;padding:5px 2px 2px 5px;border:2px solid transparent;transition:border-color .2s linear;display:inline-block}
@media screen and (max-width: 1200px) {
.nav li a{font-size:9px}
}
@media screen and (max-width: 992px) {
.nav li a{padding:17px 0;display:block;border:none;border-top:1px solid #196575;transition:color .2s linear,background .2s linear;font-size:14px}
}
.nav li a:hover{border-color:#196575}
@media screen and (max-width: 992px) {
.nav li a:hover{background:#196575;color:#fff}
}
.nav li:last-of-type{margin-right:0}
.nav li.active a{border-color:#196575}
.menu-button,.m-menu-button{width:30px;height:18px;position:absolute;right:15px;display:none;cursor:pointer;margin-top:1px}
.menu-button span,.m-menu-button span{height:2px;margin-top:10px;background:#03dcd4;display:block;position:relative;top:0;transition:all 500ms ease-out}
@media screen and (max-width: 992px) {
.menu-button,.m-menu-button{display:block;margin-top:8px}
}
.menu-button span:first-child,.m-menu-button span:first-child{margin-top:0}
.menu-button.active span:nth-child(1),.m-menu-button.active span:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:7px}
.menu-button.active span:nth-child(2),.m-menu-button.active span:nth-child(2){opacity:0;top:7px}
.menu-button.active span:nth-child(3),.m-menu-button.active span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:-17px}
.m-menu-button{transition:top .4s ease}
.m-menu-button.active span{color:#164b9b}
.m-menu-button.active{top:5px}
.footer{background:#333;padding-top:65px;border-top:6px solid #168ec5}
@media screen and (max-width: 768px) {
.footer{padding-top:45px}
}
img.footer-logo{display:block;margin:0 auto}
.footer h3{text-transform:uppercase;text-align:center;font-family:'Jaapokki';font-size:16px;margin-top:70px;color:#fff;letter-spacing:5px}
.footer p{text-align:center;font-size:16px;font-family:'Maven Pro';color:#646464;max-width:550px;margin:27px auto 45px;line-height:22px;letter-spacing:0}
.ftr-social{display:table;margin:50px auto}
@media screen and (max-width: 768px) {
.ftr-social{margin-bottom:30px;margin-top:30px}
}
.ftr-social .social-network{opacity:1;text-align:center;width:27px;height:27px;border:1px solid #646464;margin:0 25px;position:relative}
@media screen and (max-width: 600px) {
.ftr-social .social-network{margin:0 15px}
}
.ftr-social .social-network{line-height:27px}
.ftr-social .social-network i{color:#646464}
.ftr-social .social-network:hover i{color:#fff}
@media (max-width: 991px) {
.footer h3,.s-footer{margin-top:20px}
.footer p{margin-top:15px}
}
.ftr-nav-container{background:#171717;padding:28px 0 22px}
@media screen and (max-width: 992px) {
.ftr-nav-container{display:none}
}
.ftr-nav{display:table;margin:0 auto}
.ftr-nav li{float:left;list-style:none}
.ftr-nav li a{text-transform:uppercase;display:inline-block;margin:0 12px;color:#646464;transition:color .2s linear;font-size:11px}
.footer-info{color:#646464}
.footer-info a{color:#fff;text-decoration:underline}
footer .footer-info p{color:#fff}
.subscribe-form{max-width:570px;height:45px;background:#2c2c2c;margin:0 auto;padding:0 0 0 20px;position:relative}
@media screen and (max-width: 420px) {
.subscribe-form{padding-left:10px}
}
.subscribe-form label,.subscribe-form input{float:left;line-height:45px}
.subscribe-form label{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:2px;vertical-align:middle;padding-top:2px;padding-right:9px;position:absolute;left:20px}
@media screen and (max-width: 420px) {
.subscribe-form label{top:-40px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
}
.subscribe-form label:after{content:'';height:10px;width:2px;background:#fff;display:inline-block;position:absolute;right:0;top:17px}
@media screen and (max-width: 420px) {
.subscribe-form label:after{content:none}
}
.subscribe-email{width:90%;border:none;height:45px;color:#646464;background:none;padding:0 8px;float:left}
.subscribe-email::-webkit-input-placeholder{color:#646464}
.subscribe-email::-moz-placeholder{color:#646464}
.subscribe-email:-moz-placeholder{color:#646464}
.subscribe-email:-ms-input-placeholder{color:#646464}
.subscribe-submit{border:none;background:url(../images/villa/v-arrow.png) no-repeat 40% 19px;position:absolute;right:0;transition:background .3s ease;width:10%}
@media screen and (max-width: 420px) {
.subscribe-submit{background-position:0 19px}
}
.subscribe-submit:hover{background-position:70% 19px}
.input-container{position:relative;padding-left:100px}
@media screen and (max-width: 420px) {
.input-container{padding-left:0}
}
.a-header{background:transparent}
@media screen and (max-width: 992px) {
.a-header{background:#fff!important;border-bottom:1px solid #ccc}
}
.a-header-active{background:#fff!important;border-bottom:1px solid #ccc}
.ag-nav li a{color:#333}
.ag-nav li a:hover{color:#35373e;border-color:#35373e}
@media screen and (max-width: 992px) {
.ag-nav li a{border-top:1px solid #acafba}
.ag-nav li a:hover{background:#35373e;color:#fff}
}
.ag-nav li.active a{color:#35373e;border-color:#35373e}
@media screen and (max-width: 992px) {
.ag-nav li.active a a{background:#35373e;color:#fff!important;border-color:#acafba}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.ag-nav li.active a{background:#35373e;color:#fff}
}
@media screen and (max-width: 481px) {
.ag-nav li{text-align:left!important}
.ag-nav li a{padding-left:15px}
}
.a-menu-button span{background:#35373e}
.a-block-title{color:#35373e!important}
.a-sub-title{color:#acafba}
.a-banner{background-size:cover;min-height:660px;height:100vh;position:relative;background-position:center}
@media screen and (max-width: 992px) {
.a-banner{height:auto;min-height:100%;padding:120px 0 70px}
}
.banner_description{border:5px solid #35373e;text-align:center;max-width:280px;padding:35px 48px;position:absolute;left:50%;top:50%;background:rgba(255,255,255,0.9);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);overflow:hidden}
@media screen and (max-width: 992px) {
.banner_description{margin:0 auto;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);position:relative;left:0;top:0}
}
.banner_description h1{font-size:60px;color:#35373e;line-height:1.1;text-transform:uppercase;margin:28px 0 8px}
.hello{color:#b2b5bf;font-size:26px;line-height:1.3}
.creative{color:#acafba;font-size:16px;line-height:1.3}
@media screen and (max-width: 992px) {
.a-banner-slider{min-height:500px;padding:50px 0 0}
.a-banner-slider .banner_description{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.a-banner-slider .banner_description h1{font-size:40px;margin-top:20px}
}
.ag-slide{position:relative;background-position:center;background-size:cover}
@media screen and (max-width: 992px) {
.ag-slide{min-height:500px}
}
.a-arrow-left{left:5%!important;top:50%!important}
@media screen and (max-width: 992px) {
.a-arrow-left{display:none}
}
.a-arrow-right{right:10%!important;top:50%!important}
@media screen and (max-width: 992px) {
.a-arrow-right{display:none}
}
@media screen and (max-width: 992px) {
.a-pagination{display:block!important;position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.a-pagination .swiper-pagination-switch{background:#000}
}
video.bgvid{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;background:url(../images/agency/bg_top.jpg) no-repeat;background-size:cover}
@media screen and (max-width: 992px) {
.video-banner{min-height:600px}
}
@media screen and (max-width: 481px) {
.video-banner{min-height:480px}
}
.a-about-section{background:#f4f4f6;padding:140px 0}
@media screen and (max-width: 992px) {
.a-about-section{padding:70px 0}
}
.pic-1{box-shadow:5px 8.7px 20px rgba(0,0,0,0.2);width:100%;height:auto}
.pic-2{width:100%;height:auto;box-shadow:5px 8.7px 20px rgba(0,0,0,0.2);margin-top:30px}
@media screen and (max-width: 768px) {
.col-pic1{display:none}
}
@media screen and (max-width: 992px) {
.col-pic2{display:none}
}
.about-us{padding-left:42px;padding-top:90px}
.about-us h2{text-transform:uppercase;color:#35373e;font-size:40px;margin-bottom:26px}
.about-us .read-more{color:#acafba}
@media screen and (max-width: 768px) {
.about-us{padding:0 15px}
}
.about-us p{font-size:16px;color:#acafba;line-height:1.5;margin-bottom:45px}
.arrow-green{background:url(../images/agency/right.png) no-repeat;width:18px;height:8px}
.serv{border-bottom:1px solid #eeeef0}
.a-service{padding-top:0!important;padding-bottom:0!important;border-bottom:none}
.bg-serv{position:relative;background:url(../images/agency/image_3.jpg) no-repeat center center;overflow:hidden;background-size:cover;padding:0}
.services{width:100%;min-height:800px;left:0;top:0;background:rgba(53,55,62,0.85)}
@media screen and (max-width: 992px) {
.services{min-height:100%;padding:100px 15px}
}
@media screen and (max-width: 768px) {
.services{padding-top:50px;padding-bottom:50px}
}
.serv-description{border:5px solid #fff;text-align:center;padding:50px 20px 45px;margin:0 auto;min-width:350px;display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media screen and (max-width: 992px) {
.serv-description{position:relative;top:0;left:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);max-width:380px;margin:0 auto;min-width:100%}
}
.this-service{display:block}
.topic{font-size:40px;line-height:1.1;text-transform:uppercase;color:#fff;margin-bottom:20px}
.describe{font-size:16px;line-height:28px;color:#bbbcc0}
.serv-item{max-width:400px;margin:0 auto;padding-top:50px}
@media screen and (max-width: 992px) {
.serv-item{padding:0 15px}
}
.service{text-align:center;margin-top:115px;margin-bottom:0;cursor:pointer}
@media screen and (max-width: 992px) {
.service{margin-top:50px}
}
.service img{display:inline-block;margin:auto;opacity:.45}
.service h6{text-transform:uppercase;font-family:'Jaapokki';color:#acafba;margin-top:33px;font-size:13px}
.active-item h6{color:#35373e}
.active-item img{opacity:1}
.service:hover h6{color:#35373e}
.service:hover img{opacity:1}
.work-process{text-align:center;padding-top:140px;padding-bottom:140px;background:#fff;width:100%}
@media screen and (max-width: 992px) {
.work-process{padding-bottom:70px!important;padding-top:70px!important}
}
.a-work-process .sub-title{padding-bottom:0}
.process{margin-top:85px;cursor:pointer}
@media screen and (max-width: 992px) {
.process{margin-top:55px}
}
.process h6{color:#acafba;font-size:13px;font-family:'Jaapokki';margin-top:28px;text-transform:uppercase}
.process:hover h6{color:#35373e}
.process img{display:inline-block;margin:auto;opacity:.45}
.process:hover img{opacity:1}
.active-process h6{color:#35373e}
.active-process img{opacity:1}
.number{border-radius:50%;border:2px solid #eeeef0;width:50px;height:50px;margin:auto;margin-top:50px;font-size:18px;font-family:'Jaapokki';color:#acafba}
.number p{color:#acafba;margin-top:17px;font-family:"Jaapokki"}
.active-process p{color:#35373e}
.process:hover p{color:#35373e}
.read{font-family:'Maven Pro';font-size:14px;line-height:26px;text-align:left;color:#acafba;margin-top:44px}
.use{font-size:18px;text-transform:uppercase;text-align:center;line-height:1.8;margin-top:5px}
.process-info{display:none}
.active-info{display:block}
.use{color:#35373e;font-family:'Jaapokki'}
.lates-work{background:#f4f4f6;padding-bottom:67px;width:100%}
@media screen and (max-width: 768px) {
.lates-work .work-img{width:50%}
.lates-work .work-img img{width:100%}
}
@media screen and (max-width: 481px) {
.lates-work .work-img{width:100%}
}
.lates-work h3{color:#37383d!important;margin-bottom:20px}
.lates-work .swiper-active-switch{background:#37383d!important}
.tag{display:inline-block;color:#c6c5cb!important;font-family:'Maven Pro';margin-top:20px}
.tag + p{color:#c6c5cb!important;line-height:1.5}
.late{float:left;margin-top:70px;margin-bottom:66px}
@media screen and (max-width: 992px) {
.late{text-align:center;float:none;width:100%;margin-bottom:0}
}
.late h3{color:#35373e;font-size:30px;text-transform:uppercase;margin-bottom:20px}
@media screen and (max-width: 992px) {
.late h3{text-align:center}
}
.lates-work #filters{float:right;margin-top:78px;font-size:13px;text-transform:uppercase}
@media screen and (max-width: 992px) {
.lates-work #filters{float:none;margin-top:30px;margin-bottom:30px}
}
.lates-work #filters button{display:inline-block;padding:0 20px;border:none;background:transparent;color:#acafba;text-transform:uppercase}
@media screen and (max-width: 992px) {
.lates-work #filters button{padding-bottom:20px}
}
.lates-work #filters .actual{color:#35373e}
.lates-work #filters button:hover{color:#35373e}
.lates-work #filters button:last-child{padding:0 0 0 20px}
.work-img{display:block;vertical-align:top;float:left;width:20%;position:relative;overflow:hidden}
@media screen and (max-width: 479px) {
.work-img{width:100%}
}
.work-img:hover .work-description{bottom:0}
.work-img img{display:block;margin:0;padding:0;width:100%;height:auto}
@media screen and (max-width: 479px) {
.work-img img{width:100%}
}
.work-description{text-align:center;width:100%;background:#fff;padding:30px 0;position:absolute;bottom:-300px;left:0;transition:bottom .4s ease}
.work-description h5{text-transform:uppercase;font-family:'Jaapokki';font-size:14px;color:#35373e}
.work-description p{margin-top:27px;font-size:14px;color:#acafba}
.view{text-align:center;margin-top:70px;display:inline-block;color:#acafba}
.view:hover{color:#acafba}
.a-team{padding-top:140px}
.a-team .block-title{margin-bottom:90px}
@media screen and (max-width: 992px) {
.a-team .block-title{margin-bottom:30px}
}
@media screen and (max-width: 992px) {
.a-team{padding-top:70px}
}
.our-team h2{font-family:'Jaapokki';font-size:40px;margin-top:138px;text-transform:uppercase;text-align:center;margin-bottom:90px;line-height:40px}
.team-member{position:relative;text-align:center;padding-bottom:15px}
.team-member h5{font-size:13px;font-family:'Jaapokki';margin-top:30px;text-transform:uppercase;text-align:center;opacity:1}
.team-member p{font-size:14px;font-family:'Maven Pro';color:#acafba;margin-top:22px;text-align:center;opacity:1}
.member{position:relative;top:0;max-width:100%;width:100%;height:auto;z-index:1}
.team-member:hover .member{top:80px}
.team-member:hover h5{opacity:0}
.team-member:hover p{opacity:0}
.soc-net{position:absolute;top:0;width:100%}
.social-network{display:inline-block;margin-bottom:38px;width:23%;height:15px;text-align:center}
.team .pagination{display:none}
.arrows{width:130px;margin:auto}
.arrow-left{margin-right:90px}
.arrows > div{display:inline-block;margin-top:40px;opacity:.45}
.arrows > div:hover{opacity:1;cursor:pointer}
@media (max-width: 991px) {
.our-team h2{margin-top:50px;margin-bottom:20px}
}
@media (max-width: 767px) {
.our-team h2{margin-top:50px;margin-bottom:20px}
.social-network{width:15%}
}
.a-team .soc-net{padding-top:35px}
.a-team .member-social{position:relative;z-index:1;display:inline-block;margin:0 20px}
@media screen and (max-width: 1200px) {
.a-team .member-social{margin:0 10px}
}
.a-team .member-social i{color:#acafba}
.a-team .member-social i:hover{color:#35373e}
.a-arrow{width:200px;position:relative;margin:0 auto}
.a-arrow div{position:absolute;top:0}
.a-arrow .arrow-left{left:0}
.a-arrow .arrow-right{right:0}
.a-skills{width:100%;padding:30px 0 140px}
@media screen and (max-width: 992px) {
.a-skills{padding:0 0 70px}
}
.our-skills h3{font-family:'Jaapokki';font-size:20px;text-transform:uppercase;margin-top:90px}
.our-progress{margin-top:45px}
.our-progress h5{font-family:'Jaapokki';font-size:13px;text-transform:uppercase;background:transparent;background:none}
.our-progress > div{display:inline-block}
.line{height:2px;background:#eeeef0;margin-top:13px;width:100%;position:relative}
.line .line-active{position:absolute;left:0;top:0;background:#35373e;height:2px;width:0;transition:width 3s linear}
.line-active span{position:absolute;right:0;top:-12px;padding:7px 10px;background:#acafba;color:#fff;display:inline-block;font-size:13px}
.line-active span:after{content:'%'}
.blog{background:#f8f9fd;padding-top:25px;padding-bottom:0}
@media screen and (max-width: 992px) {
.blog{padding-top:40px}
}
.post{padding-bottom:20px}
@media screen and (max-width: 768px) {
.post{margin-bottom:30px}
.post:last-of-type{margin-bottom:0}
}
.post h5 a{font-size:14px;line-height:24px;margin-top:20px;text-transform:uppercase;display:block;color:#333;transition:color .2s linear}
.post p{text-align:left;font-size:12px;margin-top:23px;margin-bottom:45px;color:#888}
.post p.text-highlighted{text-align:center}
.post p.text-highlighted a{color:#fff;text-decoration:underline}
.post img{max-width:100%}
.a-post .read-more,.a-post p{color:#acafba}
@media (max-width: 991px) {
.blog{padding-bottom:40px}
.from-blog h2{margin-top:40px}
.from-blog p,.post p{margin-top:15px;margin-bottom:20px}
.post img{width:100%;height:auto}
}
@media (max-width: 767px) {
.blog{padding-bottom:40px}
.from-blog h2{margin-top:40px}
.from-blog p,.post p{margin-top:15px;margin-bottom:20px}
.post img{width:100%;height:auto}
}
@media screen and (max-width: 992px) {
.testimonials{padding-bottom:40px}
}
.bg-testimon{background:url(../images/agency/image_4.jpg) no-repeat center center;background-size:cover;overflow:hidden;padding:0;min-height:800px;position:relative}
@media screen and (max-width: 992px) {
.bg-testimon{min-height:100%;height:auto}
}
.ts-container{width:100%;height:100%;left:0;top:0;background:rgba(53,55,62,0.85);position:absolute}
@media screen and (max-width: 992px) {
.ts-container{position:relative;padding:50px 15px}
}
.testimotionals-describe{border:5px solid #fff;margin:0 auto;padding:0 30px 40px;text-align:center;display:none;max-width:360px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%}
@media screen and (max-width: 992px) {
.testimotionals-describe{position:relative;top:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);left:0}
}
.this-tes{display:block}
.testimotionals-describe h2{text-transform:uppercase;font-size:40px;margin-top:50px;color:#fff;line-height:1.1}
.testimotionals-describe p{margin-top:20px;color:#bbbcc0;line-height:28px;font-size:16px}
.words{margin-top:180px;text-align:center}
@media screen and (max-width: 992px) {
.words{margin-top:60px}
}
.im-center{margin-top:30px}
.words > .im-center:first-child{margin-top:0}
.testim-pic{width:102px;height:102px}
.t-describe{font-size:22px;font-family:'Jaapokki';line-height:32px;color:#35373e;max-width:520px;margin:40px auto 0}
.t-author{font-family:'Maven Pro';font-size:16px;color:#acafba;margin-top:37px}
.pagination{display:block;margin:0 auto}
.ts-pagination{display:table;margin:0 auto;padding-top:45px}
@media screen and (max-width: 992px) {
.ts-pagination{padding-top:25px}
}
.ts-pagination .swiper-pagination-switch{width:10px!important;height:10px!important;background:#eeeef0;margin:0 6px;cursor:pointer;border:none}
.ts-pagination .swiper-pagination-switch:after{content:none}
.ts-pagination .swiper-active-switch{background:#35373e!important;border:none}
.logos-list{background:#f8f9fd;padding:70px 0;width:100%;text-align:center}
.logos-list a{line-height:72px;margin-top:0;text-align:center}
.logo-style{display:inline-block;opacity:.45;vertical-align:middle}
.logo-style:hover{opacity:1}
@media (max-width: 991px) {
.logos-list a{margin-top:20px;display:inline-block}
.logos-list{padding:10px 0 30px}
}
.a-contact-section{padding-top:140px}
@media screen and (max-width: 992px) {
.a-contact-section{padding-top:70px}
}
.contact-us{padding-bottom:90px}
@media screen and (max-width: 768px) {
.contact-us{padding-bottom:30px}
}
.contact-us p{color:#acafba}
.contact-info h5{text-transform:uppercase;font-size:16px;margin-bottom:25px;margin-top:25px;color:#333}
.contact-info h5:first-child{margin-top:0}
.contact-info p{line-height:24px;text-align:left;margin-top:0;margin-bottom:0}
.phone{line-height:24px;text-align:left;margin-top:0;text-decoration:none;color:#acafba;transition:color .3s linear;font-family:'Maven Pro';letter-spacing:0}
.input-style{background:#eeeef0;padding:16px 19px;color:#acafba;font-family:'Maven Pro';font-size:16px;display:inline-block;border:none;margin-bottom:30px;border:1px solid transparent}
.mail-us{color:#acafba;transition:color .3s linear}
.contact-us input[type=text]{width:47%;margin-right:6%;float:left}
.contact-us input[type=email]{width:47%;float:left}
.contact-us input[type=tel]{width:47%;float:left}
.tx-style{width:100%;height:150px;background:#eeeef0;padding:16px 19px;color:#acafba;font-family:'Maven Pro';font-size:16px;margin-bottom:40px;border:none;resize:none}
.contact-us input.send{font-size:16px;text-transform:uppercase;color:#35373e;display:block;margin:0 auto;opacity:1;text-decoration:none;letter-spacing:2px;font-family:'Jaapokki',sans-serif,Arial;padding:0 35px 0 0;background-position:90% 2px!important;background-repeat:no-repeat;transition:background .3s linear;border:none}
.contact-us input.send:hover{background-position:100% 2px!important}
.send:hover{opacity:1}
.send:after{content:url(../images/agency/arrow.png);margin-left:8px;opacity:.7}
.send:hover:after{opacity:1}
@media (max-width: 992px) {
.contact-us h2{margin-top:40px}
.contact-us p{margin-top:15px;margin-bottom:30px}
.contact-info h5{margin-top:15px;margin-bottom:10px}
.contact-info p{margin-top:0}
.contact-us input{margin-bottom:10px}
.contact-us textarea{margin-bottom:40px}
.contact-us input[type=text]{width:100%;margin-right:0}
.contact-us input[type=email]{width:100%}
.contact-us input[type=tel]{width:100%}
}
@media (max-width: 767px) {
.contact-us h2{margin-top:40px}
.contact-us p{margin-top:15px;margin-bottom:30px}
.contact-info h5{margin-top:15px;margin-bottom:10px}
.contact-info p{margin-top:0}
.contact-us input{margin-bottom:10px}
.contact-us textarea{margin-bottom:20px;height:100px}
.contact-us input[type=text]{width:100%;margin-right:0}
.contact-us input[type=email]{width:100%}
.contact-us input[type=tel]{width:100%}
}
.a-contact-section .input-style,.a-contact-section .tx-style{background:#eeeef0!important;color:#acafba!important}
.a-contact-section .input-style::-webkit-input-placeholder,.a-contact-section .tx-style::-webkit-input-placeholder{color:#acafba!important}
.a-contact-section .input-style::-moz-placeholder,.a-contact-section .tx-style::-moz-placeholder{color:#acafba!important}
.a-contact-section .input-style:-moz-placeholder,.a-contact-section .tx-style:-moz-placeholder{color:#acafba!important}
.a-contact-section .input-style:-ms-input-placeholder,.a-contact-section .tx-style:-ms-input-placeholder{color:#acafba!important}
.a-contact-section .contact-us input.send{color:#acafba;background-image:url(../images/agency/right.png)}
.a-ftr-nav li a:hover{color:#fff}
.a-footer{background:#35373e}
.a-footer .footer-info,.a-footer .subscribe-email{color:#cfd1db}
.a-footer .subscribe-email::-webkit-input-placeholder{color:#cfd1db}
.a-footer .subscribe-email::-moz-placeholder{color:#cfd1db}
.a-footer .subscribe-email:-moz-placeholder{color:#cfd1db}
.a-footer .subscribe-email:-ms-input-placeholder{color:#cfd1db}
.a-footer .subscribe-form{background:#404249}
.a-ftr-nav-container{background:#2f3138}
.a-ftr-nav-container li a{color:#cfd1db}
.a-social .social-network{border-color:#cfd1db;line-height:27px}
.a-social .social-network:hover{background:#cfd1db;border-color:#cfd1db}
.a-social .social-network i{font-size:14px;color:#cfd1db}
.team-member .member,.team-member p,.team-member h5,.social-network img,.process img,.process h6,.process p,.service img,.service h6{transition:all 700ms ease-out;-ms-transition:all 700ms ease-out}
.arrow-grey{background:url(../images/restouran/arrow.png);width:18px;height:8px}
.r-block-title{color:#333}
.r-sub-title{color:#888}
.r-nav li a{color:#fff}
.r-nav li a:hover{color:#fff;border-color:#fff}
@media screen and (max-width: 992px) {
.r-nav li a{border-top:1px solid #fff}
.r-nav li a:hover{background:#333;color:#fff}
}
.r-nav li.active a{color:#fff;border-color:#fff}
@media screen and (max-width: 992px) {
.r-nav li.active a a{background:#d1c5b3;color:#fff!important;border-color:#fff}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.r-nav li.active a{background:#d1c5b3;color:#fff}
}
@media screen and (max-width: 481px) {
.r-nav li{text-align:left!important}
.r-nav li a{padding-left:15px}
}
.r-header{background:transparent!important}
@media screen and (max-width: 992px) {
.r-header{background:rgba(0,0,0,0.9)!important}
}
.r-menu-button span{background:#fff}
.r-header-active{background:rgba(0,0,0,0.9)!important}
.r-banner{height:800px}
@media screen and (max-width: 1200px) {
.r-banner{height:700px}
}
@media screen and (max-width: 992px) {
.r-banner{height:600px}
}
@media screen and (max-width: 481px) {
.r-banner{height:450px}
}
.restouran-slide{position:relative}
.restouran-slide:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:0}
.restouran-slide .container{height:800px;position:relative;z-index:1}
@media screen and (max-width: 1200px) {
.restouran-slide .container{height:700px}
}
@media screen and (max-width: 992px) {
.restouran-slide .container{height:600px}
}
@media screen and (max-width: 481px) {
.restouran-slide .container{height:450px}
}
.r-banner-content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;text-align:center;padding:0 30px}
.r-banner-content h1,.r-banner-content h2{color:#fff;font-size:60px;line-height:1.2;text-transform:uppercase;margin-bottom:30px;word-wrap:break-word}
@media screen and (max-width: 992px) {
.r-banner-content h1,.r-banner-content h2{font-size:40px}
}
@media screen and (max-width: 768px) {
.r-banner-content h1,.r-banner-content h2{font-size:36px;margin-bottom:10px}
}
.food-list{border:3px solid #fff;display:inline-block;padding:10px;margin-bottom:35px}
@media screen and (max-width: 768px) {
.food-list{margin-bottom:15px;padding:5px}
}
.food-list li{color:#fff;font-size:16px;font-family:'Maven Pro';float:left;list-style:none;font-weight:700;padding:0 4px}
@media screen and (max-width: 992px) {
.food-list li{font-size:14px}
}
@media screen and (max-width: 768px) {
.food-list li{font-size:14px;float:none}
}
.r-banner-price{color:#fff;font-size:26px;font-family:'Maven Pro';font-weight:700}
.col-info{position:relative;min-height:250px;padding:0;background-size:cover;background-position:center}
.col-info:after{content:'';background:rgba(0,0,0,0.55);position:absolute;left:0;top:0;width:100%;height:100%}
.f-info-content{position:absolute;width:100%;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;z-index:555}
.f-info-content h3{color:#fff}
.f-info-content span{display:block;color:#fff;font-family:'Maven Pro'}
.f-info-det{border:3px solid #fff;padding:5px;color:#fff;font-size:13px;font-family:'Maven Pro';display:inline-block;text-transform:uppercase;margin:20px 0}
.col-our{position:relative;background:#fff;min-height:250px}
.col-our h3{color:#888;text-transform:uppercase;margin:22px 0}
.col-our .read-more{color:#888}
@media screen and (max-width: 768px) {
.about-block-1{border-top:1px solid #888}
}
.col-about-5{width:43%;float:left;min-height:800px;position:relative;padding:0 15px}
@media screen and (max-width: 1200px) {
.col-about-5{min-height:700px;width:48%}
}
@media screen and (max-width: 992px) {
.col-about-5{min-height:600px;width:100%}
}
.col-about-7{width:57%;float:left;min-height:800px;position:relative}
@media screen and (max-width: 1200px) {
.col-about-7{min-height:700px;width:52%}
}
@media screen and (max-width: 992px) {
.col-about-7{min-height:600px;width:100%}
}
.r-about-info{position:absolute;max-width:500px;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;margin:0 auto;padding:0 15px}
@media screen and (max-width: 992px) {
.r-about-info{position:relative;top:0;left:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);padding:70px 0}
}
.r-about-info img{margin-bottom:30px}
.r-about-info p{padding-bottom:0}
@media screen and (max-width: 992px) {
.col-bg-hide{display:none}
}
.r-about-img-block{position:absolute;left:0;top:0;width:100%;height:50%}
.r-about-img-block:last-of-type{top:auto;bottom:0}
.menu-item{margin-bottom:30px}
@media screen and (max-width: 1200px) {
.menu-item{margin-bottom:18px}
}
.menu-item:last-of-type{margin-bottom:0}
.menu-item h3{color:#333;margin:20px 0}
@media screen and (max-width: 1200px) {
.menu-item h3{margin:10px 0}
}
.menu-item p{color:#888}
.meat-price{color:#d1c5b3;font-family:'Maven Pro';font-weight:700;display:block}
.r-arrow-l{position:absolute;top:50%;left:0;cursor:pointer}
@media screen and (max-width: 600px) {
.r-arrow-l{display:none}
}
.r-arrow-r{position:absolute;top:50%;right:0;cursor:pointer}
@media screen and (max-width: 600px) {
.r-arrow-r{display:none}
}
@media screen and (max-width: 600px) {
.meat-pagination{display:block!important;position:absolute;width:100%;bottom:0}
.meat-pagination .swiper-pagination-switch:after{background:#888}
.meat-pagination .swiper-active-switch{border-color:#888}
}
@media screen and (max-width: 600px) {
.meat-slider{padding-bottom:50px}
}
.r-popular{padding-top:140px}
@media screen and (max-width: 992px) {
.r-popular{padding-top:70px}
}
.dishes-info{position:absolute;width:100%;padding:0 15px;top:50%;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0}
.dishes-info img{width:auto;height:auto;max-width:inherit;display:inline-block}
@media screen and (max-width: 992px) {
.dishes-info img{display:none}
}
@media screen and (max-width: 767px) {
.dishes-info img{display:inline-block}
}
.dishes-info h3{line-height:1.5;margin-bottom:20px}
@media screen and (max-width: 992px) {
.dishes-info h3{font-size:11px}
}
@media screen and (max-width: 767px) {
.dishes-info h3{font-size:14px}
}
.dishes-info .meat-price{margin:20px 0}
.dishes-box{background:#fffdfa;width:25%;float:left}
@media screen and (max-width: 767px) {
.dishes-box{display:none}
}
.dishes-box-transparent:after{content:'';position:absolute}
@media screen and (max-width: 767px) {
.dishes-box-transparent{display:block;width:100%;height:250px;border-bottom:1px solid #f5f1e8}
.dishes-box-transparent:last-of-type{border-bottom:none}
.dishes-box-transparent:after{content:none}
}
.bord{border-bottom:1px solid #f5f1e8}
.tri-top:after{top:-18px;left:50%;margin-left:-15px;width:0;height:0;border-style:solid;border-width:0 15px 18px;border-color:transparent transparent #fffdfa;top:-18px;left:50%;margin-left:-15px;width:0;height:0;border-style:solid;border-width:0 15px 18px 15px;border-color:transparent transparent #fffdfa transparent;top:-18px;left:50%;margin-left:-15px;width:0;height:0;border-style:solid;border-width:0 15px 18px 15px;border-color:transparent transparent #fffdfa transparent}
.tri-bottom:after{bottom:-18px;left:50%;margin-left:-15px;width:0;height:0;border-style:solid;border-width:18px 15px 0;border-color:#fffdfa transparent transparent;z-index:1}
.tri-left:after{top:50%;left:-18px;margin-top:-15px;width:0;height:0;border-style:solid;border-width:15px 18px 15px 0;border-color:transparent #fffdfa transparent transparent}
.r-team-section{padding-top:140px}
@media screen and (max-width: 992px) {
.r-team-section{padding-top:70px}
}
.team-container{position:relative}
.team-member-photo,.team-member-box{width:50%;float:left;position:relative}
@media screen and (max-width: 992px) {
.team-member-photo,.team-member-box{width:100%}
}
.team-member-box{min-height:600px}
@media screen and (max-width: 1200px) {
.team-member-box{min-height:580px}
}
@media screen and (max-width: 992px) {
.team-member-box{min-height:100%}
}
.team-member-photo{background-size:cover;background-position:center top;min-height:800px}
@media screen and (max-width: 1200px) {
.team-member-photo{min-height:700px}
}
@media screen and (max-width: 992px) {
.team-member-photo{min-height:600px}
}
@media screen and (max-width: 768px) {
.team-member-photo{min-height:400px}
}
.team-member-info{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;max-width:530px;text-align:center}
@media screen and (max-width: 992px) {
.team-member-info{position:relative;left:0;top:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);margin:0 auto;padding:70px 0}
}
.team-member-info span{color:#d1c5b3;text-transform:uppercase;font-family:'Maven Pro';display:block;margin-bottom:30px}
.team-member-info p{padding-bottom:0}
.team-member-info img{margin-bottom:40px}
.team-member-info .block-title{margin-bottom:10px}
.team-nav{position:absolute;width:50%;right:0;bottom:0}
@media screen and (max-width: 992px) {
.team-nav{width:100%;position:relative}
}
.member-slide{cursor:pointer;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}
.member-slide img{max-width:100%;width:100%;height:auto;display:block}
.member-slide.active{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%)}
.team-member-container{display:none}
.team-member-container.active{display:block}
.testimonials-section{padding-top:140px}
@media screen and (max-width: 992px) {
.testimonials-section{padding-top:70px}
}
.testimonials-slider{max-width:900px;margin:0 auto}
.client-slide{text-align:center;cursor:pointer;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}
.client-slide img{-webkit-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4);border-radius:50%;transition:-webkit-transform 1s ease;transition:transform 1s ease;margin-left:-20px}
.client-slide.swiper-slide-active{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%)}
.client-slide.swiper-slide-active img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.star{background:url(../images/restouran/star.png);width:19px;height:19px;display:inline-block}
.testimonials-item{width:100%;text-align:center;max-width:800px;margin:0 auto;display:none;-webkit-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4);transition:-webkit-transform 1s ease;transition:transform 1s ease}
.testimonials-item h3{text-transform:uppercase;color:#333;margin:20px 0;font-size:16px}
.testimonials-item span{color:#d1c5b3;font-family:'Maven Pro';letter-spacing:1px;font-size:16px;display:block;margin-bottom:15px}
.testimonials-item .blockquote{color:#888;line-height:1.5;font-size:16px;font-family:'Maven Pro';letter-spacing:1px}
.testimonials-block{padding-top:30px}
.testimonials-item.active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;display:block}
.gallery-food{padding-top:140px}
@media screen and (max-width: 992px) {
.gallery-food{padding-top:70px}
}
.gallery-food-container{position:relative}
.r-gallery-link{float:left;overflow:hidden;width:33.333%}
.r-gallery-link img{width:100%;max-width:100%;display:block;height:auto;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);transition:-webkit-transform .5s linear;transition:transform .5s linear}
.r-gallery-link:hover img{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}
@media screen and (max-width: 361px) {
.r-gallery-link{width:100%}
}
.col-gallery-info{position:absolute;left:0;height:100%;top:0}
@media screen and (max-width: 992px) {
.col-gallery-info{position:relative}
}
.col-gallery{float:right}
.r-gallery-info{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.r-gallery-info img{margin-bottom:40px}
.r-gallery-info .sub-title{padding-bottom:0}
@media screen and (max-width: 992px) {
.r-gallery-info{position:relative;margin-top:0;top:0;left:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);padding-bottom:50px}
}
.reservation-section{position:static}
.reservation-container{background-size:cover;background-position:center top;padding:140px 0 100px;position:relative}
@media screen and (max-width: 992px) {
.reservation-container{padding:70px 0}
}
.reservation-container:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.reservation-container .block-title,.reservation-container .sub-title{color:#fff}
.reservation-container .container{position:relative;z-index:11}
.reservation-form{max-width:770px;margin:0 auto}
.input-reservation{border:3px solid #fff;height:45px;float:left;width:46%;margin-bottom:30px;position:relative}
@media screen and (max-width: 481px) {
.input-reservation{width:100%}
}
.input-reservation img{position:absolute;right:16px;top:12px}
.input-reservation:nth-of-type(2n){margin-left:8%}
@media screen and (max-width: 481px) {
.input-reservation:nth-of-type(2n){margin-left:0}
}
.input-reservation input{background:none;border:none;line-height:39px;color:#fff;padding:0 45px 0 16px;font-weight:900;font-family:"Maven Pro";width:100%}
.input-reservation input::-webkit-input-placeholder{color:#fff}
.input-reservation input::-moz-placeholder{color:#fff}
.input-reservation input:-moz-placeholder{color:#fff}
.input-reservation input:-ms-input-placeholder{color:#fff}
.reserv-submit{margin-top:20px;color:#fff;text-transform:uppercase;font-size:12px;background:url(../images/restouran/v-arrow.png) no-repeat 90% 2px;font-family:"Jaapokki";border:none;padding-right:30px;letter-spacing:2px;transition:background .5s ease}
.reserv-submit:hover{background-position:100% 2px}
.r-contact-us{margin-top:90px}
.r-contact-us h5{color:#333}
.r-contact-us p{color:#888}
.r-contact-us a:hover{color:#c6b7a0}
.r-contact-us .input-style,.r-contact-us .tx-style{color:#888;background:#edecea}
.r-contact-us .input-style::-webkit-input-placeholder,.r-contact-us .tx-style::-webkit-input-placeholder{color:#888}
.r-contact-us .input-style::-moz-placeholder,.r-contact-us .tx-style::-moz-placeholder{color:#888}
.r-contact-us .input-style:-moz-placeholder,.r-contact-us .tx-style:-moz-placeholder{color:#888}
.r-contact-us .input-style:-ms-input-placeholder,.r-contact-us .tx-style:-ms-input-placeholder{color:#888}
.r-contact-us input.send{color:#888;background-image:url(../images/restouran/arrow.png)!important}
.r-footer{background:#d0c4b2}
.r-footer .subscribe-form{background:#c6b7a0}
.r-footer .footer-info,.r-footer .subscribe-email{color:#f8f0e5}
.r-footer .subscribe-email::-webkit-input-placeholder{color:#f8f0e5}
.r-footer .subscribe-email::-moz-placeholder{color:#f8f0e5}
.r-footer .subscribe-email:-moz-placeholder{color:#f8f0e5}
.r-footer .subscribe-email:-ms-input-placeholder{color:#f8f0e5}
.r-footer .ftr-nav-container{background:#c6b7a0}
.r-footer .ftr-nav-container a{color:#f8f0e5}
.r-footer .ftr-nav-container a:hover{color:#fff}
.r-social .social-network{border-color:#f8f0e5}
.r-social .social-network i{color:#f8f0e5}
.r-social .social-network:hover{background:#f8f0e5;border-color:#f8f0e5}
.r-social .social-network:hover i{color:#d1c6b4}
.icon-right{background:url(../images/fashion/right-f.png) no-repeat;width:18px;height:8px}
.f-block-title{color:#333!important}
.f-block-title span{color:#eb2a2a!important}
.f-sub-title{color:#888!important}
.w-header{background:#fff;transition:background .3s linear;border-bottom:1px solid #f3f3f3}
.w-nav li a{color:#333}
.w-nav li a:hover{color:#eb2a2a;border-color:#eb2a2a}
@media screen and (max-width: 992px) {
.w-nav li a{border-top:1px solid #eb2a2a}
.w-nav li a:hover{background:#eb2a2a;color:#333}
}
.w-nav li.active a{color:#eb2a2a;border-color:#eb2a2a}
@media screen and (max-width: 992px) {
.w-nav li.active a a{background:#eb2a2a;color:#333!important;border-color:#eb2a2a}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.w-nav li.active a{background:#eb2a2a;color:#fff}
}
@media screen and (max-width: 481px) {
.w-nav li{text-align:left!important}
.w-nav li a{padding-left:15px}
}
body.fashion .w-banner{padding-top:215px;background-image:none;text-align:center;position:relative}
@media screen and (max-width: 992px) {
body.fashion .w-banner{padding-top:150px}
}
@media screen and (max-width: 768px) {
body.fashion .w-banner{padding-top:120px}
}
.w-banner .read-more{margin-bottom:110px}
@media screen and (max-width: 992px) {
.w-banner .read-more{margin-bottom:50px}
}
body.fashion .w-banner h1{font-size:60px;margin-bottom:45px;color:#333;text-transform:uppercase;padding:0 15px}
@media screen and (max-width: 1200px) {
body.fashion .w-banner h1{font-size:48px}
}
@media screen and (max-width: 992px) {
body.fashion .w-banner h1{font-size:36px}
}
body.fashion .w-banner h1 span{color:#fff;background:#eb2a2a;padding:10px 9px 0 13px;display:inline-block}
@media screen and (max-width: 992px) {
body.fashion .w-banner h1 span{margin:5px 0 15px}
}
body.fashion .w-banner p{font-size:22px;line-height:34px;color:#888;max-width:535px;margin:0 auto 45px;padding:0 15px}
@media screen and (max-width: 992px) {
body.fashion .w-banner p{font-size:18px}
}
a.fash{color:#eb2a2a;margin-bottom:115px;display:inline-block}
a.fash:after{content:url(../images/fashion/right-f.png)}
a.fash:hover{opacity:1}
body.fashion .w-banner img{width:100%;height:auto}
body.fashion .w-banner .pagination{display:none}
@media (max-width: 991px) {
a.fash{margin-bottom:80px}
}
@media (max-width: 767px) {
a.fash{margin-bottom:50px}
}
.about-fashion{margin-top:140px;padding-bottom:140px}
@media screen and (max-width: 992px) {
.about-fashion{margin-top:70px;padding-bottom:70px}
}
.about-fashion h2{text-align:center;text-transform:uppercase;font-size:40px;margin-bottom:45px;line-height:1.1}
.about-fashion h2 span{color:#eb2a2a}
@media screen and (max-width: 768px) {
.about-fashion h2{font-size:32px;margin-bottom:25px}
}
.about-fashion p{font-size:16px;line-height:28px;color:#888;max-width:560px;margin:0 auto;text-align:center}
.numbers{text-align:center;text-transform:uppercase;color:#fff;width:20%;float:left;padding-top:90px;padding-bottom:85px;border-right:1px solid #de2424}
@media screen and (max-width: 768px) {
.numbers{width:100%;border-right:0;border-bottom:1px solid #de2424}
.numbers:last-of-type{border-bottom:none}
}
.row-count,.f-logo-list{background:#eb2a2a}
.numbers:last-child{border:none}
.numbers img{margin-bottom:30px}
.numbers h4{margin-bottom:25px;font-size:42px}
.numbers p{font-size:13px}
.about-fashion .container-fluid{margin-bottom:90px}
.fashion-serv{text-align:center}
.fashion-serv h5{text-transform:uppercase;font-size:13px;margin-bottom:30px;color:#333}
.fashion-serv img{max-width:100%;height:auto;margin-bottom:25px}
.fashion-serv p{font-size:14px;color:#888;max-width:98%;margin:0 auto}
@media screen and (max-width: 768px) {
.fashion-serv p{max-width:370px}
}
body.fashion .read-more{font-size:12px;text-transform:uppercase;color:#eb2a2a;display:inline-block}
.fashion-serv .read-more{margin-top:45px}
@media screen and (max-width: 992px) {
.fashion-serv .read-more{margin:20px 0 45px}
}
@media (max-width: 991px) {
.about-fashion{padding-bottom:45px}
.about-fashion p{margin:0 auto 55px}
.about-fashion .container-fluid{margin-bottom:65px}
.numbers{padding-top:40px;padding-bottom:40px}
.fashion-serv p{margin:0;padding:0 5px}
}
@media (max-width: 767px) {
.about-fashion{padding-bottom:20px}
.about-fashion p{margin:0 auto}
.numbers{padding-bottom:40px;padding-top:45px}
}
@media screen and (max-width: 992px) {
.fashion-text-info{margin-bottom:30px!important}
}
.models{text-align:center;margin-bottom:140px}
@media screen and (max-width: 992px) {
.models{margin-bottom:70px}
}
.models h3{font-size:40px;text-transform:uppercase;margin-bottom:45px;color:#333}
.models .pagination{display:none}
.models .swiper-slide{position:relative;min-height:621px}
@media screen and (max-width: 992px) {
.models .swiper-slide{min-height:400px}
}
.about-model{padding:30px 15px 0 20px;position:absolute;top:0;left:0;width:150px;height:100%;background:#eb2a2a}
.about-model h5{text-transform:uppercase;text-align:left;font-size:14px;color:#fff;line-height:1.4;margin-bottom:20px}
.about-model p{font-size:14px;text-align:left;margin-bottom:25px;color:#fdbcbc}
.model-pic{position:absolute;min-height:621px;width:100%;left:0;top:0;background-position:center top;background-size:cover;z-index:1}
@media screen and (max-width: 992px) {
.model-pic{min-height:400px}
}
.models .swiper-slide:hover .model-pic{left:150px}
.arrow-container{width:210px;position:relative;display:table;margin:50px auto 0}
.arrow-container .arrow-right{position:absolute;right:0;cursor:pointer;top:0}
.arrow-container .arrow-left{position:absolute;left:0;cursor:pointer;top:0}
.slider-index span{color:#888;letter-spacing:0}
.slider-index .start_index{color:#eb2a2a}
.main-event{padding:0}
.events{text-align:center;position:relative;margin-bottom:135px;min-height:700px}
@media screen and (max-width: 992px) {
.events{min-height:600px;margin-bottom:70px}
}
.up-event{position:absolute;text-align:center;text-transform:uppercase;font-size:40px;left:50%;top:50%;width:100%;color:#fff;line-height:1.1;z-index:222;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
@media screen and (max-width: 1200px) {
.up-event{position:relative;left:0;top:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);color:#333;margin-bottom:50px}
}
.events .main-event{position:relative;z-index:1;min-height:700px}
@media screen and (max-width: 992px) {
.events .main-event{min-height:600px}
}
.event-pic{position:relative;min-height:700px;width:100%;height:auto;left:0;top:0;background-position:top center;background-size:cover}
@media screen and (max-width: 992px) {
.event-pic{min-height:600px}
}
.event-pic:after{content:'';background-color:rgba(0,0,0,0.65)!important;width:100%;height:100%;position:absolute;left:0;top:0}
.event-describe{position:absolute;max-width:285px;margin:0 auto;border:5px solid #fff;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:50px 47px}
@media screen and (max-width: 992px) {
.event-describe{max-width:350px;width:100%}
}
.event-describe h6{text-transform:uppercase;font-size:16px;margin-bottom:22px;color:#eb2a2a}
.event-describe h3{text-transform:uppercase;font-size:20px;margin-bottom:15px;color:#fff;line-height:1.3}
.event-describe p{color:#ebebeb;font-size:14px;margin-bottom:36px;line-height:1.7}
.collections{margin-bottom:70px}
.collections .block-title{margin-bottom:75px;word-wrap:break-word}
@media screen and (max-width: 992px) {
.collections .block-title{margin-bottom:30px}
}
.nav-collection{margin-top:155px}
@media screen and (max-width: 992px) {
.nav-collection{margin-top:100px}
}
@media screen and (max-width: 768px) {
.nav-collection{margin-top:0}
}
.nav-collection li{list-style-type:none;padding-left:10px}
.nav-collection button{border:none;background:transparent;text-decoration:none;font-size:13px;text-transform:uppercase;color:#888;line-height:52px}
.nav-collection button:before{content:'';width:3px;height:3px;border-radius:50%;background:#888;display:inline-block;top:-3px;left:-10px;position:relative}
.nav-collection button.active-col:before{background:#eb2a2a}
.photo-season img{width:100%;height:auto;margin-bottom:50px}
.photo-season h5{text-transform:uppercase;color:#333;font-size:14px;margin-bottom:10px}
.photo-season p{font-size:14px;line-height:26px;color:#888;min-height:120px}
.season-col{margin-top:95px}
@media screen and (max-width: 992px) {
.season-col{margin-top:0}
}
.season-col h4{color:#333;font-size:20px;margin-bottom:40px;text-transform:uppercase}
@media screen and (max-width: 992px) {
.season-col h4{margin-bottom:20px}
}
.collection-info{display:none}
.collection-active{display:block}
.season-col p{font-size:14px;line-height:26px;color:#888;margin-bottom:45px}
.col-inform{position:relative}
.col-inform .pagination{display:none}
.col-inform .arrows{width:100%;margin:0;position:absolute;bottom:170px;left:0;padding:0 15px;z-index:1}
.col-inform .arrow-right{float:right}
@media (max-width: 991px) {
.collections{margin-bottom:90px}
.collections h3{margin-bottom:40px}
.photo-season img{max-height:350px;width:auto}
}
@media (max-width: 767px) {
.collections{margin-bottom:50px}
.collections h3{margin-bottom:40px}
}
.fashion-gallery #filters{z-index:1;background:#eb2a2a}
.corner-stamp{border:15px solid #fff;position:relative}
.fashion-gallery #filters button{border:none;background:none;font-size:13px;font-family:'Jaapokki';text-transform:uppercase;color:#ff7b7b;margin-bottom:35px;display:block;text-align:center;width:100%}
.filter-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.fashion-gallery #filters button:last-child{margin-bottom:0}
.fashion-gallery #filters button.actual{color:#fff}
.fashion-gallery #filters button:hover{color:#fff}
body.fashion .grid{width:0}
.fashion-gallery .work-img{position:relative;width:25%}
@media screen and (max-width: 992px) {
.fashion-gallery .work-img{width:50%}
}
@media screen and (max-width: 479px) {
.fashion-gallery .work-img{width:100%}
}
.gallery-border{position:relative}
.gallery-border:after{content:'';border:15px solid #fff;width:100%;height:100%;position:absolute;top:0;left:0}
.fashion-gallery .work-img:hover .gallery-border:after{opacity:0}
.girl-laugh{position:absolute;color:#fff;width:100%;left:0;bottom:0;text-align:center;opacity:0}
.girl-laugh h6{text-transform:uppercase;margin-bottom:25px;font-size:14px}
.girl-laugh p{font-size:14px;margin-bottom:28px}
.fashion-gallery .work-img:hover .girl-laugh{opacity:1}
@media (max-width: 991px) {
.amazing-team h3{margin-bottom:40px}
.amazing-team p{margin-bottom:40px}
.am-team li{display:inline-block;width:32%}
}
@media screen and (max-width: 991px) and (max-width: 481px) {
.am-team li{width:100%}
}
@media (max-width: 991px) {
.team-image{min-height:350px}
}
@media (max-width: 767px) {
.collections{margin-bottom:50px}
.collections h3{margin-bottom:40px}
}
.amazing-team{padding:140px 0 130px}
@media screen and (max-width: 992px) {
.amazing-team{padding:70px 0}
}
.amazing-team h3{text-transform:uppercase;text-align:center;font-size:40px;color:#333;margin-bottom:60px}
.amazing-team p{text-align:center;padding:0 15px;color:#888;font-size:16px;line-height:28px;margin-bottom:75px}
.am-team li{list-style-type:none;text-transform:uppercase;text-align:center}
.am-team button{border:none;background:transparent;text-decoration:none;font-family:"Jaapokki";font-size:13px;text-transform:uppercase;color:#888;line-height:52px}
.teamers .swiper-slide{opacity:.5;transition:opacity .2s linear}
.teamers .swiper-slide-active{opacity:1}
.teamers h5{text-transform:uppercase;font-size:13px;color:#35373e;text-align:center}
.teamers p{margin-bottom:0}
.amazing-team .pagination{display:none}
.teamers{display:none}
.team-image{min-height:526px;width:auto;background-position:top center;background-size:cover;margin-bottom:30px}
.collection-active{display:block}
body.fashion .logos-list .pagination{display:none}
.f-contact{padding-top:140px}
@media screen and (max-width: 992px) {
.f-contact{padding-top:70px}
}
.f-contact-us{margin-top:90px}
.f-contact-us a:hover{color:#eb2a2a}
.f-contact-us input.send{color:#eb2a2a;background-image:url(../images/fashion/right-f.png)!important}
.f-ftr-nav a:hover{color:#eb2a2a}
.f-ftr-social .social-network:hover{background:#eb2a2a;border-color:#eb2a2a}
a.fash,.nav-collection li button,.fashion-gallery #filters button{transition:all 700ms ease-out;-ms-transition:all 700ms ease-out}
.models .swiper-slide .model-pic,.fashion-gallery .work-img .girl-laugh,.am-team button,.fashion-gallery .work-img .gallery-border:after{transition:all 400ms ease-out;-ms-transition:all 400ms ease-out}
.blue-arrow{background:url(../images/man/read-man.png);width:18px;height:8px}
.m-block-title{color:#164b9b}
.m-header{background:transparent!important}
@media screen and (max-width: 992px) {
.m-header{background:rgba(0,0,0,0.8)!important}
}
.m-header .container{position:relative;z-index:1}
.m-header:after{content:'';background:rgba(0,0,0,0.8);position:absolute;left:-400%;top:0;width:100%;height:100%;z-index:0;transition:right .5s ease}
@media screen and (max-width: 992px) {
.m-header:after{content:none}
}
@media screen and (max-width: 992px) {
.m-header{background:rgba(0,0,0,0.8)}
}
.m-header-active:after{left:0}
.m-header-bg{background:rgba(0,0,0,0.8)!important}
.m-menu-button{display:block!important}
.m-menu-button span{background:#fff}
.m-nav{-webkit-transform:translateX(-400%);-ms-transform:translateX(-400%);transform:translateX(-400%);transition:-webkit-transform .5s ease;transition:transform .5s ease;position:relative;z-index:-1}
@media screen and (max-width: 992px) {
.m-nav{position:absolute;top:39px;display:block!important}
}
@media screen and (min-width: 992px) {
.m-nav{padding-right:35px}
}
.m-nav li a{color:#fff}
.m-nav li a:hover{color:#fff;border-color:#fff}
@media screen and (max-width: 992px) {
.m-nav li a{border-top:1px solid #fff}
.m-nav li a:hover{background:#164b9b;color:#fff}
}
.m-nav li.active a{color:#164b9b;border-color:#164b9b}
@media screen and (max-width: 992px) {
.m-nav li.active a a{background:#164b9b;color:#fff!important;border-color:#fff}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.m-nav li.active a{background:#164b9b;color:#fff}
}
@media screen and (max-width: 481px) {
.m-nav li{text-align:left!important}
.m-nav li a{padding-left:15px}
}
.m-nav-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
@media screen and (max-width: 992px) {
.m-nav-active{background:rgba(0,0,0,0.8)!important}
}
body.man .w-banner{width:100%;background:none}
.man-banner{width:50%;min-height:800px;background-position:top center;background-size:cover;float:left;position:relative;text-align:center}
@media screen and (max-width: 1200px) {
.man-banner{min-height:700px}
}
@media screen and (max-width: 992px) {
.man-banner{width:100%;min-height:500px}
}
@media screen and (max-width: 481px) {
.man-banner{min-height:450px}
}
.man-banner:after{content:'';position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);width:100%;height:100%}
.man-banner h1,.man-banner h2{color:#fff;font-size:40px;margin-bottom:45px;text-transform:uppercase;line-height:1.3}
@media screen and (max-width: 481px) {
.man-banner h1,.man-banner h2{font-size:32px;padding:0 15px}
}
.man-banner .read-more{color:#bed8ff}
.m-banner-content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:5;width:100%}
.about-man{padding-top:140px}
@media screen and (max-width: 992px) {
.about-man{padding-top:70px}
}
@media screen and (max-width: 992px) {
.about-img-box{width:33.333%}
}
@media screen and (max-width: 481px) {
.about-img-box{width:100%}
}
.about-img-box img{box-shadow:5px 8.7px 20px rgba(0,0,0,0.2);margin-bottom:35px;width:100%;height:auto}
.m-about-text{font-size:16px;line-height:28px;text-align:center;color:#8d9bb0;max-width:500px;margin:0 auto;padding:0 15px 140px}
@media screen and (max-width: 992px) {
.m-about-text{padding-bottom:70px}
}
@media screen and (max-width: 768px) {
.m-about-text{max-width:100%}
}
.about-box{min-height:500px;position:relative;overflow:hidden;background-position:center top}
.about-box:hover .m-info-hide{bottom:0}
@media screen and (max-width: 768px) {
.about-box{width:50%;float:left}
}
@media screen and (max-width: 481px) {
.about-box{width:100%;min-height:400px}
}
.img-bottom{position:absolute;left:0;bottom:0;width:100%;max-width:100%;height:40%}
@media screen and (max-width: 1200px) {
.img-bottom{height:30%}
}
.m-box-text{position:absolute;width:100%;height:60%;left:0;top:0}
@media screen and (max-width: 1200px) {
.m-box-text{height:70%}
}
.m-box-text-content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;padding:0 15px;width:70%}
@media screen and (max-width: 1200px) {
.m-box-text-content{width:85%}
}
.m-box-text-content h3{color:#0d213f;font-size:13px;text-transform:uppercase;padding-bottom:18px;line-height:1.2}
.m-box-text-content p{color:#8d9bb0;font-size:13px;line-height:1.7}
.m-info-hide{background:#164b9b;padding:30px;position:absolute;left:0;bottom:-300px;transition:bottom .8s ease;width:100%}
.m-info-hide h4{text-transform:uppercase;font-size:14px;color:#fff;padding-bottom:18px}
.m-info-hide span{display:block;color:#bed8ff;font-size:14px;font-family:'Maven Pro'}
@media screen and (max-width: 768px) {
.m-info-hide{display:none}
}
.popular{padding:140px 0;background:#f8faff}
@media screen and (max-width: 992px) {
.popular{padding:70px 0}
}
.m-product-box{min-height:580px;position:relative;background-size:cover;background-position:center top}
@media screen and (max-width: 1200px) {
.m-product-box{min-height:500px}
}
@media screen and (max-width: 600px) {
.m-product-box{min-height:450px}
}
@media screen and (max-width: 481px) {
.m-product-box{min-height:350px}
}
@media screen and (max-width: 381px) {
.m-product-box{min-height:300px}
}
.m-product-box-layer:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}
.m-product-title{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:10}
.m-product-title h3{color:#fff!important;text-transform:uppercase;line-height:1.5;font-size:20px;margin-top:20px}
.m-product-title span{font-size:14px;color:#bed8ff;display:inline-block;text-transform:uppercase}
.box-item{position:absolute;width:50%;height:50%;background-color:#fff;text-align:center;background-size:cover;background-position:center}
.m-popular-img{width:100%;height:100%;position:absolute;left:0;top:0}
.box-item:nth-of-type(1){left:0;top:0}
.box-item:nth-of-type(2){right:0;top:0}
.box-item:nth-of-type(3){left:0;bottom:0}
.box-item:nth-of-type(4){right:0;bottom:0}
.box-item-info{position:absolute;width:100%;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.box-item-info h4{text-transform:uppercase;color:#0d213f;line-height:1.6;margin-bottom:20px}
@media screen and (max-width: 600px) {
.box-item-info h4{font-size:10px;margin-bottom:14px}
}
.box-item-info a{position:relative;transition:right .3s ease;right:0}
.box-item-info a:hover{right:-5px}
.box-item-info-l:after{content:'';position:absolute;right:0;top:50%;margin-top:-15px;width:0;height:0;border-style:solid;border-width:15px 18px 15px 0;border-color:transparent #fff transparent transparent}
.box-item-info-r:after{content:'';position:absolute;left:0;top:50%;margin-top:-15px;width:0;height:0;border-style:solid;border-width:15px 0 15px 18px;border-color:transparent transparent transparent #fff}
body.man .gallery{width:100%;padding-top:140px}
@media screen and (max-width: 992px) {
body.man .gallery{padding-top:70px}
}
body.man .gallery h3{font-size:40px;margin-bottom:45px;text-align:center;text-transform:uppercase}
.gallery-item{min-height:800px;position:relative;background-size:cover;background-position:top center;width:100%}
@media screen and (max-width: 1200px) {
.gallery-item{min-height:700px}
}
@media screen and (max-width: 992px) {
.gallery-item{min-height:600px}
}
@media screen and (max-width: 481px) {
.gallery-item{min-height:400px}
}
.gallery-pagination{position:absolute;left:50%;bottom:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
@media screen and (max-width: 768px) {
.gallery-pagination{bottom:0}
}
.gallery-pagination .swiper-pagination-switch{background:transparent;cursor:pointer;width:16px;height:16px;border:2px solid transparent;position:relative}
.gallery-pagination .swiper-pagination-switch:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:8px;height:8px;background:#bed8ff;border-radius:50%}
.gallery-pagination .swiper-active-switch{border-color:#bed8ff}
.special-details{padding:140px 0;background:#f8faff}
@media screen and (max-width: 992px) {
.special-details{padding:70px 0}
}
.special-details .container{position:relative}
.m-detaly-box{max-width:270px;margin:0 auto}
.m-det-info{background:#164b9b;text-align:center;height:215px;position:relative}
.m-det-info:after{content:'';position:absolute;left:50%;margin-left:-15px;bottom:-18px;width:0;height:0;border-style:solid;border-width:18px 15px 0;border-color:#164b9b transparent transparent}
.m-det-info div{position:absolute;left:0;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.m-det-info span{display:block;color:#bed8ff;font-family:'Maven Pro';font-size:14px;font-weight:700}
.m-det-info h3{color:#fff;text-transform:uppercase;line-height:2;margin:25px 0 15px;letter-spacing:3px}
.m-det-info p{color:#bed8ff}
.det-arrow{position:absolute;width:100%;top:0;left:0}
@media screen and (max-width: 481px) {
.det-arrow{display:none}
}
.det-arrow div{position:absolute;top:180px;opacity:1;cursor:pointer;z-index:555}
.det-arrow .arrow-left{left:0}
@media screen and (max-width: 992px) {
.det-arrow .arrow-left{left:15px}
}
.det-arrow .arrow-right{right:0}
@media screen and (max-width: 992px) {
.det-arrow .arrow-right{right:15px}
}
@media screen and (max-width: 481px) {
.det-pagination{display:block!important;position:absolute;bottom:-20px;margin-bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;text-align:center}
.det-pagination .swiper-pagination-switch{background:transparent;cursor:pointer;width:16px;height:16px;border:2px solid transparent;position:relative}
.det-pagination .swiper-pagination-switch:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:8px;height:8px;background:#164b9b;border-radius:50%}
.det-pagination .swiper-active-switch{border-color:#164b9b}
}
@media screen and (max-width: 481px) {
.det-slider{padding-bottom:50px}
}
.m-contact-us{margin-top:90px}
.m-contact-us h5{color:#0d213f}
.m-contact-us p{color:#a7acb3}
.m-contact-us a:hover{color:#164b9b}
.m-contact-us input.send{color:#164b9b;background-image:url(../images/man/man-r.png)!important}
.m-footer{background:#0b1729}
.m-footer .subscribe-form{background:#162337}
.m-footer .footer-info,.m-footer .subscribe-email{color:#56667f}
.m-footer .subscribe-email::-webkit-input-placeholder{color:#56667f}
.m-footer .subscribe-email::-moz-placeholder{color:#56667f}
.m-footer .subscribe-email:-moz-placeholder{color:#56667f}
.m-footer .subscribe-email:-ms-input-placeholder{color:#56667f}
.m-footer .ftr-nav-container{background:#091423}
.m-footer .ftr-nav-container a{color:#56667f}
.m-footer .ftr-nav-container a:hover{color:#fff}
.m-ftr-social .social-network{border-color:#56667f}
.m-ftr-social .social-network i{color:#56667f}
.m-ftr-social .social-network:hover{background:#164b9b;border-color:#164b9b}
body.food .mfp-close{width:30px;height:30px}
body.food .mfp-close:after{content:'x';font-size:20px;color:#000;text-align:center;position:absolute;left:0;right:0;top:-8px}
.travel p{color:#91a4a6;line-height:1.5}
.t-about-title{color:#223c3e}
.t-sub-title{color:#91a4a6}
.t-title-block{text-align:center}
.t-title-block img{margin-bottom:40px}
body.travel .r-nav li a{color:#fff}
body.travel .r-nav li a:hover{color:#32cddb;border-color:#32cddb}
@media screen and (max-width: 992px) {
body.travel .r-nav li a{border-top:1px solid #fff}
body.travel .r-nav li a:hover{background:#32cddb;color:#fff}
}
body.travel .r-nav li.active a{color:#32cddb;border-color:#32cddb}
@media screen and (max-width: 992px) {
body.travel .r-nav li.active a{background:#32cddb;color:#fff!important;border-color:#fff}
}
@media screen and (max-width: 481px) {
body.travel .r-nav li{text-align:left!important}
body.travel .r-nav li a{padding-left:15px}
}
.t-banner .swiper-slide{min-height:800px;position:relative}
@media screen and (max-width: 1200px) {
.t-banner .swiper-slide{min-height:700px}
}
@media screen and (max-width: 992px) {
.t-banner .swiper-slide{min-height:600px}
}
@media screen and (max-width: 768px) {
.t-banner .swiper-slide{min-height:100%;height:auto}
}
.t-banner .swiper-slide:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}
.t-banner .swiper-slide .container{position:relative;min-height:800px;z-index:1}
@media screen and (max-width: 1200px) {
.t-banner .swiper-slide .container{min-height:700px}
}
@media screen and (max-width: 992px) {
.t-banner .swiper-slide .container{min-height:600px}
}
@media screen and (max-width: 768px) {
.t-banner .swiper-slide .container{min-height:100%;height:auto;padding:120px 0}
}
.banner-info{display:none}
.banner-info.active{display:block}
.t-banner-content{position:absolute;left:70px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);max-width:430px}
.t-banner-content h1,.t-banner-content h2{font-size:60px;color:#fff;text-transform:uppercase;margin:42px 0 30px}
@media screen and (max-width: 768px) {
.t-banner-content h1,.t-banner-content h2{font-size:40px;margin:32px 0 20px}
}
.t-banner-content p{color:#fff;font-size:14px;line-height:1.5;margin-bottom:44px}
@media screen and (max-width: 768px) {
.t-banner-content p{margin-bottom:0}
}
@media screen and (max-width: 768px) {
.t-banner-content{position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);margin:0 auto;padding:0 30px;text-align:center}
}
.banner-price{color:#fff;font-size:26px}
.banner-price span{color:#32cddb}
.banner-price sub{color:#fff;font-size:14px}
@media screen and (max-width: 768px) {
.banner-price{font-size:20px}
}
.info-img img{box-shadow:2.5px 4.3px 10px rgba(0,0,0,0.2);margin-right:20px}
@media screen and (max-width: 768px) {
.info-img{display:none}
}
.banner-l,.banner-r{position:absolute;top:400px;cursor:pointer;transition:left .5s linear,right .5s ease}
@media screen and (max-width: 1200px) {
.banner-l,.banner-r{top:350px}
}
@media screen and (max-width: 992px) {
.banner-l,.banner-r{top:300px}
}
@media screen and (max-width: 768px) {
.banner-l,.banner-r{display:none}
}
.banner-l{left:0}
.banner-l:hover{left:-10px}
.banner-r{right:0}
.banner-r:hover{right:-10px}
.banner-nav-container{position:relative;height:0}
@media screen and (max-width: 768px) {
.t-pagination{display:block!important;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1;bottom:0}
.t-pagination .swiper-pagination-switch{background:#fff;cursor:pointer}
.t-pagination .swiper-pagination-switch:last-of-type{margin-right:0}
.t-pagination .swiper-active-switch{background:#32cddb}
}
.travel-click{cursor:pointer;border:1px solid transparent}
.travel-click.active{border-color:#fff}
.t-about{padding:140px 0;background:#eefbfc}
@media screen and (max-width: 992px) {
.t-about{padding:70px 0}
}
.t-about .container{position:relative}
.t-about-img{max-width:100%;display:block}
.t-about-img-box{width:40%;padding-right:15px}
@media screen and (max-width: 992px) {
.t-about-img-box{width:30%}
}
@media screen and (max-width: 768px) {
.t-about-img-box{display:none}
}
.t-about-info-box{position:absolute;right:0;top:0;width:60%;height:100%;padding-right:15px}
@media screen and (max-width: 992px) {
.t-about-info-box{width:70%}
}
@media screen and (max-width: 768px) {
.t-about-info-box{width:100%;position:relative}
}
.t-about-info{position:absolute;left:15px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}
.t-about-info h2{text-align:left;padding-right:15px}
.t-about-info p{padding:0 15px 0 0;text-align:left;float:left;max-width:100%;width:100%}
@media screen and (max-width: 768px) {
.t-about-info{position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.t-about-info h2{text-align:center}
.t-about-info p{padding-right:0;text-align:center}
}
.hot-tour{padding:140px 0}
@media screen and (max-width: 992px) {
.hot-tour{padding:70px 0 100px}
}
.hot-container{background:#fff;max-width:270px;margin:0 auto;box-shadow:2.5px 4.3px 10px rgba(0,0,0,0.1)}
.hot-place-box{text-align:center;padding:50px 0 38px}
.hot-place-box h3{text-transform:uppercase;color:#223b3d;font-size:14px;margin-bottom:20px}
.hot-price{font-family:'Maven Pro';font-size:14px;font-weight:700;color:#32cddb;margin-bottom:18px}
.place-det li{color:#91a4a6;font-size:14px;margin-bottom:10px;font-family:'Maven Pro';letter-spacing:0;list-style:none}
.place-det li span{font-weight:700}
.place-more{background:#223b3d;text-align:center;padding:18px 0 16px}
.place-more a{color:#fff}
.hot-arrows{position:relative;width:200px;margin:0 auto}
.hot-arrows div{cursor:pointer;position:absolute;top:0}
.hot-arrows .arrow-left{left:0}
.hot-arrows .arrow-right{right:0}
.t-service{padding:140px 0;background:#eefbfc}
@media screen and (max-width: 992px) {
.t-service{padding:70px 0 20px}
}
.t-col-serv{text-align:center}
@media screen and (max-width: 992px) {
.t-col-serv{margin-bottom:50px}
}
.t-col-serv img{margin-bottom:30px}
.t-col-serv h3{margin-bottom:20px;text-transform:uppercase;color:#223b3d;font-size:13px}
.popular-tour{background:#223b3d;padding:140px 0}
@media screen and (max-width: 992px) {
.popular-tour{padding:70px 0}
}
.col-popular-info{text-align:left;padding-top:20px}
.col-popular-info h2{color:#fff;text-align:left}
.col-popular-info p{padding:0;text-align:left}
.col-popular-info img{margin-bottom:40px}
@media screen and (max-width: 992px) {
.col-popular-info{text-align:center}
.col-popular-info p{text-align:center;margin-bottom:40px}
.col-popular-info h2{text-align:center}
}
.t-popular-item{max-width:270px;margin:0 auto;box-shadow:2.5px 4.3px 10px rgba(0,0,0,0.1)}
.t-popular-box{background:#fff;padding:30px;text-align:left}
.t-popular-box h3{text-transform:uppercase;margin-bottom:11px;font-size:13px}
.t-popular-arrows{position:absolute;top:0;width:100%;left:0}
.t-popular-arrows div{width:50px;height:50px;background:#fff;opacity:1;transition:opacity .5s linear;position:absolute;margin-top:0;z-index:111;top:110px}
.t-popular-arrows div:hover{opacity:.8}
.t-popular-arrows div img{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto}
.t-popular-arrows .arrow-left{left:22px}
@media screen and (max-width: 1200px) {
.t-popular-arrows .arrow-left{left:55px}
}
@media screen and (max-width: 992px) {
.t-popular-arrows .arrow-left{left:15px}
}
.t-popular-arrows .arrow-right{right:20px}
@media screen and (max-width: 1200px) {
.t-popular-arrows .arrow-right{right:54px}
}
@media screen and (max-width: 992px) {
.t-popular-arrows .arrow-right{right:15px}
}
.t-gallery{padding-top:140px}
@media screen and (max-width: 992px) {
.t-gallery{padding-top:70px}
}
.cont-filter{display:table;margin:0 auto 100px}
@media screen and (max-width: 992px) {
.cont-filter{margin:0 auto 50px;text-align:center}
}
.cont-filter .button{float:left;background:none;border:none;text-transform:uppercase;color:#91a4a6;padding:0 16px;display:inline-block}
@media screen and (max-width: 992px) {
.cont-filter .button{margin-bottom:10px;float:none;text-align:center}
}
.cont-filter .button.actual{color:#32cddb}
.country-link{float:left;width:25%;position:relative;overflow:hidden}
@media screen and (max-width: 768px) {
.country-link{width:50%}
}
@media screen and (max-width: 481px) {
.country-link{width:100%}
}
.country-link img{max-width:100%;height:auto;display:block;width:100%}
.country-link:hover .info-panel{bottom:0}
.info-panel{background:#fff;text-align:center;position:absolute;width:100%;bottom:-200px;left:0;padding:28px 0;transition:bottom .4s ease}
@media screen and (max-width: 992px) {
.info-panel{padding:18px 0}
}
.country-name{color:#223b3d;text-transform:uppercase;font-size:13px}
@media screen and (max-width: 992px) {
.country-name{font-size:12px}
}
.sw-container{max-width:680px;width:100%;margin:0 auto}
.plase-box{min-height:400px}
@media screen and (max-width: 992px) {
.plase-box{min-height:300px}
}
.place-info{background:#fff;padding:100px 80px 40px;text-align:center}
.place-info p{padding-top:30px}
@media screen and (max-width: 992px) {
.place-info{padding-left:15px;padding-right:15px}
}
.pagination-gallery{display:block!important;position:absolute;top:440px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;text-align:center}
@media screen and (max-width: 992px) {
.pagination-gallery{top:340px}
}
.pagination-gallery .swiper-pagination-switch{background:#ededef;border:none;width:10px;height:10px;margin:5px}
.pagination-gallery .swiper-pagination-switch:after{content:none}
.pagination-gallery .swiper-active-switch{background:#37cbd7!important;border:none!important}
.mfp-close-btn-in .mfp-close{cursor:pointer;background:#fff;z-index:1.0E+25}
.hotel-section{padding-top:140px}
@media screen and (max-width: 992px) {
.hotel-section{padding-top:70px}
}
.hotel-slider,.hotel-info{width:50%;float:left;height:800px;position:relative}
@media screen and (max-width: 992px) {
.hotel-slider,.hotel-info{width:100%;height:auto}
}
@media screen and (max-width: 992px) {
.hotel-slider{width:100%;height:700px}
}
@media screen and (max-width: 600px) {
.hotel-slider{height:400px}
}
.vertical-slide{height:800px!important}
@media screen and (max-width: 992px) {
.vertical-slide{height:700px!important}
}
@media screen and (max-width: 600px) {
.vertical-slide{height:400px!important}
}
.vertical-pagination{position:absolute;top:50%;left:45px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
@media screen and (max-width: 992px) {
.vertical-pagination{left:15px}
}
@media screen and (max-width: 992px) {
.vertical-pagination{left:0}
}
.vertical-pagination .swiper-pagination-switch{background:transparent;display:block;cursor:pointer;width:16px;height:16px;border:2px solid transparent;position:relative;margin:8px}
.vertical-pagination .swiper-pagination-switch:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:8px;height:8px;background:#fff;border-radius:50%}
.vertical-pagination .swiper-active-switch{border-color:#fff}
.hotel-info-container{position:absolute;width:100%;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;padding:0 200px}
@media screen and (max-width: 1600px) {
.hotel-info-container{padding:0 100px}
}
@media screen and (max-width: 1200px) {
.hotel-info-container{padding:0 50px}
}
@media screen and (max-width: 992px) {
.hotel-info-container{position:relative;top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);padding:70px 30px}
}
.t-star{background:url(../images/travel/star.png);width:18px;height:19px;display:inline-block}
.t-star-n{background:url(../images/travel/star-no.png);width:18px;height:19px;display:inline-block}
.hotel-info-container h3{text-transform:uppercase;font-size:20px;line-height:1.5;margin:46px 0 26px;color:#333}
.hotel-info-container p{font-size:16px;line-height:1.5}
.hotel-info-list{max-width:360px;margin:26px auto}
.hotel-info-list li{padding:10px 0;border-bottom:1px solid #ebf2f3;color:#ced6d7;list-style:none;font-family:"Maven Pro"}
.hotel-info-list li span{font-weight:700}
.t-testimonials-slider{padding-top:85px;position:relative}
.hotel-testimonials-slide h4{font-size:14px;color:#333;text-transform:uppercase;margin-bottom:20px}
.hotel-testimonials-slide p{font-size:14px;color:#91a4a6;line-height:2}
.testimonials-arrow{position:absolute;width:100%;top:0}
.testimonials-arrow span{color:#91a4a6}
.testimonials-arrow .start_index{color:#32cddb}
.testimonials-arrow .arrow-right,.testimonials-arrow .arrow-left{top:70px}
.testimonials-arrow .arrow-right{right:-50px}
@media screen and (max-width: 1200px) {
.testimonials-arrow .arrow-right{right:-30px}
}
@media screen and (max-width: 992px) {
.testimonials-arrow .arrow-right{right:0;top:0}
}
.testimonials-arrow .arrow-left{left:-50px}
@media screen and (max-width: 1200px) {
.testimonials-arrow .arrow-left{left:-30px}
}
@media screen and (max-width: 992px) {
.testimonials-arrow .arrow-left{left:0;top:0}
}
.t-review-section{padding:140px 0;background:#eefbfc}
@media screen and (max-width: 992px) {
.t-review-section{padding:70px 0}
}
.t-review-section h3{color:#32cddb}
.t-review-section p{color:#91a4a6}
.testimonials-container .swiper-arrow-left,.testimonials-container .swiper-arrow-right{cursor:pointer;position:absolute;top:80px;cursor:pointer}
.testimonials-container .swiper-arrow-left{left:0}
.testimonials-container .swiper-arrow-right{right:0}
@media screen and (max-width: 992px) {
.testimonials-container .swiper-arrow-left{left:100px;top:200px}
.testimonials-container .swiper-arrow-right{right:100px;top:200px}
}
.t-contact{padding-top:140px}
@media screen and (max-width: 992px) {
.t-contact{padding-top:70px}
}
.t-contact-us{margin-top:90px}
.t-contact-us h5{color:#223b3d}
.t-contact-us p{color:#a7acb3}
.t-contact-us a:hover{color:#223b3d}
.t-contact-us input.send{color:#223b3d;background-image:url(../images/travel/send.png)!important}
.t-footer{background:#223b3d}
.t-footer .subscribe-form{background:#274244}
.t-footer .footer-info,.t-footer .subscribe-email{color:#91a4a6}
.t-footer .subscribe-email::-webkit-input-placeholder{color:#91a4a6}
.t-footer .subscribe-email::-moz-placeholder{color:#91a4a6}
.t-footer .subscribe-email:-moz-placeholder{color:#91a4a6}
.t-footer .subscribe-email:-ms-input-placeholder{color:#91a4a6}
.t-footer .ftr-nav-container{background:#1f3739}
.t-footer .ftr-nav-container a{color:#91a4a6}
.t-footer .ftr-nav-container a:hover{color:#fff}
.t-ftr-social .social-network{border-color:#91a4a6}
.t-ftr-social .social-network i{color:#91a4a6}
.t-ftr-social .social-network:hover{background:#32cddb;border-color:#32cddb}
.b-block-title{color:#333!important}
.bw-block-title,.w-sub-title{color:#fff!important}
.b-header{background:transparent;transition:background .3s linear}
@media screen and (max-width: 992px) {
.b-header{background:rgba(0,0,0,0.9)}
}
.b-nav li a{color:#fff}
.b-nav li a:hover{color:#e66a55;border-color:#e66a55}
@media screen and (max-width: 992px) {
.b-nav li a{border-top:1px solid #e66a55}
.b-nav li a:hover{background:#e66a55;color:#fff}
}
.b-nav li.active a{color:#e66a55;border-color:#e66a55}
@media screen and (max-width: 992px) {
.b-nav li.active a{background:#e66a55;color:#fff!important;border-color:#e66a55}
}
@media screen and (max-width: 481px) {
.b-nav li{text-align:left!important}
.b-nav li a{padding-left:15px}
}
.b-header-active{background:rgba(0,0,0,0.9)}
.bs-menu-button span{background:#e66a55}
body.red .w-banner{position:relative;overflow:hidden;min-height:800px}
@media screen and (max-width: 1200px) {
body.red .w-banner{min-height:700px}
}
@media screen and (max-width: 992px) {
body.red .w-banner{min-height:600px}
}
@media screen and (max-width: 768px) {
body.red .w-banner{min-height:530px}
}
@media screen and (max-width: 481px) {
body.red .w-banner{min-height:480px}
}
body.red .w-banner{background-image:none}
body.red .w-banner .swiper-slide{background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;min-height:800px}
@media screen and (max-width: 1200px) {
body.red .w-banner .swiper-slide{min-height:700px}
}
@media screen and (max-width: 992px) {
body.red .w-banner .swiper-slide{min-height:600px}
}
@media screen and (max-width: 768px) {
body.red .w-banner .swiper-slide{min-height:480px}
}
body.red .w-banner .swiper-slide:after{content:'';background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;left:0;top:0}
body.red .w-banner .pagination{display:none}
.content-red{margin-top:225px;padding:0 40px 0 0;position:relative;z-index:1}
@media screen and (max-width: 992px) {
.content-red{margin-top:175px}
}
@media screen and (max-width: 768px) {
.content-red{text-align:center;margin-top:100px;padding:50px 15px}
.content-red br{display:none}
}
@media screen and (max-width: 481px) {
.content-red{padding-bottom:0}
}
.content-red h1,.content-red h2{text-transform:uppercase;font-size:60px;color:#fff;margin-bottom:45px}
@media screen and (max-width: 1200px) {
.content-red h1,.content-red h2{font-size:48px}
}
@media screen and (max-width: 768px) {
.content-red h1,.content-red h2{font-size:36px;text-align:center}
.content-red h1 br,.content-red h2 br{display:none}
}
@media screen and (max-width: 481px) {
.content-red h1,.content-red h2{font-size:32px}
}
.content-red h1 span,.content-red h2 span{color:#e66a55}
.content-red p{color:#eaeaea;line-height:28px;margin-bottom:50px;max-width:75%}
@media screen and (max-width: 768px) {
.content-red p{text-align:center;margin:0 auto 50px}
.content-red p br{display:none}
}
@media screen and (max-width: 481px) {
.content-red p{max-width:100%}
}
.banner-nav{position:absolute;bottom:0;left:0;z-index:1;width:100%}
@media screen and (max-width: 992px) {
.banner-nav{display:none}
}
.banner-navigation{text-align:center;border-bottom:10px solid transparent;height:120px;cursor:pointer}
.banner-navigation.active{border-color:#e66a55}
.banner-navigation img{display:inline-block}
.banner-navigation h5{text-transform:uppercase;font-size:14px;font-family:'Jaapokki';padding:30px 0;color:#fff}
.active-nav,.banner-navigation:hover{border-color:#e66a55}
@media (max-width: 991px) {
.banner-description{margin-top:110px}
.content p{margin-top:25px}
.banner-nav{margin-top:50px}
}
@media (max-width: 767px) {
.banner-description{margin-top:110px}
.content p{margin-top:25px}
.banner-nav{margin-top:50px}
}
@media screen and (max-width: 992px) {
.pagination-bs{display:block!important;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pagination-bs .swiper-pagination-switch{background:#fff;cursor:pointer}
.pagination-bs .swiper-active-switch{background:#e66a55}
}
.serv{padding-top:136px}
@media screen and (max-width: 992px) {
.serv{padding-top:70px}
}
.about-serv h2{margin-top:140px;font-size:40px;color:#333;text-transform:uppercase;text-align:center}
.about-serv p{color:#888;margin:auto;margin-top:45px;margin-bottom:85px;max-width:65%;text-align:center}
body.red .service{text-align:center;margin-top:0;opacity:.7;cursor:pointer}
body.red .service img{display:inline-block;margin:auto;vertical-align:middle;opacity:.7;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}
body.red .service:hover{opacity:1}
body.red .active-serv img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%);opacity:1}
body.red .service p{text-align:center;line-height:52px}
body.red .service h5{text-transform:uppercase;font-size:13px;margin-top:25px;color:#000;text-align:center;line-height:48px;margin-bottom:30px}
body.red .active-serv h5,body.red .active-serv{color:#e66a55;opacity:1}
.detail{background-color:#e66a55}
.service-detail{padding:15px;background-color:#e66a55;min-height:500px}
@media screen and (max-width: 992px) {
.service-detail{min-height:100%;height:auto}
}
.service-detail > div{display:table-cell;vertical-align:middle;height:500px}
@media screen and (max-width: 992px) {
.service-detail > div{height:auto;padding:50px 0}
}
.service-detail h4{font-size:30px;margin-bottom:45px;color:#fff;text-align:center;text-transform:uppercase}
.service-detail p{line-height:28px;font-size:16px;text-align:center;color:#ffd7d0;margin:0 auto 50px;max-width:75%}
.read-more{text-transform:uppercase;font-size:12px;text-align:center;position:relative}
.service-detail .read-more{color:#ffd7d0;display:block}
.detail{display:none}
.current-det{display:block}
.detail .row{position:relative}
.serv-pic{position:absolute;padding:0;width:50%;height:100%;background-size:cover;background-position:center center;right:0;top:0}
@media screen and (max-width: 992px) {
.serv-pic{display:none}
}
@media (max-width: 991px) {
.about-serv h2{margin-top:80px}
.about-serv p{margin-top:25px;margin-bottom:40px}
.service-detail{padding:1px 10px}
}
@media screen and (max-width: 991px) and (max-width: 992px) {
.service-detail{width:100%}
}
@media (max-width: 991px) {
body.red .service{margin-bottom:20px}
body.red .service h5{margin-top:15px}
.service-detail h4{margin-top:80px;margin-bottom:25px}
.service-detail p{line-height:22px}
.service-detail .read-more{margin-top:35px;margin-bottom:80px}
}
@media (max-width: 767px) {
.about-serv h2{margin-top:30px}
.about-serv p{margin-top:15px;margin-bottom:20px}
.service-detail{padding:1px 10px}
body.red .service{margin-bottom:20px}
body.red .service h5{margin-top:15px}
.service-detail h4{margin-top:30px;margin-bottom:15px}
.service-detail p{line-height:22px}
.service-detail .read-more{margin-top:15px;margin-bottom:15px}
}
.history{border-bottom:1px solid #eaeaea;padding-bottom:100px;padding-top:136px}
@media screen and (max-width: 992px) {
.history{padding-top:70px;padding-bottom:70px}
}
.story h3{text-transform:uppercase;font-size:40px;margin-top:140px;text-align:center;color:#333;margin-bottom:45px}
.story p{color:#888;text-align:center;margin:auto;line-height:28px;font-size:16px;padding-bottom:65px}
.story-date{padding:13px 19px;color:#fff;font-size:16px;text-transform:uppercase;cursor:pointer;max-width:50%;text-align:center;background-color:#e66a55;position:absolute;top:103px;left:27%;z-index:1}
.story-description{position:relative}
.story-d{position:relative}
.story-description h6{margin-top:35px;text-align:center;font-size:13px;text-transform:uppercase;margin-bottom:35px}
.story-description p{color:#fff}
p.history-p{color:#888;line-height:26px;text-align:center;padding:0 25px}
.story-image{text-align:center;position:relative;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.story-image img{border-radius:50%;display:inline-block;border:15px solid #e66a55;width:256px;height:256px}
.story-image p{color:#fff;font-size:16px;text-transform:uppercase;cursor:pointer;width:100%;text-align:center;position:absolute;top:115px;left:0}
.swiper-slide-visible .story-date{opacity:1}
.story-description{opacity:0}
.swiper-slide-visible.swiper-slide-active .story-description{opacity:1}
.swiper-slide-visible.swiper-slide-active .story-image{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-slide-visible.swiper-slide-active .story-date{opacity:0}
.history .pagination{display:none}
@media (max-width: 991px) {
.story h3{margin-top:80px;margin-bottom:25px}
.story p{padding-bottom:40px}
.history{padding-bottom:50px}
}
@media (max-width: 767px) {
.story h3{margin-top:40px;margin-bottom:15px}
.story p{padding-bottom:20px}
.history{padding-bottom:50px}
}
.work-process{padding-top:136px}
body.red .process{margin-top:0;cursor:pointer}
body.red .process img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%)}
body.red .active-process img{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%);opacity:1}
body.red .number{background-color:#e66a55}
body.red .number p{margin-top:15px;color:#fff}
.read{text-align:center}
@media (max-width: 991px) {
.process{margin-bottom:20px}
}
@media (max-width: 767px) {
.process{margin-bottom:20px}
}
.our-projects{background:url(../images/business/project_bg.jpg) no-repeat top center;background-size:cover}
.our-projects > .container-fluid{padding-top:136px;padding-bottom:130px;background-color:rgba(230,107,85,0.95)}
@media screen and (max-width: 768px) {
.our-projects > .container-fluid{padding-top:70px;padding-bottom:70px}
}
.project h3{margin-top:140px;text-transform:uppercase;text-align:center;font-size:40px;margin-bottom:40px;color:#fff}
.project p{font-size:16px;text-align:center;max-width:65%;margin:0 auto 60px;line-height:28px;text-align:center;font-family:'Maven Pro';color:#fff}
.project-desk{width:20%;display:inline-block;text-align:center;position:relative;margin-bottom:15px;float:left}
@media screen and (max-width: 992px) {
.project-desk{width:50%}
}
@media screen and (max-width: 481px) {
.project-desk{width:100%}
}
.logo-d{position:absolute;top:45%;text-align:center;width:100%}
.project-mon{opacity:0;width:100%;position:relative}
.project-mon img{width:100%;height:auto}
.project-desk:hover .project-mon{opacity:1}
.project-desk:hover .logo-d{display:none}
.logo-ds{position:absolute;bottom:0;left:0;background-color:#fff;width:100%}
.logo-ds h5{text-align:center;text-transform:uppercase;margin-top:20px;margin-bottom:20px;color:#000;font-size:13px}
.logo-ds p{font-size:14px;text-align:center;padding:0 15px 25px;color:#888}
@media (max-width: 991px) {
.our-projects{margin-top:25px}
.project h3{margin-top:45px;margin-bottom:20px}
.project p{margin:0 auto 20px}
.logo-desk h5{margin-top:10px;margin-bottom:10px}
.logo-desk p{padding:0 10px 15px}
.our-projects > .container-fluid{padding-bottom:50px}
}
@media (max-width: 768px) {
.our-projects{margin-top:25px}
.project h3{margin-top:25px;margin-bottom:20px}
.project p{margin:0 auto 20px}
.logo-desk h5{margin-top:15px;margin-bottom:15px}
.logo-desk p{padding:0 15px 15px}
.our-projects > .container-fluid{padding-bottom:15px}
}
body.red .team{padding-top:136px;padding-bottom:70px}
@media screen and (max-width: 992px) {
body.red .team{padding-top:70px}
}
body.red .team-member{max-width:270px;margin:0 auto}
body.red .team-member:after{content:'';background:#e56b54;position:absolute;top:0;left:0;width:100%;height:50%;z-index:0}
body.red .soc-net{padding-top:35px}
body.red .member-social{position:relative;z-index:1;display:inline-block;margin:0 20px}
@media screen and (max-width: 1200px) {
body.red .member-social{margin:0 10px}
}
body.red .member-social i{color:#ffd2cc}
body.red .member-social i:hover{color:#fff}
.our_prices{padding:136px 0;background:#f9f9f9}
@media screen and (max-width: 992px) {
.our_prices{padding:70px 0}
}
.price h3{font-size:40px;text-align:center;text-transform:uppercase;padding:0 15px;line-height:50px;color:#e66a55}
.price p{text-align:center;font-size:16px;color:#9a9a9a;margin-top:40px;margin-bottom:10px;line-height:24px;padding:0 10px}
.year-price{box-shadow:2.5px 4.3px 10px rgba(0,0,0,0.1);text-align:center;padding-top:45px;background:#fff}
.year-price:hover{background:rgba(229,107,84,0.8)}
.year-price:hover h3,.year-price:hover .p-year,.year-price:hover .price-list li,.year-price:hover .user,.year-price:hover .price-list li span{color:#fff}
.year-price:hover div{background:#FFD6D0}
.year-price:hover img{-webkit-filter:contrast(100%) brightness(0%) grayscale(0%) saturate(100%) hue-rotate(0deg) sepia(0%) invert(100%) blur(0px);filter:contrast(100%) brightness(0%) grayscale(0%) saturate(100%) hue-rotate(0deg) sepia(0%) invert(100%) blur(0px)}
.year-price:hover{opacity:1}
.year-price p{font-size:16px;line-height:30px;color:#9a9a9a;padding:0 20px}
.price-number{text-transform:uppercase;text-align:center;font-size:26px;color:#e66a55}
p.p-year{text-align:center;line-height:16px;color:#e66a55}
.year-price img{display:inline-block;margin-top:45px;margin-bottom:28px;opacity:1}
.user{color:#333;font-size:14px;text-transform:uppercase;margin-bottom:45px}
.year-price .read-more{color:#fff}
.year-price div{margin-top:40px;width:100%;background-color:#e66a55}
.year-price div a{display:block;padding:15px 10px}
.price-list{list-style:none;padding:0 15px}
.price-list li{font-size:14px;font-family:'Maven Pro';color:#888;letter-spacing:1px;padding-bottom:27px;line-height:1.3}
.price-list li:last-of-type{padding-bottom:10px}
.price-list li span{color:#e66b55;font-weight:700}
@media (max-width: 991px) {
.our_prices{margin-top:80px}
.price{margin-bottom:25px}
.price p{margin-top:20px}
.year-price{padding-top:25px}
.year-price p{padding:0 10px}
.year-price img{margin-top:20px;margin-bottom:15px}
.user{margin-bottom:20px}
.year-price div{margin-top:20px;padding:10px 5px;margin-bottom:20px}
}
@media (max-width: 767px) {
.our_prices{margin-top:40px}
.price{margin-bottom:25px}
.price p{margin-top:20px}
.year-price{padding-top:15px}
.year-price p{padding:0 10px}
.year-price img{margin-top:20px;margin-bottom:15px}
.user{margin-bottom:20px}
.year-price div{margin-top:20px;padding:10px 5px;margin-bottom:20px}
}
.best-skills{background:url(../images/business/skills_bg.jpg) no-repeat top center;background-size:cover}
.best-skills > .container-fluid{padding-top:136px;padding-bottom:130px;background:rgba(230,107,85,0.85)}
@media screen and (max-width: 992px) {
.best-skills > .container-fluid{padding-top:70px;padding-bottom:70px}
}
.skill-deskription{text-align:center;margin-top:140px}
.skill-deskription h3{text-transform:uppercase;font-size:40px;color:#fff}
.skill-deskription p{font-size:16px;max-width:60%;margin:40px auto 50px;color:#ffd7d0;line-height:28px}
.sk-describe{text-align:center}
.sk-describe h5{color:#faeeed;text-transform:uppercase;padding:30px 0;font-size:13px}
.sk-describe p{color:#faeeed;font-size:13px;line-height:24px;margin-bottom:20px}
.skill{width:100%;text-align:center;height:190px;padding-top:70px;position:relative}
.skill .timer-wrapper{position:absolute;left:0;bottom:0;background:#fff;height:0;width:100%;display:block;z-index:0;transition:height 1s linear}
.skill .timer-wrapper h3{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.skill h3{font-size:40px;color:#e66a55}
.skill h3:after{content:'%';font-size:40px}
@media (max-width: 991px) {
.best-skills > .container-fluid{padding-bottom:80px}
.skill-deskription{margin-top:80px}
.skill-deskription p{margin:25px auto 50px}
.sk-describe h5{padding:20px 0}
}
@media (max-width: 767px) {
.best-skills > .container-fluid{padding-bottom:30px}
.skill-deskription{margin-top:40px}
.skill-deskription p{margin:25px auto 30px;max-width:75%}
.sk-describe h5{padding:15px 0}
}
body.red .blog{background:#fff}
.red-blog{color:#e66a55;opacity:.9}
.red-blog:hover{opacity:1;color:#e66a55}
body.red .post h5 a:hover{color:#e66a55}
.red-blog:after{content:url(../images/business/arrow.png);margin-left:8px}
#map-canvas{height:400px;background:#485b77}
.red-form .send{color:#e66a55;opacity:.7}
.red-form .send:hover{opacity:1}
.red-form .send:after{content:url(../images/business/arrow.png);margin-left:8px;opacity:.7}
.red-form .send:hover:after{opacity:1}
@media (max-width: 767px) {
#map-canvas{height:250px}
}
.b-ftr-nav li a:hover{color:#e66a55}
.b-ftr-social .social-network:hover{background:#e66a55;border-color:#e66a55}
body.red .contact{padding-top:136px;border-top:1px solid #ededed}
@media screen and (max-width: 992px) {
body.red .contact{padding-top:70px}
}
body.red .contact-us{margin-top:90px}
body.red .contact-us p,body.red .contact-us a{color:#888}
body.red .contact-us a:hover{color:#e66b55}
body.red .contact-us input.send{color:#e66b55!important;background-image:url(../images/business/arrow.png)}
body.red .input-style,body.red .tx-style{background:#f2f2f2;color:#888}
body.red .input-style::-webkit-input-placeholder,body.red .tx-style::-webkit-input-placeholder{color:#888}
body.red .input-style::-moz-placeholder,body.red .tx-style::-moz-placeholder{color:#888}
body.red .input-style:-moz-placeholder,body.red .tx-style:-moz-placeholder{color:#888}
body.red .input-style:-ms-input-placeholder,body.red .tx-style:-ms-input-placeholder{color:#888}
.team-member .member,.team-member p,.team-member h5,.social-network img,.process img,.process h6,.process p,.service img,.service h6{transition:all 700ms ease-out;-ms-transition:all 700ms ease-out}
.swiper-slide-visible .story-date,.swiper-slide-visible .story-description,.story-description,.story-date,.story-image{transition:all 250ms ease-out;-ms-transition:all 250ms ease-out}
body.villa .mfp-close{width:30px;height:30px}
body.villa .mfp-close:after{content:'x';font-size:20px;color:#000;text-align:center;position:absolute;left:0;right:0;top:-8px}
.ar-menu-button span{background:#196575}
.w-arrow{background:url(../images/villa/v-arrow.png);width:18px;height:8px}
.a-nav li.active a{color:#196575;border-color:#196575}
@media screen and (max-width: 992px) {
.a-nav li.active a a{background:#196575;color:#fff!important;border-color:#fff}
}
@media screen and (max-width: 992px) and (max-width: 992px) {
.a-nav li.active a{background:#196575;color:#fff}
}
@media screen and (max-width: 481px) {
.a-nav li{text-align:left!important}
.a-nav li a{padding-left:15px}
}
.banner-slide{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:800px;position:relative;letter-spacing:10px}
.banner-slide:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1;display:block}
.pagination-hide{display:none}
.v-header{border-bottom:1px solid #eaedee}
.banner-slide .container{min-height:800px;position:relative;z-index:2}
.container-banner-nav{position:relative;height:50px}
.banner-content{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}
.v-read-more{font-size:12px;color:#fff;text-transform:uppercase;font-weight:500;letter-spacing:2px;opacity:1!important;margin-top:30px;display:inline-block;-ms-transform:scale(0);transform:scale(0);-webkit-transform:scale(0);transition:-webkit-transform 500ms ease-out .6s;transition:transform 500ms ease-out .6s}
.v-read-more:after{position:relative;transition:right .3s ease;-webkit-transition:right .3s ease;margin-left:0;right:-8px}
.v-read-more:hover{color:#fff}
.v-read-more:hover:after{right:-14px}
.v-banner-title{color:#fff;font-size:60px;text-transform:uppercase;letter-spacing:10px;-ms-transform:scale(0);transform:scale(0);-webkit-transform:scale(0);transition:-webkit-transform 500ms ease-out .3s;transition:transform 500ms ease-out .3s}
.swiper-slide-active .v-banner-title,.swiper-slide-active .v-read-more{-ms-transform:scale(1);transform:scale(1);-webkit-transform:scale(1)}
.banner-nav-right,.banner-nav-left{width:50px;height:50px;background:#fff;position:absolute;top:375px;margin-top:-25px;cursor:pointer;transition:opacity .2s linear}
.banner-nav-right:hover,.banner-nav-left:hover{opacity:.7}
.banner-nav-right img,.banner-nav-left img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.banner-nav-right{right:0}
.banner-nav-left{left:0}
.pagination-banner{max-width:100%;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pagination-banner .swiper-pagination-switch{background:#fff;opacity:.7;cursor:pointer}
.pagination-banner .swiper-active-switch{background:#fff;opacity:1}
@media screen and (max-width: 1200px) {
.v-banner-title{font-size:48px}
.banner-slide{min-height:700px}
.banner-slide .container{min-height:700px}
.banner-nav-right,.banner-nav-left{top:325px}
}
@media screen and (max-width: 992px) {
.banner-content{width:80%}
}
@media screen and (max-width: 768px) {
.banner-nav-right,.banner-nav-left{display:none}
.pagination-banner{display:block}
}
@media screen and (max-width: 481px) {
.v-banner-title{font-size:40px}
.banner-slide{min-height:500px}
.banner-slide .container{min-height:500px}
}
.v-about-block{background:#fff;border-bottom:1px solid #eaedee}
.block-style{padding:80px 0 126px}
.about-title{text-align:center;margin-top:25px}
@media screen and (max-width: 992px) {
.about-title{margin:0 0 30px}
.block-style{padding:80px 0}
}
.about-text{font-size:16px;color:#8b989b;line-height:1.7;font-family:'Maven Pro';letter-spacing:0}
@media screen and (max-width: 768px) {
.about-text{margin:0 0 30px}
.v-about-block{padding-bottom:50px}
}
.v-servise-block{padding-bottom:0}
.tab-container{border-bottom:1px solid #eaedee}
.nav-tab-serv{border-bottom:none;display:table;margin:0 auto}
.nav-tab-item{float:left}
.nav-item-serv{background:#fff;border-radius:0;font-size:13px;text-transform:uppercase;color:#8b989b;letter-spacing:2px;margin-right:0;border:1px solid #eaedee;border-bottom:none;display:inline-block;padding:19px 19px 17px;cursor:pointer;margin-left:-1px;transition:background .2s linear,color .2s linear,border-color .2s linear}
@media screen and (max-width: 1200px) {
.nav-item-serv{font-size:12px}
}
.nav-item-serv.active,.nav-item-serv:hover{background:#196575;border-color:#196575;color:#fff;margin-bottom:-1px}
.tab-nav-wrapper{border-bottom:1px solid #eaedee;margin-bottom:90px}
.tab-serv-content{min-height:498px;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}
.tab-serv-img{display:block;height:auto;max-width:100%;width:100%;position:absolute;bottom:0;left:0}
.tab-serv-text{text-align:center;padding:100px 15px 0}
.tab-serv-text h3{color:#196575;text-transform:uppercase;letter-spacing:2px;padding-bottom:17px}
.tab-serv-text p{max-width:330px;font-size:14px;color:#8b989b;margin:0 auto;line-height:1.7;font-family:'Maven Pro';letter-spacing:0}
.tab-info{display:none}
.tab-info.active{display:block}
@media screen and (max-width: 1200px) {
.tab-serv-text{padding-top:130px}
}
@media screen and (max-width: 992px) {
.nav-item-serv{padding:12px 12px 10px;width:100%;max-width:500px;text-align:center;margin:0 auto}
.tab-nav-wrapper{margin-bottom:70px}
.tab-serv-content{min-height:440px}
.tab-serv-text{padding-top:100px}
.nav-tab-serv{max-width:500px}
}
@media screen and (max-width: 768px) {
.tab-nav-wrapper{margin-bottom:40px}
.tab-serv-content{min-height:350px}
.tab-serv-text-content{min-height:100%!important;height:auto!important}
.tab-serv-img{display:none}
.tab-serv-text{padding:50px 15px}
}
@media screen and (max-width: 481px) {
.tab-serv-text{padding:30px 15px}
}
.v-block-style-mod{background:#196575}
.block-title-mod{color:#fff}
.block-sub-title-mod{color:#b4d9e1}
.nav-tab-item-proc{text-align:center;cursor:pointer;width:100%}
.nav-tab-item-proc span{display:block;font-size:13px;text-transform:uppercase;color:#add3db;letter-spacing:2px;padding-top:30px;transition:color .2s linear}
.nav-tab-item-proc.active span{color:#fff}
.img-process{width:100%;min-width:100%;display:block;height:auto}
.v-process-info{padding-top:28px}
.v-process-info h3{font-size:13px;text-transform:uppercase;color:#fff;margin-bottom:15px;letter-spacing:2px}
.v-process-info p{color:#b4d9e1;font-size:14px;line-height:1.7;font-family:'Maven Pro';letter-spacing:0}
.v-nav-tab-process{margin-bottom:70px}
@media screen and (max-width: 1200px) {
.v-process-info{padding-top:0}
}
@media screen and (max-width: 768px) {
.tab-info-procs > div{margin-bottom:20px}
.tab-info-procs > div:last-of-type{margin-bottom:0}
.nav-tab-item-proc{margin-bottom:30px}
.v-nav-tab-process{margin-bottom:50px}
}
.tab-num{width:5.85%;float:left;font-size:18px;color:#b4d9e1;text-align:center;position:relative}
.tab-num.active{color:#fff}
.tab-line{width:25.52%;float:left;border-top:1px solid #b4d9e1;position:relative;top:6px}
.tab-line:after{content:'';height:3px;background:#fff;width:0;top:-1px;left:0;position:absolute;transition:width .3s ease-in-out}
.tab-line.active:after{width:100%}
.tab-line-container{max-width:928px;margin:0 auto 70px}
@media screen and (max-width: 1200px) {
.tab-line-container{max-width:770px}
}
@media screen and (max-width: 992px) {
.tab-line-container{display:none}
}
.v-project-box,.v-project-box-sm,.v-project-box-xs{background-size:cover;background-repeat:no-repeat;background-position:center}
.v-project-box{min-height:760px}
.v-project-box-sm{min-height:338px}
.v-project-text{text-align:center;padding:80px 30px 0}
.v-project-text h3{font-size:13px;text-transform:uppercase;color:#196575;margin-bottom:18px}
.v-project-text p{font-size:14px;color:#8b989b;line-height:1.7;letter-spacing:1px}
.v-project-img{max-width:100%;display:block;height:auto;width:100%}
.more-btn{font-size:12px;color:#8b989b;text-transform:uppercase;letter-spacing:2px;display:inline-block}
.more-box{padding:80px 0 0 70px}
.more-btn:after{content:'';background:url(../images/villa/more-grey.png) no-repeat;width:18px;height:8px;position:relative;transition:right .4s ease;right:-5px;display:inline-block}
.more-btn:hover{color:#8b989b}
.more-btn:hover:after{color:#8b989b;right:-10px}
.v-project-prev,.v-project-next{cursor:pointer;position:absolute;bottom:0}
.v-project-prev img,.v-project-next img{position:relative;top:-2px}
.v-project-prev span,.v-project-next span{font-size:13px;color:#8b989b;text-transform:uppercase;letter-spacing:2px}
.v-project-prev{left:0;display:none}
.v-project-prev span{padding-left:8px}
.v-project-next span{padding-right:8px}
.v-project-next{right:0}
.swiper-project{padding-bottom:57px}
@media screen and (max-width: 1200px) {
.v-project-box{min-height:660px}
.v-project-text{padding:50px 30px 0}
.more-box{padding:60px 0 0 40px}
}
@media screen and (max-width: 992px) {
.v-project-box{min-height:560px}
.v-project-text{padding:15px 15px 0}
.more-box{padding:30px 0 0 15px}
}
@media screen and (max-width: 768px) {
.v-project-img{display:none}
.v-project-box{min-height:360px}
.more-box{padding:30px 0 0;text-align:center}
.v-project-prev span,.v-project-next span{display:none}
}
.v-all-project-container{position:relative}
.v-project-link,.transparent-img{float:left;width:20%;display:block;height:auto;overflow:hidden}
.v-project-link img,.transparent-img img{max-width:100%;display:block;height:auto;width:100%;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);transition-timing-function:ease-out;transition-duration:2000ms}
.v-project-link:hover img{-webkit-transform:scale(1.15,1.15);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:1500ms;-moz-transform:scale(1.15,1.15);-moz-transition-timing-function:ease-out;-moz-transition-duration:1500ms;-webkit-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);transform:scale(1.15,1.15);transition-timing-function:ease-out;transition-duration:1500ms}
.v-project-list{list-style:none;display:table;margin:0 auto}
.v-project-list li{float:left;margin:0 15px}
.v-project-list li a{font-size:13px;text-transform:uppercase;color:#8b989b;letter-spacing:3px;transition:color .3s linear;display:inline-block}
.v-project-list li.active a,.v-project-list li a:hover{color:#1ed7ff}
.v-all-project{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:600px;z-index:999}
@media screen and (max-width: 992px) {
.v-all-project{position:relative;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);left:0;top:0;margin:0 auto;max-width:100%;padding:0 15px 50px}
.transparent-img{display:none}
.v-project-link{width:33.333%}
}
@media screen and (max-width: 599px) {
.v-project-list li{float:none;text-align:center;margin:15px 0}
.v-all-project{padding-bottom:20px}
}
@media screen and (max-width: 481px) {
.v-project-link{width:50%}
}
@media screen and (max-width: 400px) {
.v-project-link{width:100%}
}
.v-member-box{background-size:cover;background-repeat:no-repeat;background-position:center;min-height:427px}
.v-member-box-info{background:#196575;padding:60px 60px 0}
.v-member-box-info h3{font-size:20px;color:#fff;text-transform:uppercase;letter-spacing:4px;margin-bottom:35px}
.v-member-text{color:#b5dae2;font-size:16px;line-height:1.6;margin-bottom:50px;font-family:'Maven Pro';letter-spacing:1px}
.v-member-social a{float:left;font-size:16px;width:auto;margin-right:40px;display:inline-block}
.v-member-social a i{color:#b5dbe6}
.v-member-social a:hover i{color:#fff}
.v-member-nav{width:25%;float:left;text-align:center;padding:48px 10px;background:#edf2f3;border-right:1px solid #fff;cursor:pointer;transition:background .2s linear}
.v-member-nav:last-of-type{border-right:none}
.v-member-nav h4{font-size:13px;text-transform:uppercase;color:#196575;margin-bottom:25px;letter-spacing:2px;transition:color .2s linear}
.v-member-nav span{color:#8b989b;font-size:14px;transition:color .2s linear;font-family:'Maven Pro';letter-spacing:1px}
.v-member-nav.active,.v-member-nav:hover{background:#196575}
.v-member-nav.active h4,.v-member-nav:hover h4{color:#fff}
.v-member-nav.active span,.v-member-nav:hover span{color:#b4d9e1}
@media screen and (max-width: 992px) {
.v-member-box-info{min-height:100%;height:auto;padding-bottom:60px}
}
@media screen and (max-width: 768px) {
.v-member-nav{width:50%}
.v-member-nav:nth-of-type(2n){border-right:none}
.v-member-social a{margin-right:30px}
}
@media screen and (max-width: 481px) {
.v-member-box{min-height:300px}
.v-member-box-info{min-height:100%;height:auto;padding:30px}
.v-member-nav{width:100%;border-right:none!important;border-top:1px solid #fff;padding:28px 15px}
.v-member-nav h4{margin-bottom:15px}
.v-member-social a{margin-right:15px}
}
.v-link-post{overflow:hidden;display:block;margin-bottom:30px}
.v-link-post img{max-width:100%;display:block;height:auto;width:100%}
.v-post-title a{font-size:13px;letter-spacing:2px;color:#fff;text-transform:uppercase;line-height:1.5;display:block;transition:color .3s linear;margin-bottom:25px}
.v-post-title a:hover{color:#b4d9e1}
.v-post-info{margin-bottom:45px;letter-spacing:1px}
.v-post-info span{color:#b4d9e1;font-size:12px;font-family:'Maven Pro'}
.v-more-btn{color:#fff;transition:right .4s ease}
.v-more-btn:hover{color:#fff}
.v-more-btn:after{content:'';background:url(../images/villa/v-arrow.png) no-repeat;width:18px;height:8px;display:inline-block;position:relative;transition:right .4s ease;right:-4px}
.v-more-btn:hover:after{right:-8px}
@media screen and (max-width: 768px) {
.v-post{margin-bottom:20px}
}
.contact{padding-bottom:0}
body.villa .v-contact-info h5{color:#196575;letter-spacing:2px}
body.villa .v-contact-info a:hover{color:#196575}
body.villa .contact-us input,body.villa .contact-us textarea{color:#8b989b}
body.villa .contact-us input::-webkit-input-placeholder{color:#8b989b}
body.villa .contact-us input::-moz-placeholder{color:#8b989b}
body.villa .contact-us input:-moz-placeholder{color:#8b989b}
body.villa .contact-us input:-ms-input-placeholder{color:#8b989b}
body.villa .contact-us textarea::-webkit-input-placeholder{color:#8b989b}
body.villa .contact-us textarea::-moz-placeholder{color:#8b989b}
body.villa .contact-us textarea:-moz-placeholder{color:#8b989b}
body.villa .contact-us textarea:-ms-input-placeholder{color:#8b989b}
.contact-us input.send{background:url(../images/villa/more-grey.png) no-repeat}
.container-footer{text-align:center}
.ar-social .social-network:hover{background:#196575;border-color:#196575}
.ar-ftr-nav li a:hover{color:#196575}
.body-shop{position:relative}
@media screen and (min-width: 992px) {
.body-shop .container{max-width:970px!important;width:100%!important}
}
@media screen and (min-width: 1200px) {
.body-shop .container{max-width:1170px!important;width:100%!important}
}
.title-ico{margin-bottom:42px;text-align:center}
.s-block-title{color:#333}
.main-text{font-family:'Maven Pro';font-size:16px;color:#888;line-height:1.5;letter-spacing:0}
.s-header{position:absolute;top:0;left:0;width:150px;background:#222;height:100%;padding-top:0!important}
@media screen and (min-width: 993px) {
.s-header > .container{width:150px;padding:0}
}
@media screen and (max-width: 992px) {
.s-header{width:100%;height:auto;padding-bottom:0;margin-bottom:0;background:rgba(34,34,34,0.98)}
}
.s-header.fixed-top{position:fixed}
.s-header.fixed{position:fixed}
.s-header.fixed-bottom{position:fixed;top:auto;bottom:0;height:auto}
@media screen and (min-width: 993px) {
.s-main{padding-left:150px}
}
.s-nav{margin:0}
@media screen and (max-width: 992px) {
.s-nav{display:none;position:relative;float:left;width:100%;top:0}
}
.s-nav li{display:block;width:100%;margin:0}
.s-nav li a{display:block;text-align:center;padding:27px 0;text-transform:uppercase;color:#fff;border:none;border-bottom:1px solid #1c1c1c;font-size:11px;transition:background .3s linear;width:100%;background:#222}
@media screen and (max-width: 992px) {
.s-nav li a{padding:18px 0}
}
@media screen and (max-width: 481px) {
.s-nav li a{text-align:left!important;padding-left:15px}
}
.s-nav li a:hover,.s-nav li.active a{background:#d0a97e;border-color:#1c1c1c}
.s-nav li a:hover i:after,.s-nav li.active a i:after{opacity:1}
.s-nav li a i{display:block;text-align:center;margin:0 auto 10px}
.s-nav li a i:after{content:'';display:block;opacity:0;transition:opacity .3s linear}
@media screen and (max-width: 992px) {
.s-nav li a i{display:none}
}
.s-nav li:first-of-type a{border-top:1px solid #1c1c1c}
.s-logo{display:block;text-align:center;padding:50px 0}
@media screen and (max-width: 992px) {
.s-logo{padding:20px 0;float:left;margin-left:15px}
}
.s-home-ico{width:27px;height:10px;background:url(../images/shop/menu-icon-1.png) no-repeat}
.s-home-ico:after{background:url(../images/shop/menu-icon-1a.png) no-repeat;width:27px;height:10px}
.s-about-ico{width:15px;height:22px;background:url(../images/shop/menu-icon-2.png) no-repeat}
.s-about-ico:after{width:15px;height:22px;background:url(../images/shop/menu-icon-2a.png) no-repeat}
.s-interior-ico{width:26px;height:22px;background:url(../images/shop/menu-icon-3.png) no-repeat}
.s-interior-ico:after{width:26px;height:22px;background:url(../images/shop/menu-icon-3a.png) no-repeat}
.s-service-ico{width:24px;height:22px;background:url(../images/shop/menu-icon-4.png) no-repeat}
.s-service-ico:after{width:24px;height:22px;background:url(../images/shop/menu-icon-4a.png) no-repeat}
.s-team-ico{width:10px;height:22px;background:url(../images/shop/menu-icon-5.png) no-repeat}
.s-team-ico:after{width:10px;height:22px;background:url(../images/shop/menu-icon-5a.png) no-repeat}
.s-product-ico{width:40px;height:22px;background:url(../images/shop/menu-icon-6.png) no-repeat}
.s-product-ico:after{width:40px;height:22px;background:url(../images/shop/menu-icon-6a.png) no-repeat}
.s-contact-ico{width:19px;height:22px;background:url(../images/shop/menu-icon-7.png) no-repeat}
.s-contact-ico:after{width:19px;height:22px;background:url(../images/shop/menu-icon-7a.png) no-repeat}
.s-banner{min-height:700px;position:relative;height:100vh}
.s-banner:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:1}
.s-banner-title{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;z-index:2;width:100%}
.s-banner-title img{max-width:100%;padding:0 15px}
.s-since{text-transform:uppercase;color:#cea679;letter-spacing:3px}
@media screen and (max-width: 992px) {
.s-banner{min-height:600px;height:auto}
}
@media screen and (max-width: 768px) {
.s-banner{min-height:500px}
}
@media screen and (max-width: 481px) {
.s-banner{min-height:400px}
}
.s-about-section{position:relative;margin:20px}
.s-about-bg{position:absolute;left:0;top:0;width:50%;height:100%}
.s-about-info{padding:110px 100px;text-align:center;float:right;width:50%}
@media screen and (max-width: 1200px) {
.s-about-info{padding:70px 60px}
}
@media screen and (max-width: 992px) {
.s-about-info{padding:40px 30px}
}
@media screen and (max-width: 768px) {
.s-about-section{margin:0}
.s-about-bg{display:none}
.s-about-info{float:none;width:100%}
}
@media screen and (max-width: 360px) {
.s-about-info{padding:20px 15px}
}
.s-menu-button{margin-top:38px}
.s-menu-button span{background:#cea679}
.interior-section{position:relative}
.s-interior-info{position:absolute;height:100%;width:36%;top:0;left:0}
.s-interior-info-block{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;padding:0 100px}
.s-interior-img{float:right;width:64%}
.interior-img-box{float:left;padding:20px}
.interior-img-type1{width:62%}
.interior-img-type2{width:38%}
.interior-img-type3{width:38%}
.interior-img-type4{width:62%}
.interior-img-type1 div,.interior-img-type2 div{min-height:263px}
.interior-img-type3 div,.interior-img-type4 div{min-height:570px}
@media screen and (max-width: 1200px) {
.s-interior-info-block{padding:0 60px}
.interior-img-type1 div,.interior-img-type2 div{min-height:243px}
.interior-img-type3 div,.interior-img-type4 div{min-height:500px}
}
@media screen and (max-width: 1200px) {
.s-interior-info-block{padding:0 60px}
.interior-img-type1 div,.interior-img-type2 div{min-height:243px}
.interior-img-type3 div,.interior-img-type4 div{min-height:500px}
}
@media screen and (max-width: 992px) {
.s-interior-info{width:100%;position:relative;padding:40px 30px}
.s-interior-info-block{position:relative;top:0;left:0;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);padding:0 30px}
.s-interior-img{float:none;width:100%}
.s-interior-info-block{padding:0 30px}
.interior-img-type1 div,.interior-img-type2 div{min-height:243px}
.interior-img-type3 div,.interior-img-type4 div{min-height:450px}
}
@media screen and (max-width: 768px) {
.s-interior-info-block{padding:0}
}
@media screen and (max-width: 481px) {
.interior-img-type1,.interior-img-type2,.interior-img-type3,.interior-img-type4{width:100%}
.interior-img-box{padding-top:0}
}
@media screen and (max-width: 360px) {
.s-interior-info{padding:20px 15px}
}
.s-service{padding-top:140px}
@media screen and (max-width: 992px) {
.s-service{padding-top:70px}
}
.title-block{text-align:center}
.s-service-box{text-align:center}
.s-service-box img{margin-bottom:30px}
.s-service-box h3{margin-bottom:20px}
.s-serv-title{font-size:13px;text-transform:uppercase;color:#223b3d}
.s-service-box p{color:#91a4a6;font-size:14px;line-height:1.7;margin-bottom:20px;font-family:'Maven Pro';letter-spacing:0}
.s-serv-price{text-transform:uppercase;color:#d0a97e;font-family:'Maven Pro';font-weight:700}
@media screen and (max-width: 992px) {
.s-service-box{margin-bottom:40px}
.s-service{padding-bottom:100px}
}
.s-team{padding:140px 20px 0}
@media screen and (max-width: 992px) {
.s-team{padding-top:70px}
}
.s-nav-tab{width:50%;right:0;bottom:0;position:absolute;padding-left:20px;padding-right:0}
.s-member-item{cursor:pointer;filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);filter:grayscale(100%);transition:-webkit-transform .5s linear;transition:transform .5s linear;width:20%;float:left;padding:20px}
.s-member-item img{max-width:100%;height:auto;display:block}
.s-member-item:hover,.s-member-item.active{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'/></filter></svg>#grayscale");-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);filter:grayscale(0%)}
.s-member-item.active{-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}
.s-member-photo{width:50%;min-height:760px;float:left;background-position:center top}
.s-member-info-block{width:50%;min-height:655px;float:left;position:relative}
.s-tab-wrapper{position:relative;overflow:hidden;padding-bottom:20px}
.s-member-info{text-align:center;padding:0 90px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%}
.s-member-info h3{color:#d0a97e;font-weight:700;text-transform:uppercase;padding-bottom:38px}
@media screen and (max-width: 1200px) {
.s-member-info-block{min-height:495px}
.s-member-photo{min-height:600px}
}
@media screen and (max-width: 992px) {
.s-member-photo{width:100%;min-height:600px}
.s-member-info-block{width:100%;min-height:100%;margin-top:50px}
.s-member-info{text-align:center;padding:0 90px;position:relative;top:0;left:0;-ms-transform:translate(0);transform:translate(0);-webkit-transform:translate(0);width:100%}
.s-nav-tab{width:100%;right:0;bottom:0;position:relative;padding-left:0;padding-right:0;margin-top:50px}
}
@media screen and (max-width: 768px) {
.s-member-photo{min-height:400px}
.s-member-info{padding:0 30px}
}
@media screen and (max-width: 361px) {
.s-member-info{padding:0}
.s-member-item{padding:6px}
.s-member-photo{min-height:300px}
}
.s-our-product{padding-top:140px;padding-bottom:50px;border-bottom:1px solid #eaeaea}
@media screen and (max-width: 992px) {
.s-our-product{padding-top:70px;padding-bottom:30px}
}
.s-product-box{max-width:270px;margin:0 auto}
.s-product-info{background:#d0a97e;text-align:center;height:270px;padding-top:95px}
.s-product-info h3{font-size:14px;text-transform:uppercase;color:#fff;line-height:25px}
.s-product-info span{display:inline-block;color:#f6e4d0;padding-bottom:20px;font-family:'Maven Pro'}
.s-product-img{background:#fafafa;height:270px}
.s-arrow-l,.s-aroow-r{position:absolute;top:50%;margin-top:-42px;cursor:pointer}
@media screen and (max-width: 768px) {
.s-arrow-l,.s-aroow-r{display:none}
}
.pagination-product{display:block;visibility:hidden}
@media screen and (max-width: 768px) {
.pagination-product{display:table;visibility:visible}
.pagination-product .swiper-pagination-switch{width:10px;height:10px;border:none;background:#ccc}
.pagination-product .swiper-pagination-switch:after{content:none}
.pagination-product .swiper-active-switch{background:#cea679;border:none}
}
.s-arrow-l{left:0}
.s-aroow-r{right:0}
.s-contact-section{padding-top:140px}
@media screen and (max-width: 992px) {
.s-contact-section{padding-top:70px}
}
.s-form .input-style,.s-form .tx-style{background:#edecea;color:#888}
.s-form .input-style::-webkit-input-placeholder{color:#888}
.s-form .input-style::-moz-placeholder{color:#888}
.s-form .input-style:-moz-placeholder{color:#888}
.s-form .input-style:-ms-input-placeholder{color:#888}
.s-form .tx-style::-webkit-input-placeholder{color:#888}
.s-form .tx-style::-moz-placeholder{color:#888}
.s-form .tx-style:-moz-placeholder{color:#888}
.s-form .tx-style:-ms-input-placeholder{color:#888}
.s-form input[type=submit]{color:#888}
.s-contact-info .phone:hover{color:#d0a97e!important}
.s-contact-info .mail-us:hover{color:#d0a97e!important}
.s-footer-info{letter-spacing:0}
@media screen and (min-width: 993px) {
.sh-footer{padding-left:150px}
}
.s-social .social-network:hover{background:#d0a97e;border-color:#d0a97e}
.s-ftr-nav li a:hover{color:#d0a97e}
.h-nav li a{color:#333}
.h-nav li a:hover{color:#9ACA48;border-color:#9ACA48}
@media screen and (max-width: 992px) {
.h-nav li a{border-top:1px solid #9aca48}
.h-nav li a:hover{background:#9aca48;color:#fff}
}
.h-nav li.active > a{color:#9ACA48;border-color:#9ACA48}
@media screen and (max-width: 992px) {
.h-nav li.active a a{background:#32cddb;color:#fff!important;border-color:#fff}
}
.h-menu-button span{background:#9aca48}
.hospital .header{border-bottom:1px solid #ccc}
.h-block-title{color:#083b46}
.h-sub-title{color:#98a6a9}
.hospital p{color:#98a6a9;line-height:1.5;letter-spacing:1px}
.padding-top{padding-top:140px}
@media screen and (max-width: 992px) {
.padding-top{padding-top:70px}
}
.h-banner .swiper-slide{min-height:880px;position:relative;background-position:center top}
.h-banner .swiper-slide:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.2)}
@media screen and (max-width: 992px) {
.h-banner .swiper-slide{min-height:700px}
}
@media screen and (max-width: 768px) {
.h-banner .swiper-slide{min-height:450px}
}
.h-banner .swiper-slide h1,.h-banner .swiper-slide h2{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1.2;color:#fff;text-transform:uppercase;font-size:60px;text-align:center;opacity:0;transition:opacity 1s linear;z-index:55555}
@media screen and (max-width: 992px) {
.h-banner .swiper-slide h1,.h-banner .swiper-slide h2{font-size:40px}
}
@media screen and (max-width: 768px) {
.h-banner .swiper-slide h1,.h-banner .swiper-slide h2{font-size:36px;padding:0 15px;width:100%}
.h-banner .swiper-slide h1 br,.h-banner .swiper-slide h2 br{display:none}
}
.h-banner .swiper-slide-active h1,.h-banner .swiper-slide-active h2{opacity:1!important}
.h-banner-nav-item{width:25%;float:left;background:#0186c3;cursor:pointer;position:relative;z-index:10}
.h-banner-nav-item .padd{padding:39px 30px 36px}
.h-banner-nav{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);position:relative;z-index:10}
@media screen and (max-width: 992px) {
.h-banner-nav-item{display:none}
}
.h-banner-nav-item h3{font-size:14px;color:#fff;text-transform:uppercase;margin:25px 0;line-height:18px}
.h-banner-nav-item p{color:#c7f2fa;font-size:15px;line-height:1.5}
.h-banner-nav-item:nth-last-of-type(2){background:#077fbc}
.h-banner-nav-item:nth-last-of-type(3){background:#0186c3}
.h-banner-nav-item:nth-last-of-type(4){background:#077fbc}
.h-banner-nav-item.active{background:#374fa2}
@media screen and (max-width: 992px) {
.pagination-h{display:block!important;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pagination-h .swiper-pagination-switch{background:#3cc5de;cursor:pointer;opacity:.5}
.pagination-h .swiper-active-switch{background:#00aacf;opacity:1}
}
.h-about-section{padding-top:20px}
.h-about-box{min-height:500px;position:relative;overflow:hidden}
@media screen and (max-width: 1200px) {
.h-about-box{min-height:450px}
}
@media screen and (max-width: 768px) {
.h-about-box{width:50%;float:left;min-height:400px}
}
@media screen and (max-width: 481px) {
.h-about-box{width:100%}
}
.h-about-box:hover .h-about-info{bottom:0}
.h-about-box{text-align:center}
.h-about-box h3{text-transform:uppercase;color:#083b46;font-size:18px;margin-bottom:20px}
.h-about-text{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:325px;width:100%;}
.h-about-text > p{font-size:18px}
.h-about-text-wrap{position:absolute;width:100%;height:60%;top:0;left:0}
@media screen and (max-width: 992px) {
.h-about-text-wrap{height:70%}
}
.h-img-bottom{position:absolute;width:100%;max-width:100%;left:0;bottom:0}
@media screen and (max-width: 992px) {
.h-img-bottom{height:30%}
}
.h-about-info{padding:30px 30px 27px;text-align:left;position:absolute;width:100%;bottom:-200px;left:0;background:rgba(1,134,195,0.9);transition:bottom .6s ease}
.h-about-info h4{text-transform:uppercase;color:#fff;font-size:13px;margin:0}
.h-about-info a{color:#fff}
.h-about-info span{display:block;color:#d6f3f9;font-family:"Maven Pro"}
.h-services{position:relative;background-position:center top}
.h-services:after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(1,134,195,0.9)}
.h-services .block-title{color:#fff}
.h-services .sub-title{color:#c7f2fa}
.h-services .container{position:relative;z-index:1}
.col-serv{text-align:center;margin-bottom:80px}
@media screen and (max-width: 768px) {
.col-serv{margin-bottom:50px}
}
.col-serv h3{text-transform:uppercase;margin:32px 0 18px;color:#fff;line-height:1.2}
.col-serv p{color:#c7f2fa;font-size:16px}
.doctors-section{padding-top:80px}
@media screen and (max-width: 992px) {
.doctors-section{padding-top:70px}
}
.nav-doctor .nav-item-serv.active,.nav-doctor .nav-item-serv:hover{background:#3cc5de;border-color:#3cc5de;color:#fff;margin-bottom:-1px}
.doctor-photo{min-height:650px}
@media screen and (max-width: 992px) {
.doctor-photo{min-height:400px}
}
.team-doctor .team-member-box{min-height:650px}
@media screen and (max-width: 992px) {
.team-doctor .team-member-box{min-height:100%}
}
.doctor-nav{position:relative;width:100%}
.team-doctor .block-title{color:#083b46}
.team-doctor span{color:#98a6a9}
.procedure-slider{padding-top:100px}
.procedure-slider .swiper-slide{text-align:center}
.procedure-slider .swiper-slide h3{color:#083b46;margin-bottom:30px;font-size:20px}
.procedure-slider .swiper-slide p{font-size:16px;line-height:1.5;margin-bottom:30px}
.procedure-slide{text-align:center;opacity:.3}
.procedure-slide.swiper-slide-active{opacity:1}
.procedure-slide h3{color:#083b46;font-size:13px;margin:20px 0}
.procedure-slide span{display:block;color:#98a6a9;font-family:'Maven Pro';font-size:14px;letter-spacing:1px}
.h-arrow-container{position:absolute;left:50%;margin-left:-100px;width:200px;top:50px;text-align:center}
.h-arrow-container span{color:#98a6a9}
.h-arrow-container .start_index{color:#3cc5de}
.h-arrow-container .swiper-arrow-left,.h-arrow-container .swiper-arrow-right{position:absolute;top:0;cursor:pointer}
.h-arrow-container .swiper-arrow-left{left:0}
.h-arrow-container .swiper-arrow-right{right:0}
.price-section{background:#fcfcfc;padding:140px 0}
@media screen and (max-width: 992px) {
.price-section{padding:70px 0}
}
.h-price-block{background:#fff;box-shadow:2.5px 4.3px 10px rgba(0,0,0,0.1)}
.h-price-block div{background:#3cc5de}
.h-price-block .price-list li{color:#98a6a9}
.h-price-block .price-list li span{color:#a0adb0}
.h-price-block img{opacity:1;margin-top:35px}
.h-price-block h6{color:#083b46;margin-bottom:26px}
.h-price-block h3{color:#3cc5de}
.h-price-block:hover{background:rgba(60,197,222,0.5)!important}
.h-price-block:hover div{background:rgba(60,197,222,0.8)!important}
.h-price-col{text-align:center}
.h-price-col p{margin-bottom:40px;letter-spacing:1px;line-height:1.5;font-size:16px}
.review-section{position:relative;padding-top:80px;padding-bottom:50px;background-size:cover;background-position:center top}
.review-section:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(1,134,195,0.9)}
@media screen and (max-width: 992px) {
.review-section{padding:70px 0}
}
.review-section .container{position:relative;z-index:22}
.review-section .block-title,.review-section .sub-title{color:#fff}
.rewiev-slider .swiper-slide{text-align:center}
.rewiev-slider .swiper-slide h3{text-transform:uppercase;font-size:16px;color:#fff;margin:20px 0}
.rewiev-slider .swiper-slide p{font-size:18px;color:#c7f2fa;line-height:1.5;max-width:760px;margin:0 auto}
.rewiev-slider .swiper-slide h3,.rewiev-slider .swiper-slide p,.rewiev-slider .swiper-slide img{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:-webkit-transform 1s ease .1s;transition:transform 1s ease .1s}
.rewiev-slider .swiper-slide-active h3,.rewiev-slider .swiper-slide-active p,.rewiev-slider .swiper-slide-active img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.h-arrow{position:absolute;top:0;left:50%;width:270px;margin-left:-135px}
.h-arrow .swiper-arrow-left,.h-arrow .swiper-arrow-right{position:absolute;top:80px;cursor:pointer}
.h-arrow .swiper-arrow-left{left:0}
.h-arrow .swiper-arrow-right{right:0}
.h-contact-us h5{color:#083b46}
.h-contact-us p{color:#98a6a9}
.h-contact-us a:hover{color:#083b46}
.h-contact-us input.send{color:#083b46;background-image:url(../images/hospital/arrow-right.png)!important}
.h-footer .subscribe-form{background:#10434e}
.h-footer .footer-info,.h-footer .subscribe-email{color:#fff}
.h-footer .subscribe-email::-webkit-input-placeholder{color:#5b838c}
.h-footer .subscribe-email::-moz-placeholder{color:#5b838c}
.h-footer .subscribe-email:-moz-placeholder{color:#5b838c}
.h-footer .subscribe-email:-ms-input-placeholder{color:#5b838c}
.h-footer .ftr-nav-container{background:#168ec5}
.h-footer .ftr-nav-container a{color:#fff}
.h-footer .ftr-nav-container a:hover{color:#fff}
.h-social .social-network{border-color:#fff}
.h-social .social-network i{color:#fff}
.h-social .social-network:hover{background:#168ec5;border-color:#168ec5}
.s-form label{display:none}
textarea#message{width:100%!important;height:150px!important}
.input-style-subject{width:100%!important}
.page-title{background-color:#168EC5;padding-top:190px;padding-bottom:70px}
.page-title .block-title{color:#fff;margin-bottom:0}
.page-title .sub-title{padding-bottom:0;color:rgba(51,51,51,0.71);margin-top:23px}
@media(max-width:999px) {
.page-title{padding-top:145px}
}
@media(max-width:360px) {
.page-title{padding-bottom:60px}
}
.not-front header{border-bottom:1px solid rgba(0,0,0,0.04);background:#fff}
.blog{background:#fff}
.front .blog{background:#f8f9fd;padding-top:80px}
.blog-section .single-content{padding:0 120px}
@media (max-width: 992px) {
.blog-section .single-content{padding:0 50px}
}
.content-media{margin-bottom:40px}
.content-media img{width:100%;height:auto}
.blog-section .single-content p{font-size:18px;line-height:24px;margin-bottom:1em;letter-spacing:0}
.blog-section .single-content .tags{font-size:0;margin-top:15px;float:left;border-top:1px solid #ddd;width:100%;padding-top:50px}
.blog-section .single-content .tags a{font-size:12px;border:2px solid;padding:2px 10px 1px;margin:0 8px 0 0;letter-spacing:2px;color:#083b46;text-transform:uppercase}
.gallery-box .swiper-container{position:static}
.place-info{max-width:680px;margin:0 auto}
.blog-section .post h2 a{font-size:13px;line-height:22px;margin-top:20px;text-transform:uppercase;display:block;color:#333;transition:color .2s linear}
.subscribe-form p{margin:0}
#system-message-container{max-width:1170px;margin:0 auto}
#system-message-container .alert:first-child{margin-top:100px}
#system-message-container .alert:last-child{marginb-bottom:30px}
#system-message-container .alert{background:#eee;color:#555}
#sp-main-body > .row{margin-left:0!important;margin-right:0!important}
.procedure-slider .swiper-slide .procedure-images h3{font-size:13px;margin:20px 0}
.procedure-slider .swiper-slide .procedure-images{display:block;color:#98a6a9;font-family:'Maven Pro';font-size:14px;letter-spacing:1px}
.procedure-slider .swiper-slide .procedure-text h3{margin-top:50px}
.section-procedures{padding-bottom:140px}
form.red-form label{display:none}
.front .blog{background:#fcfcfc}
.a-post .read-more,.a-post h5 a,.a-post h2 a{color:#083b46}
.front .blog .read-more:after{content:url("../images/hospital/arrow-right.png");margin-left:8px}
.col-serv .extra-text{display:none}
.sppb-addon-text-block h3.sppb-addon-title{color:#083b46;margin-bottom:30px;font-size:20px}
.procedure-slider .sppb-addon-content p{font-size:16px;line-height:1.5;margin-bottom:30px}
.care-team-section.scroll-to-block{padding-top:80px}
.step-section{padding-top:80px}
.step-section .sub-title{padding:0 15px 40px}
.about-block{padding-top:80px}
.padT15{padding-top:15px!important}
.management-team-section,.care-team-section{padding-top:140px}
.alzheimer-img{height:400px;margin:auto;float:right}
.palliative-img{height:225px;margin:auto}
.front .blog,.block-style{padding-top:50px}
@media (max-width: 992px) {
.care-team-section.scroll-to-block,.step-section,.about-block{padding-top:70px}
.care-team-section.scroll-to-block p{padding-bottom:50px}
.management-team-section,.care-team-section,.intro-text-block{padding-top:70px}
.sppb-addon-title{line-height:1!important}
.alzheimer-img{width:100%!important}
.palliative-img{width:100%!important}
.front .blog,.block-style{padding-top:40px}
}
.read_more{display:block;padding:8px 10px;text-align:center;color:#fff;text-transform:uppercase;background:#3cc5de none repeat scroll 0 0;width:185px;margin:5px auto;font-weight:700}
.read_more i{display:inline-block;position:relative;right:-5px;top:-2px;transition:right .3s linear 0}
.read_more:hover{color:#fff}
.read_more:hover i{right:-10px}
.h-services a.read-more{color:#fff;display:block;padding:16px 0 0}
@media(min-width:900px) {
.h-arrow{left:50%;margin-left:-450px;position:absolute;top:-21px;width:900px}
}
.blog-section ul{font-weight:400;margin:16px 0 16px 14px}
.blog-section ul li{font-family:"Maven Pro";font-weight:400!important;font-size:18px;letter-spacing:0;color:#98a6a9}
.blog-section ul li + li{margin-top:8px}
.logo-footer > img{max-width:100%}
.how-to-apply #sp-component{font-family:"Maven Pro"}
.how-to-apply #sp-component .sp-column{margin:auto;max-width:1170px;width:90%}
.how-to-apply #sp-component{padding:70px 0}
.how-to-apply #sp-component h1{font-size:40px;margin:0 0 26px;color:#083b46;text-transform:uppercase}
.how-to-apply #sp-main-body .row{margin:0}
.contact-sub-info{padding:23px 0 0}
.how-to-apply #chrono_verification1_container_div img{float:inherit;margin-right:0}
.how-to-apply .cfdiv_submit input{background:#083b46;border:none;color:#fff;padding:12px 32px!important}
.contact-us-page #sp-component{font-family:"Maven Pro"}
.contact-us-page #sp-main-body .row{margin:0}
.contact-us-page #sp-component .sp-column{margin:auto;max-width:1170px;width:90%}
.contact-us-page #sp-component{padding:70px 0;overflow:hidden}
.contact-us-page #chrono_verification1_container_div img{float:inherit;margin-right:0}
.contact-us-page .contact_leftform{float:left;width:50%}
.contact-us-page .contact_rightform{float:left}
.contact-us-page #sp-component .page-header{margin:0 0 40px;padding:0;border:none}
.contact-us-page #sp-component .page-header h2{font-size:30px}
.contact-us-page .cfdiv_submit input{background:#083b46;border:none;color:#fff;padding:12px 32px!important}
.contact-address h3{margin:20px 0 0;padding:0 0 7px}
.contact-address iframe{margin-top:30px}
@media(max-width:767px) {
.contact-us-page .contact_leftform{float:left;width:100%}
.contact-us-page .contact_rightform{float:left;width:100%}
}
.latest-news-page .div_lnd_intro{font-family:"Maven Pro";float:left;width:46%;margin-bottom:0}
.latest-news-page .div_lnd_intro:nth-child(2n){float:right}
.latest-news-page .lnd_introtxt img{display:none}
.latest-news-page .blog{padding:70px 0}
.latest-news-page #sp-main-body .row{margin:0}
.latest-news-page .blog .lnd_head .lndtitle{display:block;font-size:16px!important;line-height:20px!important;margin:0!important;font-family:'Jaapokki',sans-serif,Arial}
.latest-news-page .blog .lnd_introtxt{line-height:21px}
.latest-news-page .blog hr{border-color:#d5d5d5;clear:both;float:left;margin:40px 0 59px;width:100%}
.latest-news-page .blog-section .single-content{padding:0}
@media(max-width:999px) {
.latest-news-page .page-title{background-color:#fcfcfc;padding-bottom:50px;padding-top:50px}
}
@media(max-width:639px) {
.latest-news-page .blog hr{display:none}
.latest-news-page .div_lnd_intro{width:100%;padding-bottom:20px;border-bottom:#d5d5d5 solid 1px;margin-bottom:40px}
.latest-news-page .blog .row{margin:0;padding:0}
.latest-news-page .block-title{font-size:19px}
.latest-news-page .blog{padding:40px 0}
}
.padB0{padding-bottom:0!important}
@media(max-width:767px) {
.h-arrow{left:0;margin-left:0;position:absolute;top:0;width:98%}
.h-arrow .swiper-arrow-left,.h-arrow .swiper-arrow-right{top:20px}
.rewiev-slider .swiper-slide h3{margin:20px 35px}
}
.not-front #sp-main-body > div > .row{margin:0}
.testimonial-read-more{font-size:16px}
.single-content.post b,strong{font-weight:700;font-size:16px}
.block-title br{display:none}
.contact-info p,.contact-info a{font-size:18px}
.sppb-addon-video-team{padding:80px 15px 50px}
@media (max-width: 992px) {
.block-title{letter-spacing:0}
.block-title br{display:block}
.contact-info p,.contact-info a{font-size:14px}
}
@media (min-width: 993px) {
.sppb-addon.sppb-addon-video-team.home-video {padding: 0px 15px 80px; margin-top:-70px;}
.team-member-photo{background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-color:#f2f2f2!important;padding:26% 0!important}
}
@media(max-width:1199px) {
.palliative-img{height:235px}
.alzheimer-img{height:470px}
}
@media(max-width:360px) {
.blog-section .single-content p,.blog-section ul li{text-align:left!important}
.blog-section ul li{text-align:left}
}
.team-nav .h-arrow{top:32%;left:1%}
.swiper-arrow-left .fa,.swiper-arrow-right .fa{color:#fff}
.fa-6{font-size:2em}
@media(max-width:767px) {
.h-about-text > p{font-size:16px}
}
.sppb-addon-video-team{padding-bottom:0}
.padB20{padding-bottom:20px!important}
.menu ul{background:#fff;list-style:none;position:absolute;left:-9999px}
.menu ul li{padding-top:1px;float:none}
.menu ul a{white-space:nowrap}
.menu li:hover ul{left:0}
.menu li:hover ul a{text-decoration:none}
.h-contact-us input.send{background-color:hsl(189,71%,55%);background-image:url(../images/hospital/arrow-right-white.png)!important;background-position:94% center!important;color:hsl(0,0%,100%);padding:14px 36px 14px 22px}
.h-contact-us input.send:hover{background-position:96% center!important}
.text-highlighted{font-size:24px;color:#fff!important;background-color:#3cc5de;padding:5px;text-align:center}
.text-highlighted a:hover{text-decoration:none;color:#083b46}
@media(max-width:480px) {
.private-care .page-title{line-height:1;margin:76px 0 0;padding-bottom:20px!important;padding-top:20px!important}
.private-care h2.block-title{font-size:22px;line-height:1}
}
@media (max-width: 767px) {
.management-team-section,.care-team-section,.intro-text-block{padding-top:40px}
.sub-title{padding:0 15px 30px}
.padding-top{padding-top:40px}
.doctors-section{padding-top:40px}
.team-member-info{padding:40px 0}
.sppb-addon-video-team{padding:40px 15px}
.care-team-section.scroll-to-block,.step-section,.about-block{padding-top:40px}
.care-team-section.scroll-to-block p{padding-bottom:30px}
.review-section{padding:40px 0}
.review-section .sppb-addon-content{padding:0 15px}
.from-blog h2{margin-top:0}
.blog{padding-bottom:0}
}
.pagination-wrapper{clear:both;text-align:center}
.pagination-wrapper .pagination{display:table;float:none;margin:0 auto 31px!important;text-align:center}
.pagination-wrapper .counter{padding:0 0 11px}
.blog-section .entry-image.intro-image{margin:0 0 20px}
.sppb-addon-title{overflow-wrap:break-word;text-align:center}
@media(max-width:639px) {
.pagination-wrapper .pagination{padding:0 25px}
.pagination-wrapper .pagination li{display:inline-block;margin:0 0 5px !mportant}
.sppb-addon-title{padding:0 15px;font-size:32px!important}
}
.intro-text-block .sub-title{max-width:750px;padding-bottom:30px}
@media(max-width:992px) {
.h-header.header.scroll-menu{max-height:100%;overflow:auto}
}
.itemid-145 .join-left{display:none;}
.join-left{float:left; margin-right:20px; margin-top:2px;}
.join-left .btn-login {background:#9aca48; border-color:#9aca48; margin:0px;}
.join-left .btn-login:focus, .join-left .btn-login:hover {background:#fff; color:#9aca48;}
.head-right{float:right;position:absolute;right:0}
.call-left{border-right:1px solid #b5b5b5;float:left;font-family:"Maven Pro";font-size:25px;font-weight:700;height:23px;letter-spacing:0;line-height:23px;margin:5px 15px 0 0;padding-right:15px}
.call-left a{color:#168ec5}
.top-social{float:left;margin:0;padding:0}
.top-social li{border:1px solid #168ec5;color:#168ec5;float:left;height:30px;line-height:30px;list-style:outside none none;text-align:center;width:30px}
.top-social li:hover{background:#168ec5}
.top-social li a{display:block;line-height:30px}
.top-social li:hover a{color:#fff}
.top-social li + li{margin-left:11px}
.desktop.top-social-contact .head-right{margin:-35px 0 0}
.header{position:relative}
@media(min-width:993px) {
.header{padding-top:49px}
.mobile.top-social-contact{display:none}
}
@media(min-width:768px) and (max-width:992px){
.join-left {margin-top: 1px; position: absolute; top: 57px; z-index: 99999; right: 135px;}
}
@media(max-width:992px) {
.desktop.top-social-contact{display:none}
header.scroll-to-fixed-fixed{padding-top:0!important}
.mobile.top-social-contact{background:#168ec5;padding:4px 15px;height:40px}
.mobile.top-social-contact .call-left{position:relative}
.top-social li{border:#fff solid 1px}
.top-social li a{color:#fff}
.call-left a{color:#fff}
.call-left{border-right:1px solid #fff}
.head-right{float:right;position:relative;right:0}
.h-header.header.cloned{max-height:100%;overflow:auto}
.header.scroll-to-fixed-fixed{top:0}
.h-header.scroll-to-fixed-fixed .container.clearfix.nopadding{background:#fff none repeat scroll 0 0;margin-bottom:45px!important;max-height:100%;overflow:auto;padding-bottom:0!important;padding-top:20px;position:fixed;width:100%}
}
@media(max-width:767px) {
.scroll-to-fixed-fixed .nav.h-nav{padding:0 0 30px}
table.tbl-responsive{width:100%!important}
.join-left{position: fixed;top: 195px; transform:rotate(-90deg); z-index: 9; right: -64px; margin: 0px;}
.join-left .btn-login {padding-left:8px; padding-right:8px;}
}
@media(max-width:479px) {
.head-right{float:right;position:relative;right:0;width:100%}
.call-left{border-right:none;font-size:20px;padding:0;margin:4px 0 0}
.top-social{float:left;margin:3px 0 0;padding:0;position:absolute;right:0}
.top-social li{border:1px solid #fff;width:24px;height:24px;line-height:24px}
.top-social li a{line-height:24px}
}
@media(max-width:359px) {
.top-social li + li{margin-left:5px}
}

@media(max-width:992px) {
.nav ul.menu ul{border:0px;padding:0;width:100%;background:#f2f2f2;position:static;left:0px}
.nav ul.menu ul:before{border: solid transparent;content: " ";position: absolute; border-bottom-color: #f2f2f2;border-width: 12px; margin:auto; left:0px; right:0px; top:33px; width:12px;}
.nav ul.menu ul:after{display:block; clear:both; content:" ";}
.nav ul.menu li{text-align:center !important;}
.nav li {padding-right: 20px;}
.h-nav li.active > a{background:#9aca48;color:#fff}
}


.btn-inde{padding: 15px;
    font-size: 18px;
    font-family: 'Maven Pro';
    letter-spacing: 1px;
    line-height: 1.7;
    width: auto;
	display: inline-block;
}

.login-right{
	float: left;
    font-family: "Maven Pro";
    font-size: 16px;
    font-weight: 700;
    height: 30px;
    letter-spacing: 0;
	margin-left: 5px;
}

.btn-login{
	margin: 0 0 0 15px;
    padding: 6px 15px;
    width: auto;
	border: 1px solid #3cc5de;
}
.btn-login:focus, .btn-login:hover{
	background: #fff;
    color: #2bb1ca;
}

.login-link{
	display:none;
}

@media(max-width:992px) {
	.head-right .login-right{ display:none !important;}
	.login-link{
		margin-right: 55px;
		text-align: center;
		position: absolute;
		right: 0;
		padding-top: 6px;
		display:block;
	}

	.link-login{
		position: relative;
		padding-left: 27px;
		font-size: 12px;
		text-transform: uppercase;
		padding-top: 4px;
		display: block;
	}

	.link-login .icon{
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		width: 30px;
		height: 30px;
		text-align: left;
		font-size: 30px;
	}
}
@media(max-width:359px) {
	.link-login span{
		display: none;
	}
}
.itemid-145 .page-title{display:none;}
.itemid-145 div.blog {padding-top: 0; overflow:hidden}
.itemid-145  .blog-section .single-content{padding: 0 15px;}
.itemid-145 .cj-header{
    clear: both;
    margin-bottom: 40px;
	padding:50px 0;
    position: relative;
    /*left: 50%;
    width: 100vw;
    margin-left: -50vw;*/
    box-sizing: border-box;
	background: url(https://www.beindependenthomecare.ie/templates/nrghealth/images/cj-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right;
}

.itemid-145 .cj-header .h1{
	font-size: 48px;
    font-family: "Maven Pro";
    font-weight: normal;
	line-height: 48px;
    margin: 5px 0;
	    color: #05abdd;
}
.itemid-145 .cj-header .h1 span{
	font-size: 40px;
	display: block;
	color: #18347e;
}
.itemid-145 .cj-sub-heading{
	font-size: 24px;
    font-family: "Maven Pro";
	color: #535353;
}

.itemid-145 .blog-section .single-content p.hero-text {
    font-size: 20px;
	padding: 15px;
}
.itemid-145 .btn-inde.fb-review{padding: 8px 15px;
	background-color: #18347e;
    text-decoration: none !important;}
	
@media(max-width:991px) {
	.itemid-145 .cj-header{
		padding:30px 0;
	}
	.itemid-145 .cj-header:before {
		position: absolute;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		background: rgba(255,255,255,0.8);
		content: "";
		z-index: 0;
	}
	.itemid-145 .cj-container{	
		position: relative;
		z-index: 1;
	}
	
	.itemid-145 .cj-header .h1{
		font-size: 36px;
		line-height: 36px;
	}
	.itemid-145 .cj-header .h1 span{
		font-size: 28px;
	}
	.itemid-145  .cj-sub-heading{
		font-size: 20px;
	}
	.itemid-145 .blog-section .single-content p.hero-text {
		font-size: 18px;
		padding: 5px;
	}
}

@media(max-width:767px) {
	.itemid-145 .btn-inde.fb-review{ display: block; width:160px}
}

@media(max-width:480px) {
	.itemid-145 .cj-header{
		padding:30px 15px;
		margin-left: -15px;
		margin-right: -15px;
	}
	.itemid-145 .cj-header .h1 {
		font-size: 28px;
		line-height: 28px;
		font-weight: bold;
		letter-spacing: 0;
	}
	.itemid-145 .cj-header .h1 span{
		font-size: 19px;
	}
	.itemid-145  .cj-sub-heading {
		font-size: 15px;
		font-weight: bold;
		letter-spacing: 0;
	}
}

.doctors-section .doctor-nav .swiper-container .swiper-wrapper{margin: 0 auto;}

.colright iframe{max-width:100%;}
@media(min-width:767px) {
.colleft{float:left; width:50%; padding-right:15px;}
.colright{float:right; width:50%; padding-left:15px;}
}