html{
	   
}	

.main {
	color: #fff;
	padding-top: 204px;
	background: #212121;
	background-image: url('https://tsarskyrelax.ru/wp-content/uploads/2022/04/Логотип.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
	height: max-content;
}

.main .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	right: 0;
	background-image: url('https://tsarskyrelax.ru/wp-content/uploads/2022/04/light-2.png') !important;
	background: no-repeat;
	background-position: right bottom;
	background-size: contain;
}

.main .title h1 {
	font-size: 40px;
	font-weight: 500;
	line-height: 46px;
	margin-bottom: 48px;
}

.main .title h1 br:first-child {
	display: none;
}

.main .benefits {
	padding: 0;
	list-style: none;
	margin-bottom: 55px;
}

.main .benefits li {
	position: relative;
	padding-left: 66px;
	font-size: 22px;
	font-weight: 300;
}

.main .benefits li:not(:last-child) {
	margin-bottom: 20px;
}

.main .benefits li:before {
	content: '';
	border-radius: 2px;
    position: absolute;
    top: calc(50% - 3px);
    width: 41px;
    height: 4px;
    background: #fff;
    left: 0;
}

.main .promotion {
	margin-bottom: 50px;
}

.main .promotion .prom-title {
	color: #E2208A;
	font-weight: 500;
	font-size: 32px;
	margin-bottom: 16px;
}

.main .promotion .info {
	font-size: 22px;
	font-weight: 300;
}

.main .promotion .info br:first-child {
	display: none;
}

.main .buttons {}

.main .buttons .sign-up {
	font-size: 24px;
    padding: 12px 22px;
    background: #E2208A;
    display: inline-block;
    font-weight: 500;
    border: 2px solid #E2208A;
    color: #fff;
    border-radius: 8px;
    margin-right: 58px;
}

.main .buttons .prog {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
	display: inline-block;
	text-decoration: underline !important;
}
.container_height {
    position: relative;
    height: calc(100% - 204px);
    padding-bottom: 220px;
}
.main .content_col {
	z-index: 1;
}
.main .image_col {
    display: flex;
    justify-content: flex-end;
	position: absolute;
	bottom: 0;
	right: 0;
}
.main .image {
    width: 310px;
}
.main .image img {
	width: 100%;
}
.main_nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	box-shadow: none;
	background: transparent;
}
.main_nav .dt-main-menu .menu {
	display: flex;
	justify-content: center;
	gap: 4px;
}
.main_nav .dt-main-menu .menu li a {
	color: #000;
	font-weight: 300 !important;
	font-size: 16px;
	padding: 24px 8px;
}
.dark_nav .dt-main-menu .menu li a {
	color: #fff;
}
.dt-main-menu .menu .sub-menu li a {
	color: #000 !important;
	padding: 24px;
}
.main_nav .dt-main-menu .menu .menu-item-1808 a {
	font-size: 22px;
	font-weight: 400 !important;
}
.main_nav.vs_head_menu {
	text-align: initial !important;
	line-height: initial !important;
}
.main_nav .dt-main-menu__upper {
	position: relative;
	display: flex;
	padding-top: 26px;
	padding-bottom: 12px;
}
.main_nav .dt-main-menu__upper:after {
	content: '';
	width: calc(100% - 15px);
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.dark_nav .dt-main-menu__upper:after {
	background: #fff;
}
.main_nav .phone_wrap {
	display: flex;
	flex-direction: column;
	text-align: center;
}
.main_nav .phone_wrap a {
	color: #000;
	font-weight: 300;
}
.dark_nav .phone_wrap a {
	color: #fff;
}
.main_nav .phone_wrap .phone {
	font-size: 20px;
	margin-bottom: 8px;
}
.main_nav .phone_wrap .callback {
	font-size: 16px;
	text-decoration: underline !important;
}
.main_nav .right-content {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
}
.main_nav .social_wrap {
	margin-right: 60px;
}
.main_nav .social_wrap a {
   	width: 32px;
   	display: inline-block;
    color: #000;
    filter: invert(1);
}
.dark_nav .social_wrap a {
	color: #fff;
	filter: initial;
}
.main_nav .social_wrap a:first-child {
	margin-right: 30px;
}
.main_nav .burger-menu {
	display: none;
	z-index: 9999;
}
.main_nav .burger-menu .burger_first {
	filter: invert(1);
}
.dark_nav .burger-menu .burger_first {
	filter: initial;
}
.main_nav .dt-nav-md {
	display: flex !important;
}
.main_nav .custom-logo {
	width: 220px;
}
.main .promotion .prom-title br {
	display: none;
}
.main_nav .dt-main-menu__lower .mobile-phone_wrap,
.main_nav .dt-main-menu__lower .mobile-social_wrap {
	display: none;
}
.main_nav {
    position: fixed;
}
.dark_nav.fill-anim {
    position: absolute;
    top: -70px;
}
.main_nav {
	background: #E7E7E7;
}
.dark_nav.fill-fixed {
    background: #E7E7E7;
}
.dark_nav {
	background: transparent;
}
.dark_nav.fill-fixed {
	background: #E7E7E7;
}
/* На главной — прозрачная шапка, темнеет при скролле */
.home .main_nav {
	background: transparent;
	transition: background 0.3s ease;
}
.home .main_nav.scrolled {
	background: #212121;
}
.dark_nav.fill-fixed .dt-main-menu .menu li a {
	color: #000;
}
.dark_nav.fill-fixed .phone_wrap a {
	color: #000;
}
.dark_nav.fill-fixed .social_wrap a {
	filter: invert(1);
}
.main_nav.dark_nav.fill-fixed .burger-menu .burger_first {
	filter: invert(1);
}
.dark_nav.fill-fixed .dt-main-menu__upper:after {
	background: #000;
}
.main_nav .dt-main-menu-wrap.container.dt-main-menu__lower_active .menu li a {
	color: #fff;
}
@media (max-width: 1200px) {
	.main_nav .dt-main-menu .menu li a {
		font-size: 16px;
	}
	.main_nav .dt-main-menu .menu .menu-item-1808 a {
		font-size: 18px;
	}
}
@media (max-width: 1170px) {
	.main_nav .custom-logo {
		width: 305px;
	}
	.main {
		padding-top: 141px;
		background-size: 60%;
	}
	.main .title h1 {
		font-size: 40px;
		line-height: initial;
	}
	.main .benefits li {
		font-size: 22px
	}
	.main .buttons .sign-up {
		/*margin-bottom: 20px;*/
		margin-right: 58px;
	}
	.main_nav .dt-nav-md-trigger {
		padding: 30px 0;
		margin-top: 24px;
	}
	.main_nav .phone_wrap .phone {
		font-size: 20px;
		margin-right: 30px;
		margin-bottom: 0;
	}
	.main_nav .burger-menu {
		display: block;
	}
	.main_nav .phone_wrap .callback {
		display: none;
	}
	.main_nav .dt-main-menu__upper:after {
		display: none;
	}
	.main_nav .dt-nav-md-expand {
		display: contents !important;
	}
    .main_nav .dt-main-menu-wrap.container.dt-main-menu__lower_active {
    	position: fixed;
    	top: 0;
    	background: #383838;
    	right: 0;
    	padding-top: 112px;
    	padding-left: 56px;
	    width: 420px !important;
	    height: 100vh;
    }
    .main_nav .dt-main-menu .menu {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
    }
    .main_nav .dt-main-menu__lower .mobile-phone_wrap,
    .main_nav .dt-main-menu__lower .mobile-social_wrap {
    	display: flex;
    }

    .main_nav .dt-main-menu__lower .mobile-phone_wrap {
    	flex-direction: column;
    	margin-top: 64px;
    	margin-bottom: 64px;
    }

    .main_nav .dt-main-menu__lower .mobile-phone_wrap a {
    	font-size: 24px;
    	color: #fff;
    	font-weight: 400;
    }
    .main_nav .dt-main-menu__lower .mobile-phone_wrap .callback {
    	margin-top: 8px;
    	font-weight: 300;
    	text-decoration: underline !important;
    }
    .main_nav .dt-main-menu__lower .mobile-social_wrap {
    	justify-content: space-around;
    }
    .main_nav .dt-main-menu .menu li a {
    	padding: 9px 0;
    	font-size: 22px;
    }
    .main_nav .dt-main-menu .menu .menu-item-1808 a {
    	font-size: 24px;
    }
	.main_nav .social_wrap a {
	   	width: 26px;
	}
	.main_nav .social_wrap {
		margin-right: 30px;
	}
	.main_nav .burger-menu .burger_second {
		display: none;
	}
	.main_nav .burger-menu .burger_none {
		display: none !important;
	}
	.burger_active {
		position: fixed;
		right: 22px;
		top: 36px;
		display: inline-flex !important;
	}
}
@media (max-width: 992px) {
	.main_nav .custom-logo {
		width: 170px;
	}
	.main .promotion .info br:first-child {
		display: initial;
	}
	.main .buttons .sign-up {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.main .buttons {
    	display: inline-flex;
    	flex-direction: column;
    	align-items: center;
    }
    .main .overlay {
    	width: 90%;
    	height: 90%;
    }
    .main_nav .dt-main-menu__lower .mobile-social_wrap a img {
    	width: 50px !important;
    }
}
@media (max-width: 767px) {
}
@media (max-width: 620px) {
	.main {
		padding-top: 81px;
	}
	.main .image_col {
		display: flex;
		justify-content: flex-end;
	}
	.main .image {
		width: 290px;
	}
	.main .title h1 br:first-child {
		display: initial;
	}
	.main_nav .dt-main-menu__upper {
		padding-top: 18px;
		padding-bottom: 18px;
	}
	.main_nav .dt-main-menu-wrap.container.dt-main-menu__lower_active {
		width: 60% !important;
		padding-top: 62px;
		padding-left: 22px;
	}
    .main_nav .dt-main-menu__lower .mobile-social_wrap a img {
    	width: 28px !important;
    }
	.main_nav .dt-main-menu .menu li a {
		font-size: 16px;
	    padding: 4px 0;
	}

	.main_nav .dt-main-menu .menu .menu-item-1808 a {
		font-size: 16px;
	}

    .main_nav .dt-main-menu__lower .mobile-phone_wrap {
    	flex-direction: column;
    	margin-top: 44px;
    	margin-bottom: 44px;
    }

    .main_nav .dt-main-menu__lower .mobile-phone_wrap a {
    	font-size: 14px;
    }
    .main_nav .dt-main-menu__lower .mobile-phone_wrap .callback {
    	margin-top: 6px;
    }

	.main .title h1 {
		font-size: 26px;
		margin-bottom: 25px;
	}
	.main .title h1 br {
		display: none;
	}
    .main .benefits li {
    	font-size: 14px;
    	padding-left: 41px;
    }
    .main .benefits li:before {
    	width: 22px;
    }
    .main .container_height {
    	padding-bottom: 130px;
    }
    .main .promotion .prom-title {
    	font-size: 19px;
    	line-height: initial;
    	margin-bottom: 10px;
    }
    .main .promotion .prom-title br {
    	display: initial;
    }
    .main .promotion .info {
    	font-size: 14px;
    	line-height: initial;
    }
    .main .benefits {
    	margin-bottom: 28px;
    }
    .main .benefits li:not(:last-child) {
    	margin-bottom: 10px;
    }
    .main .buttons .sign-up {
    	font-size: 14px;
    	margin-right: 0;
        padding: 0px 6px;
        margin-bottom: 16px;
    }
    .main .buttons .prog {
    	font-size: 14px;
    }
    .main_nav .burger-menu img {
    	width: 22px;
    }
    .main_nav .phone_wrap .phone {
    	font-size: 12px;
    	margin-right: 20px;
    }
    .main_nav .social_wrap a {
    	width: 20px;
    }
    .main_nav .social_wrap {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    	margin-right: 18px;
    }
    .main_nav .social_wrap a:first-child {
    	margin-right: 0;
    	margin-bottom: 12px;
    }
    .main_nav .dt-nav-logo {
    	display: flex;
    	align-items: center;
    }
    .main .overlay {
    	background-size: contain;
    }
	.burger_active {
	    right: 15px;
	    top: 34px;
	}
}
@media (max-width: 575px) {
	.main .image {
		width: 200px;
	}
}
		
.freespace{
	height: 190px;
}
	.dt-logo{
		padding: 5px 15px 25px;
	}
	.dt-layout-boxed:not(.headline){
		/*adding-top: 60px;*/
	}
	.vs_header_local{
		color: #333;
		font-size: 12px;
	}
	.dt-main-menu li a{
		padding: 14px 10px;
		font-size: 15px;
	}
	.dt-main-menu li a{
		font-family: Roboto;
		font-weight: 600;
		font-size: 14px;
		color: #555;
	}
	.dt-menu-bar-sticky{
		text-align: center;
		background: #E7E7E7 !important;
		height: auto;
		z-index: 10;
	}
	.home .dt-menu-bar-sticky {
		background: #212121 !important;
	}
	.dt-main-menu-100 {
		margin-top:80px
	}
	.sticky-logo{
		display: none;
	}
	.dt-menu-bar-sticky .sticky-logo{
		float: left;
		display: block;
	}
	.sticky-wrapper{
		max-width: 100%;
		margin: 0 auto;
	}
	.dt-menu-bar-sticky .dt-main-menu-wrap{
		float: right;
	}
	.vs_home_preim > div{
		margin-bottom: 20px;
	}
	.vs_home_preim span{
		font-size: 20px;
	}
	.vs_head_menu{
		height: auto;
	}
	.mobile-show{
		display: none;
	}
	.mainpage-main{
		background: url(/wp-content/uploads/2022/03/mobilebgnew.jpg) no-repeat center;
		height: 700px;
	}
		.main-heading{
			font-size: 40px;
			color: #333;
			margin-top: 115px;
			margin-left: 250px;
		}
		.mini-heading{
			margin-left: 252px;
			margin-top: 22px;
			font-size: 33px;
			font-weight: 100;
		}
		.main-buttons{
			margin-left: 250px;
			margin-top: 50px;
		}
		.main-buttons a{
			line-height: 50px;
			padding: 0 30px;
			background: #e2208a;
			display: inline-block;
			text-transform: uppercase;
			font-weight: bold;
			border: 2px solid #e2208a;
			color: #fff;
			border-radius: 7px;
			margin-right: 10px;
		}
			.main-buttons a:hover{
				background: none;
				color: #555;
			}
			.main-buttons a:last-child{
				color: #555;
				background: none;
				border: 2px solid #777
			}
				.main-buttons a:last-child:hover{
					opacity: 1;
					background: #b6728a;
					border-color: #b6728a;
					color: #fff;
				}

	/* NEW */
	.main__buttins a{
		font-size: 14px;
		line-height: 50px;
		padding: 0 30px;
		background: #e2208a;
		display: inline-block;
		text-transform: uppercase;
		font-weight: bold;
		border: 2px solid #e2208a;
		color: #fff;
		border-radius: 7px;
		margin-right: 10px;
	}
		.main__buttins a:hover{
			background: none;
			color: #555;
		}
		.main__buttins a:last-child{
			color: #555;
			background: none;
			border: 2px solid #777
		}
			.main__buttins a:last-child:hover{
				opacity: 1;
				background: #b6728a;
				border-color: #b6728a;
				color: #fff;
			}

	.vs_head_menu{
		/*overflow: hidden;*/
		overflow: visible;
	}			
	.vs_home_preim span{
		min-height: 75px;
	}
	.vs_head_local_group{
		white-space: nowrap;
	}
	.vs_girl_like, .vs_girl_like .post-ratings{
		margin-top: 0;
	}
	.vs_girl_vozrast, .vs_girl_grud, .vs_girl_like .post-ratings, .vs_girl_rating{
		    margin-top: 10px !important;
    display: block;
	}
	.vs_head_menu{
		transition: 0s !important;
	}
	/* .vs_girl_zakaz_button.active{
		color: #fff;
		background: #b6728a;
		border-color: #b6728a;
	}
		.vs_girl_zakaz_button.active:hover{
			background: none;
			color: #555;
		} */
	.box-action
	{
	}
	@media screen and (min-width: 1200px) {
		.dt-menu-bar-sticky .dt-main-menu-wrap{
			max-width: 100%;
		}
	}
	@media screen and (max-width: 1200px) {
		.main-heading{
			line-height: 150%;
		}
		.dt-main-menu li a {
			padding: 14px 5px;
			font-size: 13px;
		}	
	}
	@media screen and (max-width: 991px) {
	}		
	@media screen and (max-width: 1170px) and (min-width: 768px) {
		.dt-menu-bar-sticky .sticky-logo{
			width: 20%;
		}
		.dt-menu-bar-sticky .dt-main-menu-wrap{
			width: 80%;
		}
		.dt-menu-bar-sticky .dt-main-menu li a, .dt-menu-bar-sticky .dt-main-menu li:last-child a{
			font-size: 12px;
			padding: 14px 3px;
		}
	}
	@media screen and (min-width: 768px) {
		
		/* Общие установки меню */
		.menu-glavnoe-menyu-container {
/*			clear:both;
			float:left;
			margin:0;
			padding:0;
			width:100%;
			z-index: 900; 
			position:relative;
		   	padding: 40px 0 10px 0;
				margin-top: -57px;*/
		}		
		.menu-glavnoe-menyu-container ul {
			margin:0;
			padding:0;
			list-style:none;
			position:relative;
		}
		.menu-glavnoe-menyu-container ul li {
/*			margin:0 0 0 1px;
			padding:0;
			float:left;
			position:relative;
			left:50%;
			top:1px;*/
		}
		.menu-glavnoe-menyu-container ul li a {
			display:block;
			margin:0;
			padding: 0px 3px;
			text-decoration:none;
		}		
		/* Подпункты */
		.menu-glavnoe-menyu-container ul ul {
			display:none; 
			/*position:absolute;
			top: 100%;
			left: 0;
			float:left;
			right:auto; */
			width: 15em; 
		}
		.menu-glavnoe-menyu-container ul ul li {
			margin:0; 
			width:100%;
		}
		.menu-glavnoe-menyu-container ul ul li a,
		.menu-glavnoe-menyu-container ul li.active li a,
		.menu-glavnoe-menyu-container ul li:hover ul li a,
		.menu-glavnoe-menyu-container ul li.hover ul li a { 
			font-weight:normal;
			background:#fff;
			color:#444;
			line-height: 1.6em; 
			border-bottom:1px solid #ddd;
			float:left;
			width:100%;
			text-align: left;
			padding: 4px 10px;
		}
		.menu-glavnoe-menyu-container ul ul li a:hover,
		.menu-glavnoe-menyu-container ul li.active ul li a:hover,
		.menu-glavnoe-menyu-container ul li:hover ul li a:hover,
		.menu-glavnoe-menyu-container ul li.hover ul li a:hover { 
			background:#e8e8e8; 
			float:left;
		}	
		.menu-glavnoe-menyu-container ul ul.last {
			left:auto;
			right:0;
		}
		.menu-glavnoe-menyu-container ul ul.last li {
			float:right;
			position:relative;
			right:.8em;
		}
		.menu-glavnoe-menyu-container ul li:hover ul,
		.menu-glavnoe-menyu-container ul li.hover ul {
			display:block; 
		}		
		.menu-glavnoe-menyu-container:after
		{
			content: ' ';
			display: block;
			clear: both;
		}
		
		.custom-logo-link
		{
			position:relative;
			z-index: 1000;
		}		
	}
	@media screen and (min-width: 768px) and (max-width: 990px) {
		.dt-main-menu
		{
			max-width: 740px;
			margin: 0px auto;
		}
		.dt-main-menu li{
			float: left;
		}
				.dt-main-menu li a{
					padding: 5px;
				}
	}
	@media screen and (max-width: 768px) {
		.dt-main-menu li a {
			
		}
		.main-heading, .mini-heading, .main-buttons{
			margin: 20px;
			line-height: 140%;
			font-size: 25px;
		}
		.mainpage-main{
			height: auto;
			padding-bottom: 20px;
		}
		.main-buttons a{
			font-size: 20px;

			margin-bottom: 10px;
		}
		.main-buttons a:last-child{
			font-size: 20px;
			background-color: white!important;			
			margin-bottom: 10px;
		}
		.dt-menu-bar-sticky .dt-main-menu-wrap{
			float: none;
			width: 100%;
			margin-top: 5px;
		}
		.mainpage-main{
			background: url(/wp-content/themes/passionate/images/mobilebg.jpg) no-repeat top 0px left -150px;
		}
		
		.dt-menu-bar-sticky .dt-main-menu-wrap, .dt-menu-bar-sticky .col-lg-12{
			padding: 0;
		}
		.dt-menu-bar-sticky .sticky-logo{
			
		}
		.dt-menu-bar-sticky .sticky-logo:after{
			content: '';
			display: block;
			clear: both;
		}
		.dt-menu-bar-sticky .mobile-show{
			display: block;
			text-align: right;
			padding-left: 0;
		}
		.dt-menu-bar-sticky .mobile-show a{
			color: #333;
			font-size: 16px;
			    line-height: 40px;
			font-weight: bold;
			
		}
		body .main-heading
		{
			font-size: 28px;
			
		}
		.freespace
		{
			height: 90px;
		}
	}	
	
	@media screen and (min-width: 992px) {		
		.dt-main-menu
		{
			margin: 0px auto;
		}		
		.menu-glavnoe-menyu-container ul li a {
		   padding: 0 8px;
		}	
		.menu-glavnoe-menyu-container > ul > li:last-child{
			white-space: nowrap;
		}
	}

.main_nav:not(.dark_nav) .dt-main-menu__lower .mobile-phone_wrap a {
	color: #000;
}