#header {z-index: 999;}

.content p a {text-decoration: underline;}
#sv__logo h1 {letter-spacing: 1px;}
#sv__logo .sv__logo--img {width: 22px;}
#sv__logo .sv__logo--img img {width: auto;}
.social-footer .copyright a {width: auto; height: auto; display: inline;}
.testimonial-icon-left, .testimonial-icon-right, [class*=" icon-sv"]:before, [class^=icon-sv]:before {color: #252525;}
.testimonial-icon-left, .testimonial-icon-right {text-align: left;}
#social {font-size: 2em;}
#social a {color: #fff;}


.contact__card--left {background: #12101C url(http://zhuk.studio/fileadmin/templates/assets/images/contbg.jpg) repeat;}

.page-navigation {display: inline-block;margin: 20px 0 0;width: 100%;position: absolute;z-index: 999;background: rgb(255,255,255,0.8);bottom: 0;}
.page-navigation p {text-align: center;}
.page-navigation ul {padding: 0;margin: 0;list-style: none;display: flex;justify-content: center;}
.page-navigation ul li {text-align: center;}
.page-navigation ul li a {padding: 10px;display: block;}
.page-navigation ul li.current {padding: 10px;display: block;font-weight: bold;}
.page-navigation ul li.last {}

/* icons flaticon */
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  text-align: center;
  margin: 0 auto 0 1px;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}
/* slider flaticon */
.rev_slider .tp-caption i:before, .rev_slider .tp-caption i:after {font-size: 39px;color: #fff;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item i:before, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item i:after {font-size: 32px}

/* calendar */
#calbg {background-position: 50% 0px;overflow: hidden;opacity: 1;background-position: center center;background-size: cover; background-repeat: no-repeat;width: 100%;min-height: 100%;position: relative;}
#calbg .content {margin: 70px 0 45px;width: 100%;padding: 0 15px;overflow: hidden;}
#calendar, #calendar .fc-basic-view .fc-day-number, #calendar a .fc-content {color: #fff;}
#calendar a, #calendar .fc-list-item-time, #calendar .fc-basic-view .alert .fc-day-number {color: #333;}
#calendar a:hover {color: #bc9f58;}
.fc-event, .fc-event-dot {background-color: #bc9f58;}
.fc-event {border: 1px solid #bc9f58;}
#calendar a.fc-event:hover {background-color: #fff;color: #bc9f58;}
#calendar a.fc-event:hover .fc-content {color: #bc9f58;}
#calendar .fc-view-container ::after, #calendar .fc-view-container ::before {content: none;}
#calendar .fc-toolbar.fc-header-toolbar {margin-bottom: 0;}
#calendar .fc-toolbar .fc-center, #calendar .fc-toolbar .fc-right, #calendar .fc-toolbar .fc-left {margin:0.5em 0}
.fc button {font-size: 0.9em;}
.fc-toolbar h2 {font-size: 1.5em;}

/* social icon */
.co {background: url("../images/icons/socialcolor.png") 0 0 no-repeat;height: 32px;width: 32px;display: inline-block;}
.co-instagram {}
.co-facebook {background-position:-32px 0;width: 32px;}
.co-vk {background-position:-64px 0;width: 54px;}
.co-whatsapp {background-position:-118px 0;width: 32px;}

.form-control {height: 52px;
    width: 100%;
    display: block;
    border-radius: 0;
    border: 0;
    padding-left: 45px;
    margin-bottom: 30px;
    background-color: #e8e8e8;
    border-bottom: 3px solid #d0d0d0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;}

.form-control:focus {box-shadow: none;
    outline: 0;
    background-color: #F3F3F3;
    border-bottom: 3px solid #bc9f58;}
.btn.btn-primary {display: block;
    background-color: transparent;
    margin: 0 auto;
    padding: 15px 30px;
    border: 3px solid #252525;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 0;
    cursor: pointer;
    color: #252525;
    font-family: Ubuntu,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;}
.btn.btn-primary:hover {color:#fff;border-color:#bc9f58;background-color:#bc9f58}

/* web site color #2c2f52 */
.shadow-on, footer, .fc-event, .fc-event-dot {background: #2c2f52 !important;}
.fc-event {border: 1px solid #2c2f52;}

.tab-header .img-responsive.img1 {display: block;}
.tab-header .img-responsive.img2 {display: none;}

.fullscreen-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
 }

.fullscreen-bg video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
@media (max-width: 991px) {
  .hero-container {background: #e8e8e8;}
  .fullscreen-bg video {
    width: 990px;
    min-width: auto;
    min-height: auto;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}@media (max-width: 800px) {
  .fullscreen-bg video {
    width: 800px;
  }
}
@media (max-width: 768px) {
  .fullscreen-bg video {width: 770px;}
  .hero-spacer {margin-top: 500px;}
}
@media (max-width: 767px) {
  .fullscreen-bg video {
    width: 790px;
    top: 60px;
  }
  .angle-top {border-top: none;border-right: none;}
}
@media (max-width: 680px) {
  .fullscreen-bg video {width: 690px;}
  .hero-spacer {margin-top: 480px;}
}
@media (max-width: 580px) {
  .fullscreen-bg video {width: 590px;}
  .hero-spacer {margin-top: 400px;}
}
@media (max-width: 480px) {
  .fullscreen-bg video {width: 490px;}
  .hero-spacer {margin-top: 320px;}
}
@media (max-width: 380px) {
  .fullscreen-bg video {width: 390px;}
  .hero-spacer {margin-top: 290px;}
}
/*
@media (max-width: 991px) {
  .fullscreen-bg video {width: 950px;}
}
@media (max-width: 950px) {
  .fullscreen-bg video {width: 740px;}
}
@media (max-width: 900px) {
  .fullscreen-bg video {width: 740px;}
}
@media (max-width: 850px) {
  .fullscreen-bg video {width: 740px;}
}
@media (max-width: 800px) {
  .fullscreen-bg video {width: 1200px;}
}
@media (max-width: 750px) {
  .fullscreen-bg video {width: 740px;}
}
@media (max-width: 700px) {
  .fullscreen-bg video {width: 740px;}
}
@media (max-width: 650px) {
  .fullscreen-bg video {width: 750px;}
}
@media (max-width: 550px) {
  .fullscreen-bg video {width: 750px;}
}
@media (max-width: 500px) {
  .fullscreen-bg video {width: 750px;}
}
@media only screen and (max-width: 450px) {
  .fullscreen-bg video {width: 960px;}
}
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) {
  .fullscreen-bg video {width: 850px;} 
}
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) {
  .fullscreen-bg video {width: 1031px;} 
}
@media only screen and (max-width: 400px) {
  .fullscreen-bg video {width: 940px;}
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
  .fullscreen-bg video {width: 580px;}
  .hero-spacer {margin-top: calc(100vh * .4);}
}
@media only screen 
    and (device-width : 360px) 
    and (device-height : 640px) 
    and (-webkit-device-pixel-ratio : 4) {
  .fullscreen-bg video {width: 745px;}
}
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
  .hero-spacer {margin-top: -webkit-calc(100vh);margin-top: calc(100vh);}
}
@media only screen and (min-width : 319px) and (max-width : 321px){
  .fullscreen-bg video {width: 660px;}
}
*/

@media only screen and (max-width: 991px) {
  .svfm1__card figure h2 {font-size: 12px;}
}
@media (max-width: 767px) {
  #sv__logo:hover {color: #bc9f58;}
  .nav__book.hidden-xs {display: block!important;}
  #header .nav__book {top: 12px;right: 70px;}
  .book__nav {font-size: 11px;color: #000;border-bottom-color: #000;top: 13px;right: 75px;background: #fff;padding: 0 5px;}
  .loaded #header {position: fixed;}
  .hidden-xs #phone, .hidden-xs #hours {display: none!important;}
  .svfm1__card figure h2 {font-size: 18px;}
}

@media only screen and (min-width: 768px) {
  #sv__logo {width: 230px;}
  .sv__container--md .intro p {font-size: 18px;}
  .contact__card--left img {bottom: 81px;}
  #calbg .content {margin: 50px auto 40px;padding: 0 25px;}
  .tab__panel .item .price {width: 30%;text-align: right;}
  .tab-header .img-responsive.img1 {display: none;}
  .tab-header .img-responsive.img2 {display: block;}
}
@media (max-width: 480px) {
  #header {}
  .nav__book.hidden-xs {display: none !important;}
  #header .nav__book {right: 50px;}
  .book__nav {right: 70px;}
  .hidden-xs #phone, .hidden-xs #hours {}
}
@media only screen and (min-width: 992px) {
  .no-touch .cd-dropdown-content>li.act a {color: #af8c45;}
  .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.act {background: #ebebeb;}
  .contact__card--left img {bottom: 51px;}
  .svfm1__card figure p {padding: 10px 10px 20px;position: relative;}
  #calbg .content {margin: 140px auto 90px;}
  .testimonial-wrapper blockquote {font-size: 18px;line-height: 30px;}
  #testimonial-carousel2 .testimonial-img {width: 46%;margin: 0 2%;}
  #testimonial-carousel2 .testimonial-img img {max-height: 600px;}
}
@media only screen and (min-width: 1200px) {
  .contact__card--left img {bottom: auto;}
  .testimonial-wrapper blockquote {font-size: 24px;line-height: 36px;}
  #testimonial-carousel2 .testimonial-img {width: 55%;margin: 0;}
  #testimonial-carousel2 .testimonial-img img {max-height: 100%;}
  #testimonial-carousel2 .carousel-control {width: 10%;}
  #testimonial-carousel2 .carousel-inner > .item.active {display: table;width: 100%;}
  #testimonial-carousel2 .carousel-inner > .item > img {margin: 0 auto;max-width: 60px;}
  #testimonial-carousel2 .carousel-control {color: #252525;}
  #testimonial-carousel2 .carousel-control i {top: 50%;  -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);  text-shadow: none;  position: absolute;  width: 100%;}
  #testimonial-carousel2 .carousel-control:focus {  opacity: .5;}
  #testimonial-carousel2 .carousel-control:hover {  opacity: .9 !important;}
  #testimonial-carousel2 .carousel-control.right, #testimonial-carousel2 .carousel-control.left {  background-image: none;}
  #testimonial-carousel2 .carousel-control.right {  right: 5px;}
  #testimonial-carousel2 .carousel-indicators {  margin-left: -30.5%;}
}
@media only screen and (min-width: 1600px) {
  .svfm1__card--effect:hover h2 {
    -webkit-transform: translate3d(0, -75px, 0);
    -moz-transform: translate3d(0, -75px, 0);
    -ms-transform: translate3d(0, -75px, 0);
    -o-transform: translate3d(0, -75px, 0);
    transform: translate3d(0, -75px, 0);
  }
}
.sv__container--md .intro p {
    font-family: "Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace;
    text-transform: initial;
    font-size: 16px;
    color: #333;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

#nav-icon {
  width: 25px;
  height: 20px;
  position: relative;
  margin: 5px auto 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #444;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2) {top: 8px;}
#nav-icon span:nth-child(3) {top: 16px;}

.cd-dropdown-trigger {display:none;}
@media only screen and (min-width: 768px) {
  .cd-dropdown-trigger {display:block;}
  #nav-icon {display:none;}
  #testimonial-carousel2 .carousel-indicators {margin-left: -30.5%;bottom: 0;}
}

.email__form .form-btn {
    font-size: 14px;
    padding: 15px 30px;
    height: auto;
    float: none;
}

footer div.wpcf7-response-output {
    margin: 0;
    border: 2px solid #ffffff;
}

footer form .email__offers {
    display: inline-block;
    width: 100%;
}



.svfm1__card.active {
    -webkit-animation: fadeIn .3s ease-in-out;
    -moz-animation: fadeIn .3s ease-in-out;
    animation: fadeIn .3s ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: none;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (max-width: 768px) {
    .col-sm-5ths {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}