@import url(bootstrap.css);
@import url(jquery.fancybox3.min.css);
@import url(settings.css);
body{
    /* font-family: 'Sofia Sans Semi Condensed', sans-serif; */
	 font-family: Cambria, Cochin, Garamond, Georgia, Times, 'Times New Roman', serif;
    overflow-x: hidden;
    color: #4a4a4a;
	 background-color: #ece9e1;
}
.bg-gray{
    background: #F1F1F1;
}
a:focus{
    outline:none;
}
a{
    text-decoration: none;
}
.text, .item-text, .subtitle{
    font-weight: 300; /* ======= 400 */
    color:#444;  /* ======= #000 */
}

.subtitle{
    font-family: 'Sofia Sans Semi Condensed', sans-serif;
    color:#4a4a4a;
    font-size: 24px;
    line-height: normal;
}
.none{
    display: none;
}

p{
    margin-bottom: 20px;
}
h1, .title-h1{
    margin-bottom: 30px; 
/* =======    font-family: 'Sofia Sans Semi Condensed', sans-serif; */
	 font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-style: normal;
/* =======    font-weight: 700; */
	 font-weight: 100!important;
    font-size: 36px;
    line-height: 124.12%;
/* =======    text-transform: uppercase; */
    color: #4a4a4a;
}

h3:not(.noth3), h4, h5, h6{
    color:#4a4a4a;
    line-height: normal;
}
.content{
    font-size:20px;
    color: #4a4a4a;
}
.page-title h1, .page-title .title-h1 {
    margin-bottom: 65px;
    font-weight: 700;
    font-size: 56px;
    line-height: 124.12%;
    position: relative;
    text-align: center;
}
.page-title h1:before{
    content:'';
    width: 100px;
    height: 2px;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 50px);
    display: block;
    background: #a2bad6;
}
h2:not(.noth2){
    font-size: 35px;
    margin-bottom: 30px;
}
h3:not(.noth3){
    font-size: 30px;
    margin-bottom: 20px;
}

.button{
    display: inline-block;
    transition: all 200ms ease-out;
    background: #fff8ea;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    color: #503d38;
    padding: 10px 28px;
    z-index: 10;
    position: relative;
    border: 1px solid #7f5a40;
	 border-radius: 50px;
    display: inline-flex;
    align-items: center;
    box-shadow: 0 0 6px #2b425875;
}
.button:hover{
    color:#603a2f;
    background: transparent;
    border-color:#7f5a40;
}
a{
   color: #2f6688;
	transition: all 200ms ease-out;
}
a:hover{
    color: #135178; 
	transition: all 200ms ease-out;
}
.main-wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.header-main-wrapper{
    background: url('../images/top-oblako.jpg') top center no-repeat;
}
.main{
    flex-grow: 1;
    margin-top: -10px;
}
.logo{
    width: 250px;
}
.logo img{
    max-width: 100%;
}
@media (max-width: 1229px){
    .content{
        font-size: 15px;
    }
}
@media (max-width: 991px){
    .page-title h1 {
        font-size: 35px;
         margin-bottom: 50px;
    }
    h2:not(.noth2){
        font-size: 30px;
        margin-bottom: 20px;
    }
    h3:not(.noth3){
        font-size: 25px;
        margin-bottom: 20px;
    }
     .content img{
        width: 100%;
        height: auto;
    }
}
@media (max-width: 767px) {
    .page-title h1 {
        font-size: 30px;
         margin-bottom: 50px;
         margin-top: 0px;
    }
    h2:not(.noth2){
        font-size: 30px;
        margin-bottom: 20px;
    }
    h3:not(.noth3){
        font-size: 20px;
        margin-bottom: 20px;
    }
    .content{
        font-size: 15px;
    }
}
@media (max-width: 467px){
    .subtitle{
        font-size: 18px;
    }
}
@media (max-width: 600px){
   .header-main-wrapper{
       display: flex;
   }
}


/*breadcrumb*/

.breadcrumb {
    margin: 0px 0 20px;
    padding: 0 0;
    list-style: none;
    text-align: left;
}
.breadcrumb > li {
    display: inline-block;
    font-size: 20px;
    position: relative;
    color: #4a4a4a;
    font-weight: 300;
}
.breadcrumb i{
    font-size: 14px;
}
.breadcrumb > li a {
    color: #4a4a4a;
    text-decoration: none;
    font-weight: 300;
}
.breadcrumb > li a:hover{
    color: #4a4a4a;
}
@media(max-width:991px){

}
/*breadcrumb./*/

/* pagination */
.pagination ul{
    padding: 0;
}
.pagination-wrap{
    width: 100%;
}
.pagination{
    display: inline-block;
    padding: 0;
    margin: 0;
}
.pagination li:first-of-type:before{
    content:"";
    display: block;
    width: 100%;
    height: 20px;
}
.pagination li:last-of-type:after{
    content:"";
    display: block;
    width: 100%;
    height: 60px;
}
.pagination li{
    display: inline-block;
}
.pagination li > span{
    cursor: default;
}
.pagination li > a,
.pagination li > span{
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #626262;
    text-decoration: none;
    background-color: #ece9e1; /* ======= #fff; */
    border: 1px solid #ddd;
    font-weight: 100;
    margin-bottom: 5px;
    margin-right: 5px;
    border-radius: 3px;
}
.pagination li:first-child > a,
.pagination li:first-child > span{
    margin-left: 0;
}
.pagination li > a:hover{
    background-color: #EEEEEE;
}
.pagination .active > a, .pagination .active > a:hover{
    background-color: #2B4258;
    color: #fff;
    border-color: #2B4258;
    cursor: default;
}
/* /. pagination */
/************************ mob-menu begin ************/
.menu-button{
    position: fixed;
    right: 15px;
    top: 20px;
    width: 30px;
    height: 20px;
    cursor: pointer;
    z-index: 1100;
}
.icon-menu-burger {
    height: 2px;
    width: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -15px;
    transition: transform 0.2s ease 0s;
	 display:block;
	 background-color: red;
	 border-radius: 10px;
}
.icon-menu-burger__line {
    background: #4A4A4A;
    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: #4A4A4A;
    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: #EA0C00  !important;
}
.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);
}
.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:before {
    transition: top 0.2s linear;
    top: 0;
}
.menu-button.active .icon-menu-burger:after {
    transition: bottom 0.2s linear;
    bottom: 0;
}

.mobile-menu {
    position: fixed;
    top: 0;
    left: -470px;
    background: #fff;
    height: 100%;
    width: 370px;
    max-width: 100%;
    z-index: 1200;
    transition: all 200ms ease-out;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2b4258b5;
    z-index: -100;
    opacity: 0;
    transition: opacity 200ms ease-out;
}
.down{
	position: relative;
}
.mobile-menu .dropdown-button + ul {
	position: static;
	width: 100%;
	display: none;
}
.mobile-menu-inner ul{
    padding: 0;
    list-style: none;
    margin-bottom: 20px !important;
}
.mobile-menu-inner ul li {font-size: 20px;} /* ======= */
.svg-icon{

}
.mobile-menu .dropdown-button{
    display: block;
    position: absolute;
    top: 6px;
    right: 0px;
    height: 28px;
    width: 48px;
    z-index: 10;
    transition: all 200ms ease-out;
}
.mobile-menu .dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 5px;
    left: 16px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: all 300ms ease-out;
}
.mobile-menu ul ul .dropdown-button:before{
    width: 6px;
    height: 6px;
    content: "+";
    border: none;
    color: #fff;
    -moz-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
    top: 7px !important;
    left: 17px;
    font-size: 16px;

}
.mobile-menu ul > li > ul > li a{
	color:#000;
    display: block;
}
.mobile-menu ul > li > ul > li{
	color: #fff;
    margin-bottom: 1px;
}
.mobile-menu ul > li > ul > li a{
    padding: 10px 30px;
}
.mobile-menu ul > li > ul > li > ul > li a{
    padding: 5px 0px 5px 50px;
}
.dropdown-button{
    cursor:pointer;
}
.top-menu-wrapper-middle-min .active > .dropdown-button:before {
    border-color: #000;
}
.mobile-menu .active:before {
	transform: rotate(225deg);
	top: 14px;
}
.mobile-menu ul ul ul a{
    position: relative;
}
.mobile-menu ul ul ul a:before{
    content: "";
    position: absolute;
    top: 13px;
    left: 39px;
    width: 4px;
    height: 4px;
    border-radius: 1px;
    background: rgba(255, 255, 255, 0.8);
}
.mobile-menu .close{
    position: absolute;
    top: 20px;
    right: 15px;
    width: 30px;
    height: 30px;
    opacity: 1;
}
.mobile-menu .close:after{
    content: '';
    height: 3px;
    position: relative;
    top: 10px;
    width: 100%;
    display: block;
    background: #EA0C00;
    transform: rotate(135deg);
}
.mobile-menu .close:before{
    content: '';
    height: 3px;
    position: relative;
    top: 13px;
    width: 100%;
    display: block;
    background: #EA0C00;
    transform: rotate(45deg);
}
.mobile-menu .dropdown-button.active:before {
	transform: rotate(225deg);
	top: 14px;
}
.mobile-menu .dropdown-button{
    display: block;
    position: absolute;
    top: 6px;
    right: 0px;
    height: 28px;
    width: 48px;
    z-index: 10;
    transition: all 200ms ease-out;
}
.mobile-menu .dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 5px;
    left: 16px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: all 300ms ease-out;
}
.mobile-menu ul ul .dropdown-button:before{
    width: 6px;
    height: 6px;
    content: "+";
    border: none;
    color: #fff;
    -moz-transform: rotate(0) !important;
    -webkit-transform: rotate(0) !important;
    -o-transform: rotate(0) !important;
    -ms-transform: rotate(0) !important;
    transform: rotate(0) !important;
    top: 7px !important;
    left: 17px;
    font-size: 16px;

}
.mobile-menu .header-address svg{
    fill:#000;
}
.mobile-menu .header-address{
    max-width: 100%;
    display: flex;
    padding: 0 25px;
    color: #000;
    margin-bottom: 10px;
}
.mobile-menu .header-address-title{
    font-size: 19px;
}
.mobile-menu span a{
    color: #000;
    font-weight: normal;
}
.mobile-menu .header-phone path{
    fill: #000 !important;
}
.mobile-menu .header-phone svg, .mobile-menu .header-email svg{
    width: 16px;
    height: 16px;
}
.mobile-menu .header-phone{
    padding-left: 25px;
    justify-content: flex-start;
    margin-bottom: 0px;
}
.mobile-menu .feedback{
    padding-left: 25px; 
}
.mobile-menu .feedback-wrapper{
    margin-left: 0;
    margin-top: 20px;
    padding-left: 25px; 
}
.mobile-menu .header-email{
    justify-content: flex-start;
    padding-left: 25px;
    margin-bottom: 20px;
}
.mobile-menu .header-email a {
    color: #000;
    font-size: 19px;
}
.mobile-menu .header-email path{
    stroke:#000;
}
.mobile-menu .header-email svg{
    position: relative;
    top: 4px;
}
@media only screen and (max-width: 1259px){
    .mobile-menu.open {
        left: 0;
    }
    .mobile-menu.open + .overlay{
        z-index: 1010;
        opacity: 1;
    }
    .mobile-menu{
        padding-top: 55px;
        padding-bottom: 55px;
    }
    .mobile-menu {
        overflow-y: scroll;
    }
    .mobile-menu > div > ul > li > a {
        display: block;
        text-decoration: none;
        color: #000;
        padding: 13px 25px 10px;
        font-size: 20px;
        letter-spacing: 1px;
        margin-bottom: 1px;
    }
    .mobile-menu > div > ul > li > a:hover{
        color: #fff;
        background: #2b4258;
    }
}
    
/************************* mob-menu end *********************./*/


/************* header*************************/
.index-template .push-header{
    display: none;
}
.index-template .top-menu .first, .index-template .mobile-menu-inner .first {display:none;}
.push-header{
    height: 266px;
    background-size:cover ;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.push-header:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: #ece9e1;
}
.push-header #module{
    top: -70px;
    max-width: calc(100% - 30px);
    margin: 0 auto;
}
.header-section{
/*    background: #2b4258; */
    position: absolute;
    height: 107px;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
/*    backdrop-filter: blur(2px); */
}
.header-section .container{
    height: 100%;
}
.top-bar{
/*    background:#2b4258c7; */
/* background: #fff8ea; */
    position: relative;
    z-index: 1000;
    width: 100%;
    height: 60px;
/*    backdrop-filter: blur(2px); */
	 margin-top: 8px;
}
.top-bar-header-section{
    height: 107px;
}
.top-bar.fixed{
    position: fixed;
    top: 0;
    left: 0;
}
.top-bar.fixed + .top-bar-push {
    height: 60px;
}
.header{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
	padding: 10px 0;
	font-size: 17px;
}

.header-inner{
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0;
    height: 100%;
    font-size: 14px;
	color: #fff;
}
.header-inner .item{
/*    width: 300px; */
    display: flex;
    justify-content: center;
}
.logo-wrap{
	display: flex;
    align-items: center;
    justify-content: center;
}
.header-inner svg{
    width: 16px;
    height: 16px;
    
}
.header-adress svg, .header-phone path{
    fill: #4a4a4a !important;
}
.phone-wrap{
    line-height: normal;
}
.header-phone, .header-email{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-end;
    grid-gap:10px;
	 margin-right: 100px;
}
.header-email a{
    color: #4a4a4a;
}
.header-email a:hover{
    color: #4a4a4a;
}
.header-schedule svg{
    width: 20px;
    height: 26px;
    margin-top: 0;
    margin-right: 9px;
	 fill: #4a4a4a;
	 color: #4a4a4a;
}
.feedback{
    display: flex;
    grid-gap: 10px;
}
.mobile-menu .header-adress, .mobile-menu .header-phone{
    grid-gap:10px;
}
.logo-img-wrap{
	display: block;
	cursor: pointer;
}
.logo-wrap img{
    max-width: 250px; /* ======= 100px */
}

.header-img h2{
	font-size: 50px;
    z-index: 10;
    margin: 0;
    text-align: left;
    line-height: normal;
    margin-bottom: 50px;
    color:#fff;
}
.header-img{
    position: relative;
}
.big-slider-img-wrap .container{
    height: 100%;
}
.big-slider-img-wrap > .header-img:not(:first-of-type){
    display: none;
}
.top-bar .logo-wrap,
.top-bar .phones,
.mobile-menu .feedback-wrapper{
    display: block;
}
@media (max-width: 991px) {
    .push-header #module{
        top: -40px;
        width: 100%;
    }
    .header-inner .item{
        width: auto;
    }
    .header-inner .header-email{
        display: none;
    }
}
@media (max-width: 600px){
    .push-header #module{
        top: 0px;
    }
    .top-bar .logo-wrap{
        display: block;
        margin-left: 10px;
    }
    .top-menu .feedback-wrapper,
    .header-inner .logo-wrap,
    .top-bar .feedback .vk,
    .header-section,
    .top-bar-header-section{
        display: none;
    }
    .mobile-menu .phones, 
    .top-bar .phones,
    .mobile-menu .feedback-wrapper{
        display: flex;
    }
    .logo-wrap img{
        max-width: 60px;
    }
    .header{
        padding: 0;
    }
    .header-phone{
        grid-gap: 0px;
    }
    .top-menu{
        justify-content: flex-start !important;
        padding-left: 30px;
    }
    #module{
        top: 0;
    }
    .index-template .push-header{
        display: flex;
    }

    .index-template .mobile-button-module{
        display: flex !important;
        padding: 20px;
        justify-content: center;
        align-items: center;
        position: relative;
    }
     .index-template .mobile-button-module:before{
         width: 100%;
         height: 100%;
         position: absolute;
         top: 0;
         left: 0;
         content:'';
         background: #ccc;
         background: #20303f5c;
         z-index: 1;
     }
     .index-template .mobile-button-module .button{
         animation: btnpulse 3s infinite;
         background: #fff;
         border-color:#fff;
         color: #2B4258;
     }
     .index-template .mobile-button-module .button:hover{
         background: #2B4258;
         border-color:#2B4258;
         color: #fff;
     }
}
@media (max-width: 380px){
    .top-menu{
        grid-gap: 10px !important;
    }
    .top-bar .header .phone-wrap a{
        font-size: 12px;
    }
    .top-bar .header .header-phone svg{
        width: 10px;
        margin-right: 5px;
    }
    .logo-wrap img{
        max-width: 51px;
    }

}
/***********************************************************/
.index-template .big-slider-img-wrap .img-wrap:before{
    content: '';
    position: absolute;
    background: #0000000c;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.index-template .big-slider-img-wrap .img-wrap{
    height: 100%;
    width: 100%;
    position: relative;
}
.index-template .slider-title-wrap h1 {
    color: #fff;
    text-transform: none;
    width: 80%;
    background: transparent;
    padding: 50px;
    text-align: left;
    position: relative;
    top: 57px;
    z-index: 1;
    padding: 0;
    text-transform: uppercase;
	font-size: 60px;
}
.index-template .header-img .item-body{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.index-template .item-body-inner{
    display: flex;
    flex-direction: column;
    margin-top: 60px;
    margin-bottom: 85px;
    height: calc(100% - 60px - 85px);
    justify-content: center;
    align-items: flex-start;
    color: #fff;
}
.index-template .item-body-inner .item-title{
    color: #fff;
    font-size: 50px;
}
.index-template .item-body-inner .item-text{
    color: #fff;
    width: 70%;
    margin-bottom: 40px;
    font-size: 24px;
}
/*
.index-template .slider-title-wrap h1:before{
    content: '';
    width: 60%;
    position: absolute;
    height: auto;
    aspect-ratio: 2/1.5;
    top: calc(-50% - 60px);
    border: 8px solid #222d38;
    left: -140px;
    z-index: 1;
}
*/
.index-template .slider-title-wrap .slider-title:before{
    content: '';
    width: 50%;
    position: absolute;
    height: auto;
    aspect-ratio: 2/1.6;
    top: calc(50% - 260px);
    left: -210px;
    z-index: 1;
    background: url(../images/hot-dark.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}
.index-template .slider-title-wrap h1 span{
    font-size: 40px;
    position: relative;
    top: -14px;
    color: #fff;
    background: #222d38;
    padding: 0 10px;
}
.index-template .slider-title-inner{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}

.index-template .big-slider-wrapper .slick-prev, .index-template .big-slider-wrapper .slick-next{
    top: 50%;
    background: #2b4258;
    z-index: 2;
    transform:none !important;
    display: none !important;
}

.index-template .big-slider-wrapper .slick-prev {
    left: 70px!important;
    z-index: 2;
    right: 105px!important;
    left: auto !important;
}
.index-template .big-slider-wrapper .slick-prev, .index-template .big-slider-wrapper .slick-next {
    height: 100px;
    width: 100px;
}
.index-template .big-slider-wrapper .slick-next {
    right: 0px!important;
}
.index-template .big-slider-wrapper .slick-prev:before, .index-template .big-slider-wrapper .slick-next:before {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    font-size: 14px !important;
    opacity: 1 !important;
    color: transparent !important;
    position: absolute;
    top: 37px;
    right: 45px;
    transform: rotate(45deg)!important;
}
.index-template .big-slider-wrapper .slick-prev:before, .index-template .big-slider-wrapper .slick-next:before {
    display: block;
    height: 25px;
    width: 25px;
    transition: all 200ms ease-out;
}
.index-template .big-slider-wrapper .slick-prev:before {
    left: 45px;
    transform: rotate(225deg)!important;
}
.index-template .big-slider-wrapper .slick-next:hover, .index-template .big-slider-wrapper .slick-prev:hover{
    background: #a2bad6;
}
.index-template .big-slider-wrapper .slick-prev:hover:before, .index-template .big-slider-wrapper .slick-prev:focus:before, .index-template .big-slider-wrapper .slick-next:hover:before,  .index-template .slick-next:focus:before{
    border-color: #fff !important;
    transition: all 200ms ease-out;
}

@media (max-width: 1600px) {
    .index-template .slider-title-wrap .slider-title:before{
        left: -50px;
    }
    .index-template .slider-title-wrap h1{
        padding-left: 140px;
    }
}
@media (max-width: 1300px) {
    .index-template .slider-title-wrap .slider-title:before{
        display: none;
    }
    .index-template .slider-title-wrap h1{
        padding: 0;
    }
}
@media (max-width: 991px) {
    .index-template .big-slider-wrapper .slick-prev, .index-template .big-slider-wrapper .slick-next{
        top: auto;
        bottom: 100px;
    }   
    .index-template .slider-title-wrap h1{
        font-size: 46px;
    }
    .index-template .slider-title-wrap h1 span{
        top: 10px;
        font-size: 34px;
    }
    .index-template .big-slider-wrapper{
        margin: 0;
    }
    .index-template .big-slider-wrapper .slick-prev, .index-template .big-slider-wrapper .slick-next{
        width: 70px;
        height: 79px;
    }
    .index-template .big-slider-wrapper .slick-prev{
        right: 75px!important;
    }
    .index-template .big-slider-wrapper .slick-prev:before, .index-template .big-slider-wrapper .slick-next:before{
        top: 27px;
    }
    .index-template .big-slider-wrapper .slick-prev:before{
        left: 27px;
    }
    .index-template .big-slider-wrapper .slick-prev:before, .index-template .big-slider-wrapper .slick-next:before{
        right: 31px;
    }
    .index-template .item-body-inner .item-text{
        width: 100%;
        font-size: 20px;
    }
    .index-template .item-body-inner .item-title{
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .index-template .item-body-inner .item-title{
        font-size: 33px;
        margin-bottom: 10px;
    }
    .index-template .item-body-inner .item-text{
        font-size: 17px;
        margin-bottom: 20px;
    }
}
@media (max-width: 600px) {
    .index-template .slider-title-wrap h1{
        width: 100%;
    }
    .index-template .slider-title-inner{
    bottom: 50px;
    }
    .index-template .slider-title-wrap h1{
        font-size: 36px;
    }
    .index-template .slider-title-wrap h1 span{
        font-size: 28px;
        top: 0;
    }
    .index-template .item-body-inner .item-title{
        font-size: 27px;
    }
    .index-template .item-body-inner .item-text{
        font-size: 14px;
    }
    .index-template .item-body-inner{
        margin-top: 0;
        height: calc(100% - 84px);
    }
}

@media (max-width: 450px) {
    .index-template .slider-title-wrap h1 span {
        font-size: 6vw;
    }
    .index-template .slider-title-wrap h1 {
        font-size: 9vw;
    }
}
/***********************************************************/
.slider-title-wrap{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.slider-title-wrap .container{
    height: 100%;
}
.slider-title-wrap h1{
    color: #fff;
    text-transform: none;
    width: 60%;
    background: #2b4258ab;
    padding: 50px;
    text-align: center;
    position: relative;
    top: 57px;
}
.slider-title-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}
.header-inner .contacts{
    display: flex;
    grid-gap: 30px;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.header-address{
    max-width: 290px;
    color: #4a4a4a;
}
/* ======= */
.header-inner .header-address {margin-top:-40px;  margin-left: 0px; max-width: 240px!important;}
.header-address:hover{
    color: #4a4a4a;
}
.header-address svg{
    fill: #4a4a4a;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
/* ======= */
.header-inner .header-address-title {font-weight:100!important; font-size:19px; text-align: center;}

.top-menu ul{
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding-left: 0;
    margin: 0;
    align-items: center;
    /* grid-gap: 5px 10px; ======= Отступы между пунктами меню */
	 grid-gap: 5px 15px;
	 /* width: calc(100% - 339px); ======= убрал лоого и тел справа в меню */
	 width:100%;
	 text-align: center;
}
.top-menu>ul{
	background: url('../images/menu-zav.png') left center repeat-x;
	height:41px;
	width: calc(100% - 468px);
	margin: 0 auto;
}
.top-menu>ul>li>ul {margin-top: 5px;}
.top-menu>ul::before {
	content:"";
	display:inline-block;
	width:152px;
	height:58px;
	background: url('../images/menu-zav-l.png') center center no-repeat;
	position:absolute;
	top:-17px;
	left:140px;
}
.top-menu>ul::after {
	content:"";
	display:inline-block;
	width:152px;
	height:58px;
	background: url('../images/menu-zav-r.png') center center no-repeat;
	position:absolute;
	top:-17px;
	right:140px;
}
@media screen and (min-width:1000px) and (max-width: 1280px) {
	.top-menu>ul {width: calc(100% - 320px);}
	.top-menu>ul::before {left:10px;}
	.top-menu>ul::after {right:10px;}
}
.top-menu ul > li > ul{
	list-style: none;
    padding: 5px 0;
    display: block;
    flex-wrap: nowrap;
    justify-content: flex-end;
	flex-direction: column;
}
.top-menu .down{
	display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
}
.top-menu .down > ul > .down > .dropdown-button{
    display: none;
}
.top-menu{
    height: 100%;
    display: flex !important;
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    grid-gap:20px;
	 font-family: 'Times New Roman', Times, serif;
}
.top-menu ul > li{
    display: inline-block;
    position: relative;
}
.top-menu ul > li > a{
    font-style: normal;
    /* font-weight: 600; ======= убрал жирность */
	 font-weight: 300;
    font-size: 21px; /* ======= увеличил шрифт с 14 */
    line-height: 1.3;
    /* letter-spacing: .1em; ======= убрал межбуквенный интервал */
    text-align: center;
    /* text-transform: uppercase; ======= убрал все прописные */
    /* color: #fff; */
	 color: #503d38;
    display: block;
}
.top-menu ul > li:hover > a{
/*    color:#A2BAD6; */
	color: #604138;
    text-decoration: none;
}
.top-menu ul > li:first-of-type{
    margin-left: 0;
}
.top-menu ul > li > ul > li{
	margin-left: 0px;
	margin-bottom: 1px;
	width: 100%;
}

.top-menuul > li:first-of-type{
    margin-left: 0;
}
.top-menu ul > li > ul{
    position: absolute;
    top: 30px;
    left: 0;
    width: 250px;
    visibility: hidden;
    opacity: 0;
    transition: all 200ms ease-out;
    display: flex;
    flex-direction: column;
    z-index: 300;
    border-radius: 0 0 15px 15px;
    box-shadow: 0px 12px 20px #00000057;
    padding-bottom: 15px;
    padding-top: 10px;
}
.top-menu ul > li > ul:before{
    content:"";
    display: block;
    position: absolute;
    width: 100%;
	height: 24px;
    top: -24px;
    left: 0;
}


.top-menu ul > li > ul > li > a{
    display: block;
    padding: 5px 5px 5px 20px;
    color: #503d38;
    width: 100%;
    text-align: left;
    text-transform: none;
}
.top-menu ul > li > ul > li{
    transition: all 200ms ease-out;
}
.top-menu ul > li > ul > li:hover > a{
    color:#2b4258;
    transition: all 200ms ease-out;
}
.top-menu ul > li > ul > li > ul{
    box-shadow: 6px 1px 20px #00000017;
    left: 270px;
    top: 9px;
    border-radius: 0 15px 15px 15px;
}

.top-menu ul ul ul li:hover a{
    color:#2B4258;
}
.top-menu ul > li:hover > ul{
    visibility: visible;
    opacity: 1;
    background: #fff8ea;
}

.top-menu .dropdown-button{
    display: block;
    position: absolute;
	top: 0px;
    right: -38px;
    height: 28px;
    width: 48px;
    z-index: 10;
    transition: all 200ms ease-out;
}
.top-menu .dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 8px;
    left: 16px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    transition: all 300ms ease-out;
}
.top-menu  .new-dropdown-button{
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    right: 9px;
    height: 12px;
    width: 12px;
    z-index: 10;
    transition: all 200ms ease-out;
}
.top-menu .new-dropdown-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    top: 0;
    left: 0;
    border-bottom: 1px solid #0000009e;
    border-right: 1px solid #0000009e;
    transform: rotate(315deg);
    transition: all 300ms ease-out;
}
.top-menu .down:hover .dropdown-button:before{
	transform: rotate(225deg);
    top: 13px;
    border-color: #2B4258;
}

.top-menu .new_down:hover .new-dropdown-button:before{
    border-color: #2B4258;
}
@media (max-width: 1200px) {
    .top-menu ul > li > a{
        text-transform: none;
        /* ======= font-size: 13px; */
		  font-size: 19px;
    }
    .top-menu ul{
        width: calc(100% - 280px);
		  /* width:100%; */
    }
	 .top-menu ul::before {left:20px;}
	 .top-menu ul::after {right:20px;}
}

@media (max-width: 991px) {
    .top-menu ul{
        display: none;   
    }
    .top-menu{
        justify-content: flex-end;
    }
    .menu-button{
        left: 15px;
        right: auto;
    }
}
@media (max-width: 767px) {
    .slider-title-wrap h1{
        font-size: 4vw;
        padding: 5vw;
    }
}

@media (max-width: 600px) {
    
    .header-section{
        background: #2b4258;
    }
    .top-bar{
        background: #20303f;
        position: fixed;
        display: flex;
        align-items: center;
    }
    .slider-title-wrap h1{
        top: 0;
    }
    .top-bar-push{
        height: 60px;
    }
}
@media (max-width: 500px) {
    .slider-title-wrap h1{
        width: 80%;
        padding: 7vw;
        font-size: 5vw;
    }
}

@media (max-width: 370px) {
    .slider-title-wrap h1{
        font-size: 6vw;
    }
}
/*******************header./***************************/


/*********************slider***************************/
.slick-prev, .slick-next{
    height: 30px;
    width: 30px; 
}
.slick-prev:before, .slick-next:before{
    display: block;
    height: 30px;
    width: 30px; 
	transition: all 200ms ease-out;
}
.slick-prev:before, .slick-next:before{
	border-top: 3px solid #2C4257;
    border-right: 3px solid #2C4257;
	font-size: 14px !important;
	opacity: 1 !important;
	color:transparent !important;
}
.slick-prev{
	transform: rotate(225deg)!important;
	left: 20px!important;
    z-index: 2;
}

.slick-next{
	transform: rotate(45deg)!important;
	right: 20px!important;
}

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
    border-color:#9eb5d0 !important;
	transition: all 200ms ease-out;

}
.slick-prev:hover:before, 
.slick-prev:focus:before, 
.slick-next:hover:before, 
.slick-next:focus:before{
    border-top: 3px solid #000;
    border-right: 3px solid #000;
	transition: all 200ms ease-out;
}
.slick-dots li button:before{
	font-size: 22px!important;
}
.slick-dots li{
	margin: 0 12px!important;
}
.slick-dots li button:before, .slick-dots li button:before{
	transition: all 200ms ease-out;
}
.slick-dots li.slick-active button:before{
    color: #2b4258!important;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    color: #2b4258!important;
}
.slick-dots li button:before{
    color: #2b4258 !important;
}
/*********************slider***************************/


.big-slider-wrapper{
    position: relative;
}


/*********news*****************/
.news{
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:30px;
    margin-bottom: 100px;
}
.news .item{
    position: relative;
}
.news img, .aside-news img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    transition: all 200ms ease-out;
}
.aside-news img{
    height: 100px;
}
.news .img-wrap{
    height: auto;
    width: 100%;
    aspect-ratio:1.5/1;
    overflow: hidden;
    position: relative;
}
.news .img-wrap:before{
    position: absolute;
    width: 100%;
    height: 100%;
    content:'';
    background: #2B4258;
    opacity: 0;
    transition: all 200ms ease-out;
    z-index: 1;
}
.news-date{
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    background: #2B4258;
    z-index: 2;
}
.news .item-title{
    color: #2B4258;
    font-size: 20px;
    margin-bottom: 15px;
}
.news .item-body{
    padding-top: 20px;
}
.news .item-text{
    font-size: 16px;
    margin-bottom: 15px;
    color: #6d6d6d;
}
.news .item:hover img{
    transform:scale(1.2);
        transition: all 200ms ease-out;
}
.news .item:hover .img-wrap:before{
    opacity: 0.5;
        transition: all 200ms ease-out;
}
.main-column {
    width: calc(100% - 400px);
    padding-left: 0;
    padding-right: 40px;
}
.aside {
    width: 400px;
    padding: 0 0 40px;
}
.wrapper-content {
    display: flex;
}
.main-column .img-wrap img{
    width: 100%;
    margin-bottom: 20px;
}
.aside-news .element {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: 120px 1fr;
    grid-gap: 20px;
}
.aside-news .title{
    font-size: 17px;
    margin-bottom: 10px;
}
.aside-news .more{
    font-size: 15px;
    position: relative;
}
.aside-news .more:before{
    content: '';
    position: absolute;
    right: -12px;
    top: 7px;
    width: 7px;
    height: 7px;
    border-right:1px solid #a2bad6;
    border-top:1px solid #a2bad6;
    transform:rotate(45deg);
    transition: all 200ms ease-out;
}
.aside-news .more:hover:before{
    right: -16px;
    transition: all 200ms ease-out;
}
.page-share-title{
    font-size: 19px;
    margin-bottom: 10px;
    font-weight: bold;
}
.aside-news .date{
    margin-bottom: 5px;
    color: #2b4258;
}
.top-news{
    position: relative;
}
@media (max-width: 991px) {
    .wrapper-content{
        flex-direction: column;
    }
    .news{
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    .aside{
        order: 2;
        width: 100%;
    }
    .main-column{
        width: 100%;
        padding-right: 0;
    }
    .aside-news {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px 50px;
    }
}
@media (max-width: 767px) {
    .aside-news {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 525px){
    .news{
        grid-template-columns: 1fr;
    }
}
/*********news*****************/
@media (max-width: 1979px){
   
}
@media (max-width: 1575px){
    
}
@media (max-width: 1351px) {

}
@media (max-width: 1259px) {

}
@media (max-width: 1112px) {
    .header-img h2{
        font-size: 40px;
    }
    .header-img .describtion{
        font-size: 20px;
    }
}
@media (max-width: 991px) {
	
	.header-inner{
		font-size: 14px;
	}
	.header-inner .header-adress{
		display: none;
	}
    .header-feed{
		color:#fff;
	}
    .header svg path{
        stroke: #fff;
    }
    .header svg line{
        stroke: #fff; 
    }

    .header .header-phone{
        display: flex !important;
        align-items: center;
        margin-left: 20px;
    }
    .header .header-phone path{
        fill: #fff !important;
    }
    .header .header-phone svg{
        top: -1px;
        position: relative;
        width: 15px;
        height: 15px;
        margin-right: 7px;
    }
    .header{
        justify-content: flex-start;
    }
    .header .phone-wrap a{
        font-size: 17px;
        font-weight: normal;
    }
    .header .phone-wrap{
        display: flex;
        align-items: center;
    }
    
}
@media (max-width: 884px) {
}
@media (max-width: 767px) {
	.breadcrumb{
	    display: none;
	}

}
@media (max-width: 600px) {
    .top-bar-header-section{
        height: 250px;
    }
    .header-section{
        height: 250px;
        position: relative;
        width: 100%;
        margin-top: 60px;
    }
   .header-inner{
       flex-direction: column;
       padding: 20px;
   }
   .header-adress, .header-phone{
        justify-content: center;
   }
   .main{
       margin-top: 0px;
   }
   .push-header{
       align-items: center;
       height: 0px;
   }
}
@media (max-width: 511px) {
    .button{
        font-size: 16px;
    }
}
@media (max-width: 422px) {
    .header{
        font-size: 14px;
    }
    .header svg{
        width: 15px;
        height: 15px;
    }
    .header .phone-wrap a{
        font-size: 14px;
    }
    .header .header-phone svg{
        height: 14px;
    }
}
@media (max-width: 375px) {

}

/* Fancybox */
.fancybox_modal {
    display: none;
    width: 560px;
    max-width: 100%;
    border-radius: 20px;
    text-align: center;
}
.fancybox_modal .button{
    margin: 0 auto;
}
.fancybox-content {
    padding: 50px 40px;
}
.fancybox_modal_inner{
    background: #fff;
    padding: 35px 25px;
    animation-name: zoomIn;
    animation-timing-function: ease-out;
    font-size: 14px;
}
.fancybox_modal.fancybox_modal_big{
    width: 900px;
}
#responseMessage{
    display: none;
}
@media(min-width: 990px){
    .fancybox_modal.fancybox_modal_big{
        width: 960px;
    }
    .fancybox_modal.fancybox_modal_big .fancybox_modal_inner{
        padding: 50px;
    }
}


.form-control.error {
    border-color: #FF1A00;
}
.form-control{
    border-radius: 13px;
    margin-bottom: 8px;
}
textarea.form-control{
    min-height: 110px;
}
.form-group{
    margin-bottom: 5px;
}
.title-h3{
    font-size: 25px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 25px;
    color: #2b4258;
}
.agreement{
    margin-bottom: 15px;
    margin-top: 20px;
}
/* /. Fancybox */
@media (max-width: 400px) {
    .fancybox-content {
        padding: 40px 20px;
    }
}

.input-wrapper{
    display: flex;
    justify-content: space-between;
    grid-gap: 15px;
}
.input-wrapper .form-group{
    width: 100%;
}
.input-wrapper .form-control{
    margin-bottom: 10px;
}
.contacts .three svg{
    fill:#fff;
}
.contacts .phone-wrap path{
    fill:#fff !important;
}
.phones{
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
}
.header-inner .phones {margin-top: -34px; margin-right: 0px;} /* ======= */
.phone-wrap a{
    font-weight: 500;
    font-size: 16px;
    display: block;
    color: #fff;
}
.header-inner .phones a {font-weight: 100!important;} /* ======= */
.phone-wrap a:hover{
    color: #A2BAD6;
}

.social{
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}
.socials{
    display: flex;
    justify-content: space-between;
    grid-gap: 7px;
}
/* > ======= */
.socials .item, .whatsapp, .viber, .tg, .vk{
    border: 1px solid #ffffff17;
    border-radius: 50%;
    width: 40px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.tg{
    background: #289EDA;
}
.socials .item noindex, .whatsapp noindex, .viber noindex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.socials .item:hover, .whatsapp:hover, .viber:hover, .tg:hover, .vk:hover, .viber:hover{
    filter: brightness(1.2);
	 color:#fff;
}
.socials .item.youtube{
    background: #FF0100;
}
.vk{
    background: #0077FE;
}
.socials .item.inst{
    background: #F700AD;
}
.whatsapp{background: #2FB944;}

.viber{
    background: #735FF2;
	 color:#fff;
}
.socials .item.tg{
    background: #239FDC;
}
.socials svg, .whatsapp svg, .tg svg, .vk svg, .viber svg{
    fill: #ffffff;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
	transition: all 200ms ease-out;
}
/* ======= < */
.socials .item:hover svg, .whatsapp:hover svg, .tg:hover svg, .vk:hover svg, .viber svg{
    fill: #fff;
    text-align: center;
	transition: all 200ms ease-out;
}
.social .title{
    color: #ffffffa1;
}
@media (max-width: 600px) {
    .socials svg, .whatsapp svg, .tg svg, .vk svg, .viber svg{
        width: 15px;
        height: 15px;
    }
    .socials .item, .whatsapp, .tg, .vk, .viber{
        width: 30px;
        height:30px;
    }
    .feedback{
        grid-gap: 6px;
        align-items: center;
    }
    .top-bar .feedback{
        display: none;
    }
}
.form-control{
    display: block;
    width: 100%;
    height: 44px;
    padding: 6px 12px;
    font-size: 21px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-color: #e5e5e5;
    border-radius: 4px;
    transition: border-color ease-in-out .15s,
    box-shadow ease-in-out .15s;
    border-radius: 7px;
    margin-bottom: 5px;
}
textarea.form-control{
    min-height: 100px;
    font-size: 21px;
}
textarea{
    resize: none;
}
.form-control:focus-visible{
    outline: none;
    border-color:#06C899;

}
.form-control::-moz-placeholder{
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder{
    color:#999
}
.form-control::-webkit-input-placeholder{
    color:#999
}
.form-control.error{
    border: 1px solid #c70000;
}
.agreement {
    position: relative;
    margin-bottom: 30px;
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.agreement label {
    display: inline-block;
    position: relative;
    font-weight: 300;
    padding-left: 20px;
    text-align: left;
}
.agreement input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.agreement input+label:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 3px;
    left: 0;
    margin-right: 2px;
    cursor: pointer;
    border: 1px solid #9f9f9f;
    border-radius: 3px;
}
.agreement input:checked+label:before {
    background: url(../images/check.svg) 0 0 no-repeat;
    background-size: 7px;
    background-position: center;
}
.agreement a {
    color: #838383;
    text-decoration: underline;
}
.agreement input.error + label{
    color:#c70000;
}


/*chat./*/



/* tabs */
.box{
    position: fixed;
    top: -999999999px;
    left: -999999999px;
    opacity: 0;
    width: calc(100% - 300px);
    max-width: 100%;
/*	 border: 1px solid #ccc; */
	 border-radius: 0 10px 10px 10px;
	 display:block;
	 font-size: 1.6em;
	 float:right;
	 padding: 10px;
	 background-color: #FFF8EB;
}
.box.visible{
    position: static;
    top: auto;
    left: auto;
    opacity: 1;
}
ul.tabs {
    list-style-type: none;
    padding: 0;
    grid-gap: 20px;
	 width:300px;
	 float:left;
}

ul.tabs li{
   font-weight: 400;
	font-size: 1.8em;
    line-height: auto;
    transition: all 200ms ease-out;
    padding: 10px;
    cursor: pointer;
    color: #333;
/*	 border: 1px solid #ccc; */
	 border-radius: 10px 0 0 10px;
	 display:block;
	 border-collapse: collapse;
}
ul.tabs li.current {background-color: #FFF8EB;}
ul.tabs li.current,
ul.tabs li.current:hover{
/*   border-bottom: 1px solid #a2bad6; */
   transition: all 200ms ease-out;
   color: #000;
}
ul.tabs li:hover{
       
}

.mobile-tab-header{
    display: none;
}

@media only screen and (max-width: 767px){
    .mobile-tab-header{
        padding: 14px 40px 14px 14px;
        color: #ffffff;
        background: #E6007E;
        width: 100%;
        position: relative;
        display: block;
        font-weight: 600;
        border-radius: 3px;
    }
    .mobile-tab-header.active{
        border-radius: 3px 3px 0 0;
    }
    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 #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg);
        transition: all 200ms ease-out;
    }
    .mobile-tab-header.active:after {
        transform: rotate(225deg);
        margin-top: -4px;
    }
    ul.tabs li {
        padding: 15px 0;
        width: 100%;
        border-top: none;
        display: block;
        height: auto;
        text-align: left;
        text-transform: none;
        font-size: 15px;
        border-bottom: 1px solid #eee;
    }
    ul.tabs li.current{
        display: none;
    } 
    ul.tabs li:last-of-type{
        border-radius: 0 0 3px 3px;
    }
    .mobile-tab-header.active + ul.tabs{
        display: block;
        margin: 0 -1px 0;
        width: auto;
    }
}
@media only screen and (min-width: 768px){
    .tabs.mobile{
        display: flex !important;
    }
}
/* /. tabs */


/*main slider*/

.big-slider-img-wrap{
    height: 560px;
}


@media (max-width: 600px) {
    .big-slider-img-wrap{
        height: 500px;
    }
}
.big-slider-img-wrap .slick-list{
    height: 100% !important;
}
.big-slider-img-wrap .slick-track{
    height: 100% !important;
}
.header-img{
    height: 100% !important;
    position: relative;
}

.big-slider-wrapper .slick-prev, .big-slider-wrapper .slick-next{
    top: calc(50% + 77px);
}
/*main slider ./*/

.slick-dotted.slick-slider{
    margin: 0;
}
@media (max-width: 991px){

}
@media (max-width: 600px){
    .big-slider-wrapper .slick-prev,.big-slider-wrapper .slick-next{
        display: none !important;
    }
}

/*module*/
.push-header .module{
    background: #fff;
    padding: 30px;
    position: relative;
    bottom: 70px;
    font-size: 27px;
    font-weight: bold;
    color: #2b4258;
}
@media (max-width: 600px){
  .push-header .module{
       bottom: 0;
   }   
}
/*module./*/
/*table*/
.tables-section h3{
    margin: 0;
    color: #2b4258;
    text-align: center;
    margin-bottom: 20px;
}
table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}

table tr:nth-child(even) {
}

table td,
table th {
	padding: 25px 30px;
	font-size: 19px;
	vertical-align: middle;
}

table th {
    font-weight: bold;
    background: #f7f7f7;
    color: #2b4258;
    font-size: 22px;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

td {
  border: solid 1px #e7e7e7;
  border-style: none solid solid none;
  padding: 10px;
}
th:first-child { border-left: 1px solid #e7e7e7;}
th:last-child { border-right: 1px solid #e7e7e7;}
th { border-top: 1px solid #e7e7e7;  border-right: 1px solid #e7e7e7;}

tr:first-child td { border-top-style: solid; }
tr td:first-child { border-left-style: solid; }
@media (max-width: 767px) {
	table td,
	table th {
		padding: 8px 10px;
		font-size: 12px;
	}
}

/*table./*/
/*docs*/

.docs-wrapper{
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    grid-gap: 20px;
}
.docs-wrapper .item {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 20px;
    position: relative;
}
.docs-wrapper .item-content{
    width: 100%;
}
.docs-wrapper .item-icon svg{
    width: 50px;
    height: 50px;
    position: relative;
    left: -7px;
}
.download:hover svg path{
    fill:#ff6875;
    transition: all 200ms ease-out;
}
.download svg path{
    transition: all 200ms ease-out;
}
.download{
    z-index: 10;
}
.docs-wrapper .item-title{
    font-weight: bold;
    color: #2b4258;
    font-size: 21px;
    padding-bottom: 0px;
    transition: all 200ms ease-out;
}
.docs-wrapper .item:hover .item-title{
    color:#a2bad6;
    transition: all 200ms ease-out;
}
.docs-wrapper .item-body {
    display: flex;
}
.docs-wrapper .item-size {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .docs-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .docs-wrapper{
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }
}
@media (max-width: 560px) {
    .docs-wrapper .item-title {
        font-size: 16px;
    }
}
/*docs./*/

/******************gallery-section************/

.gallery-section{

}
.lg-backdrop.in{
    opacity: 0.7!important;
}
.gallery-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    padding: 10px 0;
}
.room-template .gallery-wrapper{
    padding-bottom: 40px;
}
.gallery-wrapper .item{
    position: relative;
    overflow: hidden;
}
.gallery-wrapper .plus{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2b4258a3;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
	transition: all 200ms ease-out;
}
.gallery-wrapper .plus svg{
    width: 50px;
    height: 50px;
    fill: #fff;
	transition: all 200ms ease-out;
}

.gallery-wrapper .item:hover .plus{
    opacity: 1;
	transition: all 200ms ease-out;
}
.gallery-wrapper .item:hover  .plus svg{
    transform: scale(1.3);
	transition: all 200ms ease-out;
}
.gallery-wrapper .img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1259px) {
    .gallery-wrapper {
        grid-gap: 10px;
    }
}
@media (max-width: 991px) {
	.feedback-wrapper-booking {display:flex; position: initial!important;}
}
@media (max-width: 767px) {
    .gallery-wrapper {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
    }
    .gallery-section h2 {
        margin-bottom: 20px!important;
    }
}
@media (max-width: 520px) {
    .gallery-wrapper {
        grid-gap: 5px;
    }
}
@media (max-width: 450px) {
    .gallery-wrapper{
        grid-template-columns: 1fr 1fr;
    }
}
/******************gallery-section***********./*/


.gallery-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}
.gallery-wrap .item{
    position: relative;
    overflow: hidden;
}
.gallery-wrap .item-title{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #2b4258ab;
    color: #fff;
    font-size: 31px;
    padding: 30px;
    transition: all 200ms ease-out;
    z-index: 1;
}
.gallery-wrap  img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    transition: all 200ms ease-out;
}
.gallery-wrap  .item-title-inner{
    position: relative;
    border: 2px solid #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.gallery-wrap .item:hover .item-title{
    padding: 0;
    transition: all 200ms ease-out;
}
.gallery-wrap .item:hover img{
    transition: all 200ms ease-out;
    transform: scale(1.2);
}
@media (max-width: 1200px) {
    .gallery-wrap .item-title{
        font-size: 2.2vw;   
        padding: 2vw
    }
}
@media (max-width: 991px) {
    .gallery-wrap{
        grid-gap: 20px;
    }
}
@media (max-width: 767px) {
    .gallery-wrap{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }
    .gallery-wrap .item-title{
        font-size: 3.2vw;
        padding: 4vw;
    }
}
@media (max-width: 480px) {
    .gallery-wrap{
        grid-gap: 10px;
    }
    .gallery-wrap .item-title{
        padding: 3vw;
    }
    .gallery-wrap .item-title{
        font-size: 4vw;
    }
}
@media (max-width: 400px) {
    .gallery-wrap{
        grid-template-columns: 1fr;
    }
    .gallery-wrap .item-title {
        font-size: 8vw;
        padding: 8vw;
    }
}
/*****************gallery-wrap*****************./*/



/* about-template*/
.inner-template .big-slider-img-wrap{
    height: auto;
    aspect-ratio: 2/1;
    margin-bottom: 60px;
    position: relative;
}
.inner-template .big-slider-img-wrap:before{

}
.inner-template .big-slider-wrapper .slick-prev,
.inner-template .big-slider-wrapper .slick-next{
    top: calc(50% - 0px);
    z-index: 50;
}
@media (max-width: 991px){
    .inner-template .big-slider-wrapper .slick-next,
    .inner-template .big-slider-wrapper .slick-next{
        right: 30px!important;
    }
    .inner-template .big-slider-wrapper .slick-prev,
    .inner-template .big-slider-wrapper .slick-prev{
        left: 30px!important;
    }
}
@media (max-width: 600px){
    .inner-template .big-slider-wrapper .slick-prev, 
    .inner-template .big-slider-wrapper .slick-next
    {
        display: block !important;
        height: 20px;
        width: 20px;
    }
    .inner-template .big-slider-wrapper .slick-prev:before,
    .inner-template .big-slider-wrapper .slick-next:before{
        height: 20px;
        width: 20px;
    }
    .inner-template .big-slider-img-wrap,
    .inner-template .big-slider-img-wrap{
        aspect-ratio: 1.5/1;
    }
}
/* about-template./*/
/*********************features-section************/
.features-section{
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    background-size: cover;
    padding: 80px 0 40px;
}
.features-section .section-title h2{
    margin-bottom: 90px;
    text-align: center;
}
.features-section h2{
	margin-bottom: 80px;
}
.features-inner{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}
.features-inner .item{
    color: #000;
    z-index: 50;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding-bottom: 40px;
    padding: 30px 30px 50px;
    box-shadow: 0 0 17px 0px #00000024;
}
.features-inner .item-text{
    color: #b9b9b9;
    font-size: 17px;
}
.features-inner  svg{
    fill:#fff;
}
.features-inner .item-img{
    width: 80px;
    height: 80px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #A2BAD6;
    margin-top: -70px;
}
.features-inner .item-img:after{
    content: '';
    width: 95px;
    height: 95px;
    position: absolute;
    background: #f8f8f8;
    z-index: -1;
}
.features-inner .item-img img{
    width: 40px;
}
.features-inner .item-title{
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 5px;
    color: #2B4258;
}

@media (max-width: 991px) {
    .features-inner{
        grid-template-columns: 1fr;
    }
    .features-inner .item-img{
        margin-top: 0;
    }
    .features-inner .item-body{
        width: calc(100% - 80px);
    }
    .features-inner .item-img img{
        width: 40px;
        height: 40px;
    }
    .features-inner .item {
        flex-direction: inherit;
        display: flex;
        grid-gap: 30px;
        text-align: left;
        padding: 30px;
        
    }
    .features-inner{
        grid-gap: 10px;
    }
    .features-section h2{
        margin-bottom: 50px!important;
    }
}
@media (max-width: 767px) {
    .features-inner .item{
        flex-direction: column;
        justify-items: center;
        grid-gap: 0;
    }
    .features-inner {
        grid-gap: 20px;
    }
    .features-inner .item-body{
        text-align: center;
    }
}
@media (max-width: 500px) {
    .features-inner .item-title{
        font-size: 16px;
    }
    .features-inner .item-text{
        font-size: 13px;
    }
    .features-inner .item-img{
        width: 60px;
        height: 60px;
    }
    .features-inner .item-img:after{
        width: 75px;
        height: 75px;
    }
    .features-inner .item-body{
        width: 100%;
    }
}
/*********************features-section***********./*/


/**********************about-section*********************/
.about-inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    position: relative;
    grid-gap: 100px;
    
}
.about-section{
    position: relative;
    padding: 80px 0 40px;
}
.about-section h2{
    text-align: left;
    margin-bottom: 15px;
    font-weight: 800;
    color: #2B4258;
}
.about-section .subtitle{
    font-size: 24px;
    line-height: normal;
}
.about-header{
    margin-bottom: 40px;
}
.about-body{
    position: relative;
    font-size: 20px; /* ======= 18px */
    line-height: 1.2em;
}
.about-body .text {
    margin-bottom: 40px;
    font-size: 19px; /* ======= 15px */
    line-height: 1.7; /* ======= .1.7 */
    letter-spacing: .0em; /* ======= .03em */
    color: #444; /* ======= #000000 */
}
.about-section .content{
    padding-right: 70px;
    padding-bottom: 50px;
    order: 2;
    position: relative;
}

.about-section .img-wrap{
    overflow: hidden;
    height: 100%;
    max-height: 600px;
}
.about-section .img-wrap img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.about-section .more{
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: .03em;
    color: inherit;
    transition: color .4s;
}
.about-section .more::after {
    content: "";
    display: block;
    width: 63%;
    height: 2px;
    margin-top: 8px;
    background-color: #A2BAD6;
    border-bottom: 1px solid #A2BAD6;
    -webkit-transition: width .4s;
    transition: width .4s;
}
.about-section .more:focus::after, .about-section .more:hover::after {
    width: 100%;
}
.about-img-wrap{
    position: relative;
}
.about-img-wrap .img-wrap:nth-child(2){
    position: relative;
    top: -60px;
    width: 90%;
    right: -120px;
    border: 20px solid #fff;
}
.about-img-wrap .rating{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 200px;
    background: #fff;
    padding: 10px;
    padding-left: 0;
    padding-top: 0;
}

.about-img-wrap .title{
    font-weight:bold;
    padding-left: 4px;
}
.about-img-wrap  .num{
    color: #2b4258;
    padding-right: 2px;
}
@media (max-width: 1200px){
   .about-inner{
       display: flex;
       flex-direction: column-reverse;
       grid-gap: 50px;
   }
   .about-img-wrap{
       width: 60vw;
   }
   .about-section{
       padding-top: 50px;
   }
    .about-section .img-wrap:nth-child(1){
        border-bottom: 2vw solid #fff;
    }
   .about-img-wrap .img-wrap:nth-child(2){
        margin-top: -10vw;
        width: 100%;
        right: -35vw;
        border: 2vw solid #fff;
        border-bottom: 0;
        border-right: 0;
   }
   .about-section .img-wrap:nth-child(1):before{
        position: absolute;
        content: '';
        width: 30vw;
        height: 30vw;
        display: block;
        top: -10%;
        background-size: 100%;
        right: -35vw;
        background-image: url(/images/site/logo-dark.png);
        background-repeat: no-repeat;
        opacity: 0.1;
        display: none;
   }
   .about-section .img-wrap:nth-child(1):after{
        position: absolute;
        content: '';
        width: 70vw;
        height: 44vw;
        display: block;
        top: 10vw;
        border: 2vw solid #2b4258;
        left: 11vw;
        z-index: -1;
        opacity: 0.1;
        border-radius: 0;
    }
   }
   .about-section{
       padding-bottom: 0;
   }
}
@media (max-width: 991px){
    .about-inner{
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .about-header{
        margin-bottom: 20px;
    }
    .about-body .text{
        margin-bottom: 20px;
    }
    .about-section h1{
        font-size: 40px;
    }
    .about-section .content{
        padding-right: 0;
    }
    .about-section .subtitle{
        font-size: 24px;
    }
    .about-section .text{
        letter-spacing: 0;
        line-height: 1.4em;
    }
}
@media (max-width: 767px) {
    .about-section .button{
        left: calc(50% - 67px);
    }
    .about-section .more{
        position: relative;
    }
    .about-section .content{
        padding-bottom: 0;
        padding-right: 0;
    }    
    
}
@media (max-width: 467px) {
    .about-section{
        padding-top: 40px;
    }
    .about-section .subtitle {
        font-size: 20px;
    }
    .about-header{
        margin-bottom: 20px;
    }
    .about-body .text{
        font-size: 13px;
        margin-bottom: 20px;
    }
    .about-section h1{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .about-section .subtitle{
        font-size: 20px;
    }
    .about-section .img-wrap:nth-child(1):after{
        border: 2vw solid #2b4258;
    }
    .about-img-wrap{
        width: 80vw;
    }
    .about-img-wrap .img-wrap:nth-child(2){
        right: -15vw;
        margin-top: 0;
    }
    .about-section .img-wrap:nth-child(1):after{
        width: 82vw;
        height: 50vw;
        top: 25vw;
        border: 1.5vw solid #2b4258;
        left: 7vw;
    }
    .about-inner{
        grid-gap: 40px;
    }
}
@media (max-width: 375px) {
    
    
}
/**********************about-section*********************./*/

/*rooms-wrapper*/
.section-title h2, .section-title h3{
    text-align: left;
    margin-bottom: 40px;
    font-weight: 400;
    color: #2B4258;
    font-size: 42px;
    margin-top: 0;
	 text-align: center;
}
.rooms-wrapper{
    padding: 40px 0;
}
.room-template .rooms-wrapper{
    padding: 80px 0 100px;
}
.rooms-slider > .item:not(:first-of-type){
    display: none;
}
.rooms .item-content{
    margin-right: -27%;
    z-index: 1;
    background: #e7e7e7e8;
    padding: 60px;
    width: 50%;
    position: relative;
}
.rooms .item-img{
/*    width: 1029px; */
															 width: auto;
    height: auto;
    aspect-ratio: 2/1;
}
.rooms .item-title{
    font-size: 40px;
    margin-bottom: 20px;
    color: #2B4258;
    font-weight: bold;
}
.rooms .item-text{
    font-size: 19px;
    margin-bottom: 30px;
    line-height: 1.6;
}
.rooms .item{
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
}
.rooms.rooms-slider .item{
    margin-bottom: 0px;
}
.rooms .item-bottom{
    display: flex;
    justify-content: space-between;
}
.rooms .item-bottom span{
    font-size: 30px;
    color: #2B4258;
    font-weight: bold;
}
.rooms .item-price{
    font-size: 22px;
    color: #2b4258;
}
.rooms .button{
    padding: 5px 20px;
	 color: #4a4a4a;
}
.rooms .button svg{
    width: 40px;
    height: 30px;
}
.rooms .button path{
    transition: all 200ms ease-out;
	 stroke: #4a4a4a;
}
.rooms .button:hover path{
    stroke:#445669;
}
.rooms-outer{
    position: relative;
}
.rooms-wrapper .slick-prev{
	/* ======= 
    left: auto !important;
    right: 70px!important;
    top: 0 !important;
	 */
    left: 0px !important;
    right: auto!important;
    top: 40px !important;
    border-radius: 0;
    transform: none !important;
    border: 3px solid #2b4258!important;
    z-index: 10;
    width: 50px;
    height: 50px;
    transition: all 200ms ease-out;
}

.rooms-wrapper .slick-next{
    left: auto !important;
    right: 0px!important;
    top: 40px !important;
    border-radius: 0;
    transform: none !important;
    border: 3px solid #2b4258!important;
    z-index: 10;
    width: 50px;
    height: 50px;
    transition: all 200ms ease-out;
}
.rooms-wrapper .slick-prev:before,
.rooms-wrapper .slick-next:before{
    border-color:#2b4258;
    top: 15px;
    left: 18px;
    height: 14px;
    width: 14px;
    position: absolute;
}
.rooms-wrapper .slick-prev:before{
    transform: rotate(225deg);
    left: 17px;
}
.slick-prev:hover,
.slick-next:hover{
    border-color:#9eb5d0 !important;
    transition: all 200ms ease-out;
}
.slick-prev:hover:before,
.slick-next:hover:before{
    border-color:#9eb5d0 !important;
    transition: all 200ms ease-out;
}
.rooms-wrapper .slick-next:before{
    transform: rotate(45deg);
    left: 13px;
}
.rooms-inner{
    position: relative;
}
.rooms-slider .item, .rooms .item{
	display:flex;
    flex-direction: column-reverse;
}
/*
.rooms.rooms-slider .item:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 40px);
	height: calc(100% - 60px);
	border: 2px solid #fff;
	display: block;
	margin: 20px;
	z-index: 2;
}
*/
.rooms .item .item-img .room-a-href:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 40px);
	height: calc(100% - 60px);
	border: 2px solid #fff;
	display: block;
	margin: 20px;
	z-index: 2;
}

.rooms-slider .item-content, .rooms .item-content{
    width: 100%;
    margin-right: 0;
    padding: 30px 30px 80px;
    height: 100%;
    background: #f3f3f3;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.rooms-slider .item-img, .rooms .item-img{
    width: 100%;
}
.rooms-slider .item, .rooms .item{
    margin: 0 5px;
    height: auto;
    justify-content: flex-end;
}
.rooms-slider {margin: 0 -5px;}

		.rooms-template .rooms {margin: 0 -10px 0 10px;}
		.rooms-template .rooms .item {margin: 0 10px;}

		.rooms-slider .item-title, .rooms .item-title{
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 0;
}
.rooms-slider .item-text, .rooms .item-text{
    font-size: 19px; /* ======= 16px*/
    margin-bottom: 0;
}
.rooms-slider .item-text p{
    margin-bottom: 0;
}
.rooms-slider .item-bottom, .rooms .item-bottom{
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 20px;
    z-index: 3;
} 
.rooms-slider .button:hover, .rooms .button:hover{
    background: #f3f3f3;
}
.rooms-slider .item-price, .rooms .item-price{
    font-size: 18px;
    margin-bottom: 10px;
    position: absolute;
    left: 0;
    top: 0;
    color: #ffffff;
    background: #2b4258;
    padding: 10px;
    margin-bottom: 0;
    z-index: 3;
}
.rooms-slider .item-price span, .rooms .item-price span{
    font-size: 22px;
}
.rooms-slider .item-bottom span, .rooms .item-bottom span{
    font-size: 30px;
}
.rooms-slider .slick-track{
    display: flex;
}
.rooms-slider .item-img{
    height: 242px; aspect-ratio: auto;
}
						.rooms-template .rooms .item-img img {
							width:100%;
							aspect-ratio: 3/2;
							object-fit:cover!important;
							min-height:420px;
						}
											.rooms-template .rooms {
												display: flex;
												flex-direction: row;
												flex-wrap: wrap;
												width: 100%;
											}
												.rooms-template .rooms .item {flex-direction: column; width: 48%; margin-bottom: 20px;}
													.rooms-template .rooms .item-content {width:100%; order: 2; margin-top: -140px;}
.index-template .rooms-wrapper .slick-next:hover:before,
.index-template .rooms-wrapper .slick-next:focus:before,
.action-slider .slick-next:hover:before,
.action-slider .slick-next:focus:before{
    border-color: #a2bad6 !important;
    transition: all 200ms ease-out;
}
@media (min-width: 1200px) {.rooms-template .rooms .item-img img {min-height:540px;}}
@media (max-width: 1030px) {/*.rooms-template .rooms .item {flex-direction: column; width: 100%;}*/ 
	.rooms-template .rooms .item {width:47%;}
}
@media (max-width: 991px) {
    .section-title h2, .section-title h3{
        margin-bottom: 30px;
    }
     .rooms-wrapper{
        padding: 40px 0;
    }
    .rooms .item{
        flex-direction: column;
    }
    .rooms .item-content{
        width: 90%;
        margin: 0;
        order: 2;
        margin-top: -140px;
    }
    .rooms-slider .item-content{
        width: 100%;
        margin-top: 0;
    }
	.rooms .item-title{
	    font-size: 30px;
	    margin-bottom: 10px;
	}
	.rooms-slider .item-title{
        font-size: 25px;
        margin-bottom: 15px;
	}
	.rooms .item-text{
        font-size: 18px;
        line-height: 28px;
	}
	.rooms-slider .item-text{
        font-size: 16px;
        margin-bottom: 0;
	}
	.rooms .item-price{
        font-size: 20px;
	}
	.rooms-slider .item-price{
        font-size: 20px;
	}
	.rooms .item-bottom span{
	    font-size: 30px;
	}
	.rooms .button{
        font-size: 15px;
        line-height: normal;
	}
	.rooms .item-img{
	 width: 100%;   
	}
}
@media (max-width: 767px) {
	.rooms-template .rooms .item {width:46%;}
	.rooms-template .rooms .item-img img {min-height:390px;}
    .section-title h2, .section-title h3{
        font-size: 40px;
    }
    .rooms .item-content{
        margin-top: 0;
        width: 100%;
    }
    .rooms-wrapper .slick-prev{
        right: 50px!important;   
    }
     .rooms-wrapper .slick-prev, .rooms-wrapper .slick-next{
        width: 40px;
        height: 40px;
    }
    .rooms-wrapper .slick-prev:before, .rooms-wrapper .slick-next:before{
        top: 10px
    }
    .rooms-wrapper .slick-prev:before{
        left: 13px;
    }
    .rooms-wrapper .slick-next:before{
        left: 8px;
    }
}
@media (max-width: 600px) {
	.rooms-template .rooms {margin: 0;}
    .rooms-wrapper .slick-prev{
        top: auto !important;
        bottom: -60px !important;
        right: auto !important;
    }
    .rooms-wrapper .slick-next{
        top: auto !important;
        bottom: -60px !important;
        left: 50px !important;
        right: auto !important;
    }
    .rooms-wrapper{
        padding-bottom: 60px;
    }
    .section-title h2, .section-title h3{
        margin-bottom: 20px;
    }
}
@media (max-width: 530px) {.rooms-template .rooms .item {width: 100%;}}
@media (max-width: 500px) {
    .rooms .item-bottom{
        flex-direction: column;
        grid-gap: 10px;
    }
    .rooms .button{
        justify-content: center;
    }
    .rooms .item-content{
        padding: 45px;
    }
    .rooms .item-title{
        font-size: 23px;
        line-height: normal;
    }
    .rooms .item-text{
        font-size: 15px;
        line-height: 22px;
    }
    .rooms .item-price{
        font-size: 16px;
    }
    .rooms .item-bottom span{
        font-size: 25px;
    }
    .rooms .item-text{
        margin-bottom: 10px;
    }
    .rooms-slider .item-content{
        padding: 30px 30px 80px;
    }
}
@media (max-width: 600px) {
    .rooms-wrapper{
        padding-bottom: 80px;
    }
}
@media (max-width: 400px) {
    .rooms .item-content{
        padding: 30px;
    }
    .section-title h2, .section-title h3{
        font-size: 30px;
    }
    .rooms.rooms-slider .item:before{
        margin: 10px;
    }
    .rooms.rooms-slider .item:before{
        width: calc(100% - 20px);
        height: calc(100% - 48px);
    }
    .rooms .item-content{
        padding: 20px 20px 70px;
    }
}
/*rooms-wrapper./*/

/*cafe-section*/
.cafe-slider-thumb-outer{
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
.cafe-slider-thumb-inner{
    
}
.cafe-wrapper{
    display: flex;
}
.cafe-slider{
    width: 55%;
}
.cafe-section .subtitle{
    font-size: 24px;
    line-height: normal;
}
.cafe-header{
    margin-bottom: 40px;
}
.cafe-section h2{
    text-align: left;
    margin-bottom: 15px;
    font-weight: 800;
    color: #2B4258;
}
.cafe-content .text {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: .03em;
}
.cafe-content{
    width: 45%;
    padding-right: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.cafe-section{
    padding: 40px 0;
}
.cafe-section .item{
    position: relative;
}
.cafe-slider-main .item{
    height: auto;
    aspect-ratio:957/637;
}
.cafe-slider-thumb-inner .item{
    height: auto;
    aspect-ratio:306/203;
}
.cafe-slider-main .img-wrap{
}
.cafe-slider-thumb .item{
    margin: 0 10px;
    opacity:0.5;
}
.cafe-slider-thumb .item.slick-current{
    opacity:1;
}
.cafe-slider-thumb{
    margin: 0px -10px;
}
.cafe-section .plus{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 47%);
    display: flex;
    align-items: center;
    justify-content: center;
    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;
}
.cafe-section .plus svg{
    width: 50px;
    height: 50px;
    fill: #fff;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.cafe-section .item:hover .plus{
    opacity: 1;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.cafe-section .item:hover .plus svg{
    transform: scale(1.3);
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.cafe-section .more{
    display: inline-block;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: .03em;
    color: inherit;
    transition: color .4s;
}
.cafe-section .more::after {
    content: "";
    display: block;
    width: 63%;
    height: 2px;
    margin-top: 8px;
    background-color: #A2BAD6;
    border-bottom: 1px solid #A2BAD6;
    -webkit-transition: width .4s;
    transition: width .4s;
}
.cafe-section .more:focus::after, .cafe-section .more:hover::after {
    width: 100%;
}
.cafe-section .slick-next{
    transform: none!important;
    right: 0px!important;
    top: calc(50% - 25px);
    z-index: 1;
    background: #ffffffa3;
    height: 50px;
    width: 50px;
}
.cafe-section .slick-next:hover, .cafe-section .slick-prev:hover{
    background: #2b42588a;
}
.cafe-section .slick-next:hover:before, .cafe-section .slick-prev:hover:before{
    border-color:#fff !important;
}
.cafe-section .slick-next:before{
    transform: rotate(45deg);
    height: 20px;
    width: 20px;
    margin-left: 11px;
    border-color:#2B4258;
}
.cafe-section .slick-prev{
    transform: none!important;
    left: 0px!important;
    top: calc(50% - 25px);
    z-index: 1;
    background: #ffffffa3;
    height: 50px;
    width: 50px;
}
.cafe-section .slick-prev:before{
    transform: rotate(225deg);
    height: 20px;
    width: 20px;
    margin-left: 18px;
    border-color:#2B4258;
}

@media (max-width: 1350px) {
    .cafe-content .text{
        font-size: 1.4vw;
        margin-bottom: 20px;
    }
     .cafe-content .text p{
         margin-bottom: 10px;
     }
     .cafe-content{
        padding-right: 4vw;
        position: relative;
        top: -60px;
     }
     .cafe-section .subtitle{
         font-size: 1.8vw;
     }
     .cafe-header{
         margin-bottom: 2vw;
     }
     .cafe-section {
        padding-top: 60px;
        padding-bottom: 0;
    }
}
@media (max-width: 991px) {
    .cafe-content .text{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .cafe-section h2{
        margin-bottom: 15px;
    }
    .cafe-wrapper{
        flex-direction: column;
        grid-gap: 40px 0;
    }
    .cafe-section .subtitle{
        font-size: 24px;
    }
    .cafe-slider{
        width: 100%;
        margin-bottom: 30px;
    }
    .cafe-content{
        width: 100%;
        padding: 0;
        top: 0;
    }
    .cafe-section{
        padding-top: 20px;
    }
}
@media (max-width: 767px) {
    .cafe-header {
        margin-bottom: 40px;
    }
}
@media (max-width: 500px) {
    .cafe-slider-thumb .item{
        margin: 0 5px;
    }
    .cafe-slider-thumb{
        margin: 0px -5px;
    }
    .cafe-slider-thumb-outer{
        margin-top: 10px;
    }
    .cafe-section .slick-next{
        height: 30px;
        width: 30px;
        top: calc(50% - 15px);
        right: 5px!important;
    }
     .cafe-section .slick-prev{
        height: 30px;
        width: 30px;
        top: calc(50% - 15px);
        left: 5px!important;
     }
    .cafe-section .slick-next:before{
        height: 10px;
        width: 10px;
        border-top: 2px solid #2B4258;
        border-right: 2px solid #2B4258;
        margin-left: 9px;
    }
    .cafe-section .slick-prev:before{
        height: 10px;
        width: 10px;
        border-top: 2px solid #2B4258;
        border-right: 2px solid #2B4258;
        margin-left: 12px;
    }
}
@media (max-width: 467px) {
    .cafe-section .subtitle {
        font-size: 20px;
    }
    .cafe-body .text {
        font-size: 13px;
    }
    .cafe-header {
        margin-bottom: 5vw;
    }
}
/*cafe-section./*/
/*action-wrapper*/
.action-slider > .item:not(:first-of-type){
    display: none;
}
.action-wrapper{
    padding: 80px 0;   
}
.action{
    position: relative;
}
.action .slick-track{
    display: flex;
}
.action .item{
    display: flex;
    background: #FFF8EB;
    margin-bottom: 40px;
    height: auto;
}
.action-slider .item{
    margin-bottom: 0;
}
.action .item-img{
    width: 50%;
}
.action .item-img img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.action .item-content{
    width: 50%;
    padding: 70px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.action .item-title{
    font-size: 30px;
    line-height: normal;
    margin-bottom: 20px;
    font-weight: bold;
    color: #2B4258;
}
.action .item-text{
    font-size: 19px; /* ======= 16px */
    margin-bottom: 50px;
    line-height: 1.5;
    color: #4a4a4a;
}
.action .item-bottom{
    display: flex;
}
.action .slick-next{
    right: 20px!important;
}
.action .slick-prev{
    left: 20px!important;
}
.action .slick-prev:before, .action .slick-next:before{
    border-color:#2B4258;
}
						.action-wrapper .slick-dots {bottom:-50px!important;}

.action-wrapper .section-title h2{
    text-align: center;
}
.inner-template .action-wrapper{
    padding: 0px 0 80px;
}
.base-template .action-wrapper{
    padding: 40px 0;
}
@media (max-width: 1500px) {
    .action .slick-prev, .action .slick-next{
/*        display: none !important; */
    }
}
@media (max-width: 991px) {
    .action-wrapper {
        padding: 40px 0;
    }
    .action .item-title{
        font-size: 23px;
        margin-bottom: 10px;
    }
    .action .item-text{
        font-size: 12px;
        margin-bottom: 20px;
    }
    .action .item-content{
        padding: 30px;
    }
    .action  .button{
        font-size: 14px;
        line-height: normal;
    }
}
@media (max-width: 600px) {
    .action .item{
        flex-direction: column;
    }
    .action .item-img{
        width: 100%;
        height: 300px;
    }
    .action .item-img img{
        max-height: 100%;
    }
    .action .item-content{
        width: 100%;
    }
    .action .item-title{
        text-align: center;
    }
    .action .item-text{
        text-align: center;
    }
    .action .item-bottom{
        justify-content: center;
    }
}
@media (max-width: 400px) {
    .action .item-img{
        height: 190px;
    }
    .action .item-content{
        padding: 30px 15px;
    }
    
}
/*action-wrapper./*/
/*entertainment*/
.entertainment-inner{
    display: grid;
    grid-gap:20px;
    grid-template-columns:1fr 1fr 1fr;
}
.entertainment-inner .item:first-child{
    grid-column: 1/2;
    grid-row: 1/3;
    height: 620px;
}
.entertainment-inner .item{
    position: relative;
    height: 300px;
}
.entertainment-inner .item .item-text{
    color: #444; /* ======= #000 */
    opacity: 0;
    height: 0;
    font-weight: 0; /* ======= 400 */
    font-size: 19px; /* ======= 14px */
    line-height: 1.3;
    letter-spacing: .03em;
    transition: all 200ms ease-out;
    position: absolute;
    top: 0;
}
.entertainment-inner .item:first-child .item-body{
    top: 510px;
}
.entertainment-inner .item-body{
    position: absolute;
    top: 190px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 40px 30px 35px;
    background-color: transparent;
    transition: top .3s linear,background-color .3s, all 200ms ease-out;
}
.entertainment-inner .item-img{
    height: 100%;
    position: relative;
}
.entertainment-inner .item-img img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.entertainment-inner .item-title{
    font-weight: 400;
    font-size: 22px;
    line-height: normal;
    letter-spacing: .03em;
    color: #fff;
    transition: all 200ms ease-out;
    margin-bottom: 0px;
    position: relative;
    margin: 0;
}
.entertainment-inner .item .item-title:before{
    content: '';
    height: 2px;
    display: block;
    background: #2b4258;
    position: absolute;
    bottom: -17px;
    width: 60px;
    opacity: 0;
}
.entertainment-inner .item-img:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 50%, #222d38 100%);
}
.entertainment-inner .more{
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 40px;
    opacity: 0;
}
.entertainment-inner .more:before{
    content: '';
    display: block;
    position: absolute;
    color: #fff;
    font-size: 23px;
    border-bottom: 1px solid #222d38;
    border-right: 1px solid #222d38;
    transition: all 200ms ease-out;
    width: 15px;
    height: 15px;
    transform: rotate(315deg);
    top: 8px;
    left: 11px;
}
.entertainment-inner .more:after{
    content: '';
    border-bottom: 1px solid #222d38;
    width: 100%;
    height: 1px;
    display: block;
    top: 15px;
    position: absolute;
}
.entertainment-inner .more:hover{
    border-bottom: 1px solid transparent;
    transition: all 200ms ease-out;
}
.entertainment-inner .item:hover .item-body{
    top: 0;
    bottom: 0;
    background-color: #ededed;
    transition: all 200ms ease-out;
}
.entertainment-inner .item:hover .item-title{
    color: #2b4258;
    transition: all 200ms ease-out;
    margin-bottom: 40px;
}
.entertainment-inner .item:hover .item-text{
    opacity: 1;
    height: auto;
    position: relative;
    top: auto;
    transition: all 200ms ease-out;
}
.entertainment-inner .item:hover .item-title:before{
    opacity: 1;
}
.entertainment-inner .item:hover .more{
    opacity: 1;
    transition: all 200ms ease-out;
}
.entertainment-section .more-button{
    display: inline-block;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: .03em;
    color: inherit;
    transition: color .4s;
}
.entertainment-section .more-button::after {
    content: "";
    display: block;
    width: 63%;
    height: 2px;
    margin-top: 8px;
    background-color: #A2BAD6;
    border-bottom: 1px solid #A2BAD6;
    -webkit-transition: width .4s;
    transition: width .4s;
}
.entertainment-section .more-button:focus::after, .entertainment-section .more-button:hover::after {
    width: 100%;
}
.entertainment-section .more-button-wrapper{
    padding-top: 30px;
    display: flex;
    justify-content: flex-end;
}  
.entertainment-section {
    padding: 40px 0 80px;
}
@media (max-width: 1120px) {
    .entertainment-inner .item:hover .item-title{
        margin-bottom: 22px;
    }
    .entertainment-inner .item .item-title:before{
        bottom: -11px;
    }
    .entertainment-inner .more{
        bottom: 27px;
        font-size: 19px;
    }
}
@media (max-width: 991px) {
    .entertainment-inner{
        grid-template-columns: 1fr 1fr;
    }
    .entertainment-section{
        padding: 40px 0;
    }
}
@media (max-width: 767px) {
	.entertainment-inner .item .item-text{
        font-size: 13px;
	}
	.entertainment-inner .item:hover .item-title{
	    margin-bottom: 30px;
	}
	.entertainment-inner .item .item-title:before{
	    bottom: -15px;
	}
	.entertainment-inner .item-title{
	    font-size: 20px;
	}
	.entertainment-inner .item-body{
        top: 190px;
	}
	.entertainment-inner .more{
        font-size: 15px;
	}
	.entertainment-inner .item:first-child .item-body{
	    top: 500px;
	}
	.entertainment-inner .item{
        min-height: 260px;
	}
	.entertainment-inner .item:hover .item-body{
	    top: 0;
	}
	.entertainment-inner{
        grid-gap: 10px;
	}
	.entertainment-inner .item:first-child{
        height: 610px;
	}
}
@media (max-width: 600px) {
    .entertainment-inner .item .item-text{
        font-size: 12px;
    }
    .entertainment-inner .item-title{
        font-size: 17px;
    }
    .entertainment-inner .item-body{
        top: 210px;
    }
    .entertainment-inner .item:first-child .item-body{
        top: 520px
    }
}
@media (max-width: 500px) {
    .entertainment-inner{
        grid-template-columns: 1fr;
    }
    .entertainment-inner .item:first-child{
        height: 240px;
        min-height: 240px;
        grid-row: 1/2;
    }
    .entertainment-inner .item{
        height: 240px;
        min-height: 240px;
    }
    .entertainment-inner .item:first-child .item-body{
        top: 140px;
    }
    .entertainment-inner .item-body{
        top: 140px;
    }
    .entertainment-inner .item:hover .item-body {
        top: 0;
    }
}
/*entertainment./*/
/*services*/
.services-section{
    padding: 40px 0;
}
.services-inner{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}
.services-inner .item-img{
    height: auto;
    aspect-ratio:1/1;
    border-radius:100%;
    overflow: hidden;
    width: 50%;
    margin-bottom: 30px;
}
.services-inner .item-img img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.services-inner h2{
    margin-top: 0;
}
.services-inner .item{
    background: #FFF8EC;
    text-align: center;
	 font-size:19px; /* ======= */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 40px 90px;
    color: #000;
    box-shadow: 0 0 14px #00000014;
    position: relative;
    transition: all 200ms ease-out;
	 border-radius: 20px;
}
.services-inner .item-body{

}
.services-section .more-button{
    display: inline-block;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: .03em;
    color: inherit;
    transition: color .4s;
}
.services-section .more-button::after {
    content: "";
    display: block;
    width: 63%;
    height: 2px;
    margin-top: 8px;
    background-color: #A2BAD6;
    border-bottom: 1px solid #A2BAD6;
    -webkit-transition: width .4s;
    transition: width .4s;
}
.services-section .more-button:focus::after, .services-section .more-button:hover::after {
    width: 100%;
}
.services-section .more-button-wrapper{
    padding-top: 30px;
    display: flex;
    justify-content: flex-start;
}  
.services-inner .more{
    position: absolute;
    bottom: 30px;
    left: calc(50% - 34px);
    font-size: 40px;
    border: 1px solid #d1d1d1;
    height: auto;
    line-height: 10px;
    padding: 0 20px 20px 20px;
    color: #d1d1d1;
    background: transparent;
    transition: all 200ms ease-out;
}
.services-inner .item-text{
    transition: all 200ms ease-out;
}
.services-inner .item:hover{
    background: #2b4258;
    color: #fff;
}
.services-inner .item:hover .item-text{
    color: #fff;
}
.services-inner .more:hover{
    color: #2b4258;
    background: #fff;
    border: 1px solid #2b4258;
}
@media (max-width: 991px) {
    .services-inner {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .services-inner .item{
         padding:40px 20px 90px;
    }
    .services-inner{
        grid-gap: 20px;
    }
}
@media (max-width: 550px) {
    .services-inner{
        grid-template-columns: 1fr;
    }
}
/*services./*/

/* reviews-type1 */
.comment-section{
    background-size: cover;
}
.comment-wrap{
    padding: 80px 0;
    backdrop-filter: brightness(0.8) blur(8px);
}
.comment-inner-slider > .item:not(:first-of-type){
    display: none;
}
.comment-section .slick-dots{
    display: block;
    padding-top: 10px;
    position: relative;
    bottom: 0 !important;
}
.comment-inner .item{
    display: flex;
    height: 100%;
    flex-direction: column;
    background: #FFF8EC;
    padding: 60px;
    box-shadow: 0 0 14px #0000001c;
    margin-bottom: 30px;
	 font-size: 21px;
	 border-radius: 20px;
}
.comment-inner .item .ec-message__reply {
	background: none;
	margin-top: 20px;
	border: 1px solid #7f5a40;
	border-radius: 20px;
	padding: 20px;
}

 
.ec-form .ec-rating-description {font-size: 20px!important;}
.comment-inner .item-title{
    font-size: 30px;
    line-height: normal;
    font-weight: bold;
    color: #2B4258;
}
.comment-inner .date{
    font-size:20px;
    color:#ccc;
}
.comment-inner .item-header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.comment-inner .item-header .item-img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}
.comment-inner .item-header .item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.comment-inner .item-header-info{
    width: calc(100% - 100px);
}
.comment-inner .item-header-info .item-title{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.comment-inner .item-body{
    position: relative;
    background: #F5F5F5;
    padding: 30px;
    border-radius: 5px;
    flex: 1 0 130px;
}
.comment-inner .item-body:before {
    content: "";
    position: absolute;
    left: 89px;
    top: -37px;
    border-left: 1px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 57px solid whitesmoke;
    transform: rotate(-45deg);
}
.comment-inner .item-body-text{
    position: relative;
    background: #F5F5F5;
    font-size: 14px;
    line-height: 1.8;
    z-index: 10;
}

.comment-header{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}
.comment-header .section-title h2, .comment-header .section-title h3{
    margin-bottom: 10px;
    margin-top: 0;
    color:#fff;
}
.comment-header .more{
    display: inline-block;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: .03em;
    color: inherit;
    transition: color .4s;
    color:#fff;
}
.comment-section .slick-dots li.slick-active button:before{
    color: #fff!important;
}
.comment-section .slick-dots li button:hover:before,
.comment-section .slick-dots li button:focus:before{
    color: #ffffff!important;
}
.comment-section .slick-dots li button:before{
    color: #000000 !important;
}
.comment-header .more::after {
    content: "";
    display: block;
    width: 63%;
    height: 2px;
    margin-top: 8px;
    margin-right: auto;
    margin-left: auto;
    background-color: #A2BAD6;
    border-bottom: 1px solid #A2BAD6;
    -webkit-transition: width .4s;
    transition: width .4s;
}
.comment-header .more:focus::after, .comment-header .more:hover::after {
    width: 100%;
}
.comment-section .item-text{
    font-size: 18px;
    margin-top: 25px;
}
.text-rating{
    font-size: 16px;
    color: #2b4258;
    position: relative;
    top: -5px;
}
@media(max-width: 991px){

}
@media(max-width: 767px){
    .ec-rating{
        flex-wrap: wrap;
    }
    .rev-form .ec-rating-stars{
        width: 100%;
        margin-bottom: 10px;
    }
    .comment-inner .item-title{
        font-size: 20px;
    }
    .comment-inner .date{
        font-size: 13px;
    }
    .comment-section .item-text{
        font-size: 14px;
        margin-top: 15px;
    }
}
@media(max-width: 500px){
    .comment-inner .item{
        padding: 20px;
    }
}
@media(max-width: 400px){
    .comment-section .slick-dots{
        padding-top: 20px;
    }
    .slick-dots li button:before{
        font-size: 15px!important;
    }
    .slick-dots li{
        margin: 0 4px!important;
    }
    .comment-header .more{
        font-size: 16px;
        line-height: 16px;
    }
    .comment-header .section-title h2, .comment-header .section-title h3{
        margin-bottom: 15px;
    }
    .comment-inner .item-header{
        margin-bottom: 10px;
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /. reviews-type1 */

/*form-wrapper*/
.form-wrapper{
    background-size: cover;
    background-position: center;
    position: relative;
    background-attachment: fixed;
}
.form-inner{
    padding: 80px 0;
}
.form-wrapper h2{
    color: #fff;
}
.form-wrapper .section-title h2{
    font-size: 45px;
    z-index: 1;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}
.form-wrapper form{
    z-index: 1;
    position: relative;
}
.form-wrapper .form{
    background: #2b4258cf;
    padding: 80px;
    backdrop-filter: blur(5px);
    border-radius: 10px;
    width: 50%;
}
.form:before{
    content:'';  
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #2b4258b5 10%, #2b4258 100%);
    top: 0;
    left: 0;
    border-radius: 10px;
    display: none;
}
.form-wrapper .form-grid{
    display: grid;
    grid-gap: 15px;
}
.form-wrapper .form-group{
    margin-bottom: 0;
}
.form-wrapper .form-control{
    margin-bottom: 0;
    height: 44px;
    font-size: 15px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    border-radius: 0px;
    padding: 0;
}
.form-wrapper textarea.form-control{
    padding-top: 10px;
    min-height: 70px;
}
.form-wrapper .form-control:focus{
    box-shadow: none;
}
.form-wrapper .form-control::-moz-placeholder{
    color: #fff;
}
.form-wrapper .form-control::-ms-input-placeholder{
    color: #fff;
}
.form-wrapper .form-control::-webkit-input-placeholder{
    color: #fff;
}
.form-wrapper .agreement input+label:before{
    border: 1px solid #ffffff;
    width: 15px;
    height: 15px;
}
.form-wrapper .agreement input:checked+label:before{
    background: url(../images/check-white.svg) 0 0 no-repeat;
    background-size: 10px;
    background-position: center;
}
.form-wrapper .agreement{
    margin-bottom: 30px;
    font-size: 16px;
    margin-top: 30px;
}
.form-wrapper .agreement label{
    color: #fff;
    padding-left: 25px;
}
.form-wrapper .agreement label a{
    color: #fff;
}
.form-wrapper .section-subtitle{
    color: #fff;
    z-index: 1;
    position: relative;
    font-size: 21px;
    text-align: center;
    width: 60%;
    margin: 0 auto 30px;
}
.form-wrapper .button{
    background: #fff;
    border: 1px solid #fff;
    color: #2b4258;
    font-weight:600;
    margin: 0 auto;
    box-shadow: 0 0 13px #2b425875;
    animation: btnpulse 3s infinite;
}
@-webkit-keyframes btnpulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 20px rgba(255,255,255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
}
@keyframes btnpulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 1);
    box-shadow: 0 0 0 0 rgba(255,255,255, 1);
  }
  70% {
      -moz-box-shadow: 0 0 0 20px rgba(255,255,255, 0);
      box-shadow: 0 0 0 20px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0.4);
  }
}
.form-wrapper .button:hover{
    box-shadow: 0 0 13px #fff;
    background: transparent;
    color: #fff;
    
}
@media (max-width: 1380px) {
    .form-wrapper .form{
        width: 640px;
    }
    .form-wrapper .section-subtitle{
        width: 90%;
    }
}
@media (max-width: 991px) {
    .form-wrapper .form{
        width: 100%;
    }
    .form-wrapper{
        background-size: cover;
    }
    .form-wrapper .section-title h2 {
        margin-bottom: 30px;
    }
}
@media (max-width: 600px) {
    .form-wrapper .section-title h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .form-wrapper .section-subtitle{
        font-size: 17px;
        margin-bottom: 10px;
    }
    .form-wrapper .form{
        padding: 50px;
    }
}
@media (max-width: 400px) {
    .form-wrapper .section-title h2{
        font-size: 25px;
        margin-bottom: 10px;
    }
    .form-wrapper .section-subtitle{
        font-size: 13px;
        width: 100%;
    }
    .form-wrapper .form-grid{
        grid-gap: 0;
    }
    .form-wrapper .form-control{
        font-size: 12px;
    }
    .form-wrapper .agreement{
        font-size: 13px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
}
@media (max-width: 375px) {
    .form-wrapper .form{
        padding: 50px 30px;
    }
    .form-wrapper .button{
        font-size: 14px;
        line-height: normal;
        padding: 6px 20px;
    }
}
/*form-wrapper./*/

/*contacts-inner*/
.contacts-section{
    margin-bottom: 110px;
    padding: 80px 0 40px;
}
.about-template .contacts-section{
    padding: 80px 0 50px;
}
.contacts-section .contacts-inner{
    display: flex;
}
.contacts-section .contacts{
/*    background: #2b4258;
    color: #fff; */
    padding: 100px 140px 70px 140px;
    font-size: 28px;
    display: flex;
    flex-direction: column;
    grid-gap: 50px;
    font-weight: 300;
    top: 90px;
    margin-right: -100px;
    width: 60%;
    position: relative;
}
.contacts-section .map-wrapper{
    width: 50%;
    z-index: 1;
	 margin-top: 140px;
}
.contacts-section .contacts a{
/*    color: #fff; */
}
.contacts-section .contacts a:hover{
    color: #a2bad6;
}
.contacts-section .item-phone, .contacts-section .item{
    display: grid;
    grid-template-columns:40px 1fr;
    grid-gap:20px;
}
.contacts-section svg{
    width: 40px;
    height: 40px;
    position: relative;
	 color: #333;
}
.contacts-section .contacts-inner .item-contacts path {fill:#4a4a4a!important;}
.contacts-section .item-address svg{
    width: 44px;
    height: 44px;
}
.contacts-section .item-phones{
    display: flex;
    flex-direction: column;
    grid-gap: 0;
}
.contacts-section .section-title h2{
    margin-bottom: -60px;
}
@media (max-width: 1259px) {
    .contacts-section .contacts{
        padding: 70px 130px 70px 70px;
        width: 60%;
        font-size: 23px;
        grid-gap: 50px;
    }
    .contacts-section .map-wrapper{
        width: 50%;
    }
    .contacts-section .item-address svg{
        width: 34px;
        height: 34px;
    }
    .contacts-section svg{
        width: 30px;
        height: 30px;
    }
}
@media (max-width: 991px) {
    .about-template .contacts-section{
        padding: 40px 0;
    }
    .contacts-section{
        margin-bottom: 20px;
        padding: 40px 0;
    }
    .contacts-section .contacts-inner{
        flex-direction: column;
        position: relative;
    }
    .contacts-section .contacts{
        width: 400px;
        margin: 0;
        top: 20px;
        left: 20px;
        grid-gap: 20px;
        position: absolute;
        z-index: 10;
        padding: 40px;
        font-size: 17px;
        grid-gap: 10px;
    }
    .contacts-section .map-wrapper{
        width: 100%;
    }
    .contacts-section .map-wrapper iframe{
        height: 400px;
    }
    .contacts-section .item-phone, .contacts-section .item{
        grid-gap: 10px;
        grid-template-columns: 20px 1fr;
    }
    .contacts-section .item-address svg{
        width: 24px;
        height: 24px;
    }
    .contacts-section svg{
        width: 20px;
        height: 20px;
    }
    .contacts-section .section-title h2{
        margin-bottom: 30px;
    }
}
@media (max-width: 767px) {
    .contacts-section .contacts{
        width: 100%;
        margin: 0;
        top: 0;
        left: 0;
        position: relative;
        order: 2;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        font-size: 15px;
    }
    .contacts-section .item-phone, .contacts-section .item{
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
}
@media (max-width: 600px) {
    .contacts-section .contacts{
        grid-template-columns: 1fr;
        padding: 30px 0px 0;
        grid-gap: 20px;
        font-size: 18px;
        background: transparent;
        color: #000;
    }
    .contacts-section .item-address svg{
        width: 24px;
        height: 24px;
    }
    .contacts-section svg{
        width: 20px;
        height: 20px;
    }
    .contacts-section .contacts a{
        color: #000;
    }
    .contacts-section .item-address svg{
        fill: #2b4258 !important;
    }
    .contacts-section .item-phones svg path{
        fill: #2b4258 !important;
    }
    .contacts-section .item:nth-child(3) svg path{
        stroke: #2b4258 !important;
    }
    .contacts-section .item-phone, .contacts-section .item{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        text-align: left;
    }
}
/*contacts-inner./*/


/*********************features-room-section************/

.features-room-inner{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0px;
    align-items: center;
    padding-top: 40px;
    width: calc(100% - 440px);
}
.features-room-inner .item{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.features-room-inner .item-img img{
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
}
.features-room-inner .item-title{
    font-size: 15px;
    color: #000000;
}

@media (max-width: 991px) {

}
@media (max-width: 767px) {

}
@media (max-width: 500px) {
    .features-room-inner .item-title{
        font-size: 12px;
    }
}
/*********************features-room-section***********./*/


/*room-template*/
.reservation-button{
    display: flex;
    width: 440px;
    height: 200px;
    align-items: center;
    justify-content: center;
    background: #a2bad6;
    z-index: 1;
    top: -60px;
    position: relative;
}
.reservation-button .button{
    padding: 15px 30px;
    background: #2B4258;
    border: 1px solid #2B4258;
    color: #fff;
    box-shadow: 0 0 13px #fff;
    animation: btnpulsemodule 3s infinite;
    font-weight:600;
}

.reservation-button .button:hover{
    box-shadow: 0 0 13px #fff;
    background: transparent;
    color: #2B4258;
}
.room-template .big-slider-img-wrap{
    margin-bottom: 0;
}
.bottom-slider{
    display: flex;
    position: relative;
    align-items: flex-start;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
    .bottom-slider{
        margin-bottom: 40px;
    }
}
@media (max-width: 500px) {
}
/*room-template./*/


/*textblocks*/
.textblocks .item{
    display: flex;
    justify-content: space-between;
    grid-gap: 40px;
    align-items: center;
    font-size: 20px;
    margin-bottom: 50px;
}
.textblocks .item:nth-child(2n+1) .item-img{
    order:0;
}
.textblocks .item:nth-child(2n) .item-body{
    order:2;
}
.textblocks .item-body{
    width: 50%;
}
.textblocks .item-img{
    width: 50%;
}
.textblocks{
    margin-bottom: 30px;
}
.content ul{
    list-style-type: none;
}
.content ul li{
    padding: 10px 0;
    position: relative;
}
.textblocks .item-title, .textblocks .item-title h2, .textblocks .item-title h3{
    color: #2b4258;
    font-size: 30px;
    margin-bottom: 30px;
}
.content ul li:before{
    content: '';
    width: 20px;
    height: 1px;
    display: block;
    position: absolute;
    left: -40px;
    top: 25px;
    background: #a2bad6;
}
@media (max-width: 1350px) {
    .textblocks .item{
        margin-bottom: 2vw;
        grid-gap: 3vw;
        font-size: 1.3vw;
    }
    .content ul li:before{
        top: 1.4vw;
    }
    .textblocks .item-title, .textblocks .item-title h2, .textblocks .item-title h3{
        margin-bottom: 1vw;
    }
    .content ul li{
        padding: 0.3vw 0;
    }
}
@media (max-width: 991px) {
    .textblocks .item-title, .textblocks .item-title h2, .textblocks .item-title h3{
        font-size: 2.5vw;
    }
    .textblocks .item{
        font-size: 13px;
    }
    .textblocks .item:nth-child(2n+1) .item-img{
        order:2;
    }
    .textblocks .item:nth-child(2n) .item-body{
        order:0;
    }
    .textblocks .item{
        flex-direction: column;
        margin-bottom: 30px;
    }
    .textblocks .item-img{
        width: 100%;
    }
    .textblocks .item-body{
        width: 100%;
    }
}
@media (max-width: 600px) {
    
    .textblocks .item-title, .textblocks .item-title h2, .textblocks .item-title h3{
        font-size: 20px;
    }
    .textblocks .item{
        font-size: 14px;
    }
}
/*textblocks./*/
.reservation-section{
    display: flex;
    justify-content: space-between;
    padding: 90px 0;
    grid-gap: 50px;
}
.reservation-section .module{
    background: #fff;
    position: relative;
    font-size: 35px;
    font-weight: bold;
    color: #2b4258;
    width: calc(100% - 335px - 25px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.reservation-section .title{
    font-size:40px;
    width: calc(335px - 25px);
    position: relative;
    z-index: 1;
}
.reservation-section .title:before{
    content: '';
    width: 100%;
    width: calc(100% - 20px);
    height: 17px;
    position: absolute;
    top: calc(50% - 26px);
    left: 0;
    z-index: -1;
    background: #a2bad6;
    
}
.reservation-section .module-inner{
    border: 1px solid #2b4258;
    background: #2b4258;
    width: 100%;
    text-align: center;
    animation: btnpulsemodule 3s infinite;
}
.reservation-section .module-inner{
    
}

@media (max-width: 1300px){
     .bottom-slider{
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .features-room-inner{
        width: 100%;
        padding: 0;
        position: relative;
        top: -20px;
    }
     .features-room-inner .item-img img{
        height: 40px;
        width: 40px;
    }
    .reservation-section .title{
        width: auto;
        text-align: center;
    }
    .reservation-section .title:before{
        width: 48%;
    }
    .reservation-section .module{
        width: auto;
    }
    .reservation-section .module-inner{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        height: 100%;
        
    }
    .reservation-section .title:before{
        top: 50%;
    }
    .reservation-section{
        flex-direction: column;
        grid-gap: 20px;
        align-items: center;
    }
    .reservation-button{
        height: 140px;
    }
}
@media (max-width: 1100px) {
    .reservation-section .module{
        font-size: 24px;
    }
    .reservation-section{
        grid-gap: 30px;
    }
    .reservation-section .title{
        width: calc(300px - 15px);
        font-size: 38px;
    }
    .reservation-section .module{
        width: calc(100% - 300px - 15px);
    }
    .reservation-section .title:before{
        width: calc(100% - 10px);
    }
    .reservation-section .BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_controlsWrapper{
        grid-gap: 10px 10px !important;
    }
}
@media (max-width: 991px) {
     .reservation-section .BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_controlsWrapper{
        grid-gap: 10px 20px !important;
    }
   .reservation-button{
        width: 100%;
        top: 0;
        height: 12vw;
    }
    .reservation-button .button{
        padding: 2vw 5vw;
        font-size: 2vw;
        line-height: 2vw;
    }
    .features-room-inner{
        top: 0;
    }
    .bottom-slider{
        grid-gap: 30px;
    }
}
@media (max-width: 767px) {
    
    .features-room-inner{
       top: 0;
    }
    .bottom-slider{
        grid-gap: 30px;
    }
   
}
@media (max-width: 650px) {
    .reservation-section .title{
        font-size: 6vw;
    }
    .reservation-section .title:before{
        height: 12px;
    }
    .reservation-section .module{
        width: 100%;
    }
    .reservation-section .module-inner{
        padding: 20px 10px;
    }
    .reservation-section .module {
        font-size: 19px;
    }
}
@media (max-width: 500px) {
    .reservation-button{
        height: 14vw;
    }
    .reservation-button .button{
        padding: 3vw 5vw;
    }
}
@media (max-width: 565px) {
    .features-room-inner{
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px 0;
    }
    .reservation-button .button{
        font-size: 13px;
    }
}
@media (max-width: 450px) {
    .features-room-inner{
        grid-gap: 0;
    }
    .features-room-inner{
        grid-gap: 30px 0;
    }
    .reservation-button{
        height: 17vw;
    }
}
@media (max-width: 400px) {
    .reservation-section .title {
        font-size: 30px;
        width: 60%;
    }
    .reservation-section .title:before{
        top: 28%;
        width: 90%;
        left: 11px;
    }
    .reservation-section .title {
        font-size: 7vw;
    }
}

/* reviews-type1 */

.reviews-type1 .item{
    display: flex;
    height: 100%;
    flex-direction: column;
}
.reviews-type1 .item-header{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*margin-bottom: 30px;*/
    justify-content: space-between;
    flex: 0 0 130px;
}
.reviews-type1 .item-header .item-img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}
.reviews-type1 .item-header .item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.reviews-type1 .item-header-info{
    width: calc(100% - 100px);
}
.reviews-type1 .item-header-info .item-title{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
.reviews-type1 .item-rating svg{
    width: 20px;
    height: 20px;
    margin-right: 3px;
    fill: #ccc;
}
.reviews-type1 .item-rating.rating1 > span:nth-of-type(1) svg{
    fill:#FAC917;
}
.reviews-type1 .item-rating.rating2 > span:nth-of-type(1) svg,
.reviews-type1 .item-rating.rating2 > span:nth-of-type(2) svg{
    fill:#FAC917;
}
.reviews-type1 .item-rating.rating3 > span:nth-of-type(1) svg,
.reviews-type1 .item-rating.rating3 > span:nth-of-type(2) svg,
.reviews-type1 .item-rating.rating3 > span:nth-of-type(3) svg{
    fill:#FAC917;
}
.reviews-type1 .item-rating.rating4 > span:nth-of-type(1) svg,
.reviews-type1 .item-rating.rating4 > span:nth-of-type(2) svg,
.reviews-type1 .item-rating.rating4 > span:nth-of-type(3) svg,
.reviews-type1 .item-rating.rating4 > span:nth-of-type(4) svg{
    fill:#FAC917;
}
.reviews-type1 .item-rating.rating5 > span:nth-of-type(1) svg,
.reviews-type1 .item-rating.rating5 > span:nth-of-type(2) svg,
.reviews-type1 .item-rating.rating5 > span:nth-of-type(3) svg,
.reviews-type1 .item-rating.rating5 > span:nth-of-type(4) svg,
.reviews-type1 .item-rating.rating5 > span:nth-of-type(5) svg{
    fill:#FAC917;
}

.reviews-type1 .item-body{
    position: relative;
    background: #F5F5F5;
    padding: 30px;
    border-radius: 5px;
    flex: 1 0 130px;
}
.reviews-type1 .item-body:before {
    content: "";
    position: absolute;
    left: 89px;
    top: -37px;
    border-left: 1px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 57px solid whitesmoke;
    transform: rotate(-45deg);
}
.reviews-type1 .item-body-text{
    position: relative;
    background: #F5F5F5;
    font-size: 14px;
    line-height: 1.8;
    z-index: 10;
}


.reviews-type1-section .carousel-wrapper{
    position: relative;
}
.reviews-type1-section .carousel-inner{
    width: 100%;
    overflow: hidden;
}
.product-page-template .reviews-type1-section .carousel-inner{
    width: auto;
}
.reviews-type1-section .slick-prev {
    left: auto;
    right: 50px;
    top: -72px;
}
.reviews-type1-section .slick-next {
    right: 0;
    top: -72px;
}
.reviews-type1.reviews-type1-carousel{
    display: block;
    margin-left: -15px;
    margin-right: -15px;
}
.reviews-type1.reviews-type1-carousel > div{
    display: none;
}
.reviews-type1.reviews-type1-carousel.slick-slider > div{
    display: block;
}
.reviews-type1.reviews-type1-carousel .item{
    margin-left: 15px;
    margin-right: 15px;
}
.reviews-type1-carousel .slick-track{
    display: flex;
    flex-wrap: wrap;
}
.reviews-type1-carousel .slick-slide {
    height: inherit;
}
.reviews-template .reviews-type1{
    grid-template-columns: 1fr;
    grid-gap: 0px;
}
.reviews-template .wedo-type3 .item:before{
    display:none;
}
.product-page-template .wedo-type3 .item:before{
     display:none;
}
@media(max-width: 991px){
    .reviews-type1-section .slick-prev,
    .reviews-type1-section .slick-next{
        top: -68px;
    }
}
@media(max-width: 767px){
    .reviews-type1-section .slick-prev,
    .reviews-type1-section .slick-next{
        top: -10px;
        right: auto;
    }
    .reviews-type1-section .slick-prev{
        left: 0;
    }
    .reviews-type1-section .slick-next{
        left: 50px;
    }
    .reviews-type1-section .carousel-wrapper{
        padding-top: 40px;
    }
    .reviews-type1-carousel .slick-track{
        display: block;
    }
    .reviews-type1-carousel .slick-slide {
        height: auto;
    }
}
/* /. reviews-type1 */

/* reviews */
.ec-stars-wrapper{
    display: flex;
    grid-gap: 10px;
}
.ec-stars{
    position: relative;
    line-height: 1;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    margin: 0 !important;
}
.ec-stars svg{
    width: 20px;
    height: 20px;
}
.ec-stars > div{
    background:transparent!important;
    display:flex;
    flex-wrap: wrap;
    height:20px;
    width:auto;
}
.ec-stars .real{
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:20px;
    white-space:nowrap;
    overflow:hidden;
}
.ec-stars.rating10 .real{
    width: 110px;
}
.ec-stars.rating9 .real{
    width: 100px;
}
.ec-stars.rating8 .real{
    width: 90px;
}
.ec-stars.rating7 .real{
    width: 79px;
}
.ec-stars.rating6 .real{
    width: 65px;
}
.ec-stars.rating5 .real{
    width: 55px;
}
.ec-stars.rating4 .real{
    width: 45px;
}
.ec-stars.rating3 .real{
    width: 33px;
}
.ec-stars.rating2 .real{
    width: 20px;
}
.ec-stars.rating1 .real{
    width: 9px;
}
.ec-stars.rating0 .real{
    width: 0px;
}

.item-header-wrapper .ec-stars.rating5 .real{width: 110px;}
.item-header-wrapper .ec-stars.rating4 .real{width: 90px;}
.item-header-wrapper .ec-stars.rating3 .real{width: 65px;}
.item-header-wrapper .ec-stars.rating2 .real{width: 45px;}
.item-header-wrapper .ec-stars.rating1 .real{width: 20px;}
.item-header-wrapper .ec-stars.rating0 .real{width: 0px;}


.comment-template .ec-stars.rating5 .real{
    width: 110px;
}
.comment-template .ec-stars.rating4 .real{
    width: 90px;
}
.comment-template .ec-stars.rating3 .real{
    width: 65px;
}
.comment-template .ec-stars.rating2 .real{
    width: 45px;
}
.comment-template .ec-stars.rating1 .real{
    width: 20px;
}
.comment-template .ec-stars.rating0 .real{
    width: 0px;
}
/* /. reviews */

.rev-form{
    max-width: 100%;
}
.rev-form h2{
    margin-bottom: -10px;
}
.ec-rating{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.rev-form .ec-rating-stars{
    float: none;
}
.rev-form .ec-rating-stars span {
	background: transparent;
	width: 24px;
	height: 22px;
	margin-right: 7px;
}

.ec-rating-stars svg path {
	fill: #CFCFCF;
}

.ec-rating-stars .active svg path ,
.ec-rating-stars .active2 svg path  {
	fill: #F8CF67;
}

.alert-success {
	background: #d4f5d4;
	padding: 15px;
	border: 1px solid #b3dbb3;
	font-size: 14px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.form-group.has-error input {
	border-color: #FF1A00;
}

@media(max-width: 767px){
    .ec-rating{
        flex-wrap: wrap;
    }
    .rev-form .ec-rating-stars{
        width: 100%;
        margin-bottom: 10px;
    }
}


.ec-stars.rating1 .real {
	width: 20px;
}
.ec-stars.rating2 .real {
	width: 30px;
}
.ec-stars.rating3 .real {
	width: 40px;
}
.ec-stars.rating4 .real {
	width: 50px;
}
.ec-stars.rating5 .real {
	width: 60px;
}


.comment-form-wrapper{
    margin-top: 50px;
    display: flex;
    grid-gap:70px;
}
.comment-form-wrapper .title{
    width: 40%;
    font-size: 40px;
    font-weight: 300;
    position: relative;
}
/*
.comment-form-wrapper .title span:before {
    content: '';
    width: 100%;
    width: calc(100% - 10px);
    height: 17px;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: -1;
    background: #a2bad6;
}
*/
.comment-form-wrapper .rev-form{
    width: 55%;
}
@media(max-width: 1334px){
    .comment-form-wrapper .title{
        font-size: 4.2vw;
    }
    .comment-form-wrapper .title span:before{
        width: 36vw;
        top: 3.5vw;
    }
    .comment-form-wrapper{
        grid-gap:20px;   
    }
    .comment-form-wrapper .rev-form{
        width: 60%;
    }
}

@media(max-width: 767px){
    .comment-form-wrapper{
        flex-direction: column;
    }    
    .comment-form-wrapper .title{
        width: 100%;
    }
    .comment-form-wrapper .rev-form {
        width: 100%;
    }
    .comment-form-wrapper .title span:before{
        width: 50vw;
        top: 4.7vw;
        left: 3px;
        height: 2vw;
    }
    .comment-form-wrapper .title{
        font-size: 6vw;
    }
}
@media(max-width: 465px){
     .comment-form-wrapper .title span:before{
        width: 68vw;
        top: 6.7vw;
        left: 3px;
        height: 2vw;
    }
    .comment-form-wrapper .title{
        font-size: 8vw;
        line-height: normal;
    }
}




/*contacts-wrapper*/
.contacts-wrapper{
    display: grid;
    margin-bottom: 50px;
    overflow: hidden;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
}

.contacts-wrapper .page-title h1{
    margin-bottom: 20px;
}

.contacts-items .item{
    margin-bottom: 20px;
}
.contacts-items .item-title{
    font-weight: 500;
    color: #000;
    font-size: 20px;
    margin-bottom: 5px;
    display: flex;
    grid-gap:10px;
    align-items: center;
}
.contacts-items .item-address br{
    display: none;
}
.contacts-items .schedule br{
    display: none;
}
.contacts-items .item-value{
    font-weight: 400;
    font-size: 19px;
}
.contacts-items a{
    color: #2b4258;
    font-weight: 500;
}
.contacts-items a:hover{
    color: #a2bad6;
}
.contacts-items .item-title svg{
    width: 20px;
    height: 20px;
}
.contacts-items svg.email-svg path{
    stroke: #000 !important;
}
.contacts-items .item.director .item-title path{
    fill:#000;
}

.contacts-wrapper .socials{
    justify-content: flex-start;
}
.contacts-form{
    padding: 50px;
    background: #00000008;
    border-radius: 30px;
}
.contacts-wrapper .right-part .map iframe{
    height: 100%;
}
.contacts-wrapper .right-part .map{
    height: 100%;
    overflow: hidden;
}
.contacts-form .form-grid{
    display: grid;
    grid-gap:10px;
}
.contacts-form .form-group{
    margin-bottom: 0;
}
.contacts-form .form-control{
    margin-bottom: 0;
    height: 54px;
    border: none;
}
.contacts-form .form-grid .form-group:nth-child(1){
    grid-column: 1/2;
    grid-row: 1/2;
}
.contacts-form .form-grid .form-group:nth-child(2){
    grid-column: 1/2;
    grid-row: 2/3;
}
.contacts-form .form-grid .form-group:nth-child(3){
    grid-column: 2/3;
    grid-row: 1/3;
}
.contacts-form .inner-template h2{
    text-align: left;
}
.contacts-form .agreement br{
    display: none;
}
.contacts-form .form-button-wrapper{
    margin-top: 10px;
}
.contacts-form .page-title h2{
    text-align: left;
}
textarea{
    padding-top: 10px !important;
    resize: none;
}
.form-control:focus{
    border-color: #000;
    box-shadow:none;
}
@media (max-width: 991px) {
    .contacts-wrapper{
        grid-template-columns: 1fr;
        margin: 0;
        grid-gap: 20px;
    }
    .contacts-wrapper .right-part{
        height: 400px;
    }
    .contacts-wrapper .right-part .map{
        margin: 0 -15px;
    }
}
@media (max-width: 767px) {
	.contacts-form .form-grid .form-group:nth-child(3){
        grid-row: 3/4;
        grid-column: 1/2;
	}
	.contacts-wrapper .page-title h1{
	    margin-top: 0;
	}
	.contacts-wrapper{
        margin-top: 40px;
	}
}
@media (max-width: 500px) {
    .contacts-wrapper{
        border: none;
        border-radius: 0;
    }
    .contacts-wrapper .left-part{
        padding: 0;
    }
    .contacts-wrapper .right-part .map{
        border-radius:30px;
        overflow: hidden;
    }
    .contacts-form{
        padding: 30px;
    }
    .contacts-items .item-value{
        font-size: 16px;
    }
    .contacts-items .item-title{
        font-size: 17px;
    }
    .contacts-form .page-title h2{
        font-size: 20px;
    }
}
/*contacts-wrapper./*/

/* testimonials */
.testimonials-section{
    position: relative;
    padding: 0 0 70px;
    width: 100%;
}

.testimonials{
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    position: relative;
    z-index: 2;
    grid-gap:15px;
}
.testimonials .col{
}
.testimonials .item-icon{
    height: 40px;
    display: flex;
    align-items: center;
}
.testimonials .item-icon img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.testimonials .item{
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #000;
    transition: all ease-out 300ms;
    position: relative;
	 box-shadow: 0 0 14px #0000001c;
}
.testimonials .item:hover{
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.testimonials .item-header{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: none;
    padding: 15px;
    border-radius: 3px;
    padding-right: 40px;
    position: relative;
}
.testimonials .item-header:after{
    content: "";
    background: url(../images/ext-link.svg);
    height: 16px;
    width: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    
}
.testimonials .item-title{
    width: calc(100% - 40px);
    padding-left: 15px;
    font-weight: bold;
    font-size: 22px;
}
.testimonials .item-body{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    color: #4a4a4a;
    font-weight: normal;
    font-size: 20px;
}

.testimonials .item-body .col2{
    text-align: right;
}
.testimonials .rating {
    position: relative;
    height: 24px;
    width: 110px;
    color: #c1c1c1;
    white-space: nowrap;
    margin-top: 10px;
}
@media(max-width: 1299px){
    .testimonials-section:before{
        right: -50px;
    }
}
@media(max-width: 991px){
    .testimonials-section{
        padding-bottom: 60px;
    }
    .testimonials .col{
        width: 100%;
    }
    .testimonials{
        grid-template-columns: 1fr 1fr;
    }
}
@media(max-width: 767px){
    .testimonials-section{
        padding-bottom: 50px;
    }
    .testimonials-section:before{
        opacity: 0.1;
        bottom: -30px;
    }
}
@media(max-width: 500px){
    .testimonials .item-header{
        padding: 5px 30px 5px 15px;
    }
    .testimonials .item-header:after{
        height: 10px;
        width: 10px;
        background-size: 10px;
    }
    .testimonials .item{
        padding: 10px;
    }
    .testimonials .item-body{
        font-size: 13px;
        margin-top: 10px;
    }
}

@media(max-width: 350px){
    .testimonials .item-header{
        padding: 5px 25px 5px 5px;
    }
    .testimonials{
        grid-gap: 5px;
    }
}
/* /. testimonials */
/***********************footer-section************./*/
.footer-wrapper{
    background: none;
    color:#4a4a4a;
    flex-shrink: 0;
	 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.footer-wrapper .logo-wrap img{
    max-width: 130px;
}
.feedback-wrapper{
    display: flex;
    align-items: center;
    grid-gap: 20px;
    margin-left: 10px;
/*	 position: absolute; =======
	 top: 0; left: 0;
	 z-index: 100000; */
}
/* ======= */
.feedback-wrapper-header {margin-left: -480px; margin-top: 62px;}
.feedback-wrapper-header a {width:32px!important; height:32px!important;}
.feedback-wrapper-booking {margin-top:62px; margin-left: -450px;}
.feedback-wrapper-booking a {font-size: 18px; line-height: 18px; padding: 9px 16px;}
/* ======= */
.footer-wrapper .feedback-wrapper{
    flex-direction: column;
    grid-gap: 10px;
}
.footer-push{
    height: 100px;
}
footer .agreement{
    margin-bottom: 0;
}
footer h3{
    color:#fff;
    font-size: 30px;
    line-height: normal;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    display: flex;
    position: relative;
    font-weight: 800;
    width: 100%;
    margin-bottom: 10px;
}
footer .subtitle {
    display: flex;
    vertical-align: top;
    position: relative;
    font-size: 20px;
    width: 100%;
    color: #929292;
}

.form-wrap{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ffffff17;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.input-wrapper{
    display: flex;
    justify-content: space-between;
    grid-gap: 15px;
}
.input-wrapper .form-group{
    width: 100%;
}
.input-wrapper .form-control{
    margin-bottom: 10px;
}
.contacts .three svg{
    fill:#4a4a4a;
}
.contacts .phone-wrap path{
    fill:#4a4a4a !important;
}
.phone-wrap a{
    font-weight: 600;
    font-size: 19px;
    display: block;
    color: #4a4a4a;
}
footer .agreement label{
    font-size: 14px;
    display: grid;
    grid-template-columns: 20px 1fr;
}
.form-wrap{

}
footer .item-contacts{
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    width: 200px;
}
footer .item-contacts:last-child{
    width: 190px;
}
footer .item-contacts svg{
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
}
footer .item-footer-title{
    border-bottom:1px solid #ffffff2e;
    margin-bottom: 15px;
    font-size: 20px;
    color: #4a4a4a;
    padding-bottom: 10px;
}
footer .whatsapp svg{
    top: 0;
}
footer .item-address svg{
    width: 24px;
    height: 25px;
    position: relative;
    left: -3px;
}
footer .contacts{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ffffff17;
    font-size: 15px;
    font-weight: 300;
    color: #4a4a4a;
    grid-gap: 15px;
}
footer .contacts .item-contacts .item{
    display: grid;
    grid-template-columns: 20px 1fr;
    grid-gap:10px;
}
footer .item-contacts:last-child .item{
    grid-template-columns: 20px 2fr;
    margin-bottom: 10px;
}
footer .button{
    font-size: 15px;
    line-height: 15px;
}
footer a{
    color: #4a4a4a;
}
.item-footer li{
    line-height: 1.2;
    margin-bottom: 5px;
}
.footer-inner .header-phone path{
    fill:#4a4a4a !important;
}
.footer-inner .header-phone path, .footer-inner .item-address path, .footer-inner .item path, .footer-inner .item-phone path{
	fill:#4a4a4a !important;
}
footer .contacts .button, .top-bar .button{
    width: 100%;
    justify-content: center;
    text-transform: none;
    background: #fff8ea;
    border: 1px solid #4a4a4a;
    color: #503d38;
    margin: 0 auto;
    box-shadow: 0 0 5px #2b425875;
    font-weight:300;
}
.top-bar .button{
    animation: btnpulse 3s infinite;
}
.top-bar .button{
    font-size: 17px;
    padding: 7px 15px;
}
footer .contacts .button:hover, .top-bar .button:hover{
    box-shadow: 0 0 5px #fff;
    background: transparent;
}

.social{
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}
.socials .whatsapp:hover{
    filter: brightness(1.2);
}
.socials .item.youtube{
    background: #FF0100;
}
.socials .item.vk{
    background: #0077FE;
}
.socials .item.inst{
    background: #F700AD;
}
.socials .whatsapp{
    background: #2FB944;
}
.socials .item.viber{
    background: #735FF2;
}
.socials .item.tg{
    background: #239FDC;
}

.socials svg{
    fill: #ffffff;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
	transition: all 200ms ease-out;
}
.socials .item:hover svg{
    fill: #fff;
    text-align: center;
	transition: all 200ms ease-out;
}
.social .title{
    color: #ffffffa1;
}
footer .push40 {display:block; height:165px; background: url('../images/footer-akvilon.png') center center no-repeat;}
footer .socials{
    justify-content: flex-start;
    grid-gap: 11px;
}
footer .logo-wrap{
    margin-bottom: 20px;
}
footer .phone-wrap{
    line-height: 1.1em;
    font-size: 13px;
}
footer .phone-wrap a{
    font-size: 17px;
    position: relative;
    top: 5px;
}
footer .footer-schedule{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 20px; 
}
.footer-schedule svg{
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-right: 9px;
    position: relative;
    top: -1px;
}
.contacts .item-wrap.phone{
    margin-bottom: 10px;
}
footer .contacts-wrap{
    font-size: 17px;
    color: #fff;
    font-weight: 300;
}
footer .name-company span{
    color: #fff;
}
footer .contacts-wrap span {
    color: #fff;
    font-size: 17px;
    margin-bottom:6px;
    display: inline-block;
}
footer .header-adress svg{
    width: 22px;
    height: 22px;
    position: relative;
    top: -3px;
    margin-right: 9px;
}
footer .header-adress{
    margin-bottom: 20px;
}
footer .email {
    color:#fff;
    text-decoration: none;
    position: relative;
    top: -3px;
}
footer ul{
    padding: 0;
    list-style: none;
}
footer ul ul{
    margin-top: 5px;
}
footer .footer-email svg{
    fill: transparent !important;
    width: 22px;
    height: 14px;
    position: relative;
    top: 0px;
    margin-right: 9px;
}
footer .footer-email svg path {
    stroke: #ffff;
}
.footer-email{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.footer-bottom{
    display: flex;
    justify-content: space-between;
    color: #929292;
    grid-gap: 5px 20px;
    flex-wrap: wrap;
}
.contacts .item-wrap{
    display: flex;
    grid-gap: 50px;
}
.support a{
    text-decoration: underline;
    color: #929292;
}
footer .form-header{
    margin-right: 40px;
    width: 50%;
}
.item-title-btn{
    display: none;
}
footer a:hover{
    color:#a2bad6;
}
.link-footer a{
    color: #929292;
}
@media (max-width: 1259px) {
    
}
@media (max-width: 1200px) {
    .top-bar .button{
        font-size: 13px;
    }
}
@media (max-width: 1108px) {
   footer .contacts{
       display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 15px 70px;
   }
   footer .item-footer:nth-child(4){
       grid-column: 2/3;
   }
   footer .item-contacts, footer .item-contacts:last-child{
       width: auto;
   }
}

@media (max-width: 991px) {
    .big-slider-wrapper{
        margin: 0 -15px;
    }
    footer .contacts{
        font-size: 14px;
    }
    footer .item-contacts svg{
        width: 17px;
        height: 17px;
        top: 0px;
    }
    footer .item-address svg{
        width: 20px;
        height: 20px;
        left: -1px;
    }
    .footer-wrapper .logo-wrap img{
        max-width: 100px;
    }
    footer .contacts .button{
        font-size: 16px;
        line-height: 14px;
        padding: 8px 25px;
    }
    footer .item-contacts{
        justify-content: flex-start;
    }
    
   
}
@media (max-width: 767px) {
   footer .contacts{
       grid-template-columns: 1fr;
   }
    footer .item-footer:nth-child(4){
       grid-column: 1/2;
   }
   .item-footer{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
   }
   footer .item-footer-title{
       width: 100%;
   }
}
@media (max-width: 467px) {
   footer .item-contacts:last-child{
       width: 100%;
   }
}
@media (max-width: 375px) {
   .footer-wrapper .logo-wrap{
       align-items: flex-start;
   }
   footer .item-contacts{
       width: 100%;
   }
   footer .item-contacts:last-child {
        width: 100%;
    }
    .footer-bottom{
        grid-gap: 0;
    }
    .top-bar .button{
        font-size: 13px;
    }
}
/***********************footer-section************./*/
.module-wrapper{
    margin-top: -85px;
}
#module{
    background: #2b4258 !important;
    z-index: 100;
    position: relative;  box-shadow: 0 0 13px #ffffffc2;
    animation: btnpulsemodule 3s infinite;
}
@-webkit-keyframes btnpulsemodule {
  0% {
    -webkit-box-shadow: 0 0 0 0  #2b4258;
  }
  70% {
      -webkit-box-shadow: 0 0 0 40px transparent;
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 transparent;
  }
}
@keyframes btnpulsemodule {
  0% {
    -moz-box-shadow: 0 0 0 0  #2b4258;
    box-shadow: 0 0 0 0  #2b4258;
  }
  70% {
      -moz-box-shadow: 0 0 0 40px transparent;
      box-shadow: 0 0 0 40px transparent;
  }
  100% {
      -moz-box-shadow: 0 0 0 0 transparent;
      box-shadow: 0 0 0 0 transparent;
  }
}
.big-slider-overflow{
    position: relative;
}
.BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_controlsWrapper{
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr;
    grid-gap: 10px 20px;
}
.BookingSearchForm_control .BookingSearchForm_guestsSelect,
.BookingSearchForm_control .BookingSearchForm_button,
.DatesPeriodControl_dateFrom, .DatesPeriodControl_dateTo{
    width: 100% !important;
}
.BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_dates, .BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_guestsSelect{
    margin-right: 0 !important;
}

.react-ui button{
    background: #2b4258 !important;
    color: #ffffff !important;
    border: #2b4258 !important;
    font-weight: 500;
    transition: all 200ms ease-out;
}
.WidgetApp_container button{
    background: #a2bad6 !important;
    color: #2b4258 !important;
    border: #a2bad6 !important;
    transition: all 200ms ease-out;
    font-weight: 500;
}
.WidgetApp_container button:hover{
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #2b4258 !important;
    transition: all 200ms ease-out;
}
.react-ui button:hover{
    background-color: #a2bad6 !important;
    border-color: #a2bad6 !important;
    color: #fff !important;
    transition: all 200ms ease-out;
}
.DatesPeriodControl_dash{
    color: #fff;
}
.Counter_button{
    background: #2b4258 !important;
    color: #fff;
}
.Counter_button:hover{
    background: #a2bad6 !important;
}
.DatesPeriodControl_placeholder{
    color: #000 !important;
}

.cookie-block {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
    background: #2b4258cf;
    padding: 10px;
    backdrop-filter: blur(2px);
    color: #fff;
    font-size: 16px;
}
.cookie-block__txt {
  margin-bottom: 8px;
}
.cookie-block__txt p {
    margin-bottom: 8px;
}
.cookie-block__txt a {color:#ECE9E1}
.cookie-block__btn .btn {
    width: 100%;
    justify-content: center;
    text-transform: none;
    background: #fff;
    border: 1px solid #fff;
    color: #2b4258;
    margin: 0 auto;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
    padding: 5px 28px;
    z-index: 10;
    position: relative;
    box-shadow: 0 0 13px #2b425875;
    border-radius: none;
    max-width: 250px;
}
#cookie_notification{
    display: none;
}
@media (min-width: 576px){
    #cookie_notification.show{
        display: block;
    }
}

@media (max-width: 575px){
    #cookie_notification.show{
        display: block;
        padding: 10px;
    }
}

@media (max-width: 1350px) {
    #module{
        margin: 0 -15px;
    }
}
@media screen and (max-width: 1023px){
    .BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_dates, .BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_guestsSelect{
        margin: 0 !important;
    }
    
}
@media screen and (max-width: 991px){
    .BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_controlsWrapper{
        grid-template-columns: 1fr 1fr;
    }
    .BookingSearchForm_control .BookingSearchForm_button{
        grid-column: 1/3;
    }
}
@media (max-width: 767px) {
	.BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_dates, .BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_guestsSelect{
	    margin: 0 !important;
	}
}
@media (max-width: 600px) {
   
    .BookingSearchForm_control.BookingSearchForm_inline .BookingSearchForm_controlsWrapper{
        grid-template-columns: 1fr;
    }
    .BookingSearchForm_control .BookingSearchForm_button{
        grid-column: 1/2;
    }
}
@media screen and (max-width: 413px){
     .BookingSearchForm_control{
        padding: 20px !important;
    }
    .reservation-section .module-inner{
        padding: 0;
    }
}

.grecaptcha-badge{
    opacity: 0 !important;
}


/*categories-inner*/
.categories-inner{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:10px;
}

.categories-inner .item-body{
    background: #f1f1f1c7;
    padding: 30px;
    margin: 0 30px;
    margin-top: -120px;
    z-index: 1;
    position: relative;
    height: calc(100% - 164px);
    text-align: center;
    transition: all 200ms ease-out;
    backdrop-filter: blur(5px);
}
.categories-inner .item-title{
    font-size: 25px;
    color: #222d38;;
    margin-bottom: 10px;
    font-weight: 500;
    transition: all 200ms ease-out;
}
.categories-inner .item-img{
    height: 284px;
    overflow: hidden;
    position: relative;
}
.categories-inner .item-text{
    line-height: 1.2;
    transition: all 200ms ease-out;
}
.categories-inner img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    transition: all 200ms ease-out;
}
.categories-inner .item-img:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    background: linear-gradient(314deg, transparent 40%, #2b425852 100%);
}
.categories-inner .item{
    position: relative;
}
.categories-inner .item:hover img{
    transform: scale(1.2);
}
.categories-inner .item:hover .item-body{
    background: #2b4258e8;
}
.categories-inner .item:hover .item-title,
.categories-inner .item:hover .item-text{
    color: #ffffff;
}
.categories-section{
    padding: 0 0 40px;
}
@media (max-width: 991px) {
  .categories-inner{
      grid-template-columns: 1fr;
      grid-gap: 20px;
  }
  .categories-inner .item-body{
      margin-top: -70px;
      height: auto;
  }
  .categories-section{
      padding: 0;
  }
}

@media (max-width: 375px) {
    .categories-inner .item-body{
        margin: 0 20px;
        padding: 20px 20px 30px;
        margin-top: -120px;
    }
}
/*categories-inner./*/


/*aside-menu*/

.room-template .main-columns{
    display:flex;
    grid-gap:50px;
}
.room-template .aside-menu {
    width: 300px;
    padding-bottom: 90px;
}
.room-template .aside-menu ul{
    position: sticky;
    top: 90px;
    padding-left: 0;
}
.room-template .aside-menu li{
    list-style-type:none;
}
.room-template .big-column{
    width: calc(100% - 50px - 300px);
}

.aside-menu {
	margin-bottom: 10px;
	transition: all 200ms ease;
}
.aside-menu a {
	display: block;
	text-decoration: none !important;
	color: #171717;
	padding: 15px 0;
	font-size: 15px;
	line-height: 1.3;
	border-bottom: 1px solid #eee;
}
.aside-menu li:hover>a,
.aside-menu .open>a,
.aside-menu .active>a {
	color: #a2bad6 !important;
}
.aside-menu>ul{
    list-style: none;
    padding: 0;
}
.aside-menu>ul ul {
	display: none;
	list-style: none;
	padding: 0;
}


.aside-menu .active>ul {
	display: block;
}

.aside-menu>ul li {
	position: relative;
}

.aside-menu>ul .dropdown-button {
	height: 53px;
	width: 36px;
	display: block;
	z-index: 20;
	top: 0;
	right: 0;
	position: absolute;
	cursor: pointer;
}

.aside-menu>ul .dropdown-button:after {
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 8px;
	top: 20px;
	right: 21px;
	border-bottom: 1px solid #1f1f1f;
	border-right: 1px solid #1f1f1f;
	transform: rotate(45deg);
	transition: all 200ms ease-out;
}

.aside-menu ul ul a {
	padding: 15px 46px 15px 45px;
	font-weight: normal;
	font-size: 13px;
	position: relative;
}
.aside-menu ul ul>li>a:before {
	content: "";
	display: block;
	position: absolute;
	width: 5px;
	height: 5px;
    top: 20px;
    left: 35px;
	background: #D5D5D5;
}
.aside-menu>ul>li.active>a {
	color: #a2bad6 !important;
}
@media (max-width: 991px) {
	.aside-menu.active>ul {
		display: block;
	}
	.aside {
		border-right: none;
	}
	.aside-menu a {
	    font-size: 13px;
	}
	.aside-menu{
        margin-bottom: 20px;
	}
    .room-template .aside-menu{
        width: 200px;
    }
    .room-template .big-column{
        width: calc(100% - 50px - 200px);
    }
}
@media (max-width: 767px) {
    .room-template .aside-menu{
        display: none;
    }
    .room-template .big-column{
        width: 100%;
    }
}

/*aside-menu./*/

/*map-area*/
.map-area h3{
    margin: 0;
    color: #2b4258;
    text-align: center;
    margin-bottom: 20px;
}
.map-img img{
    margin: 0 auto;
    width: 100%;
}
.map-area{
    margin-bottom: 50px;
}
.map-img{
    display: flex;
    justify-content: center;
}
.about-template .categories-section{
    padding-bottom: 70px;
}
/*map-area/*/

/*video*/
.video-wrap{
    position: relative;
}
.video-holder{
    position: absolute;
    top: 0;
    right: calc(50% - 70px);
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.video-holder-icon{
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 100%;
}
.video-holder-icon a{
    display: block;
    height: 100%;
    position: relative;
    border-radius: 100%;
    background: rgba(255,255,255, 0.25);
    z-index: 5;
}
.video-holder-icon a:hover{
    background: rgba(255,2,2,1);
}
.video-holder-icon .play-icon{
    display: inline-block;
    border-left: 36px solid #fff;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -12px;
    transition: all 200ms ease-out;
}
.video-holder-icon .animation-element{
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 100%;
    animation: video-animaion 2s linear infinite;
    box-shadow: 0 0 0 5px #fff;
    transition: all 0.3s ease;
    z-index: -1;
}
.video-wrapper h2{
    text-align: center;
    margin-bottom: 20px;
}
.video-wrapper{
    margin-bottom: 40px;
}
@keyframes video-animaion {
  0% {
    transform: scale(1);
    opacity: 0.0; }
  25% {
    transform: scale(1);
    opacity: .75; }
  100% {
    transform: scale(1.5);
    opacity: 0; } 
}


/*video./*/

/*site-statistics*/

.statistic{
    background: #fff0;
    padding: 10px;
    border: 1px solid #ffffff12;
    display: flex;
    gap: 20px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    min-width: 190px;
}
.statistic-wrapper{
    display: flex;
    align-items: center;
}
.item-logo .statistic-wrapper{
    display: none;
}
footer .statistic svg{
    width: 14px;
    height: 14px;
}
footer .statistic .item-in{
    display: flex;
    gap:5px;
}
@media (max-width: 1108px) {
    .item-contacts .statistic-wrapper{
        display: none;
    }
    .item-logo .statistic-wrapper{
        display: flex;
        justify-content: center;
        margin-top: 10px;
        margin-left: 10px;
    }
    footer .statistic .item-in{
        align-items: center;
    }
}
@media (max-width: 767px) {
	.item-logo .statistic-wrapper{
        display: none;
	}
	.item-contacts .statistic-wrapper{
	    margin-top: 20px;
        display: flex;
    }
}
/*site-statistics./*/
/**************************************************   MEDIA QUERIS   *****************************************************/

@media (max-width: 1259px) {
    
}
@media (max-width: 991px) {

}
@media (max-width: 767px) {
	
}

@media (max-width: 444px) {
	
}
@media (max-width: 375px) {
	
}


@media (min-width: 768px) {

}
@media (min-width: 992px){

}
@media (min-width: 1260px) {

}

.main>section, .footer-wrapper {background: url('../images/container-oblako.jpg') top center no-repeat;}

.table-pravila, .table-price {border-collapse: collapse;}
.table-pravila td, .table-pravila th, .table-price td, .table-price th {border: 1px solid #4A4A4A;}