@charset "utf-8";
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');

* {
	font-family: 'Roboto Condensed', sans-serif;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	opacity: 1;
}

input.clean::-webkit-input-placeholder {
	opacity: 1;
	transition: opacity 0.3s ease;
}

input.clean::-moz-placeholder {
	opacity: 1;
	transition: opacity 0.3s ease;
}

input.clean:-moz-placeholder {
	opacity: 1;
	transition: opacity 0.3s ease;
}

input.clean:-ms-input-placeholder {
	opacity: 1;
	transition: opacity 0.3s ease;
}

input.clean:focus::-webkit-input-placeholder {
	opacity: 0;
	transition: opacity 0.3s ease;
}

input.clean:focus::-moz-placeholder {
	opacity: 0;
	transition: opacity 0.3s ease;
}

input.clean:focus:-moz-placeholder {
	opacity: 0;
	transition: opacity 0.3s ease;
}

input.clean:focus:-ms-input-placeholder {
	opacity: 0;
	transition: opacity 0.3s ease;
}

input.clean:focus::-webkit-input-placeholder {
	color: transparent
}

input.clean:focus::-moz-placeholder {
	color: transparent
}

input.clean:focus:-moz-placeholder {
	color: transparent
}

textarea {
	width:100%;  border:0px; background:#fff; border-radius:5px; box-shadow:0px 8px 29px rgba(121,108,86,0.23); padding:10px 15px; font-size:22px; line-height:30px; color:#3F3323;
	resize: vertical;
	min-height: 50px;
	overflow-y: hidden;
}

input.clean:focus:-ms-input-placeholder {
	color: transparent
}

* {
	outline: none !important;
}

p {
	margin: 0px 0px 24px;
}

h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
	margin: 0px auto 30px;
	text-align: center;
}

label {
	display: block;
	font-size: 16px;
	line-height: 26px;
	font-weight: 700;
	padding: 0px 15px;
	margin: 0px 0px 1px;
}

input[type='text'],
input[type='email'],
input[type='tel'],
input[type='password'] {
	width: 100%;
	height: 50px;
	border: 0px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 8px 29px rgba(121, 108, 86, 0.23);
	padding: 10px 15px;
	font-size: 18px;
	line-height: 30px;
	color: #3F3323
}

input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='password']:focus {}

input[type='text'].error,
input[type='email'].error,
input[type='tel'].error,
input[type='password'].error {
	box-shadow: 0px 8px 29px #7d0909;
}

input::-webkit-input-placeholder {
	color: #3F3323;
}

input::-moz-placeholder {
	color: #3F3323;
}

input:-moz-placeholder {
	color: #3F3323;
}

input:-ms-input-placeholder {
	color: #3F3323;
}

.button_link {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	line-height: 30px;
	color: #fff !important;
	text-decoration: none !important;
	background: #E10020;
	border: 0px;
	border-radius: 5px;
	padding: 12px 56px;
	box-shadow: 0px 14px 59px rgba(255, 101, 123, 0.33);
	cursor: pointer;
	text-align: center;
	font-weight: bold;
}

.button_link:hover {
	background: #C8001C;
	box-shadow: 0px 14px 59px rgba(200, 0, 28, 0.33);
}

html,
body,
#site {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	font: 18px 'Circe';
	line-height: 24px;
	color: #242d36;
}

#site {
	height: auto;
	min-height: 100%;
	overflow: hidden;
}

#head {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
	padding: 15px 0px 10px;
	transition: all 0.2s linear;
}

#head.fixed {
	/* padding: 10px 0px; */
	background: #fff;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	padding-bottom: 22px;
}

.head_logo {
	float: left;
	padding: 49px 0px 0px 70px;
	background: url(../img/logo-mini_s.png) no-repeat left top;
    background-size: 100%;
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
	margin: 0px 0px 0px 0px;
	color: inherit !important;
	text-decoration: none !important;
	display: block;
	width: 275px;
	transition: all 0.2s linear;
	margin-top: 20px;
	margin-top: 15px;
}

/*.fixed .head_logo {
	padding: 50px 0px 0px 70px;
	margin-top: 7px;
} */

.head_logo:hover {
	text-decoration: none;
	color: inherit;
}

.head_contact {
	float: right;
	margin: 11px 0px 0px;
	transition: all 0.2s linear;
}

/* .fixed .head_contact {
	    margin-top: 0px;
    margin-bottom: 4px;
} */

.head_contact .ph_bl {
	float: right;
	text-align: right;
	padding: 8px 0px 0px;
}

.head_contact .ph_bl .ph {
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
}

.head_contact .ph_bl .ph a {
	color: inherit;
	text-decoration: none;
}

.head_contact .ph_bl .ph a:hover {
	color: #E10020;
}

.head_contact .ph_bl .t {
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
}

.head_contact .link {
	float: left;
	margin: 0px 28px 0px 0px;
}

.head_contact .link a {
	display: inline-block;
	vertical-align: top;
	border: 2px solid #E30020;
	border-radius: 3px;
	font-size: 14px;
	line-height: 30px;
	font-weight: 300;
	text-decoration: none;
	color: inherit;
	padding: 5px 20px;
	margin-top: 10px;
}

.head_contact .link a:hover {
	background: #E30020;
	color: #fff;
}

#body {
	padding-bottom: 190px;
}

.parallax {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.parallax .layer {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 104%;
	height: 102%;
	margin: -10px 0px 0px -2%;
	background-position: center top;
	background-repeat: no-repeat;
}

form p,
form .p {
	margin: 0px 0px 23px;
}

form .sub {
	margin: 7px 0px 0px;
}

form .agree {
	font-size: 12px;
	line-height: 16px;
	margin: 17px 0px 0px;
	font-weight: 300;
}

form .agree a {
	color: inherit;
	text-decoration: underline;
	display: inline-block;
}

form .agree a:hover {
	text-decoration: none;
}

.sect_situation {
	position: relative;
	padding: 135px 0px 150px;
	min-height: 1220px;
	margin-top: -30px;
}

.sit_parallax .layer_01 {
	background-image: url(../img/sit_parallax_01.jpg)
}

.sit_parallax .layer_02 {
	background-image: url(../img/sit_parallax_02.png)
}

.sect_situation .border_top {
	background: url(../img/sit_border_top.png) no-repeat top center;
	width: 100%;
	height: 190px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.sect_situation .border_bottom {
	background: url(../img/sit_border_bottom.png) no-repeat bottom center;
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.sect_situation h2 {
	text-align: left;
	font-weight: 900;
}

#footer {
	position: relative;
	margin-top: -190px;
	height: 190px;
	clear: both;
	padding: 30px 0px 10px;
	font-size: 16px;
	line-height: 26px;
}

.info_bl {
	float: left;
	margin: 0px 80px 0px 0px;
}

.info_bl p {
	margin: 0px 0px 17px;
}

.create {
	float: right;
	text-align: right;
}

.popup_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: rgba(37, 46, 54, 0.7);
	display: none;
	z-index: 9999;
	opacity: 0;
}

.popup_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	z-index: 9999;
}

.popup_wrapper>li {
	position: absolute;
	top: 10px;
	left: 50%;
	width: 442px;
	padding: 0px;
	border: 0px solid #FE5A01;
	border-radius: 10px;
	background: #fff;
	margin-left: -221px;
	display: none;
	opacity: 0;
}

.popup_wrapper .popup_inner {
	padding: 58px 40px 30px;
}

.popup_wrapper .popup_close {
	width: 29px;
	height: 29px;
	background: url(../img/popup_close.png) no-repeat left top;
	position: absolute;
	top: 25px;
	right: 25px;
	cursor: pointer;
}

.popup_wrapper .title {
	font-size: 36px;
	line-height: 36px;
	font-weight: 900;
	color: #242d36;
	text-align: left;
}

.popup_wrapper .text {
	margin: 18px 0px 0px;
}

.popup_wrapper .form {
	margin: 22px 0px 0px;
}

.popup_wrapper>.popup_call,
.popup_wrapper>.popup_dep {
	width: 810px;
	margin-left: -405px;
	background-image: url(../img/popup_call_bg.jpg);
	background-position: top center;
	background-size: cover;
}

.popup_wrapper>.popup_call .popup_inner,
.popup_wrapper>.popup_dep .popup_inner {
	padding: 36px 90px 24px 365px
}

.popup_wrapper>.popup_call .popup_inner .text,
.popup_wrapper>.popup_dep .popup_inner .text {
	margin: 13px 0px 0px;
}

.popup_wrapper>.popup_consult {
	width: 810px;
	margin-left: -405px;
	background-image: url(../img/popup_cons_bg.jpg);
	background-position: top center;
	background-size: cover;
}

.popup_wrapper>.popup_consult .popup_inner {
	padding: 58px 90px 24px 365px
}

.popup_wrapper .popup_thanks {
	background: url(../img/popup_thanks_bg.png) no-repeat 30px bottom #fff;
}

.popup_wrapper .popup_thanks .popup_inner {
	padding: 78px 30px 50px;
}

.popup_wrapper .popup_phone {
	text-align: center;
}

label.error {
	font-size: 12px;
	line-height: 20px;
	margin: 0px;
	color: #f00;
	font-weight: 300 !important;
}

@media screen and (min-width:992px) and (max-width: 1199px) {
	.info_bl {
		margin: 0px 25px 0px 0px;
	}
}

@media screen and (max-width:991px) {
	textarea {
		font-size: 18px;
	}
	#head.fixed {
		padding-bottom: 14px;

	 }
	.head_contact .link a:hover {
		background: url(../img/phone.png) !important;
		background-repeat: no-repeat !important;
		color: #000 !important;
		margin-top: 19px !important;
	}
	.starrating>label:before {
		font-size: 2em !important;
	}
	h2 {
		margin: 0px 0px 20px;
	}
	h2 span {
		font-size: 42px;
		line-height: 46px;
	}
	.parallax {
		display: none;
	}
	#head {
		padding: 10px 0px;
		background: #fff;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	}
	.head_logo {
		margin-top: 5px;
		margin-left: 20px;
	}
	.head_contact {
		margin-top: -2px;
	}
	.sect_situation {
		padding: 30px 0px;
		background: url(../img/top_parallax_01.jpg) no-repeat 97% bottom #F5F5F5;
		min-height: 0px;
		padding-top: 60px !important;
	}
	.sect_situation .border_top,
	.sect_situation .border_bottom {
		display: none;
	}
	#body {
		padding-bottom: 230px;
	}
	#footer {
		padding: 10px 0px;
		height: auto;
		
	}
	.info_bl p {
		margin: 0px 0px 10px;
	}
	.info_bl1 {
		width: 420px;
		margin-right: 0px;
	}
	.info_bl2 {
		float: right;
		margin: 0px;
	}
	.create {
		clear: both;
		float: none;
		padding: 0px 0px 0px;
		text-align: center;
	}
	.popup_wrapper>.popup_call,
	.popup_wrapper>.popup_dep,
	.popup_wrapper>.popup_consult {
		width: 750px;
		margin-left: -375px;
	}
	.popup_wrapper>.popup_call .popup_inner,
	.popup_wrapper>.popup_dep .popup_inner,
	.popup_wrapper>.popup_consult .popup_inner {
		padding: 58px 70px 24px 345px
	}
}

@media screen and (max-width:651px) {
	.starrating>label {
		padding: 0px 7px !important;
	}
	h2 {
		font-size: 32px !important;
	}
	h4 {
		font-size: 20px !important;
	}

}

@media screen and (max-width: 670px) {
	#textarea {
		height: 80px;
	}
}

@media screen and (max-width:500px) {
	.starrating>label {
		padding: 0px 3px !important;
	}
	.starrating>label:before {
		font-size: 1.5em !important;
	}
}

@media screen and (max-width:370px) { 
	#textarea {
		height: 100px;
	}
	p.moto {
		font-size: 14px !important;
	}
}

@media screen and (max-width:350px) {
	.starrating>label {
		padding: 0px 3px !important;
	}
	.starrating>label:before {
		font-size: 1.2em !important;
	}
}



@media screen and (max-width:767px) {
	.head_contact .ph_bl {
		display: none;
	}
	.link a {
		font-size: 0 !important;
		border: none !important;
		background: url(../img/phone.png);
		background-repeat: no-repeat;
		margin-top: 19px !important;
	}
	.button_link {
		padding: 18px 20px;
	}
	html,
	body,
	#site,
	.top_article .top_trigger>li {
		font-size: 16px;
		line-height: 21px;
	}
	h2,
	.sect_mistake .mistake_form_bl h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.info_bl1 {
		width: 310px;
	}
	.popup_wrapper>.popup_call,
	.popup_wrapper>.popup_dep,
	.popup_wrapper>.popup_consult {
		width: 442px;
		margin-left: -221px;
		background: #fff;
	}
	.popup_wrapper>.popup_call .popup_inner,
	.popup_wrapper>.popup_dep .popup_inner,
	.popup_wrapper>.popup_consult .popup_inner {
		padding: 58px 40px 30px
	}
	form .sub {
		width: 100%;
	}
}

@media screen and (max-width:639px) {
	h2,
	.popup_wrapper .title,
	.sect_mistake .mistake_form_bl h2 {
		font-size: 24px;
		line-height: 28px;
	}
	.sect_situation {
		background-image: url(../img/top_parallax_01.jpg);
	}
	.info_bl {
		float: none;
		width: auto;
		margin: 0px;
	}
	#body {
		padding-bottom: 200px;
	}
	#footer {
		padding: 10px 0px;
    	height: auto;
	}
	.sect_situation {
	    min-height: 200px !important;
	}
}

@media screen and (max-width:479px) {
	.head_contact .ph_bl {
		display: none;
	}
	.head_contact .link {
		margin-right: 0px;
	}
	#body {
		padding-bottom: 360px;
	}
	#footer {
		padding: 10px 0px;
		height: 360px;
		margin-top: -360px;
	}
	.popup_wrapper>li {
		width: 300px !important;
		margin-left: -150px !important;
	}
	.popup_wrapper .popup_inner {
		padding: 40px 10px 20px !important;
	}
	.popup_wrapper .popup_close {
		top: 5px;
		right: 5px;
	}
}

@media screen and (max-width: 370px) {
	.head_logo {
		max-width: 242px;
		background-size: contain;
		margin-top: 12px;
	}

	.head_contact {
		margin-top: -6px;
	}

	#head {
		padding-bottom: 5px;
	}

	/*head.fixed {
		padding-bottom: 0px;
	}

	.fixed .head_contact {
		margin-top: -9px;
	} */
}

.starrating>input {
	display: none;
}


/* Remove radio buttons */

.starrating>label:before {
	content: "\f005";
	/* Star */
	margin: 2px;
	font-size: 3em;
	font-family: FontAwesome;
	display: inline-block;
}

.starrating>label {
	color: #fff;
	/* Start color when not clicked */
}

.starrating>input:checked~label {
	color: #E10020;
}


/* Set yellow color when star checked */

.starrating>input:hover~label {
	color: #E10020;
}


/* Set yellow color when star hover */

.justify-content-center {
	-webkit-box-pack: center!important;
	-webkit-justify-content: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
}

.flex-row-reverse {
	-webkit-box-orient: horizontal!important;
	-webkit-box-direction: reverse!important;
	-webkit-flex-direction: row-reverse!important;
	-ms-flex-direction: row-reverse!important;
	flex-direction: row-reverse!important;
}

.d-flex {
	display: -webkit-box!important;
	display: -webkit-flex!important;
	display: -ms-flexbox!important;
	display: flex!important;
}

div#stars_container {
	background: #2c3033;
	padding-top: 40px;
	padding-bottom: 5px;
	text-align: center;
	color: #fff;
	border-radius: 7px;
	box-shadow: 0px 8px 29px rgba(121, 108, 86, 0.23);
}

.container {
	max-width: 900px;
}

h2 {
	font-size: 50px;
	color: #000;
	text-align: center !important;
}

h4 {
	text-align: center;
	font-size: 27px;
	color: #000;
}

input[type="text"] {
	
	
}

input[type="text"]::placeholder {
	color: #575b5f;
}

#prgph1 {
	text-align: center;
}

p.moto {
	margin-top: 25px;
	font-weight: 100;
	font-size: 16px;
}

.form-btn {
	display:block;
	width:100%;
	margin:10px auto;
	line-height: 40px;
	height:50px;
	background-color:#0066ff;
	border:none;
	border-radius:5px;
	color:#fff;
}

.form-btn.small {
	margin: auto;
	height: auto;
	line-height: auto;
}

.control-label {
	font-weight: 500;
	font-size: 18px;
	color: #000;
}

/* SPACERS */
.top-spacer-sm {
	margin-top: 10px;
}

.top-spacer {
	margin-top: 25px;
}

.top-spacer-lg {
	margin-top: 40px;
}

.spacer-sm {
	margin-top: 10px;
	margin-bottom: 10px;
}

.spacer {
	margin-top: 25px;
	margin-bottom: 25px;
}

.spacer-lg {
	margin-top: 40px;
	margin-bottom: 40px;
}

.bottom-spacer-sm {
	margin-bottom: 10px;
}

.bottom-spacer {
	margin-bottom: 25px;
}

.bottom-spacer-lg {
	margin-bottom: 40px;
}

.spinner {
	width: 100px;
    height: 100px;
    margin: 10px auto;
    background: url(../img/spinner.gif) no-repeat center;
    background-size: cover;
}

.info_bl p {font-size:12px;text-align:justify;line-height:14px;}

li.paysystem {width:calc(100%/9);height:75px;margin:0;padding:0;float:left;list-style-type: none;background-size:contain;}

li.ps1 {background:url(../img/ps1.png) center center transparent no-repeat; background-size:contain;}
li.ps2 {background:url(../img/ps2.png) center center transparent no-repeat; background-size:contain;}
li.ps3 {background:url(../img/ps3.png) center center transparent no-repeat; background-size:contain;}
li.ps4 {background:url(../img/ps4.png) center center transparent no-repeat; background-size:contain;}
li.ps5 {background:url(../img/ps5.png) center center transparent no-repeat; background-size:contain;}
li.ps6 {background:url(../img/ps6.png) center center transparent no-repeat; background-size:contain;}
li.ps7 {background:url(../img/ps7.png) center center transparent no-repeat; background-size:contain;}
li.ps8 {background:url(../img/ps8.png) center center transparent no-repeat; background-size:contain;}
li.ps9 {background:url(../img/ps9.png) center center transparent no-repeat; background-size:contain;}

@media screen and (max-width:651px) {
	li.paysystem {width:calc(100%/9);background-size:contain;}
}

@media screen and (max-width: 766px) {
	.head_logo {width: 242px;margin: 5px auto 0;float:none;}
}