html,
body {
	overflow: initial !important;
	overflow-x: hidden !important;
}

body {
	/*overflow-y: auto !important;*/
}

.agreeValidate {
	border-bottom: 1px solid red;
}

.tallAbout__button {
	cursor: pointer;
}

.tallAbout__animated .tallAbout__button.nextStep-isAllSelected .bottom_arrow {
	border: 1px solid transparent;
	background-color: #c34978;
	color: white;
}

.cityValidate {
	border-bottom: 1px solid red !important;
}

.cityValidate::placeholder {
	color: red !important;
}

.question__variables {
	border: 1px solid transparent;
}

.questionBlockValidate {
	border-radius: 4px;
	border: 1px solid red;
}

.main {
	position: relative;
	min-height: 100vh;
}

.button {
	display: block;
	margin: auto;
}

.page2__footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 40px;
	z-index: 1;
}

.page2__footer.is_search {
	height: 80px;
}

.search__cont {
	padding-top: 10px;
}

main {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.main_cont {
	/* flex: 1; */
	position: relative;
	top: 60px;
}

div.blockRow {
	margin-top: 0;
	padding-top: 1.5%;
}

#emailModal > p {
}

.search__mainHeader {
	font-size: 1.5rem;
	margin-left: 10px;
}

.confirm {
	margin-top: 70px;
}

.confirm .confirm__checkbox {
	margin-top: 4px;
}

.confirm__text a {
	color: #881944;
}

.search__footer {
	padding: 10px 27px;
}

.search__content {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	/*margin-top: -75px;*/
	/*min-height: 100vh;*/
}

.search__content .tallAbout {
}

.tallAbout {
	position: relative;
}

/*стили для следующий шаг*/

.step__headerNumber {
	font-size: 1.5rem;
}

.step__headerText {
	display: block;
	margin-top: 10px;
}

.tallAbout__animated {
	bottom: 15px;
	position: relative;
	margin-top: 15px;
}

.tallAbout__step-hidden {
	visibility: hidden;
	opacity: 0;
}

.tallAbout__button {
	/*opacity: 0;*/
	/*transition: .4s;*/
}

.tallAbout__animated .tallAbout__nextButton {
	position: absolute;

	bottom: 15px;
	right: -75px;
	margin: auto;
	width: 35px;
	height: 35px;
}

.tallAbout__animated .tallAbout__prevButton {
	position: absolute;
	top: 0;
	bottom: 45px;
	left: -75px;
	margin: auto;
	width: 35px;
	height: 35px;
}

.tallAbout__animated .tallAbout__button .bottom_arrow {
	text-align: center;
	display: inline-block;
	padding: 7px 10px;
	border-radius: 50%;
	border: 1px solid #881944;
	background-color: #ffffff;
	color: #881944;
	transition: 0.25s;
}

.tallAbout__animated .tallAbout__button .bottom_arrow:hover {
	border: 1px solid transparent;
	background-color: #881944;
	color: white;
}

.tallAbout__step {
	transition: 0.75s;
	transform: translateX(0);
}

.tallAbout__step-hidden {
	transform: translateX(125px);
}

.tallAbout__step + .tallAbout__step {
	margin-top: 25px;
	position: absolute;
	top: 0;
	left: 0;
}

.is_search {
	max-height: 80px;
}

.is_search .want_more a {
	display: flex;
	justify-content: center;
	align-items: center;
}

.is_search .want_more div {
	margin: 5px 10px;
}

.is_search .want_more .button {
	margin: 5px 10px;
}

.step__header {
	font-size: 2.4rem;
	margin-bottom: 10px;
}

.step__questions {
	margin-top: 10px;
}

.question {
	margin-top: 10px;
	font-size: 1.34rem;
	border-bottom: 1px solid #e7e7e7;
	padding: 0 10px 15px;
}

.question__variables {
	padding-left: 30px;
	margin-top: 10px;
}

.question__variables label span {
	font-size: 1.24rem !important;
}

.searchButtonCont {
	text-align: center;
	margin-top: 25px;
}

/*стили для следующий шаг*/

.logoAside {
	position: fixed;
	top: 75px;
	left: 0;
}

.logoAside .fa-facebook {
	font-size: 1.7rem;
}

.searchButton .button {
	display: flex;
	align-items: center;
}

.footer__text {
	padding: 5px;
}

.footer_searchIcon {
	width: 25px;
	height: 25px;
	transform: scale(1.7);
}

.search__results {
	text-align: justify;
	max-width: 100%;
	margin: auto;
	margin-top: 25px;
	padding: 0px 35px 15px calc(22%);
}

.search__item {
	margin-top: 27px;
}

.search__itemHeader {
	margin: 10px 0px;
	color: #881944;
	font-size: 1.17rem;
}

.search__itemDescription {
	/*margin: 5px;*/
	color: #777;
	font-size: 1.07rem;
}

.results {
	display: none;
	/* position: relative;
    top: -90px; */
	padding-bottom: 60px;
}

.bar__name {
	padding-left: 0px;
	margin-top: 20px;
}

.blockRow {
	padding: 2.5%;
}

.logoAside {
	left: 25px;
	z-index: 5;
}

.content_roll img,
.content_roll video {
	margin-top: 20px !important;
}

.basic_search_city__cont {
	position: relative;
}

.basic_search_city__cont:after {
	content: '*';
	position: absolute;
	top: 5px;
	left: -15px;
	font-weight: bold;
	font-size: 25px;
	color: red;
}

.question__header {
	margin-top: 25px;
}

.modal .modal-footer {
	display: none;
}

.modal {
	top: 15%;
	z-index: 10;
}

.search_promo__text {
	margin-left: 23%;
	margin-top: 25px;
	line-height: 20px;
}

.search_promo_cont {
	padding-bottom: 80px;
}

.searchPromo__buttons {
	display: flex;
	align-items: center;
	justify-content: center;
}

.searchPromo__buttons .searchButton {
	margin: 15px;
}

.block__inner .roulette__contOverflow {
	margin-top: 15px;
}

/* roulette  */

.roulette__contOverflow {
	visibility: hidden;
	position: relative;
	bottom: 40px;
	height: 550px;
	width: 550px;
	margin: auto;

	display: flex;
	align-items: center;
	justify-content: center;

	transform: rotate(0deg) scale(0.7);
	transition: 0.4s;
}

.roulette__contOverflow.show {
	visibility: visible;
}

.roulette__overflow {
	position: relative;
	width: 90%;
	height: 90%;
	border: 1px solid;
	border-radius: 50%;
	overflow: hidden;
}

.roulette__center {
	width: 23%;
	height: 23%;
	width: 22.5%;
	height: 22.5%;
	position: absolute;
	background-image: url(/images/roulette/center_circle.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.roulette__resultingSector {
	position: absolute;
	width: 0;
	height: 0;
	bottom: 5%;
	right: 0;
	left: 0;
	margin: auto;
	border-top: 1px solid;
	border: 0 solid transparent;
	border-right-width: 25px;
	border-left-width: 25px;
	border-bottom: 25px solid black;
}

.roulette__firstBg {
	width: 77%;
	height: 77%;
	position: absolute;
	border-radius: 50%;
	background-image: url(/images/roulette/sectors_new/background.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.sector {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;

	width: 0;
	height: 0;
	border: 0 solid transparent;
	border-right-width: 117px;
	border-left-width: 117px;
	border-bottom: 174px solid transparent;
}

.sector.sectorHover:not(.selected) {
	opacity: 0.85;
}

.sector.selected {
	/* opacity: 0.4; */
}

#sector1.selected {
	background-image: url(/images/roulette/sectors_new/1_light.png);
}

#sector2.selected {
	background-image: url(/images/roulette/sectors_new/2_light.png);
}

#sector3.selected {
	background-image: url(/images/roulette/sectors_new/3_light.png);
}

#sector4.selected {
	background-image: url(/images/roulette/sectors_new/4_light.png);
}

#sector5.selected {
	background-image: url(/images/roulette/sectors_new/5_light.png);
}

#sector1 {
	/* border-bottom-color: #3F51B5; */

	transform: translate(0%, 71%) rotate(360deg);
	background-image: url(/images/roulette/sectors_new/1.png);
	background-repeat: no-repeat;
	background-position: top 11px right 50%;
	background-size: 230px;
}

#sector2 {
	/* border-bottom-color: #FF9800; */
	transform: translate(51%, 24%) rotate(289deg);
	background-image: url(/images/roulette/sectors_new/2.png);
	background-repeat: no-repeat;
	background-position: top 8px right 50%;
	background-size: 230px;
}

#sector3 {
	/* border-bottom-color: fuchsia; */
	transform: translate(32%, -57%) rotate(217deg);
	background-image: url(/images/roulette/sectors_new/3.png);
	background-repeat: no-repeat;
	background-position: top 11px right 50%;
	background-size: 230px;
}

#sector4 {
	/* border-bottom-color: green; */
	transform: translate(-31%, -58%) rotate(145deg);

	background-image: url(/images/roulette/sectors_new/4.png);
	background-repeat: no-repeat;
	background-position: top 11px right 50%;
	background-size: 230px;
}

#sector5 {
	/* border-bottom-color: #03A9F4; */
	transform: translate(-51%, 22%) rotate(72deg);
	background-image: url(/images/roulette/sectors_new/5.png);
	background-repeat: no-repeat;
	background-position: top 11px right 50%;
	background-size: 230px;
}

.logoAside .bar .bar__name {
	margin-top: 15px;
}

@media all and (max-width: 800px) {

	
	.results {
		top: 0px;
	}

	.roulette__contOverflow {
		width: 275px;
		height: 275px;
		top: 0px;
		bottom: 0px;
		transform: scale(1);
	}

	.sector {
		border-right-width: 63px !important;
		border-left-width: 63px !important;
		border-bottom: 90px solid transparent !important;
		background-size: 121px !important;
	}

	#sector1 {
		background-position: top 9px right 50%;
		transform: translate(0%, 69%) rotate(361deg);
	}

	#sector4 {
		background-position: top 6px right 50%;
		transform: translate(-31%, -57%) rotate(145deg);
	}

	#sector3 {
		background-position: top 4px right 50%;
		transform: translate(31%, -58%) rotate(217deg);
	}

	#sector2 {
		background-position: top 4px right 50%;
		transform: translate(50%, 24%) rotate(288deg);
	}

	#sector5 {
		background-position: top 4px right 50%;
	}

	.roulette__center {
		width: 24%;
		height: 24%;
	}

	.roulette__resultingSector {
		border-right-width: 10px;
		border-left-width: 10px;
		border-bottom: 10px solid black;
	}
}

/* end roulette */

.searchPromoteBanner__afterButtonText {
	margin-top: 15px;
}

.searchPromoteBanner__textFooter {
	text-align: right;
	margin-top: 25px;
}

.searchPromoteBanner__close {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.searchPromoteBanner__preloader {
	display: none;
}

.modal__wantSubscribe-afterSearch.disabled {
	cursor: none;
}

.modal__wantSubscribe-afterSearch.disabled:hover {
	background-color: transparent;
}

.searchPromoteBanner {
	padding: 35px 15px;
	overflow-x: hidden !important;
}

.searchPromoteBanner a {
	color: #680931;
	font-weight: 700;
	font-size: 1.05rem;
}

.searchPromoteBanner.modal {
	width: 75%;
}

.searchPromoteBanner__afterTextRow {
	display: flex;
	justify-content: center;
}

.searchPromoteBanner__inputCont {
	width: 70%;
}

div.searchPromoteBanner__fbCont {
	width: 20%;
	position: relative;
	bottom: 4px;
	text-align: left;
	padding-left: 35px;
}

.searchPromoteBanner__girlCont {
	width: 40%;
}

.searchPromoteBanner__text {
	width: 60%;
}

.search_promote_banner_text > * {
	opacity: 0;
	transition: transform 0.5s;
	transform: translateX(35px);
}

.search_promote_banner_text > *.show {
	opacity: 1;
	transform: translateX(0);
}

.searchPromoteBanner video {
	max-width: 100%;
}

.searchPromoteBanner__message > * {
	margin: 15px;
}

.searchPromoteBanner__message {
	display: flex;
	align-items: center;
}

.modal__wantSubscribe-afterSearch {
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 5px;
	transition: 0.25s;
	display: inline-block;
	padding: 0px 17px;
	background-color: #881944;
	color: white;
}

.modal__wantSubscribe-afterSearch:hover {
	opacity: 0.9;
}

.linkAlert {
	padding: 5px;
	border-bottom: 5px solid rgba(255, 0, 0, 0.47) !important;
}

.inputAlert {
	border-bottom: 5px solid rgba(255, 0, 0, 0.47) !important;
}

@media all and (max-width: 700px) {
	.searchPromoteBanner video {
		max-height: 100px;
	}

	.searchPromoteBanner__girlCont {
		width: 90%;
		margin: auto;
	}

	.searchPromoteBanner__message {
		display: block;
		text-align: center;
	}

	.searchPromoteBanner__girlCont {
		width: 100%;
	}

	.searchPromoteBanner__text {
		width: 100%;
	}

	.search_promote_banner_text {
		font-size: 12px;
	}
}

@media (max-width: 800px) {
	.fa.fa-facebook {
		font-size: 1.75rem;
	}

	.tallAbout__button i {
		font-size: 1rem;
	}

	.main_cont {
		top: 0;
		padding-top: 60px;
	}

	.search__cont {
		padding-top: 0px;
	}

	.step__headerNumber {
		font-size: 1.25rem;
	}

	.search__mainHeader {
		font-size: 1.35rem;
	}

	.bar__name {
		margin-top: 0px;
	}

	.search__content {
		padding: 0 2.5%;
		padding-bottom: 65px;
	}

	.tallAbout__animated .tallAbout__nextButton {
		right: 15px;
	}

	.tallAbout__animated .tallAbout__prevButton {
		bottom: unset;
		left: 15px;
		top: -15px;
	}

	.step__header {
		text-align: center;
	}

	.step__headerText {
		display: block;
		font-size: 1.7rem;
		margin-top: 10px;
		text-align: center;
	}

	.search__cont .blockRow {
		flex-wrap: wrap;
		margin-top: 60px;
	}

	.search__cont .logoAside {
		width: 50%;
		margin: 0 auto;
		max-width: 100%;
		position: static !important;
	}

	.search__results {
		padding: 0 5%;
	}

	.footer__text {
		text-align: center;
		font-size: 1rem;
	}

	.search__footer {
		margin-top: 0px;
		padding: 7px 15px;
	}

	.video__cont {
		display: none;
	}

	.bar__image {
		max-width: 135px;
		margin: auto;
	}

	.bar__name {
		margin-top: 3px;
		font-size: 1.55rem;
	}

	.search__cont .blockRow {
		padding-top: 0px;
		margin-top: 0px;
	}

	.tallAbout__step + .tallAbout__step {
		margin-top: 15px;
		padding-bottom: 75px;
	}

	.tallAbout__step + .tallAbout__step .question {
		margin-top: 17px;
	}

	.isSearched {
		margin-top: 60px;
	}

	.tallAbout__animated .tallAbout__prevButton {
		left: 75px;
		top: -4px;
	}
}

@media all and (max-width: 1400px) {
	.question__variables {
		margin-top: 5px;
	}
	.question {
		margin-top: 5px;
		font-size: 1.14rem;
		padding: 0 10px 7px;
	}

	.question__variables label span {
		font-size: 1rem !important;
	}

	.step__questions {
		margin-top: 0px;
	}

	.step__header {
		font-size: 1.5rem;
		margin-bottom: 0px;
	}

	.row {
		margin-bottom: 15px;
	}
}

@media all and (max-width: 359px) {
	.step__header {
		font-size: 1rem;
	}

	.search__mainHeader {
		font-size: 1.24rem;
	}
	.step__headerNumber {
		font-size: 1.37rem;
	}
	.tallAbout__animated .tallAbout__prevButton {
		left: 42px;
		top: -8px;
	}
}

@media all and (min-width: 800px) and (max-width: 900px) {
	.tallAbout__animated .tallAbout__prevButton {
		left: -25px;
	}
}

@media all and (max-width: 390px) {
}

@media all and (min-width: 800px) and (max-width: 1367px) {
	.main_cont {
		top: 30px !important;
	}
	.search__cont {
		padding-top: 0px !important;
	}

	.page2__footer {
		margin-top: 0px;
	}
}

@media all and (max-width: 600px) {
	.search__content form {
		width: 100%;
	}
	.tallAbout__animated {
		width: 100%;
	}
	.tallAbout__step-hidden {
		display: none;
	}

	body .search__cont .logoAside {
		padding-top: 0px;
	}
	.searchButtonCont {
		margin-top: 5px;
	}

	.confirm {
		margin-top: 5px;
	}
}

@media all and (min-width: 321px) and (max-width: 600px) {
	.confirm {
		margin-top: 5px;
	}
}

@media all and (max-height: 600px) {
	.video__cont {
		display: none;
	}
}

@media all and (min-width: 1024px) and (min-height: 650px) {
	body.search .desktop__tiser {
		width: 25%;
		height: auto;
		top: 115px;
		bottom: 0;
		margin: auto;
		margin-top: unset;
		position: fixed;
		right: 10px;
		padding: 0 5%;
		max-height: 600px;
		overflow: hidden;
	}

	.results {
		/* width: 70%; */
	}
}
