/*!
Theme Name: Migrant
Theme URI: http://underscores.me/
Author: Rozmuar
Author URI: http://rozmuar.ru
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: migrant
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Migrant is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@import url("css/reset.css");
@import url("css/fonts.css");
*, button:active, button:focus , .btn{
	outline: none!important;
}
a{
    text-decoration: none;
}
a:hover, a:active, a:focus{
    text-decoration: none;
}
body{
	font-family: 'AvantGardeC', sans-serif;
	background: #fff;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
body.active, body.a-popup, body.info-popup{
	position: relative;
	overflow: hidden;
	max-height: 100vh;
}    
body.active::after, body.a-popup::after, body.info-popup::after{
	position: fixed;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1000;
	overflow: hidden;
}
img{
	max-width: 100%;	
	height: auto;
    width: auto;
}
body .popup-nav{
	position: fixed;
	z-index: 130;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	max-width: 320px;
	flex-direction: column;
	background: #fff;
	padding: 20px;
	padding-top: 40px;
	display: none;
	animation: menuHide 1s forwards;
}
.burger{
	display: none;
}
.main-wrapp-buttons{
	display: flex;
}
.btn{
	width: 188px;
	height: 45px;
	background: #1D1D1F;
	font-weight: 600;
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 0;
	justify-content: center;
	border-radius: 0;
}
.btn-active{
	background: #08A652;
}

.btn:hover{
	background: #08A652;
	color: #FFFFFF;
}
.btn-transparent{
	font-family: 'Century Gothic';
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.7);
	border: 2px solid rgba(255, 255, 255, 0.7);
	box-sizing: border-box;
	background: transparent;
	width: 180px;
}
.section-title{
	font-weight: 600;
	font-size: 26px;
	line-height: 80px;
    text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333333;
}
.section-line, .section-title_line{
	position: relative;
}
.section-line::after, .section-title_line::after,
.section-title_line::before{
	position: absolute;
	content: '';
	height: 1px;
	background: rgba(29, 29, 31, 0.15);
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 1278px;
	width: 100%;
}
.section-line::after{
    top: -17px;
}
.section-title_line::before{
	top: auto;
	bottom: -5px;
	max-width: 100px;
	background: #08A652;
	height: 3px;
}
.section-title_line::after{
	background: rgba(29, 29, 31, 0.2);
	max-width: 248px;
	top: auto;
	bottom: -5px;
	height: 3px;
}
/*//////////////////////////////////////////////header////////////////////////////////////////////////////////////////*/
header{
	padding: 20px 0 30px 0;
}
header .header-socials{
	display: flex;
	justify-content: space-between;
	max-width: 135px;
    margin-left: auto;
    margin-right: 0;
}
header .header-contacts{
	padding-bottom: 30px;
}

header .header-menu{
	display: flex;
    align-items: center;
}
header nav {
    /* margin-left: 25px;
    max-width: 575px; */
}
header .header-contacts-wrapp{
	display: flex;
}
header .header-contacts-link{
	margin-left: 40px;
}
header .header-contacts-link img{
	margin-right: 10px;
}
header .header-contacts-link:first-child{
	margin-left: 0;
}
header .header-contacts-link , header .header-contacts-link a{
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	display: flex;
	align-items: center;
	color: rgba(29, 29, 31, 0.8);
	width: max-content;
}
header nav ul.nav-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	Justify-content: flex-end
}
header nav ul li{
	margin: 0 7px;
}
header nav ul li a, header nav ul li a:visited,
header nav ul li a:active, header nav ul li a:focus{
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	color: rgba(29, 29, 31, 0.8);
}

header nav ul li a:hover{
	color: #08A652;
	text-decoration: none;
}
header .btn{
	margin-top: 0;
}
header .header-main .popup-exit{
	display: none;
}
.header-mobile{
	display: none;
}
/*///////////////////////////////////////////slider////////////////////////////////////////////////*/
.main-slider .swiper-slide{
	min-height: 754px;
	position: relative;
	display: flex;
	align-items: center;
	background: #000;
}

.swiper-main-slide.swiper-slide:before {
    content: '';
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 0;
}
.swiper-main-slide.swiper-slide>.container{
	z-index: 999;
}


.swiper-slide.swiper-mono-slide:before {
    content: '';
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 0;
}
.swiper-slide.swiper-mono-slide>.container{
	z-index: 999;
}


.main-slider .swiper-slide img{
	position: absolute;
	width: 100%;
	height: auto;
	z-index: -1;
}
.main-slider .swiper-slide .title, .main-slider .swiper-slide .subtitle,
.main-slider .swiper-slide .btn{
	margin: 0 auto;
}
.main-slider .swiper-slide .title{
	font-weight: 600;
	font-size: 60px;
	line-height: 80px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;
	max-width: 800px;
    margin-bottom: 100px;
    letter-spacing: 1.5px;
}
.main-slider .swiper-slide .subtitle{
	display: block;
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 34px;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	max-width: 600px;
	margin-bottom: 45px;
}
.main-slider .swiper-slide .title.section-line::after{
	background: rgba(255, 255, 255, 0.5);
	top: 200px;
}
.main-slider .slider-wrapp{
	position: relative;
}
.main-slider .slider-wrapp .btn{
	max-width: 180px;
}
.main-slider .slider-wrapp .swiper-pagination{
	position: absolute;
    right: 50%;
    transform: translateX(635px);
    bottom: 85px;
}
.main-slider .slider-wrapp .swiper-pagination .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	margin-left: 30px;
}
.main-slider .slider-wrapp .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: #FFFFFF;
}
/*///////////////////////////////////////////features////////////////////////////////////////////////*/
.features{
	padding-top: 40px;
	padding-bottom: 30px;
}
.features-wrap .row .col-xs-12:nth-child(3) .features-block{
	margin-left: 60px;
} 
.features-wrap .row .col-xs-12:nth-child(4) .features-block{
    margin-left: 80px;
}
.features-wrap{
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
	-moz-box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
	box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
	font-family: 'Century Gothic';
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: rgba(51, 51, 51, 0.7);
	padding: 0 105px;
	padding-top: 40px;
	padding-bottom: 20px;
}
.features-wrap span{
	display: block;
	max-width: 220px;
	margin-top: 10px;
}
.features-wrap .features-block{
	max-width: 220px;
	margin: 35px 0 10px;
}
/* .features-wrap .features-block:last-child{
	max-width: 170px;
} */


/*///////////////////////////////////////////main-slider////////////////////////////////////////////////*/
.main-slider {
	position: relative;
	margin-bottom: 110px;
}
.main-slider .features-wrap{
	box-sizing: border-box;
    max-width: 1278px;
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: -110px;
    z-index: 1001;
    transform: translateX(-50%);
}
.main-slider .swiper-slide{
	align-items: baseline;
}
.main-slider .swiper-slide .title {
    margin-top: 120px;
}
.main-slider.main-block .slider-wrapp .swiper-pagination{
	bottom: 135px;
}


/*///////////////////////////////////////////about////////////////////////////////////////////////*/
.about .section-title{
    margin-bottom: 35px;
}

.about{
	background: #F9F9FB;
	padding-bottom: 115px;
	padding-top: 100px;
}
.about p, .numbers p{
	font-family: 'Century Gothic';
	font-weight: normal;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	color: rgba(51, 51, 51, 0.7);
}
.about .about-wrap .about-block{
	text-align: center;
	-webkit-box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
	-moz-box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
	box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
    min-height: 395px;
    margin-top: 70px;
	background: #FFFFFF;
	padding: 0 20px;
}
.about .about-wrap .about-block.section-title_line::before{
	height: 4px;
	border-radius: 10px;
	max-width: 100%;
	bottom: 0;
}
.about .about-wrap .about-block.section-title_line::after{
	display: none;
}
.about .about-wrap .about-title{
	display: block;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #333333;
}
.about .about-wrap img{
	margin-top: 40px;
    margin-bottom: 30px;
}
.about .about-wrap .about-subtitle{
	display: block;
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	color: rgba(51, 51, 51, 0.8);
    margin-bottom: 23px;
	margin-top: 10px;
}
.about .about-wrap p{
	font-size: 16px;
	line-height: 24px;
	color: rgba(51, 51, 51, 0.6);
}

/*///////////////////////////////////////////numbers////////////////////////////////////////////////*/
.numbers{
	background: #1D1D1F;
	max-height: 436px;
}
.numbers .numbers-block{
	margin-left: -40px;
	max-width: 820px;
}
.numbers img{
    margin-left: -15px;
    margin-bottom: -6px;
}
.numbers .section-title{
	text-align: left;
	color: #FFFFFF;
	margin-top: 70px;
	line-height: 50px;
}
.numbers .section-title_line::after{
	bottom: -100px;
	max-width: 100%;
	background: rgb(196 196 196 / 20%);
}
.numbers .section-title_line::before {
    left: 0%;
	transform: translateX(0%);
	bottom: -100px;
}

.numbers p{
	color: rgba(255, 255, 255, 0.9);
	text-align: left;
	margin-bottom: 70px;
	line-height: 25px;
}
.numbers .numbers-title{
	font-weight: 600;
    font-size: 26px;
	line-height: 80px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	display: block;
}
/*///////////////////////////////////////////benefit////////////////////////////////////////////////*/
.benefit .section-title{
	margin-bottom: 65px;
}
.benefit{
	padding: 64px 0 55px 0 ;
	overflow: hidden;
}
.benefit-wrap{
	position: relative;
}
.benefit-wrap img{
    position: absolute;
    left: 50%;
    bottom: -40px;
    transform: translateX(calc(-50% - 300px));
}
.benefit-wrap ul, .rooms-wrap ul{
	position: relative;
}
.benefit-wrap ul::after, .rooms-wrap ul::after{
    position: absolute;
    content: '';
    left: 25px;
    top: 50%;
    z-index: -1;
	height: calc(100% - 80px);
	transform: translateY(-50%);
    width: 1px;
    background: #0BA54D;
}
.benefit-wrap ul li, .rooms-wrap ul li{
	font-family: 'Century Gothic', sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	color: rgba(51, 51, 51, 0.7);
    margin-bottom: 68px;
	position: relative;
	margin-left: 20px;
	padding-left: 60px;
}
.benefit-wrap ul li:last-child, .rooms-wrap ul li:last-child{
	margin-bottom: 0;
}
.benefit-wrap ul li span, .rooms-wrap ul li span{
	background: url('/wp-content/themes/migrant/img/benefit/item.svg') no-repeat;
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	left: -20px;
	height: 50px;
	width: 50px;
	align-items: center;
    justify-content: center;
	display: flex;
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
}
/*///////////////////////////////////////////rooms////////////////////////////////////////////////*/
.rooms{
	padding: 64px 0 55px 0 ;
}
.rooms .section-title{
	line-height: 60px;
}
.rooms .section-title_line::before, .rooms .section-title_line::after{
	bottom: -80px;
}
.rooms p{
	font-family: 'Century Gothic', sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: rgba(51, 51, 51, 0.7);
	margin: 0 auto;
    margin-bottom: 75px;
    max-width: 910px;
}
.rooms-wrap ul li {
    margin-bottom: 58px;
}
/*///////////////////////////////////////////price////////////////////////////////////////////////*/

.price-wrap {
	background: #1D1D1F;
	padding: 50px 108px 90px 108px;
}
.price-wrap .section-title_line::before, .price-wrap .section-title_line::after{
	bottom: -95px;
	z-index: 1;
}
.price-wrap .section-title_line::after{
	background: #4A4A4C;
	z-index: 0;
}

.price-wrap .section-title{
	color: #FFFFFF;
	line-height: 65px;
}
.price-wrap p{
	margin: 0 auto;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 100px;
	font-family: 'Century Gothic', sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: rgba(255, 255, 255, 0.9);
	max-width: 870px;
}
.price-wrap span{
	display: block;
}
.price-wrap .price-block-title{
	font-family: 'AvantGardeC', sans-serif;
	font-weight: 600;
	font-size: 26px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;

}
.price-wrap .price-block-subtitle{
	font-family: 'Century Gothic', sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 15px;
}
.price-wrap .row .col-xs-12:last-child .price-block{
	margin-left: auto;
	margin-right: 0;
}
.price-wrap .price-block{
	background: rgba(255, 255, 255, 0.1);
	position: relative;
	min-height: 110px;
	max-width: 485px;
	padding-top: 5px;
}
/*///////////////////////////////////////////rooms-price////////////////////////////////////////////////*/
.rooms-price .price-wrap .price-block-title{
	position: relative;
	top: auto;
	left: auto;
	transform: translateX(0);
}
/* .rooms-price{
	background: #FFFFFF;
	position: relative;
	padding-bottom: 235px;
} */
.rooms-price{
	background: #FFFFFF;
	position: relative;
	padding-bottom: 30px;
}
.rooms-price .rooms-wrap{
	margin-bottom: 65px;
}
.price-wrap .price-block{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 0;
}
.rooms-price .price-wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-top: 0;
	/* position: absolute;
	bottom: -50%;
    left: 50%;
    max-width: 1278px;
    padding-top: 60px;
    width: 100%;
	transform: translate(-50%, calc(-50% + -80px)); */
}
.rooms-price .price-wrap .row{
	width: 100%;
}
.rooms-price .price-wrap p{
	margin-bottom: 90px;
}
.rooms-price .price-wrap .price-block-subtitle{
	margin-bottom: 15px;
}
.rooms-price .price-wrap .section-title_line::after{
	width: 248px;
}
/*///////////////////////////////////////////gallery////////////////////////////////////////////////*/
.gallery .gallery-wrap{
	display: flex;
	flex-wrap: wrap;
	margin-top: 60px;
}
.gallery .gallery-wrap img{
	height: inherit;
	width: max-content;
}	
.gallery .gallery-wrap .gallery-item{
	flex-basis: 20%;
	position: relative;
}
.gallery .gallery-wrap .gallery-item a{
	position: relative;
}
.gallery .gallery-wrap .gallery-item:hover img{
	filter: brightness(0.5);
}
.gallery .gallery-wrap .gallery-item a:hover::after{
	position: absolute;
	content: '';
	left: 50%;
	top: 50%;
	background: url('/wp-content/themes/migrant/img/gallery/search.svg') no-repeat;
	width: 45px;
	height: 44px;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.gallery .gallery-wrap .gallery-item a{
	/* height: auto; */
    display: flex;
}
/*///////////////////////////////////////////contacts////////////////////////////////////////////////*/
.contacts{
	position: relative;
}
.contacts .contacts-block{
	display: flex;
    background: rgba(29, 29, 31, 0.9);
    flex-direction: column;
    width: 100%;
    max-width: 406px;
    position: absolute;
    top: 80px;
    left: 20%;
}
.contacts .contacts-block .contacts-block-title{
	background: #0BA54D;
	padding: 10px 0;

}
.contacts .contacts-block .contacts-block-title h4{
	color: #FFFFFF;
}
.contacts .contacts-block .contacts-block-content{
    padding: 35px 20px 35px 20px;
}
.contacts .contacts-block .contacts-block-content .contacts-href{
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
	position: relative;
	display: block;
	padding-left: 60px;
	margin-bottom: 30px;
}
.contacts .contacts-block .contacts-block-content span.contacts-href{
	max-width: 310px;
}
.contacts .contacts-block .contacts-block-content span.contacts-href img{
	left: 24px;
    top: 0px;
}
.contacts .contacts-block .contacts-block-content .contacts-href img{
	position: absolute;
	left: 19px;
    top: 3px;
}
.contacts .contacts-socials {
    display: block;
    max-width: 155px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
}
.contacts .contacts-socials a{
	margin-right: 35px;
}
.contacts .contacts-socials a:last-child{
	margin-right: 0px;
}
 .btn{
	margin: 0 auto;
    width: auto;
    max-width: 326px;
    margin-top: 35px;
}
.contacts .ymaps-2-1-77-map-bg{
	height: 1500px;
}


.single_post{

}
.single_post .section-title {
    margin-bottom: 35px;
}
.single_post>.container>p {
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: rgba(51, 51, 51, 0.7);
    margin-bottom: 12px;
}
.single_post ul{
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: rgba(51, 51, 51, 0.7);
    margin-bottom: 12px;
    padding: 0 0 0 30px;
	list-style-type: disc;
}
.single_post ul li{

}
.single_post ol{
    font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    text-align: left;
    color: rgba(51, 51, 51, 0.7);
    margin-bottom: 12px;
    padding: 0 0 0 30px;
}
.single_post ol li{

}

@media (max-width: 1880px){
	.numbers .numbers-block{
		margin-left: 0px;
	}
	.numbers .section-title{
		margin-top: 40px;
	}
}
@media (max-width: 1500px){
	.numbers .row{
		display: flex;
	}
	.numbers .numbers-block .row{
		margin-bottom: 40px;
	}
	.numbers .row .col-xs-12:first-child{
		display: flex;
		align-items: center;
	}
	.numbers .numbers-block .row .col-xs-12:first-child{
		display: block;
	}
	.price-wrap {
		padding: 50px 58px 90px 58px;
	}
	.main-slider .slider-wrapp .swiper-pagination{
		transform: translateX(600px);
	}
	.about .about-wrap .about-block{
		min-height: 500px;
	}
}
@media (max-width: 1230px){

	.contacts .contacts-block{
		left: 10%;
	}
	.features-wrap .row .col-xs-12:nth-child(3) .features-block,
	.features-wrap .row .col-xs-12:nth-child(4) .features-block{
		margin-left: 0;
	}
	.main-slider .slider-wrapp .swiper-pagination{
		transform: translateX(50%);
	}
	.main-slider .slider-wrapp .swiper-pagination .swiper-pagination-bullet:first-child{
		margin-left: 0;
	}
	.price-wrap .price-block-title{
		position: initial;
		transform: translateX(0);
		margin-top: 5px;
	}
	.price-wrap .price-block{
		max-height: 100%;
		min-height: 120px;
	}
	header nav{
		margin-left: 0;
	}
}
@media (max-width: 992px){
	.about .about-wrap .about-block{
		min-height: 420px;
		padding-bottom: 30px;
	}
	.contacts .contacts-block{
		left: 10%;
	}
	.features-wrap{
		padding: 40px 55px;
	}
	.features-wrap .features-block{
		margin: 0 auto;
		margin-bottom: 40px;
	}
	.features-wrap .row .col-xs-12:nth-child(3) .features-block,
	.features-wrap .row .col-xs-12:nth-child(4) .features-block{
		margin-left: auto;
	}
	.main-slider .features-wrap{
		position: inherit;
		left: 0;
		transform: translateX(0);
		bottom: -0px;
	}
	.numbers .row{
		display: block;
	}
	.numbers{
		max-height: 100%;
	}
	.numbers img{
		margin-left: 0px;
		margin-bottom: 0px;
	}
	.numbers .row .col-xs-12:first-child{
		justify-content: center;
	}
	.numbers{
		max-height: 100%;
		padding: 60px 0;
	}
	.price-wrap{
		padding: 50px 28px 60px 28px;
	}
	.price-wrap .price-block{
		max-width: 100%;
		padding-top: 15px;
		margin-bottom: 40px;
	}
	.header-mobile{
		display: block;
	}
	.header-wrapp{
		display: flex;
		flex-direction: column;
	}
	header .header-menu{
		display: block;
	}
	.header-logo{
		display: none;
	}
	.header-mobile .header-logo{
		text-align: center;
		display: block;
	}
	.header-mobile .header-logo img{
		width: 190px;
	}

	header{
		position: relative;
		padding: 20px 0 10px 0;
	}
	.header-wrapp{
		position: absolute;
		left: -290px;
		top: 0;
		max-width: 290px;
		height: 100vh;
		background: #fff;
		padding-top: 30px;
		z-index: 99;
		box-shadow: 1px 1px 9px rgb(0 0 0 / 33%);
	}
	
	.header-wrapp.hide-menu{
		animation: menuHide 1s forwards;
	}
	.header-wrapp.active-menu{
		animation: menuShow 1s forwards;
	}
	header .header-contacts-wrapp{
		flex-direction: column;
		margin-bottom: 10px;
	}
	header .header-contacts-link{
		margin-left: 0;
		margin-bottom: 15px;
	}
	header .header-socials{
		margin-left: 0;
	}
	header nav ul.nav-main{
		align-items: flex-start;
    flex-direction: column;
	}
	.header-wrapp .row{
		margin-left: 0;
		margin-right: 0;
	}
	header nav ul.nav-main li{
		margin-bottom: 20px;
	}
	header .btn{
		max-width: 100%;
		margin-top: 20px;
	}
	.header-phone{
		margin: 20px 0 0;
	}
	@keyframes menuHide {
		from {
		  left: 0;
		}
	  
		to {
		  left: -290px;
		}
	  }
	  @keyframes menuShow {
		from {
			left: -290px;
		}
	  
		to {
			left: 0;
		}
	  }

	.burger {
		display: block;
	}
	.bar1 {
		top: 0;
	}
	.bar2,
	.bar3 {
		top: 13.5px;
	}
	.bar3 {
		right: 0;
	}
	.bar4 {
		bottom: 0;
	}
	.burger-wrapp{
		position: absolute;
		top: 23px;
		right: -60px;
		cursor: pointer;
		padding: 10px;
		border-radius: 10px;
		background: #fff;
		border: 1px solid #c2c2c2;
	}
	.burger {
		display: flex;
		width: 25px;
		height: 20px;
		position: relative;
		
	}
	.burger .bar{
		width: 100%;
		height: 2px;
		background: #08A652;
		transition: all 0.5s
	}
	.burger .bar.topBar{
		position: absolute;
		top: 0px;
	}
	.burger .bar.mdlBar{
		position: absolute;
		top: 9px;
	}
	.burger .bar.btmBar{
		position: absolute;
		top: 18px;
	}
	.active-menu{

	}
	.active-menu .burger .bar.topBar{
		transform: rotate(45deg);
		top: 10px;
	}
	.active-menu .burger .bar.mdlBar{
		display: none;
	}
	.active-menu .burger .bar.btmBar{
		transform: rotate(-45deg);
		top: 10px;
	}

	header .nav-hamburger .bar1 {
		transform-origin: 5%;
	}
	header .nav-hamburger .bar4 {
		transform-origin: 5%;
	}
	header .nav-hamburger.active > .bar1{
		transform: rotate(45deg);
		height: 3px;
		width: 42px;
	}
	header .nav-hamburger.active > .bar3{
		transform: rotate(45deg);
		height: 3px;
		background-color: transparent;
	}
	header .nav-hamburger.active > .bar2{
		transform: rotate(-45deg);
		height: 3px;
		background-color: transparent;
	}
	header .nav-hamburger.active > .bar4{
		transform: rotate(-45deg);
		height: 3px;
		width: 42px;
	}
}
@media (max-width: 768px){
	.features-wrap .features-block{
		min-height: 200px;
	}
	.features-wrap .features-block span{
		font-size: 14px;
	}

	.main-slider .swiper-slide .title {
		line-height: 70px;
	}

	.about {
		padding-bottom: 65px;
		padding-top: 50px;
	}
	.benefit{
		padding-top: 40px;
	}
	.benefit-wrap img{
		display: none;
	}
	.contacts .contacts-block{
		left: 50%;
		transform: translateX(-50%);
	}
	.gallery .gallery-wrap .gallery-item{
		flex-basis: 50%;
	}
	.main-slider.main-block .slider-wrapp .swiper-pagination{
		bottom: 60px;
	}
	.main-slider .swiper-slide .title{
		margin-bottom: 60px;
		font-size: 50px;
		margin-top: 60px;
	}
	.main-slider .swiper-slide .title.section-line::after{
		display: none;
	}
	.numbers .section-title_line::before,
	.numbers .section-title_line::after{
		display: none;
	}
	.numbers p{
		margin-bottom: 40px;
	}
	.price-wrap{
		padding: 50px 15px 40px 15px;
	}
	.price-wrap .price-block{
		padding: 15px 10px 15px 10px;
	}
	.price-wrap .price-block-subtitle{
		font-size: 18px;
	}
	.price-wrap .section-title_line::before, .price-wrap .section-title_line::after{
		display: none;
	}
	.price-wrap p, .rooms p{
		margin-bottom: 40px;
	}
	.rooms .section-title_line::before, .rooms .section-title_line::after{
		display: none;
	}
 	.rooms-wrap ul{
		margin-bottom: 60px;
	}
	.rooms{
		padding: 60px 0 15px 0;
	}
	.rooms-price .price-wrap{
		transform: translate(0, 0);
		position: initial;
	}

}


.overflow{
	overflow: hidden;
}
.black{
    position: relative;
    z-index: 10;
}
.black:before{
    content: '';
    background: rgb(0 0 0 / 0.50);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 4;
}

.my_little_form{
	transform: translate(-50%,-50%);
	position: fixed;
	top: 50%;
	left: 50%;
	width: 350px;
	background: #fff;
	z-index: 999;
	box-shadow: 1px 1px 7px #1d1d1d;	
	display: none;
}
.my_little_form.active{
	display: block;
}

.my_little_form .close{
    background-image: url(/wp-content/themes/migrant/img/fclose.png);
    background-size: cover;
    position: absolute;
    top: -40px;
    right: 0;
    width: 30px;
    height: 30px;
	opacity: 1;
	transition: all 0.5s;
}
.my_little_form .close:hover{
    transform: rotate(90deg);
}

.popsform{
	padding: 20px;
}

.wpcf7-form div{
	color: #484848;
}

.popsform .fotop{
    color: #484848;
    font-size: 13px;
}
.popsform label{
    margin-bottom: 15px;
}
.popsform label input{
    width: 100%;
	border: 1px solid #bbb;
	padding: 15px;
}
.popsform input[type=submit]{
	background: #0ba54d;
	border: none;
	width: 80%;
	margin: 0 10%;
	padding: 13px;
	font-weight: 600;	
	color: #fff;
}
.popsform h4{
	color: #000;
    text-align: center;
    padding: 10px 0;
    font-size: 37px;
    font-weight: 600;
    text-transform: uppercase;	
}
.popsform p{
	color: #000;
	font-size: 11px;
}



.main_form{
    margin: 20px 0 50px;
}
.main_form .form-wrap{
	margin: 20px 0;
}

.main_form .form-block{
    background: #272727;
    margin: 25px 0;
	padding: 50px;
	width: 100%;
	box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
}
.main_form .form-block h6{
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
}
.main_form p.sybs{
	text-align: center;
	font-family: 'Century Gothic', sans-serif;
	font-weight: normal;
	font-size: 25px;
	line-height: 24px;
	color: rgb(0 0 0 / 90%);
	padding: 25px 0 10px;	
}




.main_form .form-block label{
	margin-bottom: 15px;
	width: 100%;
}
.main_form .form-block label input{
    width: 100%;
	border: 1px solid #bbb;
	padding: 15px;
	color: #000;
}
.main_form .form-block input[type=submit]{
	background: #0ba54d;
	border: none;
	width: 80%;
	margin: 0 10%;
	padding: 13px;
	font-weight: 600;	
	color: #fff;
}
.main_form .form-block p{
    color: #8a8a8a;
    font-size: 12px;
    text-align: center;
}

.main_form .wpcf7-form div{
	color: #8a8a8a;
}


.category .site-main{
    margin: 50px 0;
}


.sing_blog{
	padding: 10px;
	box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
	margin-bottom: 50px;
	border-bottom: 3px solid #08A652;
}
.sing_blog img{
	width: 100%;
}
.sing_blog h2{
	font-family: 'Century Gothic';
	display: block;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.1em;
	color: #333333;
	margin-bottom: 15px;
}
.sing_blog p{
	font-family: 'Century Gothic';
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: rgba(51, 51, 51, 0.7);
}
.sing_blog .but_pod{
	
}
.sing_blog .but_pod:hover{
	
}



.sing_rev{
	-webkit-box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
    -moz-box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
    box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
    background: #FFFFFF;
    padding: 20px;
	margin-bottom: 50px;
	border-bottom: 3px solid #08A652;
}
.sing_rev h2{
	display: block;
	font-family: 'Century Gothic';
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 16px;
	color: rgba(51, 51, 51, 0.8);
	margin-bottom: 0;
	margin-top: 10px;
	text-align: end;
}
.sing_rev .textarch{
	font-family: 'Century Gothic';
    font-weight: normal;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    color: rgba(51, 51, 51, 0.6);
    margin-bottom: 30px;
}




.otz_pop{
	margin-bottom: 35px;
}

.owl-rev{

}
.owl-rev .owl-nav{
    position: absolute;
    bottom: 0;
    right: 0;
}
.owl-rev .owl-nav .owl-prev{
    height: 30px;
	width: 30px;
	background: #cdcdcf!important;
}
.owl-rev .owl-nav .owl-next{
    height: 30px;
	width: 30px;
	background: #08a652!important;
}
.owl-rev{

}
.owl-rev .owl-dots{
	text-align: center;
}
.owl-rev .owl-dots .owl-dot{
	width: 12px;
    height: 12px;
    background: #cdcdcf;
    margin: 5px;
}
.owl-rev .owl-dots .owl-dot.active{
	background: #08a652;
}

.owl-rev .sing_rev{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.my_otz_form{
    transform: translate(-50%,-50%);
    position: fixed;
    top: 50%;
	left: 50%;
	width: 100%;
	max-width: 450px;
    background: #fff;
    z-index: 999;
    box-shadow: 1px 1px 7px #1d1d1d;
    display: none;
}
.my_otz_form.active{
	display: block;
}
.my_otz_form .close {
    background-image: url(/wp-content/themes/migrant/img/fclose.png);
    background-size: cover;
    position: absolute;
    top: -40px;
    right: 0;
    width: 30px;
    height: 30px;
    opacity: 1;
    transition: all 0.5s;
}
.my_otz_form .close:hover{
    transform: rotate(90deg);
}

.my_otz_form{

}
.my_otz_form h4{
	font-weight: 600;
    font-size: 26px;
    line-height: 62px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #333333;
}
.my_otz_form #my_otz_form{
	padding: 0 20px;
}
.my_otz_form label{
	display: block;
    color: #484848;
    font-size: 13px;
}
.my_otz_form input[type="text"] {
	width: 100%;
    border: 1px solid #bbb;
    padding: 15px;
	margin-bottom: 10px;
	color: #000;
}
.my_otz_form textarea{
	width: 100%;
    border: 1px solid #bbb;
	padding: 15px;
	color: #000;
}

.my_otz_form .btn{
	width: 200px;
    margin: 15px auto;
}
.GameOff{
	text-align: center;
	color: crimson;
	margin: 15px;
}

.GameOn{
    padding: 20px;
    font-size: 31px;
    color: #0ba54d;
    font-weight: 600;
}
.GameOn span{
	padding: 20px 0;
    font-size: 16px;
    color: #777777;
    font-weight: 600;
}



.main-full-form{
    margin-bottom: 50px;
    position: relative;
    background: #000;
	min-height: 70vh;
    display: flex;
    align-items: center;
}
.main-full-form .swiper-slide {
    min-height: 754px;
    position: relative;
    display: flex;
    align-items: center;
    background: #000;
}
.main-full-form .title{
/* Настройка главного заголовка на 1-й странице */
    font-weight: 600;
    font-size: 38px; /* ранее был 42 шрифт*/
    line-height: 55px;
	text-align: center;
	font-weight: 500; /* обычный шрифт вместо жирного*/
    letter-spacing: 0.1em;
/*  text-transform: uppercase; */
    color: #FFFFFF;
    max-width: 1000px;
    margin-bottom: 100px;
    letter-spacing: 1.5px;
    margin: 25px auto 25px;

}


.main-full-form:before{
    content: '';
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 0;
}
.main-full-form .form-block {
    background: #272727;
    margin: 25px 0;
	/* padding: 50px; */
	padding: 15px 35px;
    width: 100%;
    box-shadow: 0px 0px 26px -8px rgba(133,133,133,1);
}
.main-full-form .form-block h6 {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 600;
}
.main-full-form .form-block p {
    color: #8a8a8a;
    font-size: 12px;
    text-align: center;
}
.main-full-form .form-block label {
    margin-bottom: 15px;
    width: 100%;
}
.main-full-form .form-block label input {
    width: 100%;
    border: 1px solid #bbb;
    padding: 15px;
    color: #000;
}
.main-full-form .form-block input[type=submit] {
    background: #0ba54d;
    border: none;
    width: 80%;
    margin: 0 10%;
    padding: 13px;
    font-weight: 600;
    color: #fff;
}

/* Настройка подзаголовка на 1-й странице */
.fosubti{
	position: relative;
	display: flex;
	align-items: center;
	font-weight: bold; /* Написание жирным шрифтом*/
/*	font-weight: 500; */
	text-align: center;
	font-size: 60px; /* ранее было 32px*/
	line-height: 70px; /* ранее было 39px*/

	text-transform: uppercase;
	color: #FFFFFF;
	max-width: 1000px;
	margin-bottom: 100px;
	letter-spacing: 1.5px; /* ранее было 1.5px*/
	margin: 0 auto;
	font-family: 'Century Gothic', sans-serif;	
}

@media(max-width:767px){
	.main-full-form {
		padding: 30px 0;
	}
	.main-full-form .title {
		font-size: 24px; /* ранее было 26px*/
		line-height: 33px;
		margin: 0 auto 30px;
	}
	.fosubti {
		font-size: 28px; /* ранее было 18px*/
		line-height: 36px;
	}
	.section-title {
		font-size: 26px; /* ранее было 26px*/
		line-height: 40px;
	}

}


/* footer */

.footer{
	padding: 65px 0;
	background-color: #303030;

}

.fot_title{
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
	display: block;
	margin-bottom: 30px;	
}

.footer .footer_block{
    margin-bottom: 30px;
}



.footer .footer_contact .contacts-href{
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    position: relative;
    display: block;
    padding-left: 35px;
    margin-bottom: 15px;
}
.footer .footer_contact .contacts-href img{
    position: absolute;
    left: 0px;
    top: -2px;
    width: 24px;
}
.footer .footer_contact .contacts-href a{

}

.footer_contact .mesenger{
    margin-bottom: 15px;
}

.footer_block{

}
.footer_block .menu{

}
.footer_block .menu a{
	font-size: 16px;
    line-height: 22px;
    position: relative;
    display: block;
	margin-bottom: 15px;
	color: #969696;
}
.footer_block .menu a:hover{
	color: #FFFFFF;
}

.footer-socials{

}
.footer-socials a{
	width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 50%;
	background: #fff;
	position: relative;
}
.footer-socials img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);	
}




.compensate-for-scrollbar {
    margin-right: 0!important;
}

.mesenger{

}
.mesenger a{
	
}
.mesenger img{
	width: 30px;
}

header .header-contacts-link.mmenumes{
	text-align: center;
	margin: 10px auto 15px;
}


@media(max-width:767px){

	.mesenger img{
		width: 36px;
	}

}





.youtuvs{
    position: relative;
    margin: 20px 0;
    display: block;
}
.youtuvs a{
    display: block;
}
.youtuvs img{
    width: 100%;
}
.youtuvs{
    width: 100%;
    border-radius: 10px;
}
.youtuvs a:before{
    content: '';
    background-image: url(/wp-content/themes/migrant/img/youtube.png);
    background-size: cover;
    width: 150px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0.8;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.youtuvs a:hover:before{
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
}