@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

*,*::before,*::after {
	box-sizing: border-box;
}
body {
	margin: 0;
	background-color: #dbdbdb;
	font-family: 'Inter', sans-serif;
	font-size:16px;
	line-height:24px;
	color:#000;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#df0000;
}
.clrs-white{
	background:#fff;
}
.clrs-abs{
	position:absolute;
}
.clr-pointer{
	cursor:pointer;
}
.container-fluid{
	width:100%;
	margin: 0 auto;
	max-width:1100px;
}
h1{
	margin:25px 0;
	font-size:24px;
	line-height:28px;
	text-align:center;
}
header.header,.modal_header{
	height:91px;	
	padding:12.5px 0;
	border-bottom:6px solid #df0000;
}
.modal_header{
	background: rgba(0, 0, 0, 0.78);
	border-bottom:none;
}
header.header .logo,.modal_header .logo{
	display:block;
	margin:0 auto;
	width:180px;
}
header.header .toogle,.modal_header .toogle{
	left:20px;
	top:11px;
	width:130px;
	height:40px;
	padding:0 0 0 50px;
	background:url('../img/icons/location_update.svg') no-repeat;
	background-size: 40px auto;
	text-transform:uppercase;
	line-height:22px;
}
header.header .toogle,.modal_header .toogle strong{
	display: flex;
    height: 40px;
	align-items: center;
}
}
.modal_header .toogle{
	background:url('../img/icons/bar-white.svg') no-repeat;
}
header.header .login{
	right:20px;
	top:13px;
	width:40px;
	height:40px;
	background:url('../img/icons/login.svg') no-repeat;
	background-size:36px 36px;
}
header.header .message{
	right:65px;
	top:13px;
	width:45px;
	height:40px;
	background:url('../img/icons/mail.png') no-repeat;
	background-size: 38px 33px;
}
header.header .login span{
	margin:7px 0 0 50px;
}
.modal_header .close{
	top:10px;
	right:20px;
	width:45px;
	height:45px;
	background:url('../img/icons/close.svg') no-repeat;
}
nav.navbar .nav-filter{
	width:100px;
	height:25px;
	margin:7px 0 0 30px;
	padding-left:35px;
	background:url('../img/icons/tune_red.svg') no-repeat;
	background-size: 27px auto;
	color:#df0000;
}
nav.navbar .header-favorite{
	width:27px;
	height:27px;
	margin:7px 0 0 135px;
	background:url('../img/icons/Popular.svg') no-repeat;
	background-size: 27px auto;
}
nav.navbar{
	height:42px;
}
nav.navbar ul{	
	margin:0;
	padding:0;
	white-space: nowrap;
	overflow: auto;
}
nav.navbar li{
	display:inline-block;
	margin:8px 10px;
	font-weight:500;
}
nav.navbar li:first-child{
	margin-left:20px;
}
.columns .column{
	width:100%;
	max-width:450px;
	background:#fff;
	height:auto;
	margin-bottom:25px;	
}
.columns .column .column-rows,.columns .column .column-rows .profile .place{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.columns .column .column-rows{
	height:375px;
	overflow:hidden;
}
.columns .column,.container-fluid,.columns .column .images{
	position:relative;
}
.columns .column .fifty{
	width:50%;
}
.columns .column .images{
	overflow:hidden;
}
.columns .column .images .more-load-images{
	width:100%;
	height:53px;
	padding:10px 20px 10px 75px;
	bottom:0;
	background-image:url('../img/icons/more.svg');
	background-repeat: no-repeat;
	background-position: left 30px center;
	background-color:rgba(0, 0, 0, 0.57);
	font-size: 14px;
	line-height:16px;
    font-weight: 500;
    color: #fff;
}
.columns .column .images img{
	width:130%;
	height:auto;
	margin-left:-15%;
}
.columns .column .column-preview{
	padding:20px 30px 15px 30px;
	font-size:13px;
	line-height:18px;
	font-weight:300;
}
.columns .column .level .elements{
	display:inline-block;
	margin:0 10px 0 0;
	font-weight:500;
	font-size:12px;
	line-height:12px;
}
.columns .column .level .favorite,.columns .column .level .like,.columns .column .level .dislike,.columns .column .level .eye{
	padding-left:30px;	
	height:30px;
}
.columns .column .level .like,.columns .column .level .eye,.columns .column .level .dislike,.columns .column .level .counter{
	line-height:23px;
}
.columns .column .level .counter{
	padding-right:5px;
	margin-left:40px;
}
.columns .column .column-preview .level{
	display:flex;
}
.columns .column .level .favorite{
	background:url('../img/icons/Star.svg') no-repeat;
	background-size: 23px auto;
	max-width:150px;
}
.columns .column .level .like{
	background:url('../img/icons/Like_Filled_icon-icons1.svg') no-repeat;
	background-size: 23px auto;
	margin-right:35px;
}
.columns .column .level .dislike{
	background:url('../img/icons/dislike.svg') no-repeat;
	background-size: 23px auto;
}
.columns .column .level .eye{
	background:url('../img/icons/eye_icon-icons1.svg') no-repeat;
	background-size: 23px auto;
}
.columns .column .column-rows .profile{
	padding:15px;	
}
.columns .column .column-rows .profile .personal{
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	font-weight:300;
}
.columns .column .column-rows .profile .personal li{
	display:block;
}
.columns .column .column-rows .profile .personal li span{	
	display:inline-block;
	float:right;
	font-weight:500;
}
.columns .column .column-rows .profile .name{
	display: -webkit-box;
	font-size:20px;
	line-height:25px;
	font-weight:600;
	min-height: 50px;
	-webkit-box-orient: vertical;
    overflow: hidden;
	-webkit-line-clamp: 2;
}
.columns .column .column-rows .profile .metro{
	display:inline-block;
	margin:5px 0 10px 0;
	padding-left:35px;
	background:url('../img/icons/metro.svg') left center no-repeat;
	font-size:14px;
	line-height:18px;
	font-weight: 600;
	height:40px;
}
.red{
	opacity:0.9;
	color:#df0000
}
.active-events{
	opacity:0.9;
}
.dissabled{
	opacity:0.5;
	pointer-events: none;
}
.dissabled_phone{
	pointer-events: none;
}
.columns .column .column-rows .profile .place span{
	margin-right:10px;
	padding-left:30px;
	font-size:13px;
	font-weight:500;
}
.columns .column .column-rows .profile .place span.p1{
	background:url('../img/icons/car.svg') left center no-repeat;
}
.columns .column .column-rows .profile .place span.p2{
	background:url('../img/icons/home.svg') left center no-repeat;
}
.columns .column .column-rows .profile .price{
	margin:10px -15px 0 -15px;
	padding:7px 10px;
	background: #EDEBE0;
	font-size:14px;
	font-weight:700;
}
.columns .column .column-rows .profile .phone{
	display:block;
	margin:0 -15px 0 -15px;
	background:#df0000 url('../img/icons/phone.svg') left 15px center no-repeat;	
	padding:15px 10px 15px 45px;
	font-size:14px;
	font-weight:700;
	color:#fff;
}
.bottom-article{
	margin:30px 20px 20px;
}
.bottom-article h2{
	margin:20px 0 0 0;
	font-size:20px;
	line-height:24px;
	font-weight:500;
}
.bottom-article p{
	font-size:15px;
	line-height:20px;
	font-weight:300;
}
.bottom-article a{
	text-decoration:underline;
}
footer.footer{
	margin-top:45px;
	padding:10px;
	background:#fff;
	border-top:3px solid #df0000;
	text-align:center;
	font-size:14px;
}
.show_ankets{
	display:block;
	margin:0 auto;
	width:200px;
	padding:7px 10px;
	background:#df0000;
	border-radius:5px;
	text-align:center;
	font-size:14px;
	color:#fff;
}

.none{
	display:none;
}

/* Modal */

.modal-content{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	background: rgba(0, 0, 0, 0.75);
}
.modal-content .modal_previe{
	height:100%;
}
.modal-content .modal_preview .m_btn{
	bottom:0;
	width:100%;
	height:53px;
}
.modal-content .modal_preview .m_btn a{
	position:absolute;
	width:50%;
	height:53px;
	font-size:13px;
	font-weight:700;
	color:#fff;
	line-height:53px;
	text-align:center;
}
.modal-content .modal_preview .m_btn a.services{
	left:0;
	background:#A89D9D;
}
.modal-content .modal_preview .m_btn a.phone{
	right:0;
	padding-left:21px;
	background:#DF0000;
}
.modal-content .modal_preview .m_btn a.phone:before{
	content:'';
	position:absolute;
	width:21px;
	height:21px;
	background:url('../img/icons/phone.svg') no-repeat;
	margin:18px 0 0 -28px;
}
.modal-content .modal_preview .m_descrip{
	width:100%;
	bottom:53px;
	background: rgba(0, 0, 0, 0.75);
	padding:20px 30px;	
}
.modal-content .modal_preview .m_descrip p{
	margin:0;
	font-size:16px;
	line-height:20px;
	font-weight:300;
	color:#fff;
}
.modal-content .container-fluid{
	max-width:600px;
}
.modal-content .modal_galery{
	position:relative;
	width:100%;
	max-width:600px;
	margin:0 auto;
	overflow:hidden;
	height: 100%;
}
#touchsurface{
	position:relative;
	width:100%;
	height:100%;
}
.modal-content .modal_galery img{
	width:140%;
	margin-left:-20%;
	height:auto;
	cursor:pointer;
}
.modal-content .modal_galery .arrow-left,.modal-content .modal_galery .arrow-right{
	position:absolute;
	bottom:60%;	
	width:43px;
	height:85px;
}
.modal-content .modal_galery .arrow-left{
	left:20px;
	background:url('../img/icons/arrow_left.svg') no-repeat;
}
.modal-content .modal_galery .arrow-right{
	right:20px;
	background:url('../img/icons/arrow_right.svg') no-repeat;	
}
.modal-content .modal_list ul{
	margin:25px 0 0;
	padding:0;
}
.modal-content .modal_list li{
	display:block;
	margin-bottom:5px;
	font-size:16px;
	line-height:22px;
	text-align:center;
}
.modal-content .modal_list h3{
	font-size:24px;
	line-height:30px;
	text-align:center;
	font-weight:500;
	color:#fff;
}
.modal-content .modal_list li a{	
	color:#fff;
	font-weight:300;
}

@media (max-width: 420px) {	
	.columns .column .images img{
		width:150%;
		margin-left:-25%;
	}
	.container-fluid,header.header,footer.footer,nav.navbar,.modal-content{
		min-width:375px;
	}
}

@media (min-width: 450px) {	
	.columns .column{
		margin-left:auto;
		margin-right:auto;
	}
	nav.navbar ul{
		text-align:center;
	}
}

@media (min-width: 600px) {	
	.modal-content .modal_preview .m_descrip,.modal-content .modal_preview .m_btn{
		max-width:600px;
		left:50%;
		margin-left:-300px;
	}
	.modal-content .modal_galery .arrow-left,.modal-content .modal_galery .arrow-right{
		bottom:55%;
	}
	.modal-content .modal_galery img {
		width: 110%;
		margin-left: -5%;
	}
}

.columns .column .column-preview p{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 35px;
	-webkit-line-clamp: 2;
}

@media (min-width: 1000px) {	
	.columns{
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: flex-start;
		-webkit-box-align: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: flex-start;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.columns .column {
		-ms-flex: 0 0 48%;
		flex: 0 0 48%;
		max-width: 48%;
	}	
	h1{
		margin:30px 0;
		font-size:28px;
		line-height:32px;
	}
	.columns .column .column-rows .profile .name {
		font-size: 23px;
		line-height: 30px;	
		min-height: 60px;
	}
	.columns .column .column-rows{
		height:385px;
	}
}

/* filter */

.f-abs-list::-webkit-scrollbar,.modal_list ul::-webkit-scrollbar,#personal_content::-webkit-scrollbar {
    width: 10px;
}
 
.f-abs-list::-webkit-scrollbar-track,.modal_list ul::-webkit-scrollbar-track,#personal_content::-webkit-scrollbar-track {
    background-color: darkgrey;
}
 
.f-abs-list::-webkit-scrollbar-thumb,.modal_list ul::-webkit-scrollbar-thumb,#personal_content::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.filter-girls {
	overflow:hidden;
	width:70%;
	margin:20px auto 0 auto;
	text-align:center;
	border-bottom: 3px solid #df0000;
    padding-bottom: 15px;
}
.filter-girls .g-item {
	display:inline-block;
	margin:0 10px 10px 0;
	padding:2px 10px;
	border:2px solid #df0000;
	background:#fff;
	border-radius:15px;
	font-size:14px;
	font-weight:500;
}
.filter-girls .g-item:hover {
	background:#df0000;
	color:#fff;
}

.filter-girls .f-abs-list{	
	width: 70%;	
	height:auto;
	max-height:333px;
	top:85px;
	left:50%;
	margin-left:-35%;
	padding:15px 25px;
	overflow-y:scroll;
	overflow-x:hidden;
	background: rgba(0, 0, 0, 0.75);
	z-index:1;
	text-align:left;
}
.filter-girls .f-abs-list li{
	display:block;	
	font-size:14px;
}
.filter-girls .f-abs-list li a{
	color:#fff;
}
.filter-girls .f-abs-list li a:hover{
	color:#dbdbdb;
}
.filter-girls .f-abs-list .close{
	right:20px;
	top:20px;
	width:30px;
	height:30px;
	background:url('../img/icons/close.svg') no-repeat;
	background-size:30px 30px;
}
#menu ul{
	height:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	max-height:510px;
}
#personal_content{
	margin:25px 0 25px 25px;
	color:#fff;
	font-size:15px;
	overflow-y:scroll;
	max-height:800px;
	padding-right:25px;
}
#personal_content h3{
	font-size:20px;
}
#personal_content span.u1{
	display:inline-block;
	margin-right:10px;
	padding-left:20px;
	background:url('../img/icons/Minus.svg') left top 5px no-repeat;
	background-size:15px auto;
}

#personal_content span.u2{
	display:inline-block;
	margin-right:10px;
	padding-left:20px;
	background:url('../img/icons/TickBox.svg') left top 5px no-repeat;
	background-size:15px auto;
}
.balance{
	display: block;
    width: 200px;
    margin: 15px auto 40px auto;
    background: orange;
    padding: 5px;
    text-align: center;
	border-radius:8px;
}
.pre_balance{
	position: absolute;
    width: 100%;
    text-align: center;
    margin-top: -40px;
    font-size: 10px;
}

#read_more_text {
    text-decoration: underline;
    cursor: pointer;
    display: none;
}
#personal-message .more-load-images{
	display:none !Important;
}

@media (min-width: 501px) {
	.symbol {
		display: none;
	}
}

@media (max-width: 1000px) {
	.filter-girls{
		width:100%;
	}
	.filter-girls .f-abs-list{
		width:100%;
		margin-left:0;
		left:0;
	}
}


@media (max-width: 700px) {
	.filter-girls .g-item {
		margin: 0 5px 10px 0;
	}
	nav.navbar ul{
		margin-left:160px;
	}
	/*header.header .login{
		display:none;
	}*/
	header.header .logo{
		margin-left:180px;
	}
	.filter-girls .f-abs-list{
		top:127px;
		padding: 15px 25px;
		max-height:610px;
		height:610px;
	}	
}

@media (max-width: 500px) {
	#read_more_text {
		display: inline-block;
	}
	#second_part {
		display: none;
	}
}

@media (max-width: 450px) {
	header.header .logo{
		width:125px;
	}
	header.header .logo img{
		width:90%;
		height:auto;
		margin-top:12px;
	}
	.filter-girls .g-item{
		font-size:12px;
		padding: 1px 5px;
	}
	#personal_content{
		max-height: 650px;
	}
	.filter-girls .f-abs-list {
		top: 121px;
	}
	header.header .message {
		right: 30px;
		top: 18px;
		width: 45px;
		height: 40px;
		background-size: 30px 25px;
	}
	header.header .login {
		right: 0px;
		top: 16px;
		width: 40px;
		height: 40px;
		background-size: 30px 30px;
	}
	.columns .column .column-rows .profile .personal li span {
		position: absolute;
		margin-left: 10px;
	}
	.columns .column .column-rows .profile .personal {
		min-height: 120px;
	}
}

	.modal-content-message {
		position: fixed;
		width: 100%;
			height: 100%;
			bottom: 0;
			z-index: 2;
			background: rgba(255, 255, 255, 0.95);		
		}
		.modal-content-message #personal-message{
			max-width:800px;
			margin:20% auto;
			line-height:1.75em;
			font-size:16px;
		}
		.modal-content-message  #personal-message img{
			width:150px;
			height:auto;
			margin-bottom:10px;
		}
		.modal-content-message  #personal-message .image{
			width:150px;
			height:150px;
			overflow:hidden;
			border-radius:50%;
			float:left;
			margin-right:20px;
			margin-top:-5px;
		}
		.modal-content-message  #personal-message .modal_name{
			overfloat:hidden;
			font-size:24px;
			margin-bottom:2px;
			margin-top:10px;
			font-weight:500;
		}
		.modal-content-message  #personal-message a.phone{
			font-size:18px;	
			color:red;
			text-decoration:underline;
		}
		.modal-content-message  #personal-message .dialog{
			font-size:16px;			
		}
		.modal-content-message .close {
			position:absolute;
			width: 30px;
			height: 30px;
			right:20px;
			top:20px;
			background: url('../img/icons/close-black.svg') no-repeat;
			background-size:30px auto;
		}
		.modal-content-message .feedback{
			clear:both;
			margin-top:20px;
		}
		.modal-content-message .feedback #select{
			display:block;
			margin-top:-15px;
			padding:7px 10px;
			border:2px solid #000;
			border-radius:5px;
			float:left;
		}
		.modal-content-message .feedback h4{
			margin:10px 0 10px 0;
			font-weight:500;
		}
		.modal-content-message .feedback button{		
			padding:7px 10px;
			margin-top:10px;
			background:green;
			color:#fff;
			border:2px solid green;
			border-radius:5px;
			cursor:pointer;
		}
		.modal-content-message .feedback label{
			margin-left:10px;
		}
		.modal-content-message .feedback fieldset{
			border:none;
		}
		
		.modal-content-message .feedback #comment_profile{
			padding:10px;
			margin:10px 0;
			width:100%;
			max-width:400px;
			border:1px solid #ccc;
		}
		
		@media (max-width: 900px) {	
			.modal-content-message #personal-message{
				margin:20% 25px;
			}
		}
		
		@media (max-width: 550px) {			
			.modal-content-message #personal-message{
				margin:20px 20px;
				text-align:center;
			}		
			.modal-content-message #personal-message,.modal-content-message #personal-message .dialog{
				line-height: 1.55em;
				font-size: 13px;
			}
			.modal-content-message #personal-message .image{
				float:none;
				margin-left:auto;
				margin-right:auto;
				margin-bottom:15px;
				width: 100px;
				height: 100px;
			}
			.modal-content-message #personal-message img{
				width:100px;
			}
			.modal-content-message #personal-message .modal_name{
				font-size:20px;
			}
			.modal-content-message .feedback{
				margin-top:10px;
			}
			.modal-content-message .feedback h4 {
				margin: 10px 0 0 0;
			}
			.modal-content-message #personal-message a.phone{
				font-size: 16px;
			}			
		}

		.legal{
			position: absolute;
			right: 30px;
			border: 1px solid #df0000;
			border-radius: 50%;
			display: inline-block;
			padding: 2px;
			top:-2.5px;
		}