@charset "UTF-8";

div#form {
  	background-color : rgba(224, 224, 224, 1);	
	}

div.form {
	background-color : rgba(255, 255, 255, 1);
	font : normal 16px/24px "Regular", Arial, Tahoma, Verdana, sans-serif;
	}

div.form,
div.form > form {
	margin : 0 auto;
	}
	
div.form > form > div {	
	display : flex;
	display : -webkit-box;
	display : -webkit-flex;
	display : -ms-flexbox;
	justify-content : space-between;
	-webkit-justify-content : space-between;
	-ms-justify-content : space-between;
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap;
	-ms-flex-wrap : wrap;
	margin : 0 auto;
	}

div.form,	
div.form > form > div,
div.form > form > div > div,
div.form > form > div > div > ul > li {
	position : relative;
	}
	
div.form > form > div > div {
	width : 100%;
	min-width : 240px;
	}
	
div.form > form > div > div > ul {
	padding : 0;
	margin : 0;
	list-style : none;
	}
	
div.form,
div.form > form,
div.form.success > div {
	width : 100%;
	}

/* div.form > form > div > div > ul > li.required::after {
	display : block;
	position : absolute;
	top : 0;
	right : 0;
	z-index : 3;
	width : 40px;
	height : 50px;
	background-color : rgba(255, 255, 255, 0);
	color : rgba(224, 13, 20, 1);
	font : normal 16px/40px Arial, Tahoma, Verdana, sans-serif;
	text-align : center;
	content : "\273b";
	} */
	
div.form > form > div > div.radio > ul > li > ol {
	padding : 0;
	margin : 0;
	list-style : none;
	border : 1px solid rgba(169, 169, 169, 1);
	}
	
div.form > form > div > div.radio > ul > li > ol > li {
	display : flex;
	display : -webkit-box;
	display : -webkit-flex;
	display : -ms-flexbox;
	position : relative;
	min-height : 40px;
	padding : 0 0 0 50px;
	font : normal 16px/40px "Regular", Arial, Tahoma, Verdana, sans-serif;
	white-space : nowrap;
	color : rgba(66, 66, 66, 0.75);
	}
	
div.form > form > div > div.radio > ul > li > ol > li.selected::after,   
div.form > form > div > div.radio > ul > li > ol > li::before {
	display : block;
	width : 20px;
	height : 20px;
	position : absolute;
	left : 15px;
	top : calc(50% - 10px);
	z-index : 10;
	border-radius : 50%;
	content : "";
	}
	
div.form > form > div > div.radio > ul > li > ol > li::before {
	background-color : rgba(255, 255, 255, 1);
	border : solid 1px rgba(225, 225, 225, 1);
	}
	
div.form > form > div > div.radio > ul > li > ol > li.selected::after {
	background-color : rgba(78, 78, 78, 1);
	border : solid 1px rgba(78, 78, 78, 1);
	transform : scale(0.5);
	}
	
div.form > form > div > div.radio > ul > li > ol > li.selected {
	color : rgba(66, 66, 66, 1);
	}
	
div.form > form > div > div.radio > ul > li > ol > li:not(.selected) {
	cursor : pointer;
	}
	
div.form > form > div > div.radio > ul > li > ol > li:not(:first-child) {
	border-top : 1px solid rgba(169, 169, 169, 1);
	}
	
div.form > form > div > div.radio > ul > li > ol > li > span.icon {
	height : 40px;
	background-position : 50% 50%;
	background-repeat : no-repeat;
	background-size : contain;
	}
	
div.form > form > div > div.radio > ul > li > ol > li > span.icon.paypal {
	width : 100px;
	background-image : url("../img/paypal.svg?12062019");
	}
	
div.form > form > div > div.radio > ul > li > ol > li > span.icon.visa {
	width : 50px;
	background-image : url("../img/visa.svg?12062019");
	}
	
div.form > form > div > div.radio > ul > li > ol > li > span.icon.mastercard {
	width : 50px;
	background-image : url("../img/mastercard.svg?12062019");
	}
	
	
div.form > form > div > div > ul > li > select {	
	box-shadow : none;
	background-image : none;
	cursor : pointer;
	}
	
div.form > form > div > div.choose > ul > li::before,
div.form > form > div > div.choose > ul > li::after {
	position : absolute;
	display : block;
	top : 50%;
	z-index : 10;
	width : 10px;
	height : 2px;
	content : "";
	background-color : rgba(138, 138, 138, 1);
	transition : all 0.2s ease;
	}
	
div.form > form > div > div.choose > ul > li::before {
	right : 15px;
	transform : rotate(-40deg);
	}
	
div.form > form > div > div.choose > ul > li::after {
	right : 22px;
	transform : rotate(40deg);
	}

div.form > form > div > div > textarea,
div.form > form > div > div > ul > li > select,
div.form > form > div > div > ul > li > input[type=text],
div.form > form > div > div > ul > li > input[type=email],
div.form > form > div > div > ul > li > input[type=tel] {
	display : block;
	position : relative;
	z-index : 2;
	width : 100%;
	border : 1px solid rgba(169, 169, 169, 1);
	border-radius : 0px;
	background-color : rgba(255, 255, 255, 0);
	}

div.form > form > div > div > ul > li > input[type=text],
div.form > form > div > div > ul > li > input[type=email],
div.form > form > div > div > ul > li > input[type=tel],
div.form > form > div > div > ul > li > select {
	height : 40px;
	padding : 0 15px;
	font : inherit;
	line-height : 40px;
	color : inherit;
	}

div.form > form > div > div > textarea.error,
div.form > form > div > div > ul > li > input.error {
	border : 1px solid rgba(224, 13, 20, 1) !important;
	}
	
div.form > form > div > div > textarea {
	min-height : 158px;
	padding : 16px 20px;
	font : inherit;
	line-height : 24px;
	color : inherit;
	height : 100%;
	resize : none;
	}
	
div.form > form > div > div > ul > li > span,
div.form > form > div > div > textarea + span {
	display : block;
	position : absolute;
	left : 0;
	bottom : 100%;
	z-index : 1;
	color : rgba(138, 138, 138, 1);
	transform : scale(1,1);
	white-space : nowrap;
	}

div.form > form > div > div > textarea + span > span,
div.form > form > div > div > ul > li > span > span { 
	/* display : block;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 20;
	transition : all 0.25s ease; 
	line-height : 24px;
	font : inherit; */
	font : normal 14px/30px "Regular", Arial, Tahoma, Verdana, sans-serif;
	white-space : nowrap;
	}

/* div.form > form > div > div > textarea + span.selected > span,
div.form > form > div > div > textarea:focus + span > span,
div.form > form > div > div > ul > li > input[type=text]:focus + span > span,
div.form > form > div > div > ul > li > input[type=email]:focus + span > span,
div.form > form > div > div > ul > li > input[type=tel]:focus + span > span,
div.form > form > div > div > ul > li > input[type=text] + span.selected > span,
div.form > form > div > div > ul > li > input[type=email] + span.selected > span,
div.form > form > div > div > ul > li > input[type=tel] + span.selected > span { 
	transform : scale(0,0);
	} */
	
div.form > form > div > div.discount > ul > li > button {
	position : absolute;
	bottom : 0;
	right : 0;
	z-index : 10;
	height : 40px;
	padding : 0 40px;
	margin : 0;
	border : 0;
	background-color : rgba(169, 169, 169, 1);
	color : rgba(255, 255, 255, 1);
	font : normal 18px/40px "Regular", Arial, Tahoma, Verdana, sans-serif;
	text-align : center;
	white-space : nowrap;
	cursor : default;
	transition : all 0.25s ease;
	}

div.form > form > div > div > button {
	position : relative;
	width : 100%;
	height : 50px;
	padding : 0 40px;
	margin : 20px 0 0 0;
	border : 0;
	background-color : rgba(169, 169, 169, 1);
	color : rgba(255, 255, 255, 1);
	font : normal 18px/50px "Regular", Arial, Tahoma, Verdana, sans-serif;
	text-align : center;
	white-space : nowrap;
	cursor : default;
	transition : all 0.25s ease;
	}

div.form > form > div > div > button.active,
div.form > form > div > div.discount > ul > li > button.active {
	background-color : rgba(66, 66, 66, 1);
	color : rgba(255, 255, 255, 1);
	cursor : pointer;
	}

div.form > form > div > div > button.active:hover,
div.form > form > div > div.discount > ul > li > button.active:hover {
	background-color : rgba(33, 33, 33, 1);
	}
	
div.form.consultation > form > div > div > button {
	max-width : 200px;
	}
	
div.form > div > span,
div.form > form > span,
div.form > form > h4 {
	display : block;
	color : rgba(66, 66, 66, 1);
	}
	
div.form > form > span,
div.form > div > p,
div.form > div > span,
div.form > form > p,
div.form > form > h4 {
	text-align : center;
	}

div.form > div > p,
div.form > form > p,	
div.form > form > h4 {
	position : relative;
	padding : 20px 0;
	}
	
div.form > form > h4::before {
	position : absolute;
	top : 100%;
	left : calc(50% - 20px);
	z-index : 10;
	width : 40px;
	height : 5px;
	content : "";
	background-color : rgba(213, 38, 38, 1);
	}

div.form > div > p,
div.form > form > p {
	max-width : 640px;
	margin : 0 auto;
	font : inherit;
	line-height : 24px;
	color : inherit;
	}
	
div.form.success > form,
div.form > div {
	display : none;
	}
	
div.form.success > div {
	display : block;
	}

/* div.form > form > div > div:not(:last-child), */
div.form > form > div > div.textarea,
div.form > form > div > div > ul > li {
	margin-top : 40px;
	}

/* div.form > form > div > div.checkbox,	
div.form > form > div > div:last-child {
	margin-top : 20px !important;
	} */
	
div.form > form > div > div.checkbox {
	padding : 0 0 0 40px;
	margin-top : 20px !important;
	font : normal 16px/24px "Regular", Arial, Tahoma, Verdana, sans-serif;
	}

div.form > form > div > div.checkbox > input[type=checkbox] {
	display : none !important;
	}

div.form > form > div > div.checkbox > span.checkbox {
	display : block;
	position : absolute;
	top : 0;
	left : 0;
	z-index : 1;
	width : 24px;
	height : 24px;
	border : 1px solid rgba(169, 169, 169, 1);
	background-color : rgba(255, 255, 255, 1);
	cursor : pointer;
	}

div.form > form > div > div.checkbox > span.checkbox.checked {
	border : 1px solid rgba(66, 66, 66, 1);
	background-color : rgba(66, 66, 66, 1);
	}

div.form > form > div > div.checkbox > span.checkbox.checked::before {
	position : absolute;
	content : "";
	top : 6px;
	left : 6px;
	z-index : 20;
	width : 8px;
	height : 4px;
	border-left : solid 2px rgba(255, 255, 255, 1);
	border-bottom : solid 2px rgba(255, 255, 255, 1);
	content : "";
	transform : rotate(-45deg);
	}

div.form > form > div > div.partner.hidden::after {
	position : absolute;
	content : ".";
	text-indent : -999em;
	top : 0;
	left : 0;
	z-index : 20;
	width : 100%;
	height : 100%;
	background-color : rgba(255, 255, 255, 0.5);
	}
	
@media (min-width : 1401px) {
	div#form {
		padding : 60px 0 30px 0;
		}
		
	div.form.feedback {
		width : calc(100% - 120px);
		max-width : 1160px;
		padding : 45px 60px 60px 60px;
		}
		
	div.form > div > span,
	div.form > form > span,
	div.form > form > h4 {
		font : normal 38px/38px "Light", Arial, Tahoma, Verdana, sans-serif;
		}
		
	div.form.success > div {
		padding : 20px 0 0 0;
		}
	}
	
@media (min-width : 1041px) and (max-width : 1400px) {
	div#form {
		padding : 50px 0 25px 0;
		}
		
	div.form.feedback {
		width : calc(100% - 100px);
		max-width : 1180px;
		padding : 35px 50px 50px 50px;
		}
	
	div.form > div > span,
	div.form > form > span,
	div.form > form > h4 {
		font : normal 36px/36px "Light", Arial, Tahoma, Verdana, sans-serif;
		}

	div.form.success > div {
		padding : 15px 0 0 0;
		}
	}
	
@media (min-width : 721px) and (max-width : 1040px) {
	div#form {
		padding : 40px 0 20px 0;
		}
		
	div.form.feedback {
		width : calc(100% - 80px);
		padding : 25px 40px 40px 40px;
		}

	div.form > div > span,
	div.form > form > span,
	div.form > form > h4 {
		font : normal 34px/34px "Light", Arial, Tahoma, Verdana, sans-serif;
		}
		
	div.form.success > div {
		padding : 10px 0 0 0;
		}
	}
	
@media (min-width : 481px) and (max-width : 720px) {
	div#form {
		padding : 30px 0 15px 0;
		}
		
	div.form.feedback {
		width : calc(100% - 60px);
		padding : 15px 30px 30px 30px;
		}

	div.form > div > span,
	div.form > form > span,
	div.form > form > h4 {
		font : normal 32px/32px "Light", Arial, Tahoma, Verdana, sans-serif;
		}
		
	div.form.success > div {
		padding : 30px 0 0 0;
		}
		
	div.form > form > div > div.checkbox.partners + div {
		display : none;
		}
	}
	
@media (max-width : 480px) {
	div#form {
		padding : 20px 0 10px 0;
		}
		
	div.form.feedback {
		width : calc(100% - 40px);
		padding : 5px 20px 20px 20px;
		}
		
	div.form > div > span,
	div.form > form > span,
	div.form > form > h4 {
		font : normal 30px/30px "Light", Arial, Tahoma, Verdana, sans-serif;
		}
	
	div.form.success > div {
		padding : 20px 0 0 0;
		}
		
	div.form > form > div > div.checkbox.partners + div {
		display : none;
		}
	}
	
@media (min-width : 721px) {
	div.form > form > div > div {
		width : 48%;
		}
	}