@import url(bootstrap.css);
@import url(jquery.fancybox3.min.css);
@import url(settings.css);
body{
    font-family: 'Sofia Sans Semi Condensed', sans-serif;
    overflow-x: hidden;
    color: #000;
}
.bg-gray{
    background: #F1F1F1;
}
a:focus{
    outline:none;
}
a{
    text-decoration: none;
}
.text, .item-text, .subtitle{
    font-weight: 300;
    color:#4a4a4a;
}
.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-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 124.12%;
    text-transform: uppercase;
    color: #2b4258;
}

h3, h4, h5, h6{
    color:#000;
    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{
    font-size: 35px;
    margin-bottom: 30px;
}
h2{
    font-size: 35px;
    margin-bottom: 30px;
}
h3{
    font-size: 30px;
    margin-bottom: 20px;
}

.button{
    display: inline-block;
    transition: all 200ms ease-out;
    background: #2B4258;
    font-size: 22px;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 28px;
    z-index: 10;
    position: relative;
    border: 1px solid #2B4258;
    display: flex;
    align-items: center;
    box-shadow: 0 0 13px #2b425875;
}
.button:hover{
    color:#2B4258;
    background: transparent;
    border-color:#2B4258;
}
a{
    color: #a2bad6;
	transition: all 200ms ease-out;
}
a:hover{
    color: #2b4258; 
	transition: all 200ms ease-out;
}
.main-wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.header-main-wrapper{
    
}
.main{
    flex-grow: 1;
    margin-top: -197px;
}
.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{
        font-size: 30px;
        margin-bottom: 20px;
    }
    h3{
        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{
        font-size: 30px;
        margin-bottom: 20px;
    }
    h3{
        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: center;
}
.breadcrumb > li {
    display: inline-block;
    font-size: 20px;
    position: relative;
    color: #aeaeae;
    font-weight: 300;
}
.breadcrumb i{
    font-size: 14px;
}
.breadcrumb > li a {
    color: #aeaeae;
    text-decoration: none;
    font-weight: 300;
}
.breadcrumb > li a:hover{
    color: #a2bad6;
}
@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: #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: #ff5168;
    color: #fff;
    border-color: #ff5168;
    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;
}
.icon-menu-burger__line {
    background: #fff;
    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: #fff;
    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;
    right: -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;
}
.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 #fff;
    border-right: 1px solid #fff;
    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:#fff;
    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 span a{
	color: #fff;
    font-weight: bold;
}
.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);
}
@media only screen and (max-width: 1259px){
    .mobile-menu.open {
        right: 0;
    }
    .mobile-menu.open + .overlay{
        z-index: 1010;
        opacity: 1;
    }
    .mobile-menu{
        padding-top: 75px;
    }
    .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*************************/
.push-header{
    height: 196px;
    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.5;
    background: #2b4258;
}
.push-header .module{
    display: none;
}
.header-section{
    background: #2b425896;
    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:#2b4258eb;
    position: relative;
    z-index: 1000;
    width: 100%;
    height: 60px;
    backdrop-filter: blur(2px);
}
.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;
}
.header-inner svg{
    width: 16px;
    height: 16px;
    
}
.header-adress{
    width: 400px;
}
.header-adress svg, .header-phone path{
    fill: #fff !important;
}
.header-feed{
    color: #fff;
    font-size: 15px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    border: 1px solid #A2BAD6;
    background: #A2BAD6;
    border-radius:100%;
    align-items: center;
}
.header-feed svg{
    width: 20px;
    height: 20px;   
}
.header-feed path {
    fill: #fff !important;
}
.header-feed:hover{
    background: #A2BAD6;
    border-color:#A2BAD6;
    color: #000;
}
.header-adress{
    line-height: 1.7;   
    width: calc(100% - 25px);
    font-size: 16px;
    text-align: right;
    width: 400px;
    color: #fff;
}
.phone-wrap{
    line-height: normal;
}

.header-adress, .header-phone{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    grid-gap:10px;
}
.header-schedule svg{
    width: 20px;
    height: 26px;
    margin-top: 0;
    margin-right: 9px;
}
.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: 100px;
}

.header-img h2{
	font-size: 50px;
    z-index: 10;
    margin: 0;
    text-align: left;
    line-height: normal;
    margin-bottom: 50px;
    color:#fff;
}
.big-slider-img-wrap .container{
    height: 100%;
}
.big-slider-img-wrap > .header-img:not(:first-of-type){
    display: none;
}

.header-inner .contacts{
    display: flex;
    grid-gap: 30px;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.header-address{
    max-width: 290px;
    display: grid;
    text-align: right;
}
.header-address svg{
    fill: #fff;
}
.top-menu ul{
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding-left: 0;
    margin: 0;
    align-items: center;
    grid-gap: 40px;
}
.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;
}
.top-menu ul > li{
    display: inline-block;
    position: relative;
}
.top-menu ul > li > a{
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: block;
}
.top-menu ul > li:hover > a{
    color:#A2BAD6;
    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;
}

.top-menuul > li:first-of-type{
    margin-left: 0;
}
.top-menu ul > li > ul{
    position: absolute;
    top: 35px;
    left: 0;
    width: 270px;
    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 #00000017;
    padding-bottom: 20px;
    padding-top: 10px;
}
.top-menu ul > li > ul:before{
    content:"";
    display: block;
    position: absolute;
    width: 100%;
	height: 14px;
    top: -14px;
    left: 0;
}


.top-menu ul > li > ul > li > a{
    display: block;
    padding: 5px 33px 5px 20px;
    color: #0000009e;
}
.top-menu ul > li > ul > li{
    transition: all 200ms ease-out;
}
.top-menu ul > li > ul > li:hover > a{
    color:#FF5168;
    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:#FF5168;
}
.top-menu ul > li:hover > ul{
    visibility: visible;
    opacity: 1;
    background: #ffffff;
}

.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: #FF5168;
}

.top-menu .new_down:hover .new-dropdown-button:before{
    border-color: #FF5168;
}

@media (max-width: 1100px) {
    .top-menu ul{
        grid-gap: 28px;
    }
    
}
@media (max-width: 991px) {
    .top-menu ul{
        display: none;   
    }
}
@media (max-width: 600px) {
    .header-section{
        background: #2b4258;
    }
    .top-bar{
        background: #20303f;
        position: fixed;
    }
}
/*******************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 #fff;
    border-right: 3px solid #fff;
	font-size: 14px !important;
	opacity: 1 !important;
	color:transparent !important;
}
.slick-prev{
	transform: rotate(225deg)!important;
	left: 70px!important;
    z-index: 2;
}

.slick-next{
	transform: rotate(45deg)!important;
	right: 70px!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;
}
@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;
   }
   .phones{
       order:1;
   }
   .header-address{
       text-align: center;
   }
   .main{
       margin-top: 0px;
   }
   .push-header{
       align-items: center;
       height: 250px;
   }
}
@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) {

    .header{
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
        padding: 10px 0;
        flex-direction: column;
        grid-gap: 5px;
    }
    .header .header-phone{
        margin-left: 0;
    }
    .header-feed{
        order: 2;
    }
	.logo-wrap{
		display: flex;
		align-items: center;
		margin-right: 0;
		flex-wrap: wrap;
		flex-direction: column;
		text-align: center;
	}
}

/* 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;
}
.phone-wrap a{
    font-weight: 500;
    font-size: 16px;
    display: block;
    color: #fff;
}
.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{
    border: 1px solid #ffffff17;
    border-radius: 50%;
    width: 40px;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.socials .item:hover, .whatsapp:hover{
    filter: brightness(1.2);
}
.socials .item.youtube{
    background: #FF0100;
}
.socials .item.vk{
    background: #0077FE;
}
.socials .item.inst{
    background: #F700AD;
}
.whatsapp{
    background: #2FB944;
}
.socials .item.viber{
    background: #735FF2;
}
.socials .item.tg{
    background: #239FDC;
}

.socials svg, .whatsapp svg{
    fill: #ffffff;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
	transition: all 200ms ease-out;
}
.socials .item:hover svg, .whatsapp:hover svg{
    fill: #fff;
    text-align: center;
	transition: all 200ms ease-out;
}
.social .title{
    color: #ffffffa1;
}

.form-control{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    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: 14px;
}
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: 1270px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.box.visible{
    position: static;
    top: auto;
    left: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
}
ul.tabs {
    width: 100%;
    list-style-type: none;
    padding: 0;
    grid-gap: 20px;
}

ul.tabs li{
   font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    transition: all 200ms ease-out;
    padding: 0 5px 10px;
    cursor: pointer;
    color: #A8A6A6;
}
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: 100vh;
}
@media (min-height: 1080px){
    .big-slider-img-wrap{
        height: 1080px;
    }
}
@media (max-width: 600px) {
    .big-slider-img-wrap{
        height: 400px;
    }
}
.big-slider-img-wrap .slick-list{
    height: 100% !important;
}
.big-slider-img-wrap .slick-track{
    height: 100% !important;
}
.header-img{
    height: 100% !important;
}
.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){
    .big-slider-wrapper .slick-prev{
        left: 15px!important;
    }
    .big-slider-wrapper .slick-next{
        right: 15px!important;
    }
    .big-slider-wrapper .slick-prev,.big-slider-wrapper .slick-next{
        top: 50%;
    }
}
@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;
	font-weight: 300;
}

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: 100px;
}
.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) {
}
@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;
}
.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: 30px;
    position: relative;
}
.inner-template .big-slider-img-wrap:before{
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    background: linear-gradient(140deg, #a2bad6a3 0%, transparent 58%, #2b4258b3 100%);
}
.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: 18px;
    line-height: 1.2em;
}
.about-body .text {
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: .03em;
    color: #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;
}

@media (max-width: 1200px){
   .about-inner{
       display: flex;
       flex-direction: column-reverse;
       grid-gap: 50px;
   }
   .about-img-wrap{
       width: 60vw;
   }
    .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-wrapper{
        text-align: center;
    }
    .about-section h1{
        text-align: center;
    }
    .about-section .button{
        left: calc(50% - 67px);
    }
    .about-section h2{
        text-align: center;
    }
    .about-section .more{
        position: relative;
    }
    .about-section .more::after{
        margin-left: auto;
        margin-right: auto;
    }
    .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{
    text-align: left;
    margin-bottom: 50px;
    font-weight: 800;
    color: #2B4258;
    font-size: 55px;
    margin-top: 0;
}
.rooms-wrapper{
    padding: 40px 0;
}
.room-template .rooms-wrapper{
    padding: 0px 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;
    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;
}
.rooms.rooms-slider .item{
    margin-bottom: 0px;
}
.rooms .item-bottom{
    display: flex;
    justify-content: space-between;
}
.rooms .item-bottom span{
    font-size: 40px;
    color: #2B4258;
    font-weight: bold;
}
.rooms .item-price{
    font-size: 30px;
    color: #2b4258;
}
.rooms .button{
    
}
.rooms-outer{
    position: relative;
}
.rooms-wrapper .slick-prev{
    left: auto !important;
    right: 70px!important;
    top: 0 !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: 0 !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;
}
@media (max-width: 1350px) {
    .rooms .item-content{
        padding: 60px;
        width: 80%;
    }
}

@media (max-width: 991px) {
    .section-title h2{
        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 .item-title{
	    font-size: 30px;
	    margin-bottom: 10px;
	}
	.rooms .item-text{
        font-size: 18px;
        line-height: 28px;
	}
	.rooms .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) {
    .section-title h2{
        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-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{
        margin-bottom: 20px;
    }
}
@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;
    }
}
@media (max-width: 600px) {
    .rooms-wrapper{
        padding-bottom: 80px;
    }
}
@media (max-width: 400px) {
    .rooms .item-content{
        padding: 30px;
    }
    .section-title h2{
        font-size: 30px;
    }
}
/*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 .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-content{
        align-items: center;
    }
     .cafe-section h2{
        text-align: center;
    }
    .cafe-content .text{
        text-align: center;
    }
    .cafe-section .more::after {
        margin-left: auto;
        margin-right: auto;
    }
    .cafe-header {
        margin-bottom: 40px;
    }
    .cafe-section .subtitle{
        text-align: center;
    }
}
@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 .item{
    display: flex;
    background: #f2f2f2;
    margin-bottom: 40px;
}
.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: 16px;
    margin-bottom: 50px;
    line-height: 1.5;
    color: #4a4a4a;
}
.action .item-bottom{
    display: flex;
}
.action .slick-next{
    right: -70px!important;
}
.action .slick-prev{
    left: -70px!important;
}
.action .slick-prev:before, .action .slick-next:before{
    border-color:#2B4258;
}
.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:before, .action .slick-next:before{
        display: none;
    }
}
@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./*/
/*services*/
.services-inner{
    display: grid;
    grid-gap:20px;
    grid-template-columns:1fr 1fr 1fr;
}
.services-inner .item:first-child{
    grid-column: 1/2;
    grid-row: 1/3;
    height: 620px;
}
.services-inner .item{
    position: relative;
    height: 300px;
}
.services-inner .item .item-text{
    color: #fff;
    opacity: 0;
    height: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .03em;
    transition: all 200ms ease-out;
    position: absolute;
    top: 0;
}
.services-inner .item:first-child .item-body{
    top: 510px;
}
.services-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;
}
.services-inner .item-img{
    height: 100%;
    position: relative;
}
.services-inner .item-img img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.services-inner .item-title{
    font-weight: 400;
    font-size: 22px;
    line-height: normal;
    letter-spacing: .03em;
    color: #fff;
    transition: all 200ms ease-out;
    font-weight: bold;
    margin-bottom: 0px;
    position: relative;
}
.services-inner .item .item-title:before{
    content: '';
    height: 2px;
    display: block;
    background: #fff;
    position: absolute;
    bottom: -17px;
    width: 60px;
    opacity: 0;
}
.services-inner .item-img:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, transparent 50%, rgb(43 66 88) 100%);
}
.services-inner .more{
    position: absolute;
    bottom: 40px;
    color: #fff;
    font-size: 23px;
    border-bottom: 1px solid #fff;
    opacity: 0;
    transition: all 200ms ease-out;
}
.services-inner .more:hover{
    border-bottom: 1px solid transparent;
    transition: all 200ms ease-out;
}
.services-inner .item:hover .item-body{
    top: 0;
    bottom: 0;
    background-color: #2b4258;
    transition: all 200ms ease-out;
}
.services-inner .item:hover .item-title{
    color: #ffffff;
    transition: all 200ms ease-out;
    margin-bottom: 40px;
}
.services-inner .item:hover .item-text{
    opacity: 1;
    height: auto;
    position: relative;
    top: auto;
    transition: all 200ms ease-out;
}
.services-inner .item:hover .item-title:before{
    opacity: 1;
}
.services-inner .item:hover .more{
    opacity: 1;
    transition: all 200ms ease-out;
}
.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-end;
}  
.services-section {
    padding: 40px 0 80px;
}
@media (max-width: 1120px) {
    .services-inner .item:hover .item-title{
        margin-bottom: 22px;
    }
    .services-inner .item .item-title:before{
        bottom: -11px;
    }
    .services-inner .more{
        bottom: 27px;
        font-size: 19px;
    }
}
@media (max-width: 991px) {
    .services-inner{
        grid-template-columns: 1fr 1fr;
    }
    .services-section{
        padding: 40px 0;
    }
}
@media (max-width: 767px) {
	.services-inner .item .item-text{
        font-size: 13px;
	}
	.services-inner .item:hover .item-title{
	    margin-bottom: 30px;
	}
	.services-inner .item .item-title:before{
	    bottom: -15px;
	}
	.services-inner .item-title{
	    font-size: 20px;
	}
	.services-inner .item-body{
        top: 190px;
	}
	.services-inner .more{
        font-size: 15px;
	}
	.services-inner .item:first-child .item-body{
	    top: 500px;
	}
	.services-inner .item{
        min-height: 260px;
	}
	.services-inner .item:hover .item-body{
	    top: 0;
	}
	.services-inner{
        grid-gap: 10px;
	}
	.services-inner .item:first-child{
        height: 610px;
	}
}
@media (max-width: 600px) {
    .services-inner .item .item-text{
        font-size: 12px;
    }
    .services-inner .item-title{
        font-size: 17px;
    }
    .services-inner .item-body{
        top: 210px;
    }
    .services-inner .item:first-child .item-body{
        top: 520px
    }
}
@media (max-width: 500px) {
    .services-inner{
        grid-template-columns: 1fr;
    }
    .services-inner .item:first-child{
        height: 240px;
        min-height: 240px;
        grid-row: 1/2;
    }
    .services-inner .item{
        height: 240px;
        min-height: 240px;
    }
    .services-inner .item:first-child .item-body{
        top: 140px;
    }
    .services-inner .item-body{
        top: 140px;
    }
    .services-inner .item:hover .item-body {
        top: 0;
    }
}
/*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: 40px;
    position: relative;
    bottom: 0 !important;
}
.comment-inner .item{
    display: flex;
    height: 100%;
    flex-direction: column;
    background: #fffffff5;
    padding: 60px;
    box-shadow: 0 0 14px #0000001c;
    margin-bottom: 30px;
}
.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{
    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{
        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: transparent;
    border: 1px solid #fff;
    margin: 0 auto;
    box-shadow: 0 0 13px #ffffffc2;
}
.form-wrapper .button:hover{
    background: #fff;
    color: #2B4258;
}
@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./*/
#scrollToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 20px;
    background-color: #007BFF;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px;
}

#scrollToTopBtn:hover {
    background-color: #0056b3;
}

/*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;
}
.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;
}
.contacts-section .item-address svg{
    fill: #fff;
    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: #2b4258;
    z-index: 1;
    top: -60px;
    position: relative;
}
.reservation-button .button{
    background: #ffffff;
    color: #000;
    padding: 15px 30px;
}
.reservation-button .button:hover{
    box-shadow: 0 0 13px #fff;
    background: transparent;
    color: #fff;
}
.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{
    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{
        margin-bottom: 1vw;
    }
    .content ul li{
        padding: 0.3vw 0;
    }
}
@media (max-width: 991px) {
    .textblocks .item-title{
        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{
        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{
    padding: 30px 70px;
    border: 1px solid #a2bad6;
    width: 100%;
    text-align: center;
}
@media (max-width: 1100px) {
    .reservation-section .module{
        font-size: 24px;
    }
}
@media (max-width: 991px) {
    .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: calc(100% - 265px - 15px);
    }
    .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;
    }
}
@media (max-width: 767px) {
    .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: 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;
}

.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: 60px;
    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: 300;
    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 .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: #f8f8f8;
    padding: 20px;
    border-radius: 9px;
    height: 100%;
    display: block;
    text-decoration: none;
    color: #000;
    transition: all ease-out 300ms;
    position: relative;
}
.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: #F0F0F0;
    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: #9A9FA6;
    font-weight: bold;
    font-size: 18px;
}

.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: #2B4258;
    color:#fff;
    flex-shrink: 0;
}
.footer-wrapper .logo-wrap img{
    max-width: 130px;
}
.feedback-wrapper{
    display: flex;
    align-items: center;
    grid-gap: 20px;
}
.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:#fff;
}
.contacts .phone-wrap path{
    fill:#fff !important;
}
.phone-wrap a{
    font-weight: 600;
    font-size: 19px;
    display: block;
    color: #fff;
}
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: 300px;
    justify-content: space-between;
}
footer .item-contacts:last-child{
    width: 250px;
}
footer .item-contacts svg{
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
}
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: 19px;
    font-weight: 300;
    color: #ccc;
}
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 1fr 40px;
}

footer a{
    color: #ccc;
}
.footer-inner .header-phone path{
    fill:#fff !important;
}
footer .contacts .button{
    width: 100%;
    border: 1px solid #ffffff;
    background: transparent;
    justify-content: center;
    text-transform: none;
}
footer .contacts .button:hover{
    color:#fff;
    background: #a2bad6;
    border-color:#a2bad6;
}
.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 .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 .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: 1130px) {
   
}
@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{
       flex-direction: column;
       grid-gap: 20px;
   }
}
@media (max-width: 467px) {
   
}
@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 .item-contacts{
        align-items: flex-start;
    }
    .footer-bottom{
        grid-gap: 0;
    }
}

/***********************footer-section************./*/
/**************************************************   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) {

}