@charset "utf-8";
@import url("reset.css");
img,
object,
embed,
video {
	max-width: 100%;
}


/* IE 6 does not support max-width so default to width 100% */

.ie6 img {
	width: 100%;
}

input,
button,
a {
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

sup {
	vertical-align: text-top;
	font-size: 8px;
}

@font-face {
	font-family: 'BloggerSans';
	src: url('../fonts/BloggerSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/BloggerSans-Medium.otf') format('opentype'), url('../fonts/BloggerSans-Medium.woff') format('woff'), url('../fonts/BloggerSans-Medium.ttf') format('truetype'), url('../fonts/BloggerSans-Medium.svg#BloggerSans-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'GothamPro';
	src: url('../fonts/GothamPro.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro.otf') format('opentype'), url('../fonts/GothamPro.woff') format('woff'), url('../fonts/GothamPro.ttf') format('truetype'), url('../fonts/GothamPro.svg#GothamPro') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamPro';
	src: url('../fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamPro-Medium.otf') format('opentype'), url('../fonts/GothamPro-Medium.woff') format('woff'), url('../fonts/GothamPro-Medium.ttf') format('truetype'), url('../fonts/GothamPro-Medium.svg#GothamPro-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

body {
	background: #fff;
	font-family: 'GothamPro';
}

.container {
	max-width: 1110px;
	margin: 0 auto;
	padding: 0 15px;
}

.btn {
	display: inline-block;
	border: none;
	outline: none;
	cursor: pointer;
	vertical-align: top;
	background: rgba(72, 138, 191, .25);
	padding: 15px;
	border-radius: 50px;
	text-decoration: none;
}

.btn:hover {
	background: rgba(228, 45, 53, .35);
}

.btn span {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	padding: 23px 65px;
	border-radius: 35px;
	background: #1771a3;
	box-shadow: 0 0 40px rgba(0, 0, 0, .1);
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

.btn:hover span {
	background: #c71f23;
}

.content {
	min-height: calc(100vh - 42px);
}

.background {
/*	background-image: url('../img/elements/bg-qz.png'); */
	background-size: 100%;
	background-repeat: no-repeat;
}

.page_content {
	margin-top: 120px
}

.header {
	position: absolute;
	top: 39px;
	left: 0;
	right: 0;
}

.h_row {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.h_logo {
	display: flex;
	align-items: center;
}

.logo_desc {
	margin: 0 0 0 15px;
}

.logo_desc span {
	display: block;
}

.logo_desc span:nth-child(1) {
	font-family: 'BloggerSans';
	font-weight: 500;
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.2;
}

.logo_desc span:nth-child(2) {
	font-size: 14px;
	color: #fff;
	line-height: 1.2;
}

.h_phone {
	margin: 0 0 0 85px;
	position: relative;
}

.h_phone a {
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
}

.h_row a {
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
	text-decoration: none;
}

.h_phone a b {
	font-weight: 500;
}

.h_phone:before {
	content: '';
	position: absolute;
	left: -85px;
	top: 50%;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .25);
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

.h_phone:after {
	content: '';
	position: absolute;
	left: -70px;
	top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .6) url(../img/ico_phone.png) no-repeat center center;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

.block1 {
	background: url(../img/bg1.jpg) round; /* no-repeat top center */
	padding: 220px 0 207px;
}

.b1_desc {
	margin: 0 0 28px;
	font-size: 20px;
	color: #f9f9f9;
	line-height: 1.2;
	letter-spacing: 2px;
}

.block1 h1 {
	color: #f9f9f9;
	font-weight: 500;
	line-height: 80px;
	font-size: 60px;
	margin: 0 0 84px;
}

.b1_bottom {
	display: flex;
	align-items: center;
}

.btn_arrow {
	display: inline-block;
	vertical-align: top;
	margin: 0 30px 2px;
	width: 16px;
	height: 14px;
	background: url(../img/ico_arrow.png) no-repeat 0 0;
}

.btn_desc {
	font-size: 18px;
	color: #fff;
	line-height: 1.2;
}

.block2 {
	padding: 75px 0 70px;
	background: url(../img/bg2.png) no-repeat top center;
}

.b2_title {
	margin: 0 0 53px;
	font-size: 30px;
	color: #333333;
	line-height: 1.2;
}

.work_item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.work_item_gallery {
	width: 31.53%;
	position: relative;
}

.work_item_gallery_img01 {
	display: block;
	width: 100%;
}

.work_item_gallery_img02 {
	display: block;
	position: absolute;
	width: 72.85%;
	top: 50%;
	right: -54.28%;
	box-shadow: 0 0 40px rgba(3, 84, 103, .1);
	border-radius: 10px;
	transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}

.work_item_gallery img {
	border-radius: 10px;
}

.work_item_content {
	width: 48.64%;
}

.work_item_content h2 {
	margin: 0 0 24px;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.2;
	color: #333333;
}

.work_item_content h2 b {
	font-weight: 500;
}

.work_item_content p {
	margin: 0 0 18px;
	font-size: 14px;
	line-height: 26px;
}

.work_item_content p:last-child {
	margin-bottom: 0;
}

.owl-prev,
.owl-next {
	position: absolute;
	right: 55px;
	top: -76px;
	width: 16px;
	height: 14px;
	background: url(../img/arrow.png) no-repeat 0 0;
	font-size: 0;
	text-indent: -9999px;
}

.owl-next {
	right: 0;
	background-position: -16px 0;
}

.owl-prev:hover,
.owl-next:hover {
	opacity: .8;
}

.footer {
	padding: 15px 0;
	background: #035467;
	color: #fff;
	font-size: 11px;
}

.footer a {
	color: #c5c5c5;
}

.calculation_modal {
	width: 94%;
	max-width: 1110px;
	margin: 5px auto;
	background-color: rgba(255, 255, 255);
	border-radius: 10px;
	padding: 25px 95px;
	box-sizing: border-box;
}

.calculation_modal_title {
	margin: 0px;
	font-size: 18px;
	color: #cea24b;
	letter-spacing: 0.04em;
	line-height: 1.2;
}

.calculation_modal_subtitle {
	font-size: 20px;
	display: flex;
	align-items: center;
}


/*.calculation_modal_subtitle:after{content:""; display: block; width: 100px; height: 100px; background-image: url(../img/elements/gift-1.png)}*/

.calculation_modal_step {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0px 0 46px;
	letter-spacing: 0.06em;
	color: #484848;
}

.calculation_modal_step span {
	width: 49%;
	height: 15px;
	border-radius: 8px;
	background: #f3f3f3;
}

.calculation_modal_step span.active {
	background: #d0a754 url(../img/bg_step.jpg) repeat-x center center;
}

.calculation_modal_step_content {
	display: none;
	min-height: 493px;
	padding: 0 0 70px;
	position: relative;
	box-sizing: border-box;
}

.calculation_modal_step_content.active {
	display: block;
}

.calculation_modal_step_content_title {
	margin: 0 0 32px;
	color: #035467;
	font-weight: 500;
	line-height: 1.2;
	font-size: 30px;
	text-align: center;
}

.calculation_modal_step_content_radio_btn {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.calculation_modal_step_content_radio_btn label {
	display: inline-block;
	cursor: pointer;
	width: 48.36%;
	margin: 0 0 30px;
	min-height: 60px;
	box-sizing: border-box;
	position: relative;
}

#flag label {
	width: 35%;
	margin: 0px 20px 0px 20px;
	min-height: 10px;
}

.calculation_modal_step_content_radio_btn label input[type="checkbox"],
.calculation_modal_step_content_radio_btn label input[type="radio"] {
	display: none;
}

.calculation_modal_step_content_radio_btn label .checked {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #f3f3f3;
	position: absolute;
	z-index: 3;
	left: 29px;
	top: calc(50% - 10px);
	box-sizing: border-box;
}

.calculation_modal_step_content_radio_btn label input[type="checkbox"]:checked+.checked,
.calculation_modal_step_content_radio_btn label input[type="radio"]:checked+.checked {
	border: 1px solid #488abf;
	background: #fff;
}

.calculation_modal_step_content_radio_btn label input[type="checkbox"]:checked+.checked:after,
.calculation_modal_step_content_radio_btn label input[type="radio"]:checked+.checked:after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #488abf;
	left: 4px;
	top: 4px;
}

.calculation_modal_step_content_radio_btn label .radio_text {
	display: flex; 
	width: 100%;
	align-items: center;
	font-size: 16px;
	color: #333333;
	line-height: 18px;
	padding: 4px 30px 4px 64px;
	min-height: 60px;
	box-sizing: border-box;
	border: 1px solid #f3f3f3;
	border-radius: 30px;
	background-color: #fff;
}

#flag label .radio_text {
	padding: 0px;
}

.calculation_modal_step_content_radio_btn label input[type="checkbox"]:checked~.radio_text
.calculation_modal_step_content_radio_btn label input[type="radio"]:checked~.radio_text {
	border-color: #cea24b;
}

.calculation_modal_step_content_radio_btn label input[type="text"] {
	position: absolute;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	display: none;
	z-index: 2;
	height: 58px;
	border-radius: 29px;
	background: #fff;
	box-sizing: border-box;
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	padding: 19px 30px 19px 64px;
	border: none;
	outline: none;
}

.calculation_modal_step_content_bottom {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.calculation_modal_step_btn_next {
	float: right;
}

.calculation_modal_step_btn_next a {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	color: #fff;
	line-height: 24px;
	text-decoration: none;
	padding: 23px 53px;
	border-radius: 35px;
	background: #1771a3;
}

.calculation_modal_step_btn_next a i {
	width: 16px;
	height: 14px;
	background: url(../img/ico_arrow_right.png) no-repeat 0 0;
	display: inline-block;
	vertical-align: top;
	margin: 5px 0 0 24px;
}

.calculation_modal_step_btn_next a:hover {
	background: #2088c2;
}

.calculation_modal_step_btn_prev {
	float: left;
	padding: 23px 0 0;
}

.calculation_modal_step_btn_prev a {
	font-size: 20px;
	color: #035467;
	line-height: 24px;
	text-decoration: none;
}

.calculation_modal_step_btn_prev a i {
	width: 16px;
	height: 14px;
	background: url(../img/ico_arrow_left.png) no-repeat 0 0;
	margin: 5px 14px 0 0;
	display: inline-block;
}

.calculation_modal_step_btn_prev a:hover {
	opacity: .8;
}

.calculation_modal_step_content_last_title {
	text-align: center;
	margin: 41px 0 22px;
	font-size: 30px;
	color: #289d08;
	line-height: 1.2;
	font-weight: 500;
}

.calculation_modal_step_content_last_desc {
	text-align: center;
	margin: 41px 0 22px;
	font-size: 25px;
	color: #035467;
	line-height: 1.25em;
}

.calculation_modal_step_content_last_row {
	display: flex;
	justify-content: start;
	width: 100%;
	margin: 0 0 31px;
}

.calculation_modal_step_content_last_row .inputs {
	width: 100%;
	padding-top: 60px;
}

.calculation_modal_step_content_input {
	margin: 0 0 20px 0;
}

.calculation_modal_step_content_input input[type="text"] {
	width: 100%;
	border: 1px solid #b5b5b5;
	outline: none;
	height: 60px;
	border-radius: 30px;
	box-sizing: border-box;
	font-size: 23px;
	color: #155903;
	line-height: 20px;
	padding: 19px 30px 19px 64px;
}

 ::-webkit-input-placeholder {
	color: #1771a3;
}

 ::-moz-placeholder {
	color: #1771a3;
}


/* Firefox 19+ */

 :-moz-placeholder {
	color: #1771a3;
}


/* Firefox 18- */

 :-ms-input-placeholder {
	color: #1771a3;
}

.calculation_modal_step_content_input input[name="phone"] {
	background: url(../img/phone.png) no-repeat left 29px center;
}

.calculation_modal_step_content_input input[name="email"] {
	background: url(../img/email.png) no-repeat left 29px center;
}

.calculation_modal_step_content_input input[type="text"].error {
	border-color: #f00;
}

.calculation_modal_step_content_last_btn {
	text-align: center;
}

.calculation_modal_step_content_last_row_present {
	display: flex;
	flex-direction: column;
	width: 50%
}

.calculation_modal_step_content_last_row_present .inner .uppercase {
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 20px
}

.calculation_modal_step_content_last_row_present .inner .uppercase span {
	color: #EB1E1E
}

.calculation_modal_step_content_last_row_present .inner {
	padding: 30px 0px;
	text-align: center;
}

.calculation_modal_step_content_last_row_present img {
	margin: 0 auto;
	display: block;
}

.fancybox-slide--html .fancybox-close-small {
	padding: 0;
	width: 20px;
	height: 20px;
	right: 40px;
	top: 40px;
}

.fancybox-button svg path {
	fill: #488abf;
}

.good_modal {
	background: #fff;
	padding: 65px 95px 70px;
	width: 94%;
	max-width: 1110px;
	margin: 25px auto;
	border-radius: 10px;
	box-sizing: border-box;
}

.good_text {
	text-align: center;
	font-size: 30px;
	color: #035467;
	line-height: 1.2;
	font-weight: 500;
}

.hide {
	display: none
}

.container.success-send {
	min-height: 100vh;
	height: 100vh
}

.container.success-send .wrapper {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.container.success-send .text {
	text-align: center;
	font-size: 42px;
	color: #484848;
	line-height: 154%;
	margin-bottom: 50px;
	letter-spacing: 0.06em;
	position: relative
}

.container.success-send .text span {
	color: #ECBA58;
	font-weight: bold;
}

.container.success-send .text:after {
	position: absolute;
	content: '';
	display: block;
	background: url(../img/elements/group-12.png) no-repeat;
	width: 125px;
	height: 125px;
	top: -55px;
	right: 55px;
	background-size: contain;
}

@media only screen and (max-width: 990px) {
	.block1 {
		padding: 280px 0 150px;
	}
	.b1_desc {
		font-size: 18px;
	}
	.block1 h1 {
		font-size: 48px;
		line-height: 60px;
		margin: 0 0 50px
	}
	.calculation_modal,
	.good_modal {
		padding: 65px 35px;
	}
	.calculation_modal_step_content_last_desc {
		margin-bottom: 15px;
	}
	.calculation_modal_step_content_last_row_present {
		right: -30px;
		top: 70px;
		display: block
	}
	.calculation_modal_step_content_last_row_present .inner {
		padding: 0px
	}
}

@media only screen and (max-width: 767px) {
	.header {
		top: 20px;
	}
	.h_row {
		justify-content: center;
		flex-wrap: wrap;
	}
	.h_logo {
		margin: 0 0 15px;
	}
	.h_phone {
		margin: 25px 0 25px 85px;
	}
	.block1 {
		padding: 190px 0 130px;  /* padding: 250px 0 150px; */
		text-align: center;
	}
	.block1 h1 {
		font-size: 32px;
		line-height: 40px;
	}
	.b1_bottom {
		display: block;
		text-align: center;
	}
	.btn_arrow {
		display: none;
	}
	.btn_desc {
		margin: 25px 0 0 0;
		display: block;
	}
	.work_item {
		display: block;
	}
	.work_item_gallery {
		width: 60%;
	}
	.work_item_content {
		width: 100%;
		margin: 20px 0 0;
	}
	.calculation_modal {
		padding: 10px 0px;
	}
	.fancybox-slide--html .fancybox-close-small {
		top: 7px;
		right: 7px;
	}
	.calculation_modal_step_content_radio_btn label {
		width: 100%;
		margin: 0 0 20px;
	}
	.calculation_modal_step_content_last_row {
		display: block;
	}
	.calculation_modal_step_content_input {
		width: 100%;
	}
	.calculation_modal_step_content_last_row_present {
		right: -75px;
		top: 125px;
		display: block;
		width: 100%;
		margin-top: 40px
	}
	.calculation_modal_step_content_last_row .inputs {
		width: 100%;
		padding-top: 20px;
	}
	.calculation_modal_step_content_last_desc {
		line-height: 2
	}
}

@media only screen and (max-width: 479px) {
	.h_logo {
		width: 265px;
	}
	.btn span {
		padding: 20px 40px;
	}
	.calculation_modal_title {
		font-size: 14px;
		margin: 0 0 12px;
	}
	.calculation_modal_subtitle p {
		font-size: 14px
	}
	.calculation_modal_step {
		margin: 15px 0;
	}
	.calculation_modal_step span {
		height: 9px;
	}
	.calculation_modal_step_content_title {
		font-size: 22px;
		margin: 0 0 20px;
	}
	.calculation_modal_step_btn_next a {
		padding: 15px 27px;
	}
	.calculation_modal_step_btn_next a i {
		margin-left: 10px;
	}
	.calculation_modal_step_btn_prev {
		padding: 16px 0 0;
	}
	.calculation_modal_step_content_last_title {
		margin: 40px 0 20px;
		font-size: 25px;
		color: #289d08;
	}
	.calculation_modal_step_content_last_desc {
		line-height: 1.25em;
		margin: 0 0 5px;
		font-size: 24px;
	}
	.calculation_modal_step_content_last_desc br {
		display: none;
	}
	.good_text {
		font-size: 20px;
	}
	.calculation_modal_step_content_last_row {
		width: 100%
	}
	.calculation_modal_step_content_last_btn {
		width: 100%
	}
}

@media only screen and (max-width: 374px) {
	.block1 h1 {
		font-size: 24px;
		line-height: 28px;
	}
	.btn span {
		padding: 18px 25px;
	}
	.btn_desc {
		font-size: 16px;
	}
	.b2_title {
		font-size: 24px;
	}
	.calculation_modal_step_content_radio_btn label .radio_text {
		display: flex;
		width: 100%;
		align-items: center;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
		padding: 4px 10px 4px 64px;
		min-height: 60px;
		box-sizing: border-box;
		border: 1px solid #f3f3f3;
		border-radius: 30px;
	}
	.calculation_modal_step_content_last_row_present .inner .uppercase {
		font-size: 24px;
	}
	.calculation_modal_step_content_last_row_present .inner p {
		font-size: 18px;
	}
}

/* nik.gord */

#calculation {
	display: none;
	border-radius: 10px;
	padding: 0;
}

.calculation_modal_step_content_input .calculation_modal_step_content_radio_btn label {
	width: 100%;
	margin: 0;
}

.calculation_modal_step_content_input .calculation_modal_step_content_radio_btn label .checked {
	left: 0;
}

.calculation_modal_step_content_input .calculation_modal_step_content_radio_btn label .radio_text {
	border: none;
	padding-left: 32px;
}

.calculation_modal_step_content_radio_btn label .radio_text .flag {
	margin: 0 auto;
	width: 60%;
	border: 5px solid #f3f3f3;
}

#flags label {
    width: 48%;
}

#flags label .radio_text {
	border: none;
	padding: 0;
}

#flags.calculation_modal_step_content_radio_btn label input[type="radio"]:checked ~ .radio_text .flag {
	border: 5px solid #488abf;
}

.calculation_modal_step span {
	margin: 0 2px;
}

#good {
	display: none;
	border-radius: 10px;
	padding-bottom: 20px;
	line-height: 20px;
}

#good .fancybox-close-small {
	top: 10px !important;
	right: 10px !important;
}

#calculation .fancybox-close-small {
	top: 25px !important;
	right: 25px !important;
}

@media only screen and (max-width: 479px) {
	.calculation_modal_step_content_radio_btn label .radio_text .flag {
		width: 75%;
	}
	
	#calculation .fancybox-close-small {
		top: 10px !important;
		right: 10px !important;
	}
}

.calculation_modal_step_content:last-child {
	min-height: 0;
	padding: 0;
}