
	body{
		font-family: 'Catamaran', sans-serif;
		background:white;
	}
	body.tag_header_top_p{
		#padding-top: 80px;
	}
	body.tag_header_top_p .tag_hdr_top_sett .tag_sett_sidebar{
		#top:80px;
	}

	.col-5col{
		width:100%;
		padding:0 15px;
		margin-bottom:40px;
	}

	@media (max-width: 1350px) {

		/* body.tag_header_top_p {padding-top: 80px!important;} */
	}

@media (min-width:576px){
	.container,.container-sm,
	body.tag_header_top_p .container{
		/* max-width:540px */
	}
	.col-5col{
		width:50%;
	}

}
/*
@media (min-width:1028px){
	.container,.container-md,.container-sm{
		max-width:825px;
	}
	.col-5col{
		width:33.333333%;
	}

}
*/
@media (min-width:1028px){
	.container,.container-md,.container-sm,
	body.tag_header_top_p .container{
		max-width:825px;
	}
	.col-5col{
		width:33.333333%;
	}

}


@media (min-width:1200px){

	.container,.container-lg,.container-md,.container-sm,
	body.tag_header_top_p .container{
	max-width:1100px}
	.col-5col{
		width:25%;
	}

}

@media (min-width:1600px){
	.container,.container-lg,.container-md,.container-sm,.container-xl,
	body.tag_header_top_p .container{
	max-width:1430px}
	.col-5col{
		width:20%;

	}
}

/*
@media (min-width:576px){.container,.container-sm{max-width:540px}}
@media (min-width:1028px){.container,.container-md,.container-sm{max-width:825px}}
@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm{max-width:1100px}}
@media (min-width:1600px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1430px}}
*/


.user-card{
	background: #FFFFFF;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.53);
	border-radius: 20px;
	height:100%;
	display:flex;
	flex-direction:column;
}

.slick-slide .user-card{
	box-shadow:none;
}
.slick-active .user-card{
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.53);
}


.user-card-foto{
	position:relative;
	#padding-bottom:114.90196%;
	padding-bottom:100%;
}
.user-card-foto img{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius: 20px 20px 0 0;
}
.user-card-content{
	flex:1 0 auto;
	padding:16px 16px 20px 16px;
	display:flex;
	flex-direction:column;
}
.user-card-title{
	display:flex;
	justify-content:space-between;
}
.user-card-title a{
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0em;
	text-align: left;
	color:#03121F;
	margin-right:16px;

}
.user-card-icons img{
	height:16px;
	width:auto;
}
.user-card-icons img + img{
	margin-left:6px;
}
.user-card-city{
	margin-bottom:8px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color:#7E7E85;

}


.user-card-hover{
	position:relative;
	#margin-top:8px;
	min-height:72px;
}


.user-card-descr{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	transition: opacity .1s cubic-bezier(.25,.8,.25,1);
}


.user-card-buttons{
	opacity:0;
	pointer-events:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	text-align:center;
	transition: opacity .1s cubic-bezier(.25,.8,.25,1);
}
.user-card-buttons button + button{
	margin-top:8px;
}


.user-card:hover .user-card-descr{
	opacity:0;
}
.user-card:hover .user-card-buttons{
	opacity:1;
	pointer-events:auto;
}
.btn-card{
	min-width:180px;
	height:33px;
	line-height:33px;
	padding:0 16px;
	border: 1px solid #161616;
	background:#161616;
	border-radius:12px;
	font-family: 'Catamaran', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color:white;
}
.btn-card:hover{
	background:white;
	color:#161616;

}
.btn-card.invers{
	border: 1px solid #161616;
	background:white;
	color:#161616;
}
.btn-card.invers:hover{
	background:#161616;
	color:white;
}




.slick-next,.slick-prev {position:absolute;top:50%;display:block;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:#5f5f5f;border:none;z-index:9;background:#fff;box-shadow: 0px 4px 26px rgba(162, 168, 218, 0.53);width:48px;height:48px;border-radius:100%;text-align:center}
.slick-next:focus,.slick-next:hover, .slick-prev:focus, .slick-prev:hover {color:#222;box-shadow: 0px 4px 26px rgba(162, 168, 218, 0.73);}
.slick-next.slick-disabled, .slick-prev.slick-disabled {opacity:0;visibility:hidden}
.slick-prev {left:-64px}
.slick-next {right:-64px}



.welcome-header2-wrap{
	position:relative;
}

.welcome-header2-slider{
	position:absolute!important;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
}
.welcome-header2-slider .slick-list{
	height:100%;
}
.welcome-header2-slider .slick-track{
	height:100%;
}

.welcome-header2-slider img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}


.welcome-header2-content{
	position:relative;
	z-index:1;
	padding:130px 0 160px 0;
	display:flex;
	align-items:center;
}
.welcome-header2-content .container{
	position:relative;
}

.widget-joinfree{
	position:relative;
	width:480px;
	background: rgba(255, 255, 255, 0.84);
	box-shadow: 0px 4px 26px rgba(162, 168, 218, 0.53);
	border-radius: 20px;
	padding:35px 50px 30px 50px;
}
.widget-joinfree .logo img{
	margin:0 auto;
	display:block;
	width:auto;
	height:80px;
}
.widget-joinfree h2{
	margin:10px 0 0 0;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	text-align: center;

}
.widget-joinfree h4{
	margin:0;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0em;
	text-align: center;
	color:#ACACAC;
}

.widget-srch{
	margin-top:10px;
}

.widget-srch-line{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0 59px;
}
.widget-srch-line.line2{
	margin-top:14px;
}

.widget-srch-line p{
	margin:5px 0;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: center;

}


.radio-icon{
	position:relative;
}
.radio-icon + .radio-icon{
	margin-left:4px;
}
.radio-icon-wrap{
	position:relative;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	width:48px;
	height:48px;
	border:1px solid #ACACAC;
	border-radius:100%;
}
.radio-icon input{
	opacity:0;
	position:absolute;
}
.radio-icon input:checked + .radio-icon-wrap{
	border:1px solid #161616;
}

.radio-icon input:checked + .radio-icon-wrap svg path{
	fill: #161616;
}

.radio-icon.blue input:checked + .radio-icon-wrap{
	border:1px solid #17a2b8;
}
.radio-icon.blue input:checked + .radio-icon-wrap svg path{
	fill:#17a2b8;
}

.select-custom1{
	position:relative;
	line-height: 1;
	min-width:60px;
}
.select-custom1::before{
		border-left: solid 1px #ACACAC;
	  content: "";
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  height: 100%;
	  width:17px;
	  background:transparent url(../img/new/select-arrow.svg) no-repeat center center;
	  z-index:4;
	  pointer-events:none;
}
.select-custom1 select{
	height:34px;
	font-family: Verdana, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	text-align: left;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
	border-radius: 6px;

	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;


	padding:0 21px 0 6px;

}
.select-custom1 select option{
	line-height:1;
    min-height:20px;
	height:20px;
    font-size:inherit;
    padding: 0;
}



.select-custom2{
	position:relative;
}
.select-custom2::before{

	  content: "";
	  position: absolute;
	  right: 12px;
	  bottom: 0;
	  height: 100%;
	  width:10px;
	  background:transparent url(https://stage.alexandradate.com/themes/wondertag/img/new/select-arrow.svg) no-repeat center center;
	  z-index:4;
	  pointer-events:none;
}
.select-custom2 select{
	height:33px;

	font-family: 'Catamaran', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;


	border: 1px solid #ACACAC;
	box-sizing: border-box;
	border-radius: 12px;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.25);

	appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
	padding:0 21px 0 12px;
}
.select-custom2 select option{
	line-height: 26px;
}






.btn-red{
	min-width:180px;
	border-radius: 12px;
	height:40px;
	line-height:38px;
	padding:0 16px;
	border: 1px solid #161616;
	background: #161616;
	border-radius:12px;
	font-family: 'Catamaran', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	color:white;
}
.btn-red:hover{
	background:#17a2b8;
	color:white;
	border: 1px solid #17a2b8;
}

.widget-joinfree .btn-red{
	margin-top:15px;
	width:100%;
}


.social_btns2{
	margin: 12px -4px 0 -4px;
    justify-content: space-between;
}
.social_btns2 .btn {
    margin: 4px;
	border-radius: 12px;
    color: #2B2A3D;
    padding: 11px 11px 7px 12px;
	background: #FFFFFF;
	border: 1px solid #D4D4D4;

	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	text-align: left;

}
.social_btns2 .btn svg {
    margin-right: 10px;
	transform:translateY(-2px);
}

.widget-joinfree-agree{
	margin-top:16px;
	color:#8C8C8C;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: center;

}
.widget-joinfree-signin{
	margin-top:15px;
	color: #8C8C8C;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: center;
}
.widget-joinfree-signin a{
	color:#161616;
	text-decoration:underline;
}
.widget-joinfree-more{
	display:block;
	position:absolute;
	left:50%;
	top:100%;
	width:48px;
	height:48px;
	margin-left:-24px;
	margin-top:35px;
	border-radius:100%;
	background: #FFFFFF;
	box-shadow: 0px 4px 26px rgba(162, 168, 218, 0.53);
}
.widget-joinfree-more svg{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-13px;
	margin-top:-7px;

}


.header-login{
	position:absolute;
	top:27px;
	right:55px;
	background:white;
	width:103px;
	border-radius: 12px;
	height:40px;
	line-height:40px;
	padding:0 15px;

	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: center;

}
.btn.header-login:hover{
	background:#17a2b8;
	color:white;
}











.welcome-features{
	margin:120px 0;
}
.welcome-features-item{
	max-width:320px;
	margin:0 auto;
}
.welcome-features-item img{
	display:block;
	margin:0 auto;
}
.welcome-features-item h3{
	margin:24px 0 0 0;
	color:#03121F;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 52px;
	letter-spacing: 0em;
	text-align: center;

}
.welcome-features-item p{
	margin:3px 0 0 0;
	color:#03121F;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: center;

}



.welcome-about{
	margin:100px 0 100px 0;
}

.welcome-about-left,
.welcome-about-left p{
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
}



.welcome-about-left h2{
	margin:0 0 24px 0;;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0em;
	text-align: left;

}
.ul1{
	margin:1em 0;
	padding:0;
	list-style:none;
}
.ul1 li{
	position:relative;
	margin:0 0 24px 0;
	padding:0 0 0 35px;
	font-size:inherit;
}
.ul1 li::before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:5px;
	width:16px;
	height:16px;
	border-radius:100%;
	background:#161616;
}
.welcome-about-slider img{
	display:block;
	#width:565px;
	#height:565px;
}






/* Modal */

.modal.fade {padding: 15px !important;background: transparent;opacity: 0;visibility: hidden;transition: opacity 0.2s,visibility 0s 0.2s;display: flex !important;overscroll-behavior: contain;}
.modal.fade.show {opacity: 1;visibility: visible;transition: opacity 0.2s,visibility 0s;background: rgba(0, 0, 0, 0.3);overflow-y: auto;}


.modal.fade .modal-dialog{
transition: none;
display:inline-block;
text-align:left;vertical-align:middle;margin:auto;transform: scale(.95);will-change: transform;transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);width: 100%;
}

.modal.fade::before, .slick-track::after, .slick-track::before {
  content: '';
}

.modal.fade.show .modal-dialog {transform: scale(1);}

.welcome-apps {
	display: none;
}
.welcome-footer-menu {
	display: none;
}
.ad-modal{
	position:relative;
	max-width:445px;
}

	.ad-modal .social_btns2 {
		display: none;
	}

	.valign .social_btns2 {
		display: none;
	}
	.social_btns2 {
		display: none;
	}
.ad-modal .modal-content {
	position:relative;
	padding: 32px 33px 30px 33px;
	border-radius: 20px;
	border: 0;
}
.ad-modal::before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:white url(https://stage.alexandradate.com/themes/wondertag/img/new/white-cloud-blue-sky.jpg) no-repeat center top -20px;
	/* filter: blur(37px); */
	border-radius: 20px;
	overflow:hidden;
}
.ad-modal-close{
	position:absolute;
	top:24px;
	right:26px;
	background:none;
	border:none;
	outline:none;
	padding:0;
	box-shadow:none;
	z-index:1;
}


.ad-modal .modal-header {border: 0;background: transparent;padding: 0;margin: 0 0 20px;}
.ad-modal .modal-header .modal-title {font-size: 20px;line-height: 32px;font-weight: 500;}
.ad-modal .modal-body {padding: 0;font-size: 15px;}
.ad-modal .modal-footer {margin: 0;padding: 10px 0 0;border: 0;}
.ad-modal .modal-footer .btn.main {box-shadow: none;background: transparent;}
.ad-modal .modal-footer .btn.main:before {opacity: 0.15;}


.ad-modal h3{
	font-family: 'Montserrat', sans-serif;
	position:relative;
	margin:0 0 30px 0;
	padding:0 32px 32px 0;
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;

}
.ad-modal h3::after{
	content:'';
	display:block;
	position:absolute;
	top:100%;
	left:-13px;
	right:-13px;
	border-top:1px solid #D0D0D0;
}

.ad-modal h4{
	margin:12px 0 8px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#161616;
}









.ad_field{
	display:block;
	margin-bottom:24px;
}
.ad_field > span{
	margin-bottom:4px;
	display:block;
	font-family: 'Montserrat', sans-serif;

	#font-size: 12px;
	#line-height: 15px;

	font-size: 16px;
	line-height: 26px;

	font-style: normal;
	font-weight: 400;

	letter-spacing: 0em;
	text-align: left;

}
.ad_field input{
	display: block;
    margin: 0;
    border: 1px solid #D0D0D0;

    border-radius: 12px;
    padding: 0 12px;
    width: 100%;
    min-height: 33px;
    color: rgba(0,0,0,.87);
    background: #FFFFFF;
    box-shadow: none;
    letter-spacing: .009375em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;


	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height:normal;
}


.ad_field_checkbox{
	display:inline-block;
	position:relative;
}

.ad_field_checkbox span{
	position:relative;
	display:inline-block;
	padding-left:26px;
	min-height:26px;

	font-family: 'Catamaran', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;

}
.ad_field_checkbox > input{
	opacity:0;
	position:absolute;
	left:0;
	top:0;
}

.ad_field_checkbox span::before{
	content:'';
	display:block;
	position: absolute;
	width: 16px;
	height: 16px;
	left:0;
	top:4px;
	border: 1px solid #000000;
	border-radius: 3px;
}
.radio-ad_field_checkbox input{
	opacity:0;
	position:absolute;
}
.ad_field_checkbox input:checked + span::after{
	content:'';
	display:block;
	position:absolute;
	width: 10px;
	height: 10px;
	left:3px;
	top:7px;
	background: #161616;
	border-radius: 1px;
}

.mb0{
	margin-bottom:0;
}




.ad-modal .btn-red{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: center;

}

.btn-100{
	width:100%;
}

.ad-modal .social_btns2{
	margin-bottom:21px;
}

.form-agree{
	margin-top:8px;
	font-family: 'Catamaran', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: center;
	color:#8C8C8C;

}
.form-agree a{
	font-style: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height:inherit;
	text-decoration: underline;
	color: #161616;
}


.form-toggle{
	margin:8px 0 16px 0;
	text-align:left;
}


.form-agree-gray{
	margin-top:8px;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: center;
	color:#8C8C8C;

}
.form-agree-gray a{
	font-style: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height:inherit;
	text-decoration: underline;
	color:inherit;
}









.password-visibility{
	display:flex;
	align-items:center;
}
.password-visibility{
	flex:0 1 auto;
}
.password-visibility-button{
	margin-left:15px;
}


.ad_field-2ol{
	display:flex;
	justify-content:space-between;
}
.ad_field-2ol .ad_field{
	width:calc(50% - 10px);
}
.ad_field-2ol .ad_field input{
	border: 1px solid #ACACAC;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.25);
}








/*Datepicker*/
.ui-datepicker.ui-widget-content {box-shadow: 0 3px 3px -2px rgba(0,0,0,.2), 0 3px 4px 0 rgba(0,0,0,.14), 0 1px 8px 0 rgba(0,0,0,.12);border-radius: 3px;font-family: "Roboto", sans-serif;padding: 0;}
.ui-datepicker .ui-datepicker-header {background: transparent;border: 0;font-weight: 500;padding: 12px;}
.ui-datepicker .ui-datepicker-title > select {border: 0;}
.ui-datepicker table th {padding: 1px 9px 10px;}
.ui-datepicker .ui-datepicker-prev {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3e%3cpath d='M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z'/%3e%3c/svg%3e");background-position: center;background-repeat: no-repeat;background-size: 24px;left: auto;right: 37px;}
.ui-datepicker .ui-datepicker-next {background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3e%3cpath d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z'/%3e%3c/svg%3e");background-position: center;background-repeat: no-repeat;background-size: 24px;}
.ui-datepicker-calendar .ui-state-default {border: 0;font-weight: 500;padding: 0;border-radius: 50%;text-align: center;width: 35px;line-height: 35px;height: 35px;}
.ui-datepicker-calendar .ui-state-highlight {background: transparent;box-shadow: inset 0 0 0 1px #969696;}
.ui-datepicker-calendar .ui-state-hover {color: var(--main);background-color: rgba(0, 0, 0, 0.07);}
.ui-datepicker-calendar .ui-state-active {color: var(--main-color);background: var(--main);}


input.date{
	background: url(https://stage.alexandradate.com/themes/wondertag/img/new/date.svg) no-repeat scroll right 10px center;
	padding-right:30px;
	color:#000;
}

.modal-descr{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
}


#success-forgot-modal .modal-content{
	padding:78px 0 80px 0;
}



/* Slider */

.welcome-user-slider2{
	margin:100px 0 100px 0;
}
.user-slider2 .slick-list{
	margin-left:-16px;
	margin-right:-16px;
	padding:0 16px;
}
.user-slider2 .slick-track
{
    display: flex !important;

}

.user-slider2 .slick-slide{
	height: inherit !important;
	padding:26px 16px;
}


.user-slider2 .user-card{
	box-shadow:none;
}

.user-slider2 .slick-active .user-card{
	box-shadow: 0px 4px 26px rgba(162, 168, 218, 0.53);
}

.user-card-title .online{
	display:block;
	width: 24px;
	height: 24px;
	border-radius:100%;
	background:#37C55F;
}

.user-slider2 .user-card-city{
	font-weight:700;
}
.user-card-button{
	margin-top:auto;
}
.user-card-button button{
	font-weight:700;
	min-width:160px;
	height:36px;
	line-height:36px;
}



.welcome-reviews{
	margin:75px 0 105px 0;
}

.reviews-slider{
	#margin:0 -24px;
	padding:0 8px;
	#overflow:hidden;
}

.reviews-slider .slick-track
{
    display: flex !important;
}

.reviews-slider .slick-slide{
	height: inherit !important;
	padding:24px 16px;
}

.review-item{
	height:100%;
	background: #FFFFFF;
	box-shadow: 0px 4px 16px rgba(162, 168, 218, 0.53);
	border-radius: 20px;
	padding:33px 32px 26px 32px;
	display:flex;
	flex-direction:column;
}
.review-item-img{
	margin:0 auto;
	width:164px;
	height:164px;
	border-radius:100%;
	overflow:hidden;
}
.review-item-img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.review-item h4{
	margin:24px 0 0 0;
	color:#03121F;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;

}
.review-item p{
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;

}
.review-item-city{
	margin-top:auto;
	color:#7E7E85;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;


}



.welcome-apps img{
	display:block;
	margin:0 auto;
}
.welcome-apps-right{
	text-align:center;
	line-height: 1;
}
.welcome-apps-right .logo img{
	width:370px;
	height:auto;
}
.welcome-apps-right h2{
	margin:40px 0 0 0;
	color:#2B2A3D;
	font-size: 54px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	text-align: center;

}
.welcome-apps-right h3{
	margin:0 0 64px 0;
	color:#949494;
	font-size: 38px;
	font-style: normal;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0em;
	text-align: center;

}




.welcome-joinfree-footer{
	margin-top:125px;
	position:relative;
	padding:50px 0;
	background:transparent url(https://stage.alexandradate.com/themes/wondertag/img/new/women-collage2.jpg) no-repeat center center;
	background-size:cover;
}
.welcome-joinfree-footer::before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: radial-gradient(109.18% 109.18% at 50% 50%, rgba(0, 0, 0, 0.12) 0%, #000000 100%);
}
.welcome-joinfree-footer .widget-joinfree{
	margin:0 auto;
}
.welcome-joinfree-footer .widget-joinfree h2{
	margin-top:30px;
}
.welcome-joinfree-footer .widget-joinfree h4{
	margin-top:30px;
	font-weight:700;
}
.welcome-joinfree-footer .widget-joinfree-signin{
	color:#7E7E85;
}

/*.welcome-footer{*/
/*	padding:125px 0 25px 0;*/
/*}*/

.welcome-footer-menu{
	text-align:center;
}

.footer2{
	margin-top:100px;
	background: #FFF8F8;
	padding:43px 0 20px 0;
}


/*
.welcome-footer-menu ul{
	columns:3;
	column-gap:80px;
	column-width: auto;
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
}
.welcome-footer-menu ul li{
	display:block;
	#width:100%;
	margin:0 0 18px 0;
	padding:0;
}
*/

.welcome-footer-menu ul {
  padding:0;
  margin:0 auto;
  #border: solid 1px;
  list-style-type: none;
  display: inline-grid;
  grid-template-columns: auto auto 1fr;
  grid-gap: 0 80px;
}

.welcome-footer-menu ul li,
.welcome-footer-menu ul li a{
	color:#757575;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;

}

.welcome-footer-social{
	margin-top:25px;
	vertical-align:middle;
	text-align:center;
}
.welcome-footer-social a + a{
	margin-left:24px;
}
.welcome-footer-social .footer-tg{
	margin-left:14px;
}


@media (max-width:768px){


	.welcome-header2-content{
		padding-top:90px;
	}
	.header-login{
		top:-65px;
		right:15px;
	}

	.widget-joinfree{
		margin:0 auto;
		width:100%;
		max-width:480px;
		padding: 15px 15px 15px 15px;
	}

	.widget-joinfree .logo img{
		margin:0 auto;
		height:70px;
		width:auto;
	}
	.widget-joinfree h2{
		margin-top:10px;
	}
	.widget-joinfree h4{
		margin-top:10px;
		line-height:1.2;
	}


	.widget-srch-line{
		padding:0 15px;
	}
	.widget-srch-line p{
		margin-top:0;
	}

	.widget-joinfree .btn-red{
		margin-top:15px;
	}
	.widget-joinfree-agree{
		margin-top:10px;
		line-height:1.2;
	}
	.widget-joinfree-signin{
		margin-top:15px;
	}

	.welcome-features-item{
		margin:15px auto;
	}
	.welcome-features-item h3{
		margin-top:15px;
		font-size:30px;
		line-height:1.5;
	}

	.welcome-apps .logo img{
		max-width:100%;
		height:auto;
	}

	.welcome-apps-right h2{
		font-size:40px;
		line-height:1;
	}
	.welcome-apps-right h3{
		font-size:30px;
	}
	.widget-srch{
		margin-top:0;
	}

	.welcome-apps img{
		max-width:100%;
		height:auto;
	}


	.welcome-joinfree-footer{
		padding: 50px 15px;
	}


	.select-custom1{
		min-width:80px;
	}


	.welcome-user-slider2{
		margin:80px 0 100px 0;
	}
	.welcome-features{
		margin:120px 0 80px 0;
	}
	.welcome-about{
		margin:80px 0 100px 0;
	}
	.welcome-about-left h2{
		font-size:40px;
	}
	.welcome-reviews{
		margin:100px 0 125px 0;
	}

	.welcome-joinfree-footer{
		margin-top:100px;
	}

	.welcome-footer{
		padding-top:100px;
	}

	.welcome-footer-menu ul {
		display:block;
	}
	.welcome-footer-menu ul li{
		text-align:center;
	}
}

@media (max-width:480px){

	.widget-joinfree h2{
		font-size:36px;
	}

	.welcome-joinfree-footer .widget-joinfree h2{
		margin-top:15px;
	}
	.welcome-joinfree-footer .widget-joinfree h4{
		margin-top:15px;
		line-height:1.2;
	}



	.social_btns2{
		margin: 12px 0 0 0;
		display:block;
		text-align:center;
	}
	.social_btns2 .btn{
		margin: 4px 0;
		width:100%;
		text-align:center;
	}


}



.user-slider{
	margin:8px -11px 8px -11px;
}

.user-slider .slick-list{
	margin-left:-11px;
	margin-right:-11px;
	padding:0 11px;

}


.user-slider .user-slide{
	padding:40px 11px;


}
.user-slider .user-slide-card{
	height:165px;
	border:1px solid red;
}

.user-card-title2{
	padding:5px 6px 6px 6px;
	color:#747474;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: center;
	vertical-align:middle;

}
.user-slider .user-card-title2 img{
	display:inline-block;
	vertical-align:middle;
}



.page-margin{
	margin:30px 0 0 0;
}

/* header */
.tag_navbar_top{
	height:80px;
	background: #FFFFFF;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.25);

}
.tag_header_shadow{
	display:none;
}
.tag_navbar_top_right .tag_hdr_right{
	top:12px;
}
body.tag_header_top_p .chat-container{
	top:80px;
	height: calc(100% - 80px);
}

.tag_content.tag_chat_content{
	margin-right:0;
}
.tag_header_top_m{
	margin-left:0;
}


.tag_toggle_sidebar{
	margin-right:30px;
}

.tag_navbar_top .header-brand .tag_logo_pc{
	max-width:160px;
	height:auto;
	max-height:100%;
}


.tag_navbar_top .tag_header > .search-container{
	margin-left:45px;
	margin-right:20px;
}

.tag_header .search-input{
	max-width:293px;
	background:white url(../img/new/lupa.svg) no-repeat left 2px center;
	border-radius:0;
	border-bottom:1px solid #000000;
	padding: 10px 25px 10px 32px;
}
#navbar-searchbox > svg{
	display:none;
}
.tag_navbar_top .tag_header > .search-container.show .search-input{
	background:white;
}
.advanced-search-toggle{
	position:absolute;
	left:278px;
	top:50%;
	margin-top:-8px;
}
.advanced-search-toggle img{
	display:block;
}


@media (max-width:520px) {

	.tag_expand_search.tag_header .search-input {
		width: 100%;
		padding: 10px;
		white-space: nowrap;
		font-size: 0px;
		background-position:7px 8px;
		border-bottom:none;
	}
	.tag_header > .search-container.show .search-input{
		padding: 10px 25px 10px 10px;
	}

}

.tag_header_menu{
	margin-right:auto;
}

@media (max-width:992px) {
	.tag_header_menu{
		display:none;
	}

}

.tag_header_menu{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height:1;
}

.tag_header_girls-online{
	color:#161616;
	text-decoration:underline;
	margin-right:25px;
}

@media (min-width:1600px) {
	.tag_header_girls-online{
		margin-right:65px;
	}

}



.tag_hdr_user_droptoggle::before{
	background:white;
}







.burger{
	position:relative;
	display:inline-block;
	width:33px;
	height:25px;
}
.burger::before,
.burger i,
.burger::after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-radius:2px;
	height:3px;
	background-color:#161616;
	transition:width 0.25s, background-color 0.25s;
}
.burger i{
	top:11px;
}
.burger::after{
	top:22px;
}
body.side_open .burger::before,
body.side_open .burger i,
body.side_open .burger::after{
	background-color:#7E7E85;
}
body.side_open .burger::after{
	width:17px;
}



body.side_open{
	overflow:auto;
}

#apply-job-modal{
	display:none!important;
}
.tag_side_backdrop{
	display:none!important;
}
.tag_toggle_sidebar_top{
	display:none;
}
.tag_navbar_top_side_all{
	display:none;
}







.sidebar2{
	bottom: 0;
	height: calc(100% - 81px);
	position: fixed;
	left: 0;
	top: 81px;
	width: 240px;

	transform: rotateX(-15deg);
    -webkit-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    opacity: 0;
    transition: 250ms;
    transition-property: transform,-webkit-transform;
    will-change: transform,opacity;
    pointer-events: none;
}
body.side_open .sidebar2 {
    opacity: 1;
    transform: rotateX(0deg);
    pointer-events: auto;
    z-index: 1046;
}

.sidebar2-scroll{


	height: 100%;

	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	background:white;
	overflow-y: auto;
	overscroll-behavior-y: contain;
	padding: 26px 26px 26px 18px;

}



@media (min-width:992px) {
	.sidebar2-scroll::-webkit-scrollbar {width: 11px;height: 11px;}
	.sidebar2-scroll::-webkit-scrollbar-thumb {background-color: #babac0;border-radius: 12px;border: 3px solid #fff;}
	.sidebar2-scroll::-webkit-scrollbar-button {display:none;}
}

.sidebar2-menu{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar2-menu > li{
	position:relative;
	display:block;
	margin:0 0 20px 0;

	min-height:20px;
}
.sidebar2-menu > li,
.sidebar2-menu > li > a,
.sidebar2-menu > li > span{
	color:black;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 33px;
	letter-spacing: 0em;
	text-align: left;
}
.sidebar2-menu > li > a,
.sidebar2-menu > li > span{
	display:inline-block;
	padding:0 0 0 32px;
	position:relative;
	cursor:pointer;
}
.sidebar2-menu > li > a::before,
.sidebar2-menu > li > span::before{
	content:'';
	display:block;
	position:absolute;
	left:0;

}
.sidebar2-menu > li > .sidebar2-inbox::before{
	width:20px;
	height:18px;
	top:5px;
	background:url(../img/new/sidebar2-inbox.svg);

}
.sidebar2-menu > li > .sidebar2-outbox::before{
	width:20px;
	height:18px;
	top:5px;
	background:url(../img/new/sidebar2-outbox.svg);

}


.sidebar2-menu > li > .sidebar2-chats::before{
	width:20px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-chats.svg);

}
.sidebar2-menu > li > .sidebar2-favorites::before{
	width:24px;
	height:23px;
	top:5px;
	background:url(../img/new/sidebar2-favorites.svg);

}
.sidebar2-menu > li > .sidebar2-referal::before{
	width:22px;
	height:18px;
	top:5px;
	background:url(../img/new/sidebar2-referal.svg);

}
.sidebar2-menu > li > .sidebar2-help::before{
	width:20px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-help.svg);

}
.sidebar2-menu > li > .sidebar2-blog::before{
	width:18px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-blog.svg);

}
.sidebar2-menu > li > .sidebar2-about::before{
	width:20px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-about.svg);

}
.sidebar2-menu > li > .sidebar2-signout::before{
	width:19px;
	height:20px;
	top:5px;
	background:url(../img/new/sidebar2-signout.svg);

}

.sidebar2-submenu{
	display:none;
	margin:0;
	padding:0 0 0 31px;
	list-style:none;
}
.sidebar2-submenu > li{
	dispay:block;
	margin:0 0 3px 0;
	min-height:14px;
}
.sidebar2-submenu > li,
.sidebar2-submenu > li > a,
.sidebar2-submenu > li > span{
	color:#7E7E85;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0em;
	text-align: left;

}
.sidebar2-submenu > li > a,
.sidebar2-submenu > li > span{
	display:inline-block;
	padding:0 0 0 32px;
	position:relative;
}
.sidebar2-submenu > li > a::before,
.sidebar2-submenu > li > span::before{
	content:'';
	display:block;
	position:absolute;
	left:0;

}
.sidebar2-submenu > li > .sidebar2-letters::before{
	width:15px;
	height:14px;
	top:5px;
	background:url(../img/new/sidebar2-letters.svg);
}
.sidebar2-submenu > li > .sidebar2-dialogues::before{
	width:15px;
	height:14px;
	top:5px;
	background:url(../img/new/sidebar2-dialogues.svg);
}
.sidebar2-submenu > li > .sidebar2-dialogues::after{
	width:4px;
	height:4px;
	right:15px;
	top:5px;
	background:url(../img/new/sidebar2-dialogues2.svg);
}
.sidebar2-submenu > li > .sidebar2-favorites2::before{
	width:15px;
	height:14px;
	top:5px;
	background:url(../img/new/sidebar2-favorites2.svg);
}





.letters-container{
	/* height:calc(100vh - 80px - 30px); */
	height:calc(100vh - 80px - 90px);
	background:white;

}
.letters-container .container{
	height:100%;
}
.letters-content{
	height:100%;
	display:flex;
	flex-direction:column;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.25);
	border-radius: 20px;
}

.letters-body-wrap{
	flex-grow:1;
	overflow-y:auto;
}



.letters-header,
.letters-body{
	width:100%;
	border-collapse:collapse;
	table-layout: fixed;

	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color: #9DA4AA;

}

.letters-header th,
.letters-header td,
.letters-body th,
.letters-body td{
	padding:9px 0;
	min-height:48px;

}

.letters-header tr,
.letters-body tr{
	border-bottom: 2px solid #E8E8E8;
}
.letters-body tr{
	cursor:pointer;
}

.letters-body tr.letter-unread{
	font-weight: 600;
	color:#000;
}




.letters-content .td1{
	width:10%;
}

.letters-content .td2{
	width:70%;
}

.letters-content .td3{
	width:20%;
}

.td1-flex{
	display:flex;
	align-items:center;
	height:100%;

}
.td1-1{
	flex:1 1 auto;
	text-align:center;
}
.td1-2{
	flex:0 0 64px;

}

.td2-flex{
	display:flex;
	align-items:center;
	height:100%;
}
.td2-1{
	flex:0 0 15%;
	padding-left:15px;
}
.td2-2{
	flex:0 0 12%;
	padding-left:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.td2-3{
	flex:0 0 20%;
	padding-left:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.td2-4{
	flex:0 0 35%;
	padding-left:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.td2-5{
	flex:0 0 5%;
	padding-left:15px;
}
.td2-6{
	flex:0 0 10%;
	padding-left:15px;
}


.td3-flex{
	display:flex;
	align-items:center;
	height:100%;
}
.td3-1{
	flex:0 0 50%;
}
.td3-2{
	flex:0 0 50%;
}





.letters-content .th1{
	#width:56px;
	width:4.071428571428571%;
	text-align:center;
}
.letters-content .th2{
	min-width:64px;
	width:6.214285714285714%;
	#padding-right:15px;
}
.letters-content .th2:before {
  content: '';
  display: block;
  width: 80px;
}
.letters-content .th3{
	width:12.35714285714286%;
	padding-right:15px;
	padding-left:15px;
}
.letters-content .th4{
	width:10.35714285714286%;
	padding-right:15px;
}
.letters-content .th5{
	width:15.71428571428571%;
	padding-right:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.letters-content .th6{
	width:23.14285714285714%;
	padding-right:15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.letters-content .th7{
	width:31px;
	padding-right:11px;
}
.letters-content .th8{
	#min-width:37px;
	width:7.428571428571429%;
	padding-right:15px;
}
.letters-content .th9{
	min-width:120px;
	width:11.57142857142857%;
	padding-right:15px;
}
.letters-content .th10{
	#width:76px;
	width:10.57142857142857%;
	padding-right:30px;

}

.letters-avatar{
	display:block;
	width:64px;
	height:64px;
}
.letters-avatar img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius: 12px;
}



.letters-actions .dropdown-toggle{
	width:26px;
	padding:5px 0;
	background:none;
	border:none;
	box-shadow:none;
	text-align:center;
	font-size:0;
	line-height:1;
}
.letters-actions .dropdown-toggle:not(:disabled):not(.disabled).active,
.letters-actions .dropdown-toggle:not(:disabled):not(.disabled):active,
.letters-actions.show > .btn-secondary.dropdown-toggle{
	color: #fff;
	background-color:#fff;
	border:none;
	border-color:#fff;
	box-shadow:none;
}
.letters-actions.show > .btn-secondary.dropdown-toggle:focus{
	box-shadow:none;
}

.letters-actions .dropdown-toggle i{
	position:relative;
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:100%;
	background:#ACACAC;
}
.letters-actions .dropdown-toggle i::before,
.letters-actions .dropdown-toggle i::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:-10px;
	width:6px;
	height:6px;
	border-radius:100%;
	background:#ACACAC;
}
.letters-actions .dropdown-toggle i::after{
	left:auto;
	right:-10px;

}


.dropdown.dropdown2 .dropdown-menu{
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.53);
	border-radius: 20px;
	padding:0;
	overflow: hidden;
}
.dropdown.dropdown2 .dropdown-item{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	padding:8px 16px;
	border-bottom:2px solid #E8E8E8;
}
.dropdown.dropdown2 .dropdown-item:last-children{
	border-bottom:none;
}


.letters-actions .dropdown-menu{
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.53);
	border-radius: 20px;
	padding:0;
	overflow: hidden;
}
.letters-actions .dropdown-item{
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	padding:16px;
	border-bottom:2px solid #E8E8E8;
}
.letters-actions .dropdown-item:last-children{
	border-bottom:none;
}
.letters-actions .dropdown-item svg{
	display:inline-block;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
}
.letters-actions .dropdown-item:hover{
	color:#161616;
	background:white;
}
.letters-actions .dropdown-item:hover svg path{
	fill:#161616;
}
.letters-actions .dropdown-item img{
	display:inline-block;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
	filter: brightness(0);
}
.letters-actions .dropdown-item:hover img{
	filter:none;
}

.letters-actions .icon-trash::before{
	content:'';
	display:inline-block;
	width:14px;
	height:14px;
	background:url(../img/new/icon-trash.svg) no-repeat 0 0;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
	filter: brightness(0);
}
.letters-actions .icon-mark-as-read::before{
	content:'';
	display:inline-block;
	width:15px;
	height:14px;
	background:url(../img/new/icon-mark-as-read.svg) no-repeat 0 0;
	vertical-align:middle;
	margin-right:13px;
	margin-top: -3px;
	filter: brightness(0);
}


.letters-actions .dropdown-item:hover::before{
	filter:none;
}


.letters-nav{
	margin-bottom:15px;
	display:flex;
	justify-content:flex-end;
	align-items:center;

}


.letters-filter{
	display:flex;
	align-items:center;
}
.arrow-down2{
	margin-left:6px;
	padding-left:18px!important;
	position:relative;
}
.arrow-down2::before{
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:4px;
	width:14px;
	height:8px;
	background:url(../img/new/arrow-down.svg) no-repeat 0 0;
	transition: transform .1s ease-in-out;
}
.dropdown.show .arrow-down2::before{
	transform:rotate(180deg);
}


.dropdown-toggle2{
	padding:0;
	background:none;
	border:none;
	box-shadow:none;
	text-align:left;
	line-height:1;
	color: #000;
}
.dropdown-toggle2:not(:disabled):not(.disabled).active,
.dropdown-toggle2:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle2{
	color: #000;
	background-color:#fff!important;
	border:none;
	border-color:#fff;
	box-shadow:none;
}
.btn-secondary.dropdown-toggle2:focus,
.btn-secondary.dropdown-toggle2:hover{
	box-shadow:none!important;
	background-color:#fff!important;
	border:none;
	border-color:#fff;
	color: #000;
}



.letters-refresh-button{
	margin-left:40px;
	position:relative;
	display:inline-block;
}
.letters-refresh-button svg{
	display:inline-block;
}
.letters-refresh-button i{
	display:block;
	position:absolute;
	left:16px;
	bottom:16px;
	background:#161616;
	border-radius: 6px;
	height: 16px;
	line-height:16px;
	padding:0 6px;
	white-space:nowrap;


	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0em;
	text-align: left;
	color:#fff;
}



.letters-pages{
	margin-left:24px;
}

.letters-pages .next{
	margin-left:16px;
}
.letters-pages-num{
	margin-left:4px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color:#C2C2C2;

}


.gray2{
	color:#C2C2C2;
}


@media (max-width:1200px){
	.letters-container .container{
		max-width:100%!important;
	}

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

	.letters-header, .letters-body{
		#display:block;
	}
	.letters-header, .letters-body{
		#display:block;
	}
	.letters-body tr{
		#display:flex;
		#flex-wrap:wrap;
	}
	.letters-content .th1{
		flex:0 0 40px;
	}
	.letters-content .th2{
		flex:0 0 64px;
	}
	.letters-content .th3{
		flex:0 0 calc(100% - 40px - 64px);
	}
	.letters-content .th4{
		flex:0 0 calc(100% - 40px - 64px);
	}
	.letters-content .th5{
		flex:0 0 calc(100% - 40px - 64px);
	}
	.letters-content .th6{
		flex:0 0 calc(100% - 40px - 64px);
	}


	.letters-content .td1{
		width:80px;
	}
	.letters-content .td2{
		width:calc(100% - 80px - 80px);
	}
	.letters-content .td3{
		width:80px;
	}


	.td1-flex{
		flex-direction:column;
	}
	.td1-2{
		order:1;
	}
	.td1-1{
		order:2;
	}


	.td2-flex{
		display:block;
	}
	.td2-5,
	.td2-6{
		display:inline-block;
	}


	.td3-flex{
		display:block;
		padding-left:15px;
	}
	.td1-2{

	}


	.letters-header-1 .td2-1,
	.letters-header-1 .td2-2,
	.letters-header-1 .td2-3,
	.letters-header-1 .td2-5,
	.letters-header-1 .td2-6{
		display:none;
	}

	.letters-header-2 .td2-2,
	.letters-header-2 .td2-3,
	.letters-header-2 .td2-4,
	.letters-header-2 .td2-5,
	.letters-header-2 .td2-6{
		display:none;
	}




}










/* Letter */

.letter-wrap{

}
.letter-container{
	max-width:1160px;
	margin:0 auto;
}
.letter-nav a{
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#161616;
	text-decoration:none;
}
.letter-nav a svg{
	display:inline-block;
	vertical-align:middle;
	margin-right:16px;
	margin-top:-3px;
}
.letter-content{
	background: #FFFFFF;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.25);
	border-radius: 20px;
	padding:43px 65px 80px 65px;
}
.letter-row{
	display:flex;
}
.letter-left{
	flex:0 0 30%;
}
.letter-right{
	flex:1 1 auto;
	margin-left:30px;
}

.letter-photo img{
	display:block;
	width:100%;
	height:auto;
	border-radius: 20px;
}

.letter-thumbs{
	margin-top:24px;
}
.letter-thumb{
	position:relative;
	display:inline-block;
	margin-right:24px;
	width:88px;
	height:97px;
}
.letter-thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius: 20px;
}

.letter-thumb.private{
	overflow:hidden;
	border-radius: 20px;
}

.letter-thumb.private img{
	filter: blur(20px);
}

.letter-thumb.private span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;

	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 13px;
	letter-spacing: 0em;
	text-align: center;
	color:rgba(255, 255, 255, 0.49);
}
.letter-thumb.private span::before{
	content:'';
	display:block;
	width:40px;
	height:49px;
	background:url(../img/new/private.svg) no-repeat 0 0;
	margin-bottom:2px;
}


.letter-info-wrap{
	display:flex;
}
.letter-info{
	flex:1 1 auto;
	min-width:0;

	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;

}
.letter-buttons{
	flex:0 0 170px;
	margin-left:30px;
}


.letter-username{
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 66px;
	letter-spacing: 0em;
	text-align: left;
	color:#03121F;
}

.letter-online{
	margin-left:15px;
	vertical-align:middle;
	display:inline-block;
	width:24px;
	height:24px;
	background:#4ED3B9;
	border-radius:100%;
}
.letter-camera{
	margin-left:15px;
}
.letter-camera img{
	height:24px;
	width:auto;
}
.letter-fav{
	margin-left:15px;
	height:29px;
	width:auto;
}
.letter-unfav{
	margin-left:15px;
	height:29px;
	width:auto;
}


.letter-id{
	color:#ACACAC;
}
.letter-title{
	margin-top:24px;
	font-weight:700;
}
.letter-text{
	margin-top:24px;
}

.letter-date{
	margin-top:16px;
	color:#ACACAC;
}

.letter-info h3{
	margin:25px 0 15px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#03121F;
}



.letter-form .form-group{
	margin-bottom:15px;
}
.form-control2{
	width:338px;
	height:32px;
	border: 1px solid #ACACAC;
	border-radius: 12px;
	background-color: #fff;
	padding:0 16px;

	font-family: 'Catamaran', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: inherit;
	letter-spacing: 0em;
	text-align: left;

}
textarea.form-control2{
	width:100%;
	padding:16px;
	height: 250px;
	resize: none;
}




.letter-form-buttons{
	margin-top:24px;
}
.letter-form-buttons .btn{
	display:inline-block;
	vertical-align:middle;
	height:30px;
	line-height:29px;

	margin-right:16px;
	width:auto;
	min-width:170px;
}
.btn-span{
	margin-top:-10px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
}
.btn-span i{
	display:block;
	position:absolute;
	left: 17px;
	bottom: 20px;
	border-radius:100%;
	border:1px solid #161616;

	width:11px;
	height:11px;

	font-family: Roboto;
	font-size: 8px;
	font-style: normal;
	font-weight: 400;
	line-height: 9px;
	letter-spacing: 0em;
	text-align: center;
	color:#161616;

}

.letter-form-buttons .add.disabled{
	background:#EAEAEA;
	border:none;
	color:white;
}
.letter-form-buttons .add.disabled:hover{
	background:#EAEAEA;
	border:none;
	color:white;

}






.btn-letter{
	margin-bottom:15px;
	height:36px;
	line-height:36px;
	padding:0 10px;
	border: 1px solid #161616;
	background:#161616;
	border-radius:12px;

	width:100%;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0em;
	text-align: center;
	color:white;

}
.btn-letter:hover{
	background:white;
	color:#161616;

}
.btn-letter.invers{
	border: 1px solid #161616;
	background:white;
	color:#161616;
}
.btn-letter.invers:hover{
	background:#161616;
	color:white;
}



.btn-letter svg{
	margin-right:9px;
}
.btn-letter:hover svg path{
	fill:#161616;
}
.btn-letter.invers:hover svg path{
	fill:#fff;
}
.btn-letter.camshare svg{
	margin-top:-3px;
}


.letter-footer{
	margin-top:40px;
	display:flex;
	justify-content:space-between;
}
.letter-footer-prev{
	width:calc(50% - 15px);
}
.letter-footer-next{
	width:calc(50% - 15px);
}
.letter-footer h3{
	margin:0 0 15px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#03121F;
}


.letter-minicard{
	padding:23px 24px;
	box-shadow: 0px 4px 39px rgba(162, 168, 218, 0.25);
	border-radius: 20px;
	display:flex;
}
.letter-minicard .img-wrap{
	flex:0 0 79px;
	width:79px;
	height:91px;
}
.letter-minicard .img-wrap img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.letter-minicard-content{
	flex:1 1 auto;
	margin-left:16px;

}
.letter-minicard-title{
	display:flex;
	justify-content:space-between;
}
.letter-minicard-username{

	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#03121F;
}
.letter-minicard-id{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: left;
	color:#ACACAC;
}
.letter-minicard-excerpt{
	margin-top:3px;
}






.ad-modal2{
	position:relative;
	max-width:772px;
}

.ad-modal2 .modal-content {
	position:relative;
	padding: 32px 33px 30px 33px;
	border-radius: 20px;
	border: 0;
	background:white;
}

.ad-modal2-close{
	position:absolute;
	top:16px;
	right:16px;
	background:none;
	border:none;
	outline:none;
	padding:0;
	box-shadow:none;
	z-index:1;
}

.ad-modal2 h3{
	margin:0 0 24px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#000;
}

.ad-modal2 h4{
	margin:0 0 10px 0;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 39px;
	letter-spacing: 0em;
	text-align: left;
	color:#161616;
}


.ad-modal-thumbs{
	margin:0 -12px;
	display:flex;
	flex-wrap:wrap;
}
.ad-modal-thumb{
	display:block;
	margin:0 12px 24px 12px;
	width:90px;
	height:90px;
}
.ad-modal-thumb img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

#letter-photo-modal .modal-content{
	height:500px;
}


#letter-gift-modal .modal-content{
	max-height:calc(100vh - 134px - 128px);
	padding:0;
	max-width:816px;
}
.modal-scroll{
	flex:1 1 auto;
	overflow-y:auto;
	padding:20px 20px 0 56px;
	margin-right:20px;
	margin-bottom:16px;
}
.modal-scroll::-webkit-scrollbar {
  width:12px;
}

.modal-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.modal-scroll::-webkit-scrollbar-thumb {
  background-color: #161616;
  outline: 1px solid slategrey;
}



.modal-gifts{
	display:flex;
	flex-wrap:wrap;
}
.modal-gift{
	position:relative;
	width:128px;
	margin:0 16px 16px 0;
	padding:16px;
	background: #FFFFFF;
	box-shadow: 0px 0px 25px rgba(162, 168, 218, 0.39);
	border-radius: 20px;
	display:flex;
	flex-direction:column;
}
.modal-gift .img-wrap{
	width:96px;
	height:96px;
}
.modal-gift .img-wrap img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius: 12px;
}

#letter-gift-modal h3{

}

.modal-gift h5{
	margin:5px 0 8px 0;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: center;

}
.modal-gift-buttons{
	margin-top:auto;
}
.modal-gift-buttons button{
	width:100%;
	height:24px;
	line-height:1;
	margin:0;


	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0em;

}
.modal-gift-buttons .remove{
	display:none;
}
.modal-gift-price{
	margin-top:4px;
	text-align:center;

	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 23px;
	letter-spacing: 0em;
}
.modal-gift-price i{
	font-style:normal;
	color:#009F83;
}

.modal-gift.active{
	background:#DEFFF9;
}
.modal-gift::before{
	content:'';
	display:block;
	position:absolute;
	top:9px;
	right:8px;
	width:11px;
	height:9px;
	background:transparent url(../img/new/checked.svg) no-repeat 0 0;
	opacity:0;
}
.modal-gift.active::before{
	opacity:1;
}
.modal-gift.active .order{
	display:none;
}
.modal-gift.active .remove{
	display:inline-block;
}







.modal-content2{
	padding:32px 56px 0 56px;
}
.modal-gifts-pay{
	display:none;
	padding-bottom:16px;
	text-align:center;
}
.modal-gifts-pay button{
	max-width:300px;
	height:30px;
	line-height:29px;
	margin-bottom:0;
}




#letter-gift-modal-order .modal-content{
	padding:16px 56px 56px 56px;
	max-width:823px;
}






@media (max-width:1200px){
	.letter-wrap .container{
		max-width:100%!important;
		padding:0 80px;
	}

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

	.letter-content{
		padding: 43px 15px 80px 15px;
	}


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

	.letter-wrap .container{
		padding-right: 15px;
		padding-left: 15px;
	}

	.letter-row{
		display:block;
	}
	.letter-left{
		width:100%;
	}
	.letter-right{
		width:100%;
		margin:25px 0;
	}

	.letter-info-wrap{
		display:block;
	}
	.letter-info{
		width:100%;
	}
	.letter-buttons{
		width:170px;
		margin:25px auto;
	}
	.form-control2{
		width:100%;
	}
	.letter-minicard{
		padding:16px;
		display:block;
	}
	.letter-minicard .img-wrap{
		margin:0 auto;
	}
	.letter-minicard-content{
		margin:16px 0;
	}
	.letter-minicard-title{
		display:block;
	}

}
