@charset "utf-8";
@import url(bootstrap.css);
@import url(jquery.fancybox.css);
@import url(settings.css);
@import url(animate.css);
@import url(jquery.timepicker.css);
/*
    font-family: 'Oswald', sans-serif;
    font-family: 'Montserrat', sans-serif;
*/
@font-face {
    font-family: 'Material Icons';
    src: url('../fonts/materialicons-regular.woff2') format('woff2'), 
         url('../fonts/materialicons-regular.woff') format('woff'), 
         url('../fonts/materialicons-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html{
    font-size: 16px;
}
.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

html, body {
    height: 100% !important;
    margin: 0;
    padding: 0;
}
.base-template .main-wrapper{
    min-height: 100%;
    margin: 0 0 -360px 0;
}
.footer-push{
    height: 360px;
}
.footer-wrapper{
    min-height: 360px;
    background: url(../images/bg5.jpg) 50% 50% no-repeat;
    background-size: cover;
}
body{
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #2C2C2C;
    overflow-x: hidden;
}
blockquote{
    font-family: 'Oswald', sans-serif;
    border-left: 3px solid #B59652;
    margin-bottom: 30px;
    padding-left: 20px;
    letter-spacing: 2px;
    font-size: 20px;
}
.content ul,
.content ol{
    margin-bottom: 15px;
}
.content ul > li,
.content ol > li{
    margin-bottom: 10px;
    position: relative;
}
.content ul > li{
    padding-left: 25px;
}
.content ul > li:after{
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 10px;
    left: 10px;
    background: #B59652;
    border-radius: 50%;
}
.content ul ul,
.content ol ul,
.content ol ol,
.content ul ol{
    padding-top: 10px;
    padding-left: 10px;
}
.content ul ul li,
.content ol ul li{
    padding-left: 15px;
    position: relative;
    margin-bottom: 10px;
}
.content ul ul li:after,
.content ol ul li:after{
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    top: 9px;
    left: 0;
    border: 1px solid #999999;
    border-radius: 50%;
}
.content ul ol li,
.content ol ol li{
    list-style: decimal; 
    padding-left: 3px;
    margin-left: 12px;
    margin-bottom: 10px;
}
.content ol{ 
    counter-reset: item; 
}
.content ol li{
    display: block; 
}
.content ol li:before{ 
    content: counters(item, ".") ". "; 
    counter-increment: item;
    padding: 0 5px 0 10px;
    color: #999999;
}
.content ul ul ol li:after,
.content ol ul ol li:after{
    display: none;
}
.content table{
    width: 100%;
    margin-bottom: 30px;
}
.content table th{
    background: #000;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px;
    vertical-align: middle;
    border: 1px solid #000;
    border-right-color: #333333;
}
.content table td{
    border: 1px solid #E5E5E5;
    padding: 20px;
    vertical-align: middle;
    font-weight: 100;
    font-size: 15px;
}
.content table .separate td{
    background: #F7F7F7;
    font-size: 17px;
    font-weight: normal;
}
.clear-hr,
.cleaner-hr{
    height: 0;
    opacity: 0;
    margin: 0;
    padding: 0;
    border: none;
}
h1{
    font-family: 'Oswald', sans-serif;
/*    font-weight: bold;    */
    text-transform: uppercase;
    font-size: 60px;
    line-height: 1.2;
    margin-bottom: 0;
    letter-spacing: 2px;
    color: #fff;
}
h2,
.title-h2{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 20px;
}
h3,
.title-h3{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
h4,
.title-h4,
h5,
.title-h5{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
@media (max-width: 1349px) {
    
}
@media (max-width: 991px) {
    h1{
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    h1{
        font-size: 40px;
    }
}
.light{
    font-weight: 300;
}
.red{
    color: #FF4632;
}
.white{
    color: #fff;
}
.black{
    color: #000;
}
.gray{
    color: #676767;
}
p{
    margin-bottom: 20px;
}
a{
    color: #B59652;
    text-decoration: none;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
a:hover{
    color: #000;
}
a:focus{
    outline: none;
}
.btn{
    font-family: 'Oswald', sans-serif;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #B59652;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    padding: 14px 30px;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    border: 1px solid #B59652;
}
.btn.btn-transparent{
    background: transparent;
    color: #B59652;
    border-color: #B59652;
}
.btn:hover{
    background: transparent;
    color: #B59652;
    border-color: #B59652;
}
.btn.btn-transparent:hover{
    color: #fff;
    background: #B59652;
}
.btn.block{
    display: block;
    width: 100%;
}
.btn.btn-line:before{
    content: "";
    position: absolute;
    left: 11px;
    top: 11px;
    border: 1px solid #B59652;
    width: 100%;
    height: 100%;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.btn.btn-line:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid transparent;
    height: -webkit-calc(100% + 11px);
    height: calc(100% + 11px);
    width: -webkit-calc(100% + 11px);
    width: calc(100% + 11px);
}
.btn.btn-line:hover:before{
    top: 0;
    left: 0;
}
.form-group{
    position: relative;
}
.modal {
    display: none;
    width: 560px;
    max-width: 100%;
    background: #fff;
    padding: 35px 25px 25px;
}
#responseMessage .modal-content.error{
    color: #FF4632;
}
/**************************************/

/* ======= AGREEMENT ======= */
.agreement{
    position: relative;
    margin-bottom: 20px;
    color: #7C7F8C;
}
.agreement input{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.agreement input + label{
    padding-left: 30px;
    position: relative;
    font-size: 13px;
    display: inline-block;
}
.agreement i{
    position: absolute;
    top: -1px;
    left: 0;
}
.agreement input + label .checked{
    display: none;
}
.agreement input:checked + label .checked{
    display: inline-block;
    color: green;
}
.agreement input:checked + label .no-checked{
    display: none;
}
.agreement input.error + label{
    color: red;
}
/* ======= /. AGREEMENT ======= */


/* PAGINATION */
.content .pagination ul > li:after{
    display: none !important;
}
.content .pagination ul > li {
    padding-left: 0 !important;
}
.pagination{
    margin: 30px 0;
    text-align: center;
}
.pagination li{
    display: inline-block;
    text-align: center;
}
.pagination a,
.pagination li > span{
    font-size: 16px;
    font-weight: bold;
    color: #B59652;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
}
.pagination a:hover{
    color: #2C2C2C;
}
.pagination .active a{
    background: #B59652;
    color: #fff;
}
/* /. PAGINATION */

/* PDO CRUMBS */
.breadcrumb{
    margin: -35px 0 35px;
    font-size: 13px;
}

.breadcrumb li {
    display: inline-block;
    margin-right: 15px;
    position: relative;
}
.breadcrumb li:after{
    content:"»";
    display: inline-block;
    padding-left: 15px;
}
.breadcrumb li:last-of-type:after{
    display: none;
}
@media(max-width:767px){
    .breadcrumb {
        font-size: 12px;
    }
    .breadcrumb li{
        margin-right: 20px;
    }
}
/* /. PDO CRUMBS */

/* MOBILE MENU */
.menu-button{
    position: fixed;
    right: 15px;
    top: 30px;
    width: 30px;
    height: 20px;
    cursor: pointer;
    transition: all 200ms ease-out;
    z-index: 1010;
}
.icon-menu-burger {
    height: 2px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -15px;
    transition: transform 0.2s ease 0s;
}
.icon-menu-burger__line {
    background: #B59652;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.2s linear 0.2s;
}
.icon-menu-burger:before, 
.icon-menu-burger:after {
    background: #B59652;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}

.menu-button.active .icon-menu-burger__line,
.menu-button.active .icon-menu-burger:before, 
.menu-button.active .icon-menu-burger:after {
    background: #FF2C3E !important;
}
.icon-menu-burger:before {
    top: -9px;
    transition: top 0.2s linear 0.4s;
}
.icon-menu-burger:after {
    bottom: -9px;
    transition: bottom 0.2s linear 0.4s;
}
.menu-button.active .icon-menu-burger{
    transform: rotate(45deg);
    transition: transform 0.2s linear 0.4s;
}
.menu-button.active .icon-menu-burger__line{
    transform: rotate(90deg);
}
.menu-button.active .icon-menu-burger:before {
    transition: top 0.2s linear;
    top: 0;
}
.menu-button.active .icon-menu-burger:after {
    transition: bottom 0.2s linear;
    bottom: 0;
}
/* mob-menu-btn end */

.mobile-menu {
    font-family: 'Oswald', sans-serif;
    position: fixed;
    top: 80px;
    right: -470px;
    background: #0b503c;
    height: 100%;
    width: 370px;
    max-width: 100%;
    z-index: 1000;
    transition: all 200ms ease-out;
}
.overlay {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    z-index: -100;
    opacity: 0;
    transition: opacity 200ms ease-out;
}
.mobile-menu li{
    position: relative;
}
.mobile-menu-inner > ul > li {
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.mobile-menu-inner > ul > li:first-of-type{
    border-top: 1px solid rgba(255,255,255,0.1);
}
.mobile-menu-inner > ul > li.down > a {
    padding-right: 60px;
}
.mobile-menu .dropdown-button{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 55px;
    width: 48px;
    z-index: 10;
}
.mobile-menu .dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    margin-top: -9px;
    left: 16px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    transition: all 300ms ease-out;
}
.mobile-menu .dropdown-button.active:before{
    transform: rotate(225deg);
    margin-top: -3px;
}
.mobile-menu-inner > ul > li > ul {
    position: static;
    width: 100%;
    display: none;
}
.mobile-menu-inner > ul  > li > a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 15px 20px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.mobile-menu-inner > ul  > li.active > a,
.mobile-menu-inner > ul > li > ul > li.active > a,
.mobile-menu-inner ul ul ul .active a{
    color: #B59652;
}
.mobile-menu-inner > ul > li > ul > li > a,
.mobile-menu-inner ul ul ul a{
    display: block;
    font-size: 15px;
    line-height: 18px;
    text-decoration: none;
    transition: all 200ms ease-out;
    padding: 10px 10px 10px 30px;
    color: #FFFFFF;
    position: relative;
}
.mobile-menu-inner > ul > li > ul > li > a:before,
.mobile-menu-inner ul ul ul a:before {
    content: "";
    display: block;
    position: absolute;
    top: 19px;
    left: 20px;
    width: 3px;
    height: 3px;
    background: #B59652;
}
.mobile-menu-inner ul ul ul a{
    padding: 6px 10px 6px 45px;
    font-size: 13px;
}
.mobile-menu-inner ul ul ul a:before{
    left: 34px;
    top: 12px;
}
.mobile-menu .dropdown-button + ul {
    position: static;
    width: 100%;
    display: none;
    margin-bottom: 10px;
}
.mobile-menu ul ul .dropdown-button:before{
    width: 6px;
    height: 6px;
    content: "+";
    border: none;
    color: #fff;
    transform: rotate(0) !important;
    top: 8px !important;
    left: 17px;
    font-size: 16px;
}
.mobile-menu .menu-button{
    display: none;
}

.mob-menu-contacts{
    padding: 25px;
    color: #fff;
}
.mob-menu-contacts .element{
    margin-bottom: 10px;
}
.mob-menu-contacts .element-schedule br + span{
    margin-top: 10px;
}

@media (max-width: 991px) {
    .mobile-menu.open {
        right: 0;
    }
    .mobile-menu.open + .overlay {
        z-index: 500;
        opacity: 1;
    }
}

@media (max-width: 991px){
   .mobile-menu {
        overflow-y: scroll;
    }
}

@media (max-width: 440px) {
    .mobile-menu{
        width: 100%;
    }
    .mobile-menu-close {
        top: 26px;
        right: 10px;
    }
    .mobile-menu .menu-button{
        display: block;
        position: absolute;
    }
}

.navigator-buttons{
    padding: 0 20px;
}
.navigator-buttons a{
    display: inline-block;
    margin-right: 8px;
    border-radius: 5px;
    overflow: hidden;
}
.navigator-buttons a:last-of-type{
    margin-right: 0;
}
/* /. MOBILE MENU */


/* HEADER */
.header-wrapper{
    height: 100%;
    background-color: #232220;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.header-video-wrapper{
    height: 100%;
    overflow: hidden;
}
.header-wrapper .bgvideo {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.header-wrapper .video-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(29,29,29,0.5);
}
.video-img-wrap{
    width: 100%;
    height: 100%;
}
.video-img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header-top{
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 500;
    background: transparent;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

.index-template .header-top{
    background: #0B503C;
}
.header-top-inner{
    height: 120px;
    padding: 0 200px 0 165px;
    transition: all 200ms ease-out;
}
.header-top.active .header-top-inner{
    height: 80px;
}
.logo{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.logo img{
    transition: all 200ms ease-out;
    height: 87px;
}
.header-top.active .logo img{
    height: 55px;
}
.header-phone{
    position: absolute;
    right: -15px;
    top: 0;
    height: 100%;
    padding: 0 15px;
}
.header-phone a{
    font-weight: bold;
    font-size: 22px;
    color: #fff;
}
.header-phone a:hover{
    color: #B59652;
}
.header-address{
    color: #fff;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
}
.top-menu-wrapper{
    height: 100%;
    text-align: center;
    font-family: 'Oswald', sans-serif;
}
.top-menu > ul > li{
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 35px; 
    position: relative;
}
.top-menu > ul > li:first-of-type{
    padding-left: 0;
}
.top-menu > ul > li:last-of-type{
    padding-right: 0;
}
.top-menu > ul > li > a{
    color: #fff;
    position: relative;
}
.top-menu > ul > li > a:after{
    content: "";
    width: 100%;
    height: 3px;
    background: #B59652;
    position: absolute;
    left: 0;
    bottom: -10px;
    display: none;
}
.top-menu > ul > li.active > a,
.top-menu > ul > li > a:hover{
    color: #B59652;
}
.top-menu > ul > li.active > a:after{
    display: block;
}
.top-menu > ul > li > ul{
    
}

.top-menu > ul > li > ul{
    position: absolute;
    top: 24px;
    left: -20px;
    width: 260px;
    padding-top: 51px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    text-align: left;
}
.header-top.active .top-menu > ul > li > ul{
    padding-top: 31px;
}
.top-menu > ul > li:hover > ul{
    visibility: visible;
    opacity: 1;
}
.top-menu > ul > li > ul > div{
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.top-menu > ul > li > ul > div > li{
    background: #fff;
    padding: 0 20px;
}
.top-menu > ul > li > ul > div > li > a{
    display: inline-block;
    margin-bottom: 10px;
    color: #2C2C2C;
    font-weight: normal;
}
.top-menu > ul > li > ul > div > li.active > a,
.top-menu > ul > li > ul > div > li > a:hover{
    color: #B59652;
}
.top-menu > ul > li > ul > div > li:first-of-type{
    padding-top: 20px;
}
.top-menu > ul > li > ul > div > li:last-of-type{
    padding-bottom: 10px;
}

.header-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 100%;
}
.header-content .slogan{
    padding-top: 20px;
    margin-bottom: 60px;
}
.header-content .slogan > div{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 120px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.header-content .slogan > span{
    color: #B59652;
    font-size: 70px;
    line-height: 1;
    position: relative;
    z-index: 5;
    display: block;
    margin-bottom: 10px;
}
.header-buttons .btn{
    width: 238px;
    height: 60px;
    white-space: nowrap;
} 
.header-buttons .btn[href="#bookingtable"]{
    margin-right: 40px
}
.header-buttons .btn.btn-transparent{
    color: #fff;
}
.header-buttons .btn.btn-transparent span{
    display: inline-block;
    border: 11px solid transparent;
    border-left: 14px solid #B59652;
    vertical-align: middle;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.header-buttons .btn.btn-transparent:hover span{
    border-left-color: #fff;
}
@media (max-width: 1349px) {
    .header-top-inner{
        padding: 0 182px;
    }
    .top-menu > ul > li{
        padding: 0 20px; 
        font-size: 15px;
    }
    .header-phone a{
        font-size: 20px;
    }
    .header-content .slogan > div{
        font-size: 90px;
    }
    .header-content .slogan > span{
        font-size: 70px;
    }
    .top-menu-wrapper{
        padding: 0 30px;
    }
    
}
@media(max-width: 1199px){
    .top-menu-wrapper{
        text-align: left;
    }
    .top-menu > ul > li{
        padding: 0 15px;
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .header-top{
        background: #0B503C;
    }
    .header-top-inner{
        height: 80px;
        padding: 0;
    }
    .logo img{
        height: 55px;
    }
    .header-video-wrapper{
        display: none;
    }
    .header-phone{
        right: 45px;
    }
    .header-content .slogan > div{
        font-size: 80px;
    }
    .header-content .slogan > span{
        font-size: 60px;
    }
    .header-top.active .header-phone{
        background-color: transparent;
    }
    .header-top.active .header-address{
        color: #fff;
    }
    .header-top.active{
        background: #0B503C;
    }
}

@media (max-width: 767px){
    .header-wrapper{
        height: auto;
    }
    .header-content{
        position: relative;
        padding: 130px 0 65px;
    }
    .header-content:after{
        content:"";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.5);
    }
    .header-content .container{
        position: relative;
        z-index: 10;
    }
    .header-phone a {
        font-size: 16px;
    }
    .header-content .slogan {
        padding-top: 30px;
        margin-bottom: 40px;
    }
    .header-content .slogan > span{
        font-size: 40px;
    }
    .header-content .slogan > div {
        font-size: 36px;
        letter-spacing: 2px;
        line-height: 1.4;
    }
    .header-buttons .btn[href="#bookingtable"] {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
        display: block;
    }
}

@media(max-width: 399px){
    .header-phone a{
        font-size: 12px;
    }
}

#loading_cover{
    z-index: 2000;
    width: 100%;
    background: #FFFFFF;
    position: fixed;
    -webkit-transform-origin: right;
    -webkit-transform: scale(1,1);
    transform-origin: right;
    transform: scale(1,1);
    top: 0;
    height: 100%;
    -webkit-transition: transform 1000ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: transform 1000ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
#loading_cover.loaded {
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
/* /. HEADER */



/* INDEX ABOUT SECTION */
.index-about-section{
    background: url(../images/bg1.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 130px 0;
    background-attachment: fixed;
}
.ie .index-about-section{
    background-attachment: scroll;
}
.index-about-section h1{
    font-size: 60px;
    line-height: 1.1;
    margin-bottom: 40px;
    letter-spacing: 15px;
    color: #0B503C;
}
.index-about-section h1 span{
    color: #B59652;
    display: block;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0;
}
.index-about-section .text{
    margin-bottom: 60px;
    line-height: 2;
}
.index-about-section .img-wrapper{
    text-align: right;
    padding-left: 30px;
    position: absolute;
    z-index: 1;
    top: 10%;
    right: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}

@media (max-width: 1349px) {
    .index-about-section h1 {
        font-size: 50px;
        letter-spacing: 6px;
    }
    .index-about-section h1 span{
        letter-spacing: 0;
        font-size: 80%;
        margin-bottom: 10px;
    }
}
@media (max-width: 991px){
    .index-about-section{
        padding: 100px 0;
    }
}
@media (max-width: 767px){
    .index-about-section{
        padding: 60px 0;
    }
    .index-about-section h1 {
        font-size: 30px;
        letter-spacing: 4px;
    }
    .index-about-section h1 span{
        letter-spacing: 0;
    }
    .index-about-section .text{
        margin-bottom: 40px;
    }
}
/* /. INDEX ABOUT SECTION */




/* BOOKING SECTION */

.booking-section{
    padding: 115px 0 70px;
    background: url(../images/pattern.webp) 0 0 repeat;
}
.booking-section .inner{
    padding-top: 90px;
    min-height: 630px;
    position: relative;
}
.booking-section-img{
    position: absolute;
    width: 770px;
    height: 535px;
    top: 0;
    left: 0;
}
.booking-section-img .element-img{
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}
.booking-section-img .cover{
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    background: #fff;
    -webkit-transition: all 600ms ease-out;
    -moz-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
}
.booking-section-img .cover.active{
    left: 0;
}
.booking-section-img img{
    position: absolute;
    bottom: -100px;
    left: -100px;
    z-index: 10;
}
.booking-section .booking-block{
    background: url(../images/bg2.jpg);
    padding: 120px 80px;
    position: relative;
    color: #fff;
}
@media (min-width: 1180px) {
    .booking-section .booking-block{
        position: absolute;
        right: 0;
    }
}
@media (max-width: 1179px) {
    .booking-section .booking-block{
        top: 0 !important;
    }
}
.booking-section .booking-block:before{
    content: "";
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 25px;
    right: 25px;
    border: 1px solid rgba(255,255,255,0.4);
}
.booking-section .booking-block .title{
    font-size: 80px;
    line-height: 0.8;
    margin-bottom: 25px
}
.booking-section .booking-block .sub-title{
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    font-size: 15px;
}
.booking-section .block-phone a{
    font-family: 'Oswald', sans-serif;
    font-size: 45px;
    font-weight: bold;
    color: #fff;
}
.booking-section .booking-block-content{
    position: relative;
    z-index: 10;
}
.booking-section .booking-block-content .btn:hover{
    color: #fff;
    border-color: #fff;
}
@media (max-width: 1520px) {
    .booking-section-img img{
        display: none;
    }
}
@media (max-width: 1349px) {
    .booking-section .booking-block .title {
        font-size: 60px;
    }
}
@media (max-width: 1249px) {
    .booking-section .booking-block .title {
        font-size: 60px;
    }
    .booking-section .booking-block {
        padding: 120px 50px;
    }
}
@media (max-width: 991px) {
    .booking-section-img{
        display: none;
    }
    .booking-section .inner{
        padding-top: 0;
        min-height: inherit;
    }
    .booking-section{
        padding-bottom: 50px;
    }
}
@media (max-width: 767px) {
    .booking-section{
        padding: 80px 0 30px;
    }
    .booking-section .booking-block .title {
        font-size: 40px;
    }
    .booking-section .booking-block {
        padding: 80px 25px;
    }
    .booking-section .block-phone a {
        font-size: 30px;
    }
    .booking-section .booking-block:before {
        top: 15px;
        bottom: 15px;
        left: 15px;
        right: 15px;
    }
}
/* /. BOOKING SECTION */



/* INDEX GALLERY SECTION */
.gallery-section{
    padding: 60px 0 80px;
}
.gallery-section .gallery-inner{
    margin-bottom: 60px;
}
.gallery-section .title{
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    color: #0B503C;
    font-weight: bold;
    margin-bottom: 50px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.gallery-section .element a{
    position: relative;
    display: block;
    z-index: 10;
}
.gallery-section .element a:after{
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border: 1px solid rgba(255,255,255,0.8);
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
}
.gallery-section .element:hover a:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}
.gallery-section .element img{
    width: 100%;
}
.more{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
    padding: 0 55px;
}
.more:before,
.more:after{
    content: "";
    width: 35px;
    height: 1px;
    position: absolute;
    top: 50%;
    background: #B59652;
}
.more:before{
    left: 0;
}
.more:after{
    right: 0;
}

@media (max-width: 767px) {
    .gallery-section {
        padding: 60px 0;
    }
    .gallery-section .title {
        font-size: 40px;
        margin-bottom: 40px;
        letter-spacing: 1px;
    }
}

/* /.INDEX GALLERY SECTION */



/* INDEX MENU SECTION */
.index-menu-section{
    background: url(../images/bg3.jpg) 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.ie .index-menu-section{
    background-attachment: scroll;
}
.index-menu-section .inner{
    padding: 100px 0 80px;
}
.index-menu-section-img{
    position: absolute;
    right: -100px;
    bottom: -80px;
}
.menu-gallery-block{
    padding-right: 110px;
}
.menu-gallery-block .element{
    margin-bottom: 20px;
}
.menu-gallery-block .element img{
    width: 100%;
}
.menu-gallery-block .element a:after{
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border: 1px solid rgba(255,255,255,0.8);
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
}
.menu-gallery-block .element:hover a:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}

.menu-gallery-block > .row > div:nth-of-type(2) .element{
    -webkit-animation-delay: 400ms;
    -moz-animation-delay: 400ms;
    animation-delay: 400ms;
}
.menu-gallery-block > .row > div:nth-of-type(4) .element{
    -webkit-animation-delay: 800ms;
    -moz-animation-delay: 800ms;
    animation-delay: 800ms;
}
.menu-gallery-block > .row > div:nth-of-type(3) .element{
    -webkit-animation-delay: 1200ms;
    -moz-animation-delay: 1200ms;
    animation-delay: 1200ms;
}

.index-menu-section .content-block{
    padding-top: 60px;
}
.index-menu-section .title{
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    color: #0B503C;
    line-height: 1.1;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 40px;
    letter-spacing: 8px;
}
.index-menu-section .title span{
    font-size: 80%;
    margin-bottom: 10px;
    color: #B59652;
    text-transform: none;
    font-weight: normal;
    display: block;
    letter-spacing: 0;
}
.index-menu-section .text{
    margin-bottom: 60px;
    line-height: 2;
}

@media (max-width: 1520px) {
    .index-menu-section-img{
        right: 0;
    }
}
@media (max-width: 1349px) {
    .menu-gallery-block{
        padding-right: 80px;
    }
    .index-menu-section .title {
        font-size: 50px;
        letter-spacing: 6px;
    }
    .index-menu-section .sup-title{
        letter-spacing: 0;
    }
}
@media (max-width: 1160px) {
    .index-menu-section .content-block {
        padding-top: 0;
    }
}
@media (max-width: 991px) {
    .index-menu-section .inner {
        padding: 80px 0 70px;
    }
    .index-menu-section .content-block {
        margin-bottom: 70px;
    }
    .menu-gallery-block {
        padding-right: 0;
    }
}
@media (max-width: 767px){
    .index-menu-section .inner{
        padding: 60px 0;
    }
    .index-menu-section .title {
        font-size: 30px;
        letter-spacing: 4px;
    }
    .index-menu-section .sup-title{
        letter-spacing: 0;
    }
    .index-menu-section .text{
        margin-bottom: 40px;
    }
}
/* /. INDEX MENU SECTION */



/* NEWS SECTION */
.news-section{
    background: url(../images/bg4.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 120px 0 100px;
}
.news-section .title{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    font-size: 60px;
    letter-spacing: 6px;
    margin-bottom: 50px;
}
.news-list .element{
    margin-bottom: 20px;
}
.element-date{
    
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
}
.news-carousel .element-date{
    color: #fff;
}
.element-date span{
    color: #B59652;
    font-size: 60px;
    margin-right: 10px;
    position: relative;
    bottom: -20px;
    z-index: 10;
}
.news-list .img-wrapper{
    margin-bottom: 15px;
}
.news-carousel .img-wrapper{
    cursor: move;
}
.news-list .img-wrapper a{
    display: block;
    position: relative;
}
.news-list .img-wrapper img{
    width: 100%;
}
.news-list .element-title{
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    line-height: 1.6;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.news-list .element-title a:hover{
    color: #fff;
}
.news-list .img-wrapper a:after{
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border: 1px solid rgba(255,255,255,0.8);
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
}
.news-list .img-wrapper a:hover:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
}
.news-carousel > div{
    display: none;
}
.news-carousel > div:first-of-type{
    display: block;
}
.news-carousel.slick-slider > div{
    display: block;
}
.news-list > hr:nth-of-type(2n){
    clear: both;
}

.news-page-columns{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.news-page-columns .img-wrapper{
    width: 40%;
    padding-right: 15px;
}
.news-page-columns .content{
    width: 100%;
}
.news-page-columns .img-wrapper + .content{
    width: 60%;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .news-list > hr:nth-of-type(2n){
        clear: none;
    }
    .news-list > hr:nth-of-type(3n){
        clear: both;
    }
}
@media (min-width: 1350px) {
    .news-list > hr:nth-of-type(3n){
        clear: none;
    }
    .news-list > hr:nth-of-type(4n){
        clear: both;
    }
}
@media (max-width: 991px) {
    .news-section{
        padding: 80px 0 60px;
    }
}
@media (max-width: 767px){
    .news-section .title {
        font-size: 40px;
        margin-bottom: 40px;
        letter-spacing: 1px;
    }
    
    
    .news-page-columns .img-wrapper{
        width: 100%;
        padding-right: 0;
        order: 2;
    }
    
    .news-page-columns .img-wrapper + .content{
        width: 100%;
        padding-left: 0;
        margin-bottom: 30px;
        order: 1;
    }
}

/* /. NEWS SECTION */



/* FOOTER */

.footer-top{
    padding: 40px 0 19px;
    border-bottom: 1px solid #cec3a9;
}
.footer-top .element{
    position: relative;
    padding-left: 78px;
    margin-bottom: 20px;
}
.footer-top .element img{
    position: absolute;
    top: 0;
    left: 0;
}
.footer-top .element-title{
    font-family: 'Oswald', sans-serif;
    height: 48px;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 1px;
}

.footer-middle{
    padding: 35px 0 20px;
    border-bottom: 1px solid #cec3a9;
}
.footer-contacts .element{
    display: inline-block;
    margin-right: 30px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 2px;
    padding: 10px 0 20px;
}
.footer-contacts > div:last-of-type{
    margin-right: 0;
}
.footer-contacts .element span{
    font-size: 13px;
    font-weight: 300;
    margin-right: 2px;
}
.footer-contacts a{
    color: #2C2C2C;
}
.footer-contacts a:hover{
    color: #B59652;
}
.footer-bottom{
    padding: 38px 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.development{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    text-align: left;
    width: 226px;
}
.development .item-icon{
    width: 32px;
    height: 35px;
    line-height: 1;
    overflow: hidden;
}
.development .item-text{
    padding-left: 12px;
    width: calc(100% - 32px);
    line-height: 1.4;
    font-size: 90%;
}
.development a{
    color: #7a7a7a;
}
.development a:hover{
    color: #E90033;
}
.footer-menu-wrapper{
    width: calc(100% - 226px);
    padding-right: 30px;
}
.footer-menu li{
    display: inline-block;
    margin-right: 50px;
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footer-menu li:last-of-type{
    margin-right: 0;
}
.footer-menu a{
    color: #2C2C2C;
}
.footer-menu a:hover{
    color:  #B59652;
}

.copyright{
    font-size: 80%;
    margin-bottom: 30px;
}

@media (max-width: 1349px) {
    .footer-top .element-title{
        font-size: 15px;
    }
    .footer-contacts .element{
        display: block;
        margin-right: 0;
        padding-top: 5px;
        margin-bottom: 15px;
    }
    .footer-menu li{
        margin-right: 40px;
    }
}
@media (max-width: 991px) {
    .footer-bottom{
        padding: 38px 0;
        display: block;
    }
    .footer-menu-wrapper{
        width: 100%;
        padding-right: 0;
    }
    .development{
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .footer-contacts{
        margin-bottom: 40px;
    }
    .footer-menu li{
        display: block;
        margin-right: 0;
    }
    .footer-menu li + li{
        margin-top: 10px;
    }
    .footer-contacts .element{
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    .footer-contacts .element span{
        display: block;
        margin-bottom: 5px;
    }
    .footer-top {
        padding: 28px 0 12px;
    }
    .footer-middle{
        padding: 32px 0 22px;
    }
    .footer-bottom {
        padding: 28px 0;
    }
}

/* /. FOOTER */

/* BASE TEMPLATE */
.base-template .header-wrapper{
    height: auto;
    background: #fff;
    margin-bottom: 70px;
}
.base-template .header-content{
    height: 312px;
    position: static;
    background: url(../images/poster.jpg) 50% 50% no-repeat;
    background-size: cover;
}
.base-template .header-top-push{
    height: 80px;
}
.content{
    margin-bottom: 40px;
}
.main-section{
    padding-bottom: 40px;
}

@media (min-width: 992px){
    .base-template .header-top{
        background: #0B503C;
    }
    .base-template .top-menu > ul > li > a {
        color: #fff;
    }
    .base-template .top-menu > ul > li > a:hover,
    .base-template .top-menu > ul > li.active > a{
        color: #B59652;
    }
    .base-template .header-top-push{
        height: 120px;
    }
    .base-template .header-phone a {
        color: #fff;
    }
    .base-template .header-phone a:hover {
        color: #B59652;
    }
}
@media (max-width: 767px){
    .base-template .header-content {
        padding: 100px 0;
        height: auto;
    }
    .base-template .header-wrapper{
        margin-bottom: 50px;
    }
    .content{
        margin-bottom: 30px;
    }
    .main-section{
        padding-bottom: 30px;
    }
}

/* /. BASE TEMPLATE */


/* CONTACTS PAGE */
.contacts-section{
    padding-bottom: 50px;
}
.contacts-section .section-content .inner{
    border-bottom: 1px solid #E6E5E2;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    padding-right: 220px;
    min-height: 370px;
}
.contacts-section .section-content .inner > .qr{
    position: absolute;
    bottom: 40px;
    right: 0;
}
.contacts-section .section-content .element{
    margin-bottom: 21px;
}
.contacts-section .section-content .element-title{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 5px;
}
.contacts-section .section-content .element-text{
    font-size: 18px;
    font-style: italic;
    font-weight: 500;
}
.contacts-section .section-content .element-text span{
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
}


.tur-link{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
}
.tur-link img{
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}
@media (min-width: 992px){
    .contacts-section .section-content{
        padding-right: 40px;
    }
}
@media (max-width: 991px) {
    .contacts-section .section-content{
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .contacts-section .section-content .inner > .qr{
        position: static;
        margin-bottom: 40px;
    }
    .contacts-section .section-content .inner{
        padding-right: 0;
    }
}
/* /. CONTACTS PAGE */


/* TABS */
.box{
    display: none;
}
.box.visible{
    display: block;
}
ul.tabs {
    width: 100%;
    border-bottom: 1px solid #C3C3C3;
    padding: 0;
}

ul.tabs li{
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    border: 1px solid transparent;
    border-bottom: none;    
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    color: #333333;
    background: #fff;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    position: relative;
    padding: 10px 35px;
    letter-spacing: 1px;
}
ul.tabs li.current,
ul.tabs li.current:hover{
    border-color: #C3C3C3;
    background: #fff;
    color: #333333;
}
ul.tabs li:hover{
    background: #F6F6F6;
    border-color: #F6F6F6;        
}
ul.tabs li.current:after{
    content:"";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background: #fff;
}
.mobile-tab-header{
    display: none;
}
@media (max-width: 767px){
    .mobile-tab-header{
        font-family: 'Oswald', sans-serif;
        padding: 14px 40px 14px 14px;
        color: #B59652;
        background: #22211F;
        width: 100%;
        position: relative;
        display: block;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
    }
    ul.tabs {
        position: relative;
        display: none;
        border: none;
    }
    .mobile-tab-header:after{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 24px;
        width: 12px;
        height: 12px;
        border-bottom: 2px solid #B59652;
        border-right: 2px solid #B59652;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }
    .mobile-tab-header.active:after {
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        margin-top: -4px;
    }
    ul.tabs li {
        padding: 17px 15px;
        width: 100%;
        border: 1px solid #E9E9E9;
        border-top: none;
        display: block;
        height: auto;
        text-align: left;
        text-transform: none;
        font-size: 15px;
    }
    ul.tabs li.current{
        display: none;
    } 
    .mobile-tab-header.active + ul.tabs{
        display: block;
    }
}
@media (min-width: 768px){
    .tabs.mobile{
        display: block !important;
    }
}
/* /. TABS */

/* GALLERY LIST */
.gallery-list .element{
    margin-bottom: 20px;
    border: 1px solid #B59652;
    overflow: hidden;
    height: 300px;
}
.gallery-list .element .inner{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    color: #fff;
    opacity: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    padding: 30px;
}
.gallery-list .element .element-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    bottom: 3px;
    right: 3px;
}
.gallery-list .element:hover .inner{
    opacity: 1;
}
.gallery-list .element .title {
    font-size: 26px;
    line-height: 1.4;
}
@media (max-width: 1349px) {
    .gallery-list .element{
        height: 240px;
    }
    .gallery-list .element .title {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .gallery-list .element{
        height: 34vw;
    }
}
@media (max-width: 767px) {
    .gallery-list .element{
        height: 60vw;
    }
}
/* /. GALLERY LIST */


/* VIDEO LIST */
.video-list .element{
    margin-bottom: 40px;
}
.video-list .element .inner{
    height: 300px;
    overflow: hidden;
    border: 1px solid #B59652;
    margin-bottom: 10px;
}
.video-list .element .element-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    bottom: 3px;
    right: 3px;
}
.video-list .element .title {
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.video-link span{
    display: block;
    position: absolute;
    right: 50%;
    top: 50%;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    margin-right: -40px;
    z-index: 10;
    background: rgba(255,255,255,0.6);
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.video-link span:after {
    content: "";
    display: inline-block;
    border-left: 26px solid rgba(236,0,0,0.6);
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -9px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.video-link:hover span{
    background: rgba(255,255,255,1);
}
.video-link:hover span:after{
    border-left-color: rgba(236,0,0,1);
}

@media (max-width: 1349px) {
    .video-list .element .inner{
        height: 240px;
    }
}
@media (max-width: 991px) {
    .video-list .element .inner{
        height: 34vw;
    }
}
@media (max-width: 767px) {
    .video-list .element .inner{
        height: 60vw;
    }
}

.video-list > hr:nth-of-type(2n){
    clear: both;
}
@media (min-width: 992px){
    .video-list > hr:nth-of-type(2n){
        clear: none;
    }
    .video-list > hr:nth-of-type(3n){
        clear: both;
    }
}
/* /. VIDEO LIST */

.for-time-box{
    display: none;
    margin-top: -15px;
    margin-bottom: 20px;
}
.ui-datepicker{
    border-radius: 0 !important;
    font-size: 14px;
}
.ui-datepicker .ui-datepicker-header{
    border-radius: 0;
    border: none;
}
.ui-icon-circle-triangle-e {
  background-position: -34px 0;
}
.ui-icon-circle-triangle-w {
  background-position: -98px 0;
}
.ui-timepicker-standard{
    z-index: 1000000 !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
    border-radius: 0;
}
.ui-timepicker-standard a{
    padding: 0px !important;
    font-size: 12px;
}
.ui-datepicker th {
    background: #fff;
    color: #000;
}



/* FIXED SOCIAL */
.fixed-social{
    position: fixed;
    top: 50%;
    right: 15px;
    margin-top: -84px;
    z-index: 500;
}
.fixed-social a{
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #FFC20A;
    line-height: 50px;
    font-size: 18px;
    margin: 0 0 8px 0;
    opacity: 0.8;
}
.fixed-social a svg{
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    fill:#fff;
}
.fixed-social a.vk{
    background: #5176A7;
    color: #fff;
    border-color: #5176A7;
}
.fixed-social a.ok{
    background: #EE811C;
    color: #fff;
    border-color: #EE811C;
}
.fixed-social a.ok svg{
    width: 16px;
}
.fixed-social a.inst{
    background: #bc2a8d;
    color: #fff;
    border-color: #bc2a8d;
}
.fixed-social a.tg{
    background: #1E96D3;
    color: #fff;
    border-color: #1E96D3;
}
.fixed-social a.max{
    background: linear-gradient(45deg, #3593FC 0%, #275AF2 25%, #4F34E2 50%, #7933DD 75%, #9C44DC 100%);
}
.fixed-social a.whatsapp_btn{
    background: #2CC54E;
    color: #fff;
    border-color: #2CC54E;
}
.fixed-social a:hover{
    opacity: 1;
}

@media(max-width: 767px){
    .fixed-social{
        top: auto;
        bottom: 0;
        right: 0;
        left: 0;
        margin-top: 0;
        text-align: center;
        padding: 10px;
        background: #22211f;
    }
    .fixed-social a{
        display: inline-block;
        margin: 0 4px 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        opacity: 1;
    }
    .footer-wrapper{
        padding-bottom: 60px;
    }
}
/* /. FIXED SOCIAL */


/* ASIDE MENU */
.aside-menu-title{
    font-family: 'Oswald', sans-serif;
    color: #B59652;
    font-size: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
}
.aside-menu a{
    font-size: 18px;
    padding: 10px 0;
    display: inline-block;
    color: #2C2C2C;
    line-height: 1.4;
}
.aside-menu .active a,
.aside-menu a:hover{
    color: #B59652;
}
@media (max-width: 991px){
    .aside-menu-title {
        padding: 14px 40px 14px 14px;
        color: #B59652;
        background: #22211F;
        width: 100%;
        position: relative;
        display: block;
        font-size: 16px;
    }
    .aside-menu-title:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        right: 24px;
        width: 12px;
        height: 12px;
        border-bottom: 2px solid #B59652;
        border-right: 2px solid #B59652;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
    }
    .aside-menu-title.active:after {
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        margin-top: -4px;
    }
    .aside-menu-title + ul{
        margin-bottom: 40px;
        padding: 15px 25px;
        box-shadow: 0 0 0 1px #ccc;
        display: none;
    }
    .aside-menu-title.active + ul{
        display: block;
    }
}
@media (min-width: 992px){
    .aside-menu-title{
        line-height: 1;
    }
    .aside-menu-title + ul{
        display: block !important;
    }
}
/* /. ASIDE MENU */


/* RESTAURANT MENU */
.restaurant-menu .element{
    margin-bottom: 30px;
}
.restaurant-menu .element img{
    width: 100%;
}

@media (min-width: 992px){
    .restaurant-menu{
        padding-left: 50px;
    }
}

.resaraunt-menu-file{
    position: relative;
    padding: 15px 0 15px 30px;
}
.resaraunt-menu-file a{
    text-transform: uppercase;
    border-bottom: 1px dashed #a80b0e;
    color: #a80b0e;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
}
.resaraunt-menu-file a:hover{
    border-color: transparent;
}
.resaraunt-menu-file svg{
    width: 20px;
    height: 27px;
    color: #a80b0e;
    position:absolute;
    left: 0;
    top: 15px;
}
@media (max-width: 1349px) {
    .resaraunt-menu-file a{
        font-size: 14px;
    }
}
/* /. RESTAURANT MENU */


/* FEAUTERS */
.feauters{
    padding: 20px 0;
}
.feauters .element{
    background: #F7F7F7;
    height: 400px;
    border-right: 1px solid #fff;
    margin-bottom: 1px;
    padding: 20px;
}
.feauters > .row > div:last-of-type .element{
    border-right: none;
}
.feauters .element .img-wrapper{
    margin-bottom: 20px;
}
.feauters .element .title{
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 20px;
}
.feauters .element .element-text{
    font-size: 15px;
    line-height: 1.6;
    height: 72px;
}

@media (max-width: 991px) {
    .feauters .element{
        height: 360px;
    }
}
@media (max-width: 767px) {
    .feauters .element{
        height: 320px;
        border: none;
    }
    .feauters .element .title{
        font-size: 12px;
    }
}
/* /. FEAUTERS */

.instagram-template .instagram-header{
    padding-top: 120px;
}
.instagram-template .header-top{
    background: #22211F;
}
.instagram-template .header-content{
    display: none;
}
.instagram-section{
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    padding: 10px 0;
}
.instagram-section .title{
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.instagram-section svg{
    margin-right: 20px;
}
@media (max-width: 991px){
    .instagram-template .instagram-header{
        padding-top: 80px;
    }
    .instagram-template .header-video-wrapper{
        display: block;
    }
}




/* ======= CATALOG ======= */
.catalog > .row{
    display: flex;
    flex-wrap: wrap;
}
.catalog > .row > div{
    margin-bottom: 20px;
}
.catalog .element{
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
    height: 100%;
}
.catalog .element form{
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.catalog .element .img-wrapper img{
    width: 100%;
}
.catalog .element .element-content{
    padding: 20px 20px 80px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.catalog .element .element-content-top{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.catalog .element .title{
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 1.4;
}
.catalog .element .introtext{
    font-size: 13px;
    line-height: 1.7;
    color: #595959;
    margin-bottom: 5px;
}
.catalog .element .product-weight{
    margin: 10px 0 0;
    line-height: 1;
    font-size: 20px;
    color: #B59652;
}
.catalog .element .old-price{
    margin-right: 10px;
}

.catalog .element .btn{
    margin-bottom: 0;
    position: absolute;
    z-index: 20;
    padding: 10px;
    left: 20px;
    right: 20px;
    bottom: 20px;
}
.catalog .element:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.catalog .element:hover .title{
    color: #B59652;
}
.stickers{
    position: absolute;
    top: 17px;
    left: 22px;
    z-index: 10;
    cursor: default;
}
.sticker-element{
    color: #fff;
    padding: 8px 8px 6px 10px;
    line-height: 1;
    margin-bottom: 5px;
    display: inline-block;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    position: relative;
    margin-right: 10px;
    height: 22px;
}
.sticker-element:after{
    content:"";
    display: block;
    position: absolute;
    top: 0;
    right: -8px;
    border-left: 8px solid;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
}
.sticker-element.action{
    background: #DC1A37;
}
.sticker-element.novelty{
    background: #65B300;
}
.sticker-element.hit{
    background: #F08026;
}
.sticker-element.action:after{
    border-left-color: #DC1A37;
}
.sticker-element.novelty:after{
    border-left-color: #65B300;
}
.sticker-element.hit:after{
    border-left-color: #F08026;
}

.aside-info{
    margin: 30px 0;
    background: rgba(181,150,82,.1);
    padding: 20px 20px 10px;
}
.aside-info-item{
    line-height: 1.5;
    margin-bottom: 10px;
}
.aside-info-item strong{
    display: block;
    font-size: 20px;
}
/* ======= /. CATALOG ======= */


.header-cart {
    position: fixed;
    top: 150px;
    right: 0;
    padding: 20px 10px 10px;
    z-index: 500;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border-radius: 5px 0 0 5px;
    font-size: 13px;
    color: #000;
    text-align: center;
}
.header-cart-icon{
    display: inline-block;
    position: relative;
    bottom: -1px;
}
.header-cart svg{
    width: 18px;
}
.header-cart .ms2_total_count {
    top: -7px;
    right: -9px;
    background: #b59652;
    color: #fff;
    position: absolute;
    font-size: 11px;
    line-height: 11px;
    text-align: center;
    padding: 2px 4px;
    border-radius: 10px;
    min-width: 15px;
}
#msMiniCart.header-cart .not_empty { 
    display: none; 
}
#msMiniCart.header-cart.full .empty{ 
    display: none; 
}
#msMiniCart.header-cart.full .not_empty{ 
    display: block;
}
.header-cart > div{
    align-items: center;
}
.header-cart .cart-text{
    white-space: nowrap;
    margin-left: 5px;
    display: block;
    font-size: 12px;
    color: #858a93;
}
.header-cart .not_empty:hover .cart-text{
    text-decoration: underline;
}
@media(max-width:991px){
    .header-cart{
        top: 100px;
    }
}

/****** cart page*/
.cart-section .cart-item{
    border: 1px solid #E5E5E5;
    padding: 20px 40px 20px 20px;
    margin-bottom: 30px;
}
.cart-section .cart-item-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
}
.cart-section .remove{
    position: absolute;
    right: -25px;
    top: -5px;
    z-index: 20;
}
.cart-section .remove button{
    cursor: pointer;
    color: red;
    padding: 0;
    border: 0;
    background: transparent;
}
.cart-section .remove svg{
    width: 20px;
    height: 20px;
    transition: all 200ms ease-out;
}
.cart-section .remove:hover svg{
    transform: rotate(180deg);
}
.cart-section .left-part{
    width: 105px;
    align-self: flex-start;
}
.cart-section .left-part a{
    display: block;
}
.cart-section .left-part a:hover{
    opacity:0.8;
}
.cart-section .right-part{
    width: 340px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart-section .center-part{
    width: calc(100% - 445px);
    padding: 0 30px;
}

.cart-section .item-counter-inner{
    border: 1px solid #e1e0e0;
    width: 100px;
    max-width: 100%;
    height: 44px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 20px;
}
.cart-section .item-counter-inner .input-number{
    display: inline-block;
    height: 22px;
    width: 22px;
    padding: 0;
    text-align: center;
    font-size: 16px;
    line-height:16px;
    background: transparent;
    border: none;
    margin: 0;
    font-weight: bold;
}
.cart-section .item-counter-inner button {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    background: transparent;
    transition: all 200ms ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-section .count-input-wrapper{
    position: relative;
    display: inline-block;
}
.cart-section .count-input-wrapper:before{
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.cart-section .technikal-btn{
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
    position: absolute;
}
.cart-section .item-price-title,
.cart-section .item-cost-title{
    font-weight: 500;
    color: #747474;
}
.cart-section .item-cost .ms2_cost,
.cart-section .item-price .price{
    font-size: 18px;
}

.cart-section .item-product-information-title a{
    color: #000;
    font-size: 16px;
}
.cart-section .item-product-information-title a:hover{
    text-decoration: underline;
}

.cart-section .cart-total{
    font-size: 24px;
    margin-bottom: 20px;
}

@media(max-width:991px){
    .cart-section .center-part{
        padding: 0 20px;
        width: calc(100% - 425px);
    }
    .item-product-information-title a{
        font-size: 13px;
    }
    .cart-section .cart-item {
        padding: 15px 30px 15px 15px;
        margin-bottom: 20px;
    }
    .cart-section .remove{
        top: -10px;
    }
    .cart-section .item-cost .ms2_cost, 
    .cart-section .item-price .price{
        font-size: 15px;
    }
    .cart-section .item-counter-inner{
        height: 38px;
        margin: 0 10px;
    }
    .cart-section .right-part{
        width: 320px;
    }
}
@media(max-width:767px){
    .cart-section .cart-item{
        padding: 20px 15px 20px 15px;
    }
    .cart-section .right-part{
        width: 320px;
        margin-top: 20px;
        max-width:100%;
    }
    .cart-section .center-part{
        padding: 0 0 0 15px;
        width: calc(100% - 105px);
    }
    .cart-section .remove {
        top: -17px;
        right: -12px;
    }
    .cart-section .item-product-information-title a {
        font-size: 12px;
        line-height: 1.6;
        display: inline-block;
    }
    .cart-section .item-price-title, 
    .cart-section .item-cost-title{
        font-size: 13px;
    }
    .cart-section .item-counter-inner{
        width: 80px;
    }
    .cart-section .item-counter-inner button{
        width: 24px;
    }
    .cart-section .item-counter-inner .input-number{
        font-size: 14px;
        line-height: 14;
    }
    .cart-section .item-cost .ms2_cost, 
    .cart-section .item-price .price{
        font-size: 13px;
    }
    .cart-section .item-counter-inner button svg{
        width: 12px;
    }
    .cart-section .cart-total{
        font-size: 18px;
    }
}
/****** /. cart page*/

/****** Order Page */
.order-section .order-grid{
    display: grid;
    grid-gap: 50px;
    grid-template-columns: 1fr 1fr;
}
.order-section .input-group-1,
.order-section .input-group-2,
.order-section .input-group-3{
    display: grid;
    grid-column-gap: 20px;
}
.order-section .input-group-1{
    grid-template-columns: 1fr 1fr;
}
.order-section .input-group-2{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.input-group-2 > .col:first-child{
    grid-column-start: 1;
    grid-column-end: 5;
}
.input-group-2 > .col:nth-child(2){
    grid-column-start: 1;
    grid-column-end: 3;
}

.order-section .checkbox label{
    padding-left: 38px;
    position: relative;
    height: 22px;
    line-height: 22px;
    cursor: pointer;
    margin-bottom: 15px;
    display: inline-block;
}
.order-section .checkbox label input{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
.order-section .checkbox label > div{
    position: absolute;
    left: 5px;
    top: 0;
    width: 22px;
    height: 22px;
    display: block;
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.25);
    transition: 300ms all;
    border-radius: 2px;
}
.order-section .checkbox label:hover > div{
    border-color: #B59652;
}
.order-section .checkbox label > div.radio{
    border-radius: 100%;
}
.order-section .checkbox label > div.radio:before{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    content: '';
    display: block;
    background-color: white;
    border-radius: 100px;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}
.order-section .checkbox input:checked + .radio{
    border-color: #b59652;
    background-color: #b59652;
}
.order-section #msOrder .radio{
    min-height: 1px;
}
.order-section .checkbox input:checked + .radio:before{
    opacity: 1;
    transform: scale(0.5);
}
.order-section .checkboxsquare svg {
    width: 100%;
    opacity: 0;
    transform: scale(0);
    transition: 300ms all;
}
.order-section .checkbox input:checked + .checkboxsquare{
    border-color: #B59652;
    background-color: #B59652;
}
.checkbox input:checked + .checkboxsquare svg{
    opacity: 1;
    transform: scale(1);
}
.order-section #msOrder .radio{
    min-height: 1px;
}
.order-section input[type="checkbox"].error + div + span{
    color: red;
}
.order-section .checkbox input:checked.error + div + span{
    color: #444444;
}
.order-section .checkbox p.small{
    padding-left: 38px;
    font-size: 14px;
    color: #444;
}

.order-section #msOrder .form-control.error{
    border: 1px solid #FF1A00 !important;
}

.order-section .button.disabled, 
.order-section .button.disabled:hover, 
.order-section .btn.disabled, 
.order-section .btn.disabled:hover {
    background: #dadada;
    border-color: #dadada;
    color: #1c1c1b;
    cursor: default;
}

.orderbutton-wrapper{
    display: inline-block;
}
.orderbutton-wrapper #orderbutton.disabled + span{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.order-section #agreement_order + label.err{
    color: #FF1A00;
}

.order-section #agreement_order + label a{
    color: #838383;
    text-decoration: underline;
}
.order-section #agreement_order + label a:hover{
    text-decoration: none;
    color: #000;
}
.order-section #agreement_order + label.err a{
    color: #FF1A00;
}
/* ======= /. custom check and radio ======= */
@media(max-width: 991px){
    .order-section .input-group-1 {
        grid-template-columns: 1fr;
    }
    .order-section .input-group-2 {
        grid-template-columns: 1fr 1fr;
    }
    .input-group-2 > .col:first-child,
    .input-group-2 > .col:nth-child(2){
        grid-column-start: 1;
        grid-column-end: 3;
    }
}
@media(max-width:767px){
    .order-section .order-grid {
        grid-gap: 40px;
        grid-template-columns: 1fr;
    }
}

/****** /.Order Page */

.jgrowlHide #jGrowl{
    display: none !important;
}
.isa_success {
    border: 1px solid #b4d4b4;
    background-color: #f2fff2;
    margin: 0 0 10px;
    padding: 15px;
}
.order-number{
    color: #26af32;
}



/* Agreement2 */
.agreement2 {
    position: relative;
    padding-left: 50px;
    line-height: 1.2;
    font-size: 12px;
    margin-bottom: 30px;
}
.agreement2 input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.agreement2 label{
    display: inline;
    position: relative;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}
.agreement2 label:before{
    content: "";
    width: 42px;
    height: 24px;
    border: 1px solid #E5E5E5;
    border-radius: 24px;
    background: #fff;
    display: inline-block;
    position: absolute;
    left: -50px;
    top: -2px;
}
.agreement2 label:after{
    content: "";
    height: 18px;
    width: 18px;
    background: #CCCCCC;
    border-radius: 50%;
    position: absolute;
    left: -46px;
    top: 1px;
    transition: all ease-out 300ms;
}
.agreement2 input:checked+label:after{
    background: #b59652;
    transform: translateX(16px);
}
.agreement2 input.error+label{
    color: red;
}
.agreement2 input.error+label:before{
    border-color: red;
}
.agreement2 a{
    font-size: 14px;
    color: #000;
    text-decoration: underline;
}
.agreement2 a:hover{
    text-decoration: none;
}
/* /. Agreement */

.product-carousel-wrapper{
    margin-bottom: 40px;
}
.product-carousel > div:not(:first-of-type){
    display: none;
}
.product-carousel .slick-prev{
    background: #b59652;
    left: 20px;
    top: calc(50% - 22px);
    border: none;
}
.product-carousel .slick-next{
    background: #b59652;
    left: auto;
    right: 20px;
    top: calc(50% - 22px);
    border: 1px solid #b59652;
}
.product-carousel .slick-prev:hover,
.product-carousel .slick-next:hover{
    background: #fff;
}
.product-carousel .item a > img{
    width: 100%;
}
.product-carousel .slick-prev:after, 
.product-carousel .slick-next:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -4px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all 200ms ease-out;
}
.product-carousel .slick-prev:after {
    transform: rotate(45deg);
}
.product-carousel .slick-next:after {
    transform: rotate(225deg);
    margin-left: -9px;
}
.product-carousel .slick-prev:hover:after,
.product-carousel .slick-next:hover:after{
    border-color: #B59652;
}


.hits-section{
    
}

.hits-section-inner{
    
}
.hits-section .title{
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    color: #0B503C;
    font-weight: bold;
    margin-bottom: 50px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.hits-section-inner .row{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.hits-section-inner .row:before, .hits-section-inner .row:after{
    display: none;
}
.catalog.hits-section-inner{
    
}

.hits-section-inner .col-sm-6, .hits-section-inner .col-lg-4{
    width: 100%;
}

.new-template .img-wrapper img{
    width: 100%;
}

@media (max-width: 991px) {
    .hits-section-inner .row{
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 767px) {
    .hits-section-inner .row{
        grid-template-columns: repeat(2, 1fr);
    }
    .hits-section .title{
        font-size: 40px;
        margin-bottom: 40px;
        letter-spacing: 1px;
    }
    .base-template .content img{
        width: 100%;
        height: auto;
    }
}
@media (max-width: 444px) {
    .hits-section-inner .row{
        grid-template-columns: repeat(1, 1fr);
    }
}


/* modal cookie */
.modal-cookie{
    position: fixed;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 1500;
}
.modal-cookie.cookie-modal-hide{
    display: none !important;
}
.modal-cookie-inner{
    background: #4d4d4d;
    padding: 30px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.modal-cookie-text{
    width: calc(100% - 250px);
    padding-right: 20px;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}
.modal-cookie-text a{
    color: #fff;
    text-decoration: underline;
}
.modal-cookie-text a:hover{
    text-decoration: none;
}
.modal-cookie-btn{
    width: 250px;
}
#cookie_btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    cursor: pointer;
    padding: 0 45px;
    border: none;
    font-size: 16px;
    text-align: center;
    transition: all 300ms ease-out;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    line-height: 1.2;
    width: 100%;
    height: 42px;
    color: #000;
    background: #fff;
    border-radius: 30px;
    transition: all ease-out 300ms;
}
#cookie_btn:hover{
    transform: scale(1.05);
}

@media(max-width: 991px){
    .modal-cookie-inner{
        padding: 20px;
    }
    .modal-cookie-text{
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
        font-size: 14px;
    }
}
@media(max-width: 767px){
    .modal-cookie-text{
        text-align: center;
        font-size: 13px;
    }
    .modal-cookie-btn{
        width: 100%;
    }
}
/* /. modal cookie */

.form-group-s{
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	opacity: 0.1;
	z-index: -1;
}


:root{
  --bg-color: #eee;
  --font-second: 'Oswald', sans-serif;
}
.gray-bg{
    background: #eee;
}
/* reviews-section */
.reviews-section-header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}
.reviews-section-header h2{
    width: calc(40% - 15px);
}
.rating-widget{
    width: 80%;
    display: flex;
    flex-wrap: wrap;
}
.rating-widget .col{
    width: 33.3333%;
    padding-right: 20px;
    margin-bottom: 20px;
}
.rating-widget .item{
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}

.rating-widget .item-icon{
    height: 26px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.rating-widget .item-icon img{
    max-height: 100%;
}
.rating-widget .item-body{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    background: var(--bg-color);
    border-radius: 5px;
}

.rating-widget .item-num{
    padding-right: 20px;
    position: relative;
    font-family: var(--font-second);
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 1;
    color: #333;
}
.rating-widget .item-num-icon{
    position: absolute;
    right: 0;
    top: 0;
    height: 14px;
    line-height: 0;
}
.rating-widget .item:hover .item-more .btn{
    filter: brightness(115%);
}
.rating-widget .item:hover .item-more .btn .svg path {
    -webkit-animation: toLeftHideRightShow 0.3s forwards;
    -moz-animation: toLeftHideRightShow 0.3s forwards;
    animation: toLeftHideRightShow 0.3s forwards;
}

.rating-widget-simple .col{
    width: auto !important;
}
.rating-widget-simple .item{
    padding: 0 !important;
}
.rating-widget-simple .item-body{
    padding: 15px !important;
    background: #fff;
}
.rating-widget-simple .item-num{
    margin-right: 15px;
}
.rating-widget .item-body .btn .svg{
    width: auto;
}
@media(max-width: 1099px) and (min-width: 992px){
    .rating-widget .item-num{
        font-size: 1.5rem;
    }
    .rating-widget .item-body .btn{
        padding-left: 10px;
        padding-right: 10px;
        height: 42px;
    }
}
@media(max-width: 991px){
    .reviews-section-header h2{
        width: 100%;
    }
    .rating-widget{
        width: 100%;
        justify-content: space-between;
    }
    .rating-widget .col{
        padding-left: 0;
        padding-right: 0;
        width: calc(50% - 10px);
    }

}
@media(max-width: 599px){
    .rating-widget .col{
        width: 100%;
        margin-bottom: 10px;
    }
    .rating-widget .item{
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 5px 5px 5px 15px;
    }
    .rating-widget .item-icon{
        margin-bottom: 0;
    }
    .rating-widget .item-body{
        padding: 5px 5px 5px 15px;
    }
    .rating-widget .item-num{
        margin-right: 20px;
    }
}
@media(max-width: 399px){
    .rating-widget .item-body .btn{
        padding-left: 5px;
        padding-right: 5px;
        height: 36px;
        border-radius: 5px;
    }
    
    .rating-widget .item-body {
        padding: 5px 5px 5px 10px;
    }
    .rating-widget .item-num{
        margin-right: 10px;
        font-size: 1.5rem;
    }
}

.reviews{
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.reviews .col{
    width: 33.3333%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.reviews .col.full-width{
    width: 100%;
}
.reviews .item{
    height: 100%;
    border-radius: 10px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    background: #fff;
}
.reviews .item-header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}
.reviews .item-avatar{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    background: var(--bg-color);
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1;
    font-family: var(--font-second);
}
.reviews .item-header-content{
    width: calc(100% - 60px);
    padding-left: 15px;
}
.reviews .item-body{
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.reviews .item-name{
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 4px;
}
.reviews .item-date{
    color: #c5c5c5;
    font-size: 0.875rem;
}
.reviews .item-body-top{
    padding-bottom: 25px;
}
.reviews .item-more{
    margin-top: 10px;
}
.reviews .item-more a{
    text-decoration: underline;
}
.reviews .item-more a:hover{
    text-decoration: none;
}
.reviews .item-footer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.reviews .item-rating{
    line-height: 0;
}
.ec-stars{
    display: inline-block;
    position: relative;
    line-height: 1;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    margin: 0 !important;
}
.ec-stars > div{
    background:transparent!important;
    display:flex;
    flex-wrap: wrap;
    height:18px;
    width:auto;
}
.ec-stars .real{
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:18px;
    white-space:nowrap;
    overflow:hidden;
}
.ec-stars svg{
    display: block;
    margin-left: 4px;
}

.reviews-carousel{
    display: block;
    margin-left: 0;
    margin-right: 0;
}
.reviews-carousel .slick-list{
    margin-left: -10px;
    margin-right: -10px;
}
.reviews-carousel > div:not(:first-of-type){
    display: none;
}

.reviews-carousel .slick-track {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.reviews-carousel .slick-slide {
    height: inherit;
}
.reviews-carousel .slick-next{
    top: auto;
    bottom: -72px;
}
.reviews-carousel .slick-prev{
    top: auto;
    bottom: -72px;
}

.reviews-section-more{
    padding: 20px 120px 0 0;
}

.fancybox_modal .reviews .item{
    padding: 0;
}

@media(max-width: 1299px){
    .reviews .col{
        width: 50%;
    }
}
@media(max-width: 991px){
    .reviews .item-body-top{
        font-size: 0.875rem;
    }
}
@media(max-width: 767px){
    .reviews .col{
        width: 100%;
    }
    .reviews-carousel .slick-next{
        bottom: auto;
        top: 0;
    }
    .reviews-carousel .slick-prev{
        bottom: auto;
        top: 0;
    }
    .reviews-carousel{
        padding-top: 70px;
    }
}
@media(max-width: 399px){
    .reviews .item{
        padding: 20px;
    }
    .reviews .item-avatar{
        width: 50px;
        height: 50px;
    }
    .reviews .item-header-content {
        width: calc(100% - 50px);
        padding-left: 10px;
    }
    .reviews .item-name{
        font-size: 1.125rem;
    }
}

.btn-arrow{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    cursor: pointer;
    border: none;
    border-radius: 10px;
    font-weight: 500;
    color: #fff;
    background: #B59652;
    transition: all 300ms ease-out;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    line-height: 1.3;
    font-size: 1.125rem;
    height: 56px;
    text-align: left;
    padding: 0 16px;
}

.btn-arrow .svg {
    overflow: hidden;
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    padding-left: 0;
    margin-left: 0;
    border-left: none;
    width: auto;
}

.btn-arrow:hover {
    filter: brightness(115%);
    color: var(--accent-color-font);
}

.btn-arrow:hover .svg path {
    animation: toLeftHideRightShow 0.3s forwards;
}
@keyframes toLeftHideRightShow {
    49% {
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    51% {
        opacity: 1
    }
}
/* /. reviews-section */