html,body { margin:0; font-family: Gilroy-Regular; font-size: 16px; color: #39418d; background-color: #182983; }
strong { font-family: Gilroy-Bold; }
/* btn */
.fs-continue, .fs-submit,
.fullscreen div.cs-skin-boxes:focus > span,
input,
.btn {
	-moz-box-shadow: 2px 2px 5px #000;
	-webkit-box-shadow: 2px 2px 5px #000;
	-o-box-shadow: 2px 2px 5px #000;
	box-shadow: 2px 2px 5px #000;
}
.btn-secondary { padding: 0.65em 0; max-width: 100%; width: 200px; background-color: #FFFFFF; font-size: 16px; font-family: Gilroy-Bold; display: block; border-radius: 20px; text-transform: uppercase; border: none; color: #182983; }
.btn-secondary:hover, .btn-secondary:active { background-color: #d73d13; }

.btn-primary, .fs-form-wrap .fs-continue, .fs-form-overview .final .fs-submit { color: #FFFFFF;opacity: 1;padding: 0.8em 17px;padding-right: 17px;padding-right: 40px;max-width: 300px;background-color: #d73d13;font-size: 16px;font-family: Gilroy-Bold;display: block;border-radius: 30px;text-transform: uppercase;border: none; }
.btn-primary:hover, .fs-form-wrap .fs-continue:hover, .fs-form-overview .final .fs-submit:hover { background-color: #d73d13; }
.btn-primary:active, .fs-form-wrap .fs-continue:active, .fs-form-overview .final .fs-submit:active { background-color: #004691 !important; }
.fs-form-overview .final .fs-submit:active { float: none; }
.fs-form-wrap .fs-continue { width: 255px; }

.btn-goodies { color: #d73d13;opacity: 1;padding: 0.8em 17px;padding-right: 17px;padding-right: 17px;padding-right: 40px;max-width: 300px;background-color: #FFF;font-size: 16px;font-family: Gilroy-Bold;display: block;border-radius: 30px;text-transform: uppercase;border: none; margin: 0 auto; }
.btn-goodies:hover { background-color: #004691; }
.btn-goodies:active { background-color: #004691 !important; }

.chevron-right { position: relative; padding-right: 20px; }
.chevron-right:before { left: 20px; position: absolute; top: -6px; width: 26px; height:26px; content: " "; background-image: url("../img/chevron-right.png"); background-size: 26px 26px; }
.orange.chevron-right:before { background-image: url("../img/chevron-orange.png.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.chevron-right:before { background-image: url("../img/chevron-right@2x.png"); }
	.orange.chevron-right:before { background-image: url("../img/chevron-orange@2x.png"); }
}


/* header */
.header .btn { float: right; }
/* fullscren block */
@media screen and (min-width: 992px) {
	html,body { height:100%; }
	html > body .fullscreen {
		height: auto;
		min-height: 100%;
	}
}
.fullscreen { height:100%; background: url('../img/background.jpg'); background-size: cover !important; padding-bottom: 2em; }

/* first block */
.first-block .text { padding-top: 9em; }
.first-block .text h2 { font-size: 54px; font-family: Gilroy-Bold; color: #FFFFFF; }
.first-block .text h3 { font-size: 29px; font-family: Gilroy-Bold; color: #FFFFFF; }
.first-block .text .btn { margin-top: 1.5em; }
.first-block .text p { padding-left: 4em;color: #FFF;margin-top: 1em; }
.first-block .img { padding-top: 5em; }
.first-block .img img { width: 100%; }

/* questions-block */
.questions-block { display: none; }
.questions-block div.cs-select { min-width: 90%; }
.questions-block .cs-select ul span,
.questions-block .cs-select > span { font-family: Gilroy-Bold; padding: 0;color: #182983;font-size: 17px;line-height: 3;padding-left: 1em;  }
.questions-block .cs-select ul span:hover { background-color: #182983; color: #FFFFFF; }
.questions-block .cs-select > span::after { position: absolute; top: 25px; width: 34px; height: 34px; content: " "; background-image: url("../img/orange-arrow.png"); background-size: 34px 34px;}
.questions-block .fs-form.fs-form-overview .fs-fields,
.questions-block .fs-form:not(.fs-form-overview) .final,
.questions-block .fs-controls .fs-progress,
.questions-block .fs-controls .fs-nav-dots { display: none !important; }
.questions-block .fs-form-overview { background: transparent; padding: 0; }

/* tips */
.tips { display: none; position: fixed; width: 300px; right: 0; bottom: 0; font-size: 20px; text-align: center; background-color: #FFF; color: #182983; padding: 4em 2em 2em 2em; line-height: 1.3; }
.tips img { position: absolute; top: -145px; left: 0; width: 100%; }
.tips h3 { font-size: 22px; font-family: Gilroy-Bold; text-transform: uppercase; margin-bottom: 1em; }
.tips.tips-large { padding: 4em 1em 1em 1em; }

/* number bg */
.number-bg { display:none; z-index: 0 !important; position: absolute;font-size: 9em;line-height: 0.8;opacity: 0.17;font-family: Gilroy-Bold;left: -200px;top: -105px; }
.number-bg-1 { display: block; }
/* */
/*.fullscreen .fs-form-wrap { margin: 0 auto; width: 70% !important; }*/
.fullscreen .fs-controls { margin-top: 300px; bottom: 0; left: 0; margin-bottom: 2em; }

.fullscreen .fs-form-full { padding-top: 200px; }
.fullscreen .fs-fields > li label.fs-field-label { font-family: Gilroy-Bold; font-size: 1.1em; line-height: 1.3; padding-bottom: 0; }
.fullscreen button.fs-continue { left: 0; margin: 0; }
.fullscreen .fs-continue::after { display: none; }
.fullscreen .fs-form-full .fs-fields > li label[data-info]::after { border: 2px solid #FFF; color: #FFF; }
.fullscreen .fs-form-full .fs-fields > li label[data-info]::before { color: #FFF; }

.fullscreen .fs-form div.cs-select.cs-skin-boxes { width: 100%; max-width: none; }
.fullscreen .cs-skin-boxes > span { width: 90%; border-radius: 0; border: none; height: 60px; line-height: 60px; background-color: #FFF; font-size: 17px; font-family: Gilroy-Bold; color: #182983;  }
.fullscreen .cs-skin-boxes > span::before { display: none; }
.fullscreen .fs-numbers { bottom: 0; left: 400px; top: auto; right: auto; margin: 0; color: #FFF; font-size: 14px; font-family: Gilroy-Bold; line-height: 40px; }

.fullscreen button.fs-continue::before { display: none; }

/* final */
.final { color: #FFFFFF; font-family: Gilroy-Bold; padding-top: 7em; }
.final h3 { font-size: 54px; }
.final .legal-mentions-text { font-size: 9px; max-width: 75%; font-family: Gilroy-Regular; }
.final .fs-form-overview { width: auto; height: auto; }

/* form */
.form-control { height: calc(2.25rem + 15px);border-radius: 0;max-width: 350px;margin: 0 auto;padding-left: 25px;color: #182983;font-family: Gilroy-Bold; }
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #182983;}
.form-control::-moz-placeholder { /* Firefox 19+ */ color: #182983; }
.form-control:-ms-input-placeholder { /* IE 10+ */ color: #182983; }
.form-control:-moz-placeholder { /* Firefox 18- */ color: #182983; }

/* checkbox */
.checkbox-container {display: block;position: relative;padding-left: 30px;margin-bottom: 12px;cursor: pointer;font-size: 12px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;max-width: 100%;}
.checkbox-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;}
.checkbox-container:hover input ~ .checkmark {background-color: #ccc;}
.checkbox-container input:checked ~ .checkmark {background-color: #d73d13;}
.checkmark:after {content: "";position: absolute;display: none;}
.checkbox-container input:checked ~ .checkmark:after {display: block;}
.checkbox-container .checkmark:after {left: 7px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

/* success block */
.success-block .text { padding-top: 8em; font-family: Gilroy-Bold; }
.success-block .text h2 { position: relative; font-size: 54px; color: #FFFFFF; margin-left: 55px; }
.success-block .text h2:before { left: -55px;position: absolute;top: 5px;width: 49px;height: 49px;content: " ";background-image: url("../img/success.png");background-size: 49px 49px; }
.success-block .text p { margin-left: 55px; color: #FFFFFF; font-size: 22px; }
.success-block .text .btn { margin-top: 1.5em; }
.success-block .img { padding-top: 5em; }
.success-block .img img { width: 100%; }

/* googies */
.goodies-block { margin-top: 4em; color: #FFFFFF; font-family: Gilroy-Bold; padding: 2em 3em; background-color: #d73d13; }
.goodies-block h3 { font-size: 28px; }
.goodies-block img { float: right; position: absolute; right: 0; top: -375px; }
.goodies-block .legal-mentions-text { font-size: 12px; max-width: 75%; font-family: Gilroy-Regular; }
.goodies-block .fs-form-overview { width: auto; height: auto; }

/* footer */
.card { border: none; }
.card-footer { padding: 1.25em; color: #39418d; border: none; }
.card-footer a { font-size: 14px; color: #39418d; }
.card-footer a:hover { color: #d73d13; text-decoration: none; }

/* Second Block */
.second-block { background: #FFFFFF; padding: 7em; }
.second-block h2 { font-weight: bold; padding-bottom: 1.5em; }
.second-block .img img { width: 100%; }

/* responsive */
@media screen and (max-width: 992px) {
	.first-block .img { padding-top: 1em; }
	.first-block .img img { width: 300px;margin: 0 auto;display: block; }
	.first-block .text { padding-top: 5em; }

	.fullscreen .fs-controls { margin-top: 20em; }
	.fullscreen .fs-form { top: 0; }

	.goodies-block img { display: none; }

	.questions-block .cs-select ul span { white-space: normal; line-height: 1.2; padding: 1em; }
	.questions-block .cs-select .cs-selected span::after { display: none; }

}

@media screen and (max-width: 768px) {

	.first-block .text { padding-top: 1em; margin-bottom: 6em; }

	.fullscreen .fs-form-full { padding-top: 0; }
	.fullscreen .fs-controls { margin-top: 32em; }
	.fullscreen .fs-form { top: 4em; }

	.tips.tips-large, .tips { position: relative; width: 100%; padding: 1em 2em 1em 2em; }
	.tips img { display: none; }

	.number-bg { left: -100px;top: -80px; }

	.final h3, .final p { text-align: center; }
	.fs-form-overview .final .fs-submit { float: none; }
	.final .checkbox-container { margin-top: 1em; margin-left: 7em; }
	.final .legal-mentions-text { text-align: center; max-width: 100%;}

	.goodies-block { padding: 1em; }

	.card { width: 100%;bottom: 0; }

	.questions-block div.cs-select { max-width: 90%; }
	.fullscreen .fs-fields { position: absolute; }

	.second-block { padding: 1em; }

}
@media screen and (max-width: 575px) {
	.header { text-align: center; }
	.header .btn { float: none; margin: 0 auto; }

	.first-block { text-align: center; }
	.first-block .text .btn { margin: 0 auto; }
	.first-block .text p { padding-left: 0; text-align: center; }

	.tips { position: relative; min-height: 300px; }

	.fullscreen .fs-numbers { left: 280px; top: -62px; }
	.fullscreen button.fs-continue { margin-left: 1em; }
	.fullscreen .fs-fields > li label.fs-field-label { font-size: 0.9em; }

	.final .checkbox-container { margin-top: 1em; margin-left: 0; }


}