/*
	Проект: ПЕТРОСТРОЙ ГРАНТ
	Технический специалист: Андрей Литвинов (FRO1D) - https://fl.ru/users/FRO1D/
	Дата: 01.05.2015
	Версия: 1.0
*/

/**************** RESET *****************************/
.payments {
    background: #0057a0;
    color: #fff;
    font: 500 20px/30px 'Roboto Condensed';
    text-align: center;
    height: 80px;
    margin: auto;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
img.attachment-full.size-fullr {
    width: 20px;
	/*filter: invert(1);*/
}
b.xb{
	/* border-bottom: 2px solid #000; */
}
span.ic {
    text-transform: none;
}
p.smallb {
    font: 700 34px/26px 'Roboto Condensed';
    color: #004b90;
	text-align: justify;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
	padding: 0 10px;
    text-transform: none;
    letter-spacing: -0.2px;
    letter-spacing: normal;
    margin-top: 12px;
    line-height: normal;
    /* border-top: 2px solid #004b90; */
}
hr{
	margin-bottom: 4px;
}
hr:before {
    content: '';
    color: #004b90 !important;
    background: #004b90 !important;
    width: 100%;
    height: 2px;
    display: block;
    border: 0px solid #024d8d;
    border-radius: 10px;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, img, ol, ul, li,
form, input, button, textarea, label, fieldset, legend, blockquote,
table, caption, tbody, tfoot, thead, tr, th, td, sub, sup, object, iframe  {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*:focus {outline: 0;}
b,strong {font-weight: 700;}
i,em {font-style: italic;}
li {list-style: none;}
table {border-spacing: 0; border-collapse: collapse;}
td, th {text-align: center; vertical-align: middle;}
a, [type="submit"], [type="button"], label, select, button {cursor: pointer;}
a {color: inherit; text-decoration: none;}
textarea {resize: none; overflow: auto;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
aside, header, footer, article, section, nav {display: block; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
html {-webkit-text-size-adjust: none;}
input:not([type="checkbox"]):not([type="radio"]) {-webkit-appearance: none;}
* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}


/**************** ANIMATION *****************/

/*------ Shake ------*/
@-webkit-keyframes shake-horizontal {
	25% {-webkit-transform: translateX(2px); transform: translateX(2px);}
	50% {-webkit-transform: translateX(0); transform: translateX(0);}
	75% {-webkit-transform: translateX(-2px); transform: translateX(-2px);}
	100% {-webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes shake-horizontal {
	25% {-webkit-transform: translateX(2px); transform: translateX(2px);}
	50% {-webkit-transform: translateX(0); transform: translateX(0);}
	75% {-webkit-transform: translateX(-2px); transform: translateX(-2px);}
	100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

/*------ Buzz out ------*/
@-webkit-keyframes buzz-out {
	10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	50% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	60% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	70% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	80% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);}
	100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0);}
}
@keyframes buzz-out {
	10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg);}
	40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg);}
	50% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	60% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	70% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg);}
	80% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg);}
	90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0);}
	100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0);}
}

/*------ Wobble Horizontal ------*/
@-webkit-keyframes wobble-horizontal {
	16.65% {-webkit-transform: translateX(8px); transform: translateX(8px);}
	33.3% {-webkit-transform: translateX(-6px); transform: translateX(-6px);}
	49.95% {-webkit-transform: translateX(4px); transform: translateX(4px);}
	66.6% {-webkit-transform: translateX(-2px); transform: translateX(-2px);}
	83.25% {-webkit-transform: translateX(1px); transform: translateX(1px);}
	100% {-webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes wobble-horizontal {
	16.65% {-webkit-transform: translateX(8px); transform: translateX(8px);}
	33.3% {-webkit-transform: translateX(-6px); transform: translateX(-6px);}
	49.95% {-webkit-transform: translateX(4px); transform: translateX(4px);}
	66.6% {-webkit-transform: translateX(-2px); transform: translateX(-2px);}
	83.25% {-webkit-transform: translateX(1px); transform: translateX(1px);}
	100% {-webkit-transform: translateX(0); transform: translateX(0);}
}

/*------ Wobble Vertical ------*/
@-webkit-keyframes wobble-vertical {
	16.65% {-webkit-transform: translateY(8px); transform: translateY(8px);}
	33.3% {-webkit-transform: translateY(-6px); transform: translateY(-6px);}
	49.95% {-webkit-transform: translateY(4px); transform: translateY(4px);}
	66.6% {-webkit-transform: translateY(-2px); transform: translateY(-2px);}
	83.25% {-webkit-transform: translateY(1px); transform: translateY(1px);}
	100% {-webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes wobble-vertical {
	16.65% {-webkit-transform: translateY(8px); transform: translateY(8px);}
	33.3% {-webkit-transform: translateY(-6px); transform: translateY(-6px);}
	49.95% {-webkit-transform: translateY(4px); transform: translateY(4px);}
	66.6% {-webkit-transform: translateY(-2px); transform: translateY(-2px);}
	83.25% {-webkit-transform: translateY(1px); transform: translateY(1px);}
	100% {-webkit-transform: translateY(0); transform: translateY(0);}
}


/**************** GLOBAL *****************/

html {background: #fff; color: #000; font: 18px/22px 'Roboto Condensed'; overflow-x: hidden;}
#global_wrapper {overflow: hidden; position: relative;}
#global_wrapper:before {content:''; display: block; width: 100%; height: 0; position: fixed; top: 0;}
		.wrapper {margin: 0 auto; position: relative; width: 998px; height: 100%;}
		
			a.fslider_arrow {
				display: block; width: 22px; height: 42px; background: url(../images/icons.png) no-repeat; margin: auto; position: absolute; top: 0; bottom: 0; z-index: 1; opacity: 0.5;
				-webkit-transition: all 0.3s ease-out 0s;
				   -moz-transition: all 0.3s ease-out 0s;
					 -o-transition: all 0.3s ease-out 0s;
						transition: all 0.3s ease-out 0s;
			}
			a.fslider_arrow:hover {opacity: 1;}
				a.fslider_arrow.prev {background-position: -119px -230px;}
				a.fslider_arrow.next {background-position: -143px -230px;}

/*------ Classes  ------*/
.clear {clear: both;}
.table {display: table; width: 100%; height: 100%;}
	.cell {display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.justify {text-align: justify; line-height: 0; position: relative;}
	.justify:after {content:''; display: inline-block; width: 100%; height: 0;}
.draggable {cursor: url(../images/grab.png) 8 8, move;}
.transition {
	-webkit-transition: all 0.3s ease-out 0s;
	   -moz-transition: all 0.3s ease-out 0s;
		 -o-transition: all 0.3s ease-out 0s;
			transition: all 0.3s ease-out 0s;
}
.icon {display: block; position: relative; background: url(../images/icons.png) -9999px 0 no-repeat;}
.logo {display: block; width: 428px; height: 51px; background: url(../images/logo.png) no-repeat;}

	/*------ Headers  ------*/
	h1, h2, h3, h4, h5, h6 {text-align: center;}
	h1 {display: table; width: 681px; height: 150px; background: rgba(255,255,255,0.9); font: 300 31px/35px 'Roboto Condensed'; color: #323232; text-align: left; text-transform: uppercase; letter-spacing: -0.8px; padding-left: 14px;}
		h1 .blue {display: block; font: 700 31px/35px 'PT Sans'; color: #004581; letter-spacing: -0.2px;}
	h2 {font: 700 28px/32px 'Roboto Condensed'; color: #0057a1; text-transform: uppercase; letter-spacing: -0.4px; margin-bottom: 30px;}
		h2 span {display: block; font-weight: 300;}
	
	/*------ Buttons  ------*/
	
	.button {display: block; width: 161px; height: 27px; background: #c82734; border-bottom: 2px solid #7f040c; border-radius: 2px; font: 300 16px/25px 'Roboto Condensed'; color: #fff; text-align: center;
		-webkit-transition: all 1s ease 0s;
		   -moz-transition: all 1s ease 0s;
		     -o-transition: all 1s ease 0s;
		        transition: all 1s ease 0s;
		position: relative; behavior:url(/PIE/PIE.php);
	}
	
		.button:hover {background: #aa1724;}		
		.button:active {top: 1px; border-bottom: none;}

	/*------ Forms  ------*/
	form {width: 256px; background: #fff; padding-bottom: 16px; position: relative;}
	form:after {content:''; display: block; width: 0; height: 0; border: 128px solid transparent; border-bottom: none; border-top: 41px solid #fff; position: absolute; left: 0; bottom: -40px;}
		form .form_header {padding: 18px 18px 12px 26px; background: #004682; margin-bottom: 30px; font: 700 22px/21px 'Roboto Condensed'; line-height: normal; color: #fff; text-align: center;}
			form .form_header .phone {}
				form .form_header .phone:hover {color: #ccc;}
				form .form_header .phone:active {color: #f00;}
		/* Inputs */
		form .field_input {
			display: block; width: 204px; background: #fff; margin: 0 auto 14px; font: 300 16px/20px 'Roboto Condensed'; padding: 7px 11px; border: 1px solid #b4bbbf; border-radius: 2px;
			-webkit-transition: all 0.3s ease-out 0s;
			   -moz-transition: all 0.3s ease-out 0s;
				 -o-transition: all 0.3s ease-out 0s;
					transition: all 0.3s ease-out 0s;
			position: relative; behavior:url(/PIE/PIE.php);
		}
		form .field_input:focus {box-shadow: 0 0 10px #61a0da;}
		/* Submit */
		input[type="submit"] {width: 204px; height: 35px; border-bottom-width: 4px; font: 300 20px/31px 'Roboto Condensed'; margin: auto;}
		
		/* Placeholders  */
		input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#334149;}
		input::-moz-placeholder, textarea::-moz-placeholder {color:#334149;}
		input::-ms-input-placeholder, textarea::-ms-input-placeholder  {color:#334149;}
		input.placeholder, textarea.placeholder {color:#334149;}
			input.error::-webkit-input-placeholder, textarea.error::-webkit-input-placeholder {color:#f00;}
			input.error::-moz-placeholder, textarea.error::-moz-placeholder {color:#f00;}
			input.error::-ms-input-placeholder, textarea.error::-ms-input-placeholder {color:#f00;}
			input.error.placeholder, textarea.error.placeholder {color:#f00;}
			input.error, textarea.error, .f_select.error {color: #f00 !important; border-color: #f00 !important; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: shake-horizontal 0.1s linear 6; animation: shake-horizontal 0.1s linear 6;}
	

/**************** NAVIGATION *****************/

nav {
	width: 100%; height: 40px; margin: auto; position: absolute; left: 0; right: 0; top: 90px; z-index: 100;
	background: #0057a0;
	background: -moz-linear-gradient(top,  #0057a0 0%, #00437e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0057a0), color-stop(100%,#00437e));
	background: -webkit-linear-gradient(top,  #0057a0 0%,#00437e 100%);
	background: -o-linear-gradient(top,  #0057a0 0%,#00437e 100%);
	background: -ms-linear-gradient(top,  #0057a0 0%,#00437e 100%);
	background: linear-gradient(to bottom,  #0057a0 0%,#00437e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0057a0', endColorstr='#00437e',GradientType=0 );
}
.fixed_nav {position: fixed; top: 0;}
nav .wrapper {}
	nav ul {}
		nav ul li {display: inline-block;}
			nav ul li a {
				font: 300 15px/40px 'Roboto Condensed'; color: #fff; text-transform: uppercase;
				-webkit-transition: all 0.3s ease-out 0s;
				   -moz-transition: all 0.3s ease-out 0s;
					 -o-transition: all 0.3s ease-out 0s;
						transition: all 0.3s ease-out 0s;
			}
				html:not(.mobile) nav ul li a:hover {color: #fc0;}
			

/**************** HEADER *****************/

header {height: 130px;}
header .wrapper {padding: 14px 0 0;}
	header .logo {float: left;}
	header .callback {float: right; margin-top: 6px;}
		header .callback .phone {display: inline-block; font: 700 19px/19px Roboto; margin-bottom: 6px;}
			header .callback .phone:hover {color: #333;}
			header .callback .phone:active {color: #f00;}


/**************** TOP REQUEST *****************/

#top_request {height: 660px; min-height: 620px; background: #61a0da url(../images/backgrounds/top_request_bg.jpg) 50% 0 no-repeat;background-position: center;
    background-size: cover; position: relative;}
#top_request .wrapper {padding: 58px 0 58px;}
	#top_request h1 {float: left;}
	#top_request form {float: right;}
section#top_request:before {
    width: 100%;
    height: -webkit-fill-available;
    display: flex;
    content: '';
    background: #00000075;
    position: absolute;
}
.mfp-iframe-scaler {
    height: 100%;
	display: block;
}
iframe.mfp-iframe {
    height: 100%;
    width: 100%;
	display: block;
}
#top_request h1 {
    display: table;
    width: 681px;
    height: 383px;
    /* height: inherit; */
    background: rgba(255,255,255,0.9);
    font: 300 31px/35px 'Roboto Condensed';
    color: #323232;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: -0.8px;
    /* padding-left: 14px; */
	padding-left: 0px;
}
.wrapperh {
    width: 100%;
    height: auto;
    text-align: center;
    margin: auto;
    margin-top: -30px;
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
}
.wrapperh span.cell {
    background: #ffffffe0;
    padding: 10px;
    border-radius: 10px;
	height: fit-content;
}
.wrapperh span.blue {
    margin-top: -30px;
    font: 700 35px/26px 'Roboto Condensed';
    color: #004b90;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    letter-spacing: normal;
    line-height: normal;
}
/**************** YOU HAVE *****************/

#you_have {background: #e4edf4 url(../images/backgrounds/you_have_bg.jpg) 50% 50% no-repeat;}
#you_have .wrapper {padding: 28px 42px 40px 42px;}
	#you_have [class*="col"] {}
	#you_have .left_col {float: left;}
	#you_have .right_col {float: right;}
		#you_have [class*="col"] b {display: block; font: 700 20px/20px 'Roboto Condensed'; color: #0057a1; text-transform: uppercase; letter-spacing: -0.8px; margin-bottom: 30px;}
		#you_have [class*="col"] ul {}
			#you_have [class*="col"] ul li {height: 69px; position: relative; padding: 0 0 10px 74px; margin-bottom: 25px; font: 20px/24px 'Roboto Condensed'; letter-spacing: -0.2px;}
				#you_have [class*="col"] ul li .icon {width: 58px; height: 69px; position: absolute; left: 0; top: 0; -webkit-transform: translateZ(0); transform: translateZ(0);}
				#you_have [class*="col"] ul li:hover .icon {-webkit-animation: wobble-vertical 1s ease-in-out 1; animation: wobble-vertical 1s ease-in-out 1;}
					#you_have .left_col ul li.item-1 .icon {background-position: 0 0;}
					#you_have .left_col ul li.item-2 .icon {background-position: 0 -71px;}
					#you_have .left_col ul li.item-3 .icon {background-position: 0 -142px;}
					#you_have .left_col ul li.item-4 .icon {background-position: 0 -213px;}
					#you_have .right_col ul li.item-1 .icon {background-position: -60px 0;}
					#you_have .right_col ul li.item-2 .icon {background-position: -60px -71px;}
					#you_have .right_col ul li.item-3 .icon {background-position: -60px -142px;}
					#you_have .right_col ul li.item-4 .icon {background-position: -60px -213px;}


/**************** STEPS *****************/

#steps {height: 354px; background: #004f92 url(../images/backgrounds/steps_bg.jpg) 50% 0 no-repeat; background-size: cover;}
#steps .wrapper {padding: 30px 0;}
	#steps h2 {font: 700 20px/24px 'Roboto Condensed'; color: #fff; margin-bottom: 35px;}
	#steps .items {}
		#steps .items [class*="item"] {display: inline-block; vertical-align: top; width: 178px; height: 215px; border: 1px solid #fff; font: 700 16px/20px 'Roboto Condensed'; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: -0.15px; padding-top: 30px;}
			#steps .items [class*="item"] .icon {width: 57px; height: 44px; margin: 0 auto 18px; -webkit-transform: translateZ(0); transform: translateZ(0);}
			#steps .items [class*="item"]:hover .icon {-webkit-animation: buzz-out 0.75s linear 1; animation: buzz-out 0.75s linear 1;}
				#steps .items .item-1 .icon {background-position: -119px 0; }
				#steps .items .item-2 .icon {background-position: -119px -46px;}
				#steps .items .item-3 .icon {background-position: -119px -92px;}
				#steps .items .item-4 .icon {background-position: -119px -138px;}
				#steps .items .item-5 .icon {background-position: -119px -184px;}

/**************** ASSORTMENT *****************/

#assortment {}
#assortment .wrapper {padding: 75px 0 0;}
	#assortment .items {width: 1010px; margin-left: -10px;}
		#assortment .items .item {display: inline-block; vertical-align: top; width: 249px; height: 240px; position: relative; margin: 1px -1px;}
			#assortment .items .item img {display: block; width: 100%; height: 100%;}
			#assortment .items .item .title {width: 100%; height: 48px; background: rgba(0,68,127,0.9); font: 700 18px/48px 'Roboto Condensed'; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: -0.2px; position: absolute; left: 0; bottom: 0;}


/**************** RESULTS *****************/

#results {}
#results .wrapper {padding: 55px 0;}
	/*------ Slider ------*/
	#results .fslider_big_wrapper {margin: auto;}
	#results .fslider_wrapper:after {content:''; display: block; width: 0; height: 0; clear: both;}
		#results .fslider > li {width: 998px; height: 465px; background: #f2f4f3;}
			#results .fslider > li .photo {display: block; width: 347px; height: 100%; border: 1px solid #0057a1; padding: 4px; float: left; position: relative;}
				#results .fslider > li .photo img {display: block; width: 100%; height: 100%;}
				#results .fslider > li .photo .overlay {opacity: 0; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7);}
					#results .fslider > li .photo .overlay:after {
						content:'+'; font: 60px/60px Arial; color: #fff; text-align: center; display: block; width: 60px; height: 60px; border: 3px solid #fff; border-radius: 50%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
						-webkit-transition: all 0.3s ease-out 0s;
						   -moz-transition: all 0.3s ease-out 0s;
							 -o-transition: all 0.3s ease-out 0s;
								transition: all 0.3s ease-out 0s;
						-webkit-transform: scale(4);
						   -moz-transform: scale(4);
							-ms-transform: scale(4);
							 -o-transform: scale(4);
								transform: scale(4);
						behavior:url(/PIE/PIE.php);
					}
				#results .fslider > li .photo:hover .overlay {opacity: 1;}
					#results .fslider > li .photo:hover .overlay:after {
						-webkit-transform: scale(1);
						   -moz-transform: scale(1);
							-ms-transform: scale(1);
							 -o-transform: scale(1);
								transform: scale(1);
					}
			#results .fslider > li .content {width: 535px; font: 300 16px/18px 'Roboto Condensed'; float: left; margin-left: 30px; padding-top: 25px;}
				#results .fslider > li .content strong {display: block; font: 700 16px/18px 'Roboto Condensed'; color: #0057a1; text-transform: uppercase; margin-bottom: 20px;}
				#results .fslider > li .content p {margin-bottom: 16px;}
				#results .fslider > li .content > ul {}
					#results .fslider > li .content > ul > li {font-weight: 700;}
						#results .fslider > li .content > ul > li > ul {}
							#results .fslider > li .content > ul > li > ul li {padding-left: 14px; font-weight: 300;}
	/* Arrows */
	#results .fslider_big_wrapper a.fslider_arrow {}
		#results .fslider_big_wrapper a.fslider_arrow.prev {left: -46px;}
		#results .fslider_big_wrapper a.fslider_arrow.next {right: -46px;}
		
		
/**************** BENEFITS *****************/
#benefits {background: #34699a url(../images/backgrounds/benefits_bg.jpg) 50% 50% no-repeat fixed;background-size: cover;position: relative;}
section#benefits:before {
    width: 100%;
    height: -webkit-fill-available;
    display: flex;
    content: '';
    background: #005496d4;
    position: absolute;
}
#benefits .wrapper {padding: 60px 0 35px;}
	#benefits h2 {color: #fff; margin-bottom: 48px;}
	#benefits .items {}
		#benefits .items [class*="item"] {display: inline-block; vertical-align: top; width: 240px; height: 268px; border: 1px solid #fff; padding-top: 30px; padding-bottom: 30px; font: 700 20px/26px 'Roboto Condensed'; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: -0.2px;}
			#benefits .items [class*="item"] .icon {width: 90px; height: 62px; margin: 0 auto 16px; -webkit-transform: translateZ(0); transform: translateZ(0);}
			#benefits .items [class*="item"]:hover .icon {-webkit-animation: wobble-horizontal 1s ease-in-out 1; animation: wobble-horizontal 1s ease-in-out 1;}
				#benefits .items .item-1 .icon {background-position: 0 -284px;}
				#benefits .items .item-2 .icon {background-position: -92px -284px;}
				#benefits .items .item-3 .icon {background-position: 0 -348px;}
				#benefits .items .item-4 .icon {background-position: -92px -348px;}
	#benefits strong {display: block; font: 700 28px/32px 'Roboto Condensed'; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: -0.8px; margin-top: 50px;}
		#benefits strong span {display: block; font-weight: 300;}

#benefits .items .item-1 .icon {
    background-position: center;
    background-image: url(../images/3.png);
    background-size: contain;
    filter: invert(1);
}
#benefits .items .item-2 .icon {
    background-position: center;
    background-image: url(../images/4.png);
    background-size: contain;
    filter: invert(1);
}
#benefits .items .item-3 .icon {
    background-position: center;
    background-image: url(../images/2.png);
    background-size: contain;
    filter: invert(1);
}
#benefits .items .item-4 .icon {
    background-position: center;
    background-image: url(../images/1.png);
    background-size: contain;
    filter: invert(1);
}
/**************** PARTNERS *****************/

#partners {background: #e4edf4 url(../images/backgrounds/you_have_bg.jpg) 50% 50% no-repeat;}
#partners .wrapper {padding: 60px 0 45px;}
	#partners h2 {margin-bottom: 50px;}
	/*------ Slider ------*/
	#partners .fslider_big_wrapper {margin: auto;}
	#partners .fslider_wrapper:after {content:''; display: block; width: 0; height: 0; clear: both;}
		#partners .fslider > li {width: 100px; height: 80px; margin-right: 55px;}
			#partners .fslider > li img {display: block; width: 100%; height: 100%;}
	/* Arrows */
	#partners .fslider_big_wrapper a.fslider_arrow {}
		#partners .fslider_big_wrapper a.fslider_arrow.prev {left: -50px;}
		#partners .fslider_big_wrapper a.fslider_arrow.next {right: -50px;}
	
	
/**************** CERTIFICATES *****************/

#certificates {}
#certificates .wrapper {padding: 50px 0;}
	#certificates h2 {margin-bottom: 20px;}
	/*------ Slider ------*/
	#certificates .fslider_big_wrapper {margin: 0 0 0 37px;}
	#certificates .fslider_wrapper:after {content:''; display: block; width: 0; height: 0; clear: both;}
		#certificates .fslider > li {width: 226px; height: 297px;}
			#certificates .fslider > li a {display: block; width: 226px; height: 297px; background: url(../images/backgrounds/certificate_bg.png) no-repeat; position: relative; padding: 16px 14px 40px 45px;}
				#certificates .fslider > li a img {display: block; width: 168px; height: 242px;}
				#certificates .fslider > li a .overlay {opacity: 0; display: block; width: 168px; height: 242px; position: absolute; left: 45px; top: 16px; background: rgba(0,0,0,0.7);}
					#certificates .fslider > li a .overlay:after {
						content:'+'; font: 60px/60px Arial; color: #fff; text-align: center; display: block; width: 60px; height: 60px; border: 3px solid #fff; border-radius: 50%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
						-webkit-transition: all 0.3s ease-out 0s;
						   -moz-transition: all 0.3s ease-out 0s;
							 -o-transition: all 0.3s ease-out 0s;
								transition: all 0.3s ease-out 0s;
						-webkit-transform: scale(2.4);
						   -moz-transform: scale(2.4);
							-ms-transform: scale(2.4);
							 -o-transform: scale(2.4);
								transform: scale(2.4);
						behavior:url(/PIE/PIE.php);
					}
				#certificates .fslider > li a:hover .overlay {opacity: 1;}
					#certificates .fslider > li a:hover .overlay:after {
						-webkit-transform: scale(1);
						   -moz-transform: scale(1);
							-ms-transform: scale(1);
							 -o-transform: scale(1);
								transform: scale(1);
					}
	/* Arrows */
	#certificates .fslider_big_wrapper a.fslider_arrow {top: -16px;}
		#certificates .fslider_big_wrapper a.fslider_arrow.prev {left: -36px;}
		#certificates .fslider_big_wrapper a.fslider_arrow.next {right: -56px;}

		
/**************** MAP *****************/

#map {height: 462px; background: #ccc; border-top: 1px solid #dde7ef;margin: 60px auto 80px;}
#map .wrapper {height: auto; z-index: 10;}
#map .leaflet-pane {z-index: 9;}
	#map .contacts {width: 283px; background: #fff; padding: 16px 0 18px; font: 14px/26px Roboto; color: #141414; text-align: center; position: absolute; right: 0; top: 48px;}
		#map .contacts .logo {width: 226px; height: 87px; background: url(../images/logo_bottom.png) no-repeat; margin: 0 auto 16px;}
		#map .contacts .requisites {font: 12px/12px Roboto; margin-bottom: 24px;}
		#map .contacts .phone {display: block; font: 700 28px/28px 'Roboto Condensed'; color: #000; margin-bottom: 6px;}
			#map .contacts .phone span {font-weight: 400; color: #5a5a5a;}
				#map .contacts .phone:hover, #map .contacts .phone:hover span {color: #5a5a5a;}
				#map .contacts .phone:active, #map .contacts .phone:active span {color: #f00;}
		#map .contacts .button {width: 200px; height: 27px; font: 500 13px/25px Roboto; color: #fff; margin: 0 auto 20px;}
		#map .contacts .mail {text-decoration: none;}
			#map .contacts .mail:hover {text-decoration: underline;}
		#map .contacts .confidence {display: inline-block; margin-top: 16px; font: 13px/13px Roboto; color: #949494; text-decoration: none;}
			#map .contacts .confidence:hover {text-decoration: underline;}
		#map .contacts .creator {font: 14px/18px 'Roboto'; margin-top: 10px;}
			#map .contacts .creator a {display: inline-block; padding-right: 24px; color: #666; text-decoration: underline; position: relative;}
			#map .contacts .creator a:after {
				content:''; display: block; width: 24px; height: 26px; background: url(../images/creator_logo.png) no-repeat; position: absolute; right: 0; top: -6px;
				filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
				filter: gray;
				-webkit-filter: grayscale(100%);
				-webkit-transition: all 0.3s ease-out 0s;
				   -moz-transition: all 0.3s ease-out 0s;
					 -o-transition: all 0.3s ease-out 0s;
						transition: all 0.3s ease-out 0s;
			}
				#map .contacts .creator a:hover {text-decoration: none; color: #f00;}
				#map .contacts .creator a:hover:after {
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
					filter: none;
					-webkit-filter: grayscale(0%);
				}
#map form {
    width: 283px;
    background: #fff;
    padding: 16px 0 18px;
    font: 14px/26px Roboto;
    color: #141414;
    text-align: center;
    position: absolute;
    left: 0;
    top: 48px;
    z-index: 9999999999999;
}
#maptwo form {
    width: 283px;
    background: #fff;
    padding: 16px 0 18px;
    font: 14px/26px Roboto;
    color: #141414;
    text-align: center;
    position: absolute;
    left: 0;
    top: 48px;
    z-index: 9999999999999;
}	
#maptwo {height: 462px; background: #ccc; border-top: 1px solid #dde7ef;}
#maptwo .wrapper {height: auto; z-index: 10;}
#maptwo .leaflet-pane {z-index: 9;}
	#maptwo .contacts {width: 283px; background: #fff; padding: 16px 0 18px; font: 14px/26px Roboto; color: #141414; text-align: center; position: absolute; right: 0; top: 48px;}
		#maptwo .contacts .logo {width: 226px; height: 87px; background: url(../images/logo_bottom.png) no-repeat; margin: 0 auto 16px;}
		#maptwo .contacts .requisites {font: 12px/12px Roboto; margin-bottom: 24px;}
		#maptwo .contacts .phone {display: block; font: 700 28px/28px 'Roboto Condensed'; color: #000; margin-bottom: 6px;}
			#maptwo .contacts .phone span {font-weight: 400; color: #5a5a5a;}
				#maptwo .contacts .phone:hover, #maptwo .contacts .phone:hover span {color: #5a5a5a;}
				#maptwo .contacts .phone:active, #maptwo .contacts .phone:active span {color: #f00;}
		#maptwo .contacts .button {width: 200px; height: 27px; font: 500 13px/25px Roboto; color: #fff; margin: 0 auto 20px;}
		#maptwo .contacts .mail {text-decoration: none;}
			#maptwo .contacts .mail:hover {text-decoration: underline;}
		#maptwo .contacts .confidence {display: inline-block; margin-top: 16px; font: 13px/13px Roboto; color: #949494; text-decoration: none;}
			#maptwo .contacts .confidence:hover {text-decoration: underline;}
		#maptwo .contacts .creator {font: 14px/18px 'Roboto'; margin-top: 10px;}
			#maptwo .contacts .creator a {display: inline-block; padding-right: 24px; color: #666; text-decoration: underline; position: relative;}
			#maptwo .contacts .creator a:after {
				content:''; display: block; width: 24px; height: 26px; background: url(../images/creator_logo.png) no-repeat; position: absolute; right: 0; top: -6px;
				filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
				filter: gray;
				-webkit-filter: grayscale(100%);
				-webkit-transition: all 0.3s ease-out 0s;
				   -moz-transition: all 0.3s ease-out 0s;
					 -o-transition: all 0.3s ease-out 0s;
						transition: all 0.3s ease-out 0s;
			}
				#maptwo .contacts .creator a:hover {text-decoration: none; color: #f00;}
				#maptwo .contacts .creator a:hover:after {
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
					filter: none;
					-webkit-filter: grayscale(0%);
				}
#maptwo .wrapper h2 {
    font: 700 28px/32px 'Roboto Condensed';
    color: #0057a1;
    text-transform: uppercase;
    letter-spacing: -0.4px;
    margin-bottom: 30px;
    margin-top: -63px;
}
#map .wrapper h2 {
    font: 700 28px/32px 'Roboto Condensed';
    color: #0057a1;
    text-transform: uppercase;
    letter-spacing: -0.4px;
    margin-bottom: 30px;
    margin-top: -63px;
}

/**************** MODAL WINDOWS *****************/

html.non-scroll {overflow: hidden !important;}
#overlay_modal {display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 1000;}
#modals {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1001; overflow: auto; -webkit-transform: translateZ(0px); -webkit-overflow-scrolling: touch;}
.f_modal {display: none; margin: 50px auto; position: absolute; left: 0; right: 0; z-index: 1005;}
.f_modal.centered {margin: auto; position: absolute; top: 0; bottom: 0;}
/* 3D send */
.f_modal {	
	-webkit-transition: all 0.6s linear 0s;
	-moz-transition: all 0.6s linear 0s;
	-o-transition: all 0.6s linear 0s;
	transition: all 0.6s linear 0s;
}
.f_modal.sent {
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
}
#modal_success {
	-moz-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
}
#modal_success.sent {
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
p.nert {
    font-size: 12px;
    text-align: center;
    padding: 0px 10px 10px ;
}
p.nert a {
    color: #00488b;
}
#modal_confidence a.modal_close {
    padding: 14px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: 4px -43px;
    align-content: center;
    background-size: 20px;
}
div#modals {
    background: #000000d1;
}
	/*------ Close button ------*/
	.modal_close {width: 20px; height: 20px; background: url(../images/close_modal.png) 0 0 no-repeat; position: absolute; top: -20px; right: -25px; z-index: 1010;}
		.modal_close:hover {background-position: 0 -23px;}
		.modal_close:active {background-position: 0 -46px;}
	/*------ Confidence ------*/
	#modal_confidence {width: 900px; background: #fff; padding: 50px 45px 35px 50px;}
		#modal_confidence h2 {margin-bottom: 40px;}
		#modal_confidence h3 {font: 24px/30px 'Roboto Condensed'; margin-bottom: 20px;}
		#modal_confidence p {margin-bottom: 20px;}
			#modal_confidence a {text-decoration: underline;}
				#modal_confidence a:hover {text-decoration: none;}
	/*------ Callback ------*/
	#modal_callback_form {width: 256px; height: 314px;}
	/*------ Success ------*/
	#modal_success {width: 350px; height: 250px; background: #fff;}
		#modal_success strong {display: block; font: 700 36px/36px 'Roboto Condensed'; color: #0057a1; text-align: center; text-transform: uppercase; margin-bottom: 16px;}
		#modal_success p {font: 22px/24px 'Roboto Condensed'; text-align: center;}
@media screen and (max-width: 820px) {
.wrapperh span.cell {
    background: white;
    padding: 10px;
    border-radius: 10px;
    height: fit-content;
    padding: 10px;
    margin: 0 10px;
}
p.smallb {
    font: 700 24px/26px 'Roboto Condensed';
}
#benefits .items [class*="item"] {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    height: 268px;
	word-break: break-word;
    padding: 5px;
    border: 1px solid #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    font: 700 12px/26px 'Roboto Condensed';
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.2px;
	margin-bottom: 30px;
}
#global_wrapper nav {
    display: none;
}
#global_wrapper form {
    width: 256px;
    background: #fff;
    padding-bottom: 16px;
    position: relative;
    margin-top: 30px;
}

header .callback .phone {
    display: inline-block;
    font: 700 16px/19px Roboto;
    margin-bottom: 6px;
}
html.mobile {
    min-width: 350px !important;
}
body.mobile {
	min-width: 350px !important;
}
header {
    height: 150px;
    display: flex;
    flex-wrap: wrap;
}
nav {
    width: 100% !important;
    height: auto;
    margin: auto;
    position: relative !important;
    padding: 10px 33px;
    left: 0;
    right: 0;
    top: 0px;
}
header .callback {
    float: right;
    margin-top: 6px;
}
.top_request .cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    font-size: 20px;
}
header {
    height: 150px;
    display: flex;
    flex-wrap: wrap;
}
.wrapper {
    margin: 0 auto;
    position: relative;
	width: auto;
    max-width: 998px;
    height: 100%;
}
.logo {
    display: block;
    width: -webkit-fill-available;
    height: 51px;
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
}
#top_request .wrapper {
    padding: 30px 0 90px;
    display: grid;
    justify-items: center;
    width: -webkit-fill-available;
    max-width: -webkit-fill-available;
}
header .wrapper {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
#top_request {
    height: auto;
    background: #ffffff url(../images/backgrounds/top_request_bg.jpg) 50% 0 no-repeat;
    background-position: bottom;
    background-size: cover;
}
#you_have {
    background: #e4edf4 url(../images/backgrounds/you_have_bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    background-position: initial;
}
#assortment .items {
    width: 1010px;
    margin-left: -10px;
    width: auto;
    margin: auto;
    margin-left: auto;
    text-align: center;
}
.fslider_big_wrapper.draggable {
    width: auto !important;
    max-width: -webkit-fill-available;
}
.fslider_wrapper {
    width: auto !important;
    max-width: -webkit-fill-available;
}
#benefits .justify {
    top: auto;
    bottom: 0;
    text-align: justify;
    line-height: 0;
    position: relative;
    text-align: center;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-around;
}
#you_have [class*="col"] ul li {
    height: auto;
    min-height: 69px;
    position: relative;
    padding: 0 0 10px 74px;
    margin-bottom: 25px;
    font: 20px/24px 'Roboto Condensed';
    letter-spacing: -0.2px;
}
#steps .justify {
    text-align: center;
    line-height: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#steps .items [class*="item"] {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    height: 215px;
    word-break: break-word;
    padding: 0 5px;
    border: 1px solid #fff;
    font: 700 16px/20px 'Roboto Condensed';
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.15px;
    padding-top: 30px;
}
#partners .fslider > li {
    width: 55px;
    height: auto;
	min-height: 50px;
    margin-right: 55px;
}
#partners .fslider_big_wrapper.draggable {
    max-height: 40px !important;
}
#top_request h1 {
    float: left;
	width: auto;
}
#map .contacts, #maptwo .contacts {
    width: auto;
    background: #fff;
    padding: 16px 0 18px;
    font: 14px/26px Roboto;
    color: #141414;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0px;
    text-align: center;
    position: relative;
}
#map form, #maptwo form {
    width: 100% !important;
    background: #fff !important;
    padding: 16px 0 18px;
    font: 14px/26px Roboto;
    color: #141414;
    text-align: center;
    left: 0;
    top: 0px;
    margin: auto;
    margin-bottom: 38px;
    z-index: 9999999999999;
}
#map form:after, #maptwo form:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    border: 0px solid transparent;
	border-top: 41px solid #fff;
}
#map .wrapper, #maptwo .wrapper {
    height: 100%;
    z-index: 10;
}
.payments {
    font: 500 16px/30px 'Roboto Condensed';
    text-align: center;
    word-break: break-word;
	height: 100px
}
#map, #maptwo {
    height: auto;
}
#certificates .wrapper, #partners .wrapper, #results .wrapper  {
    max-width: 270px;
}
#benefits {
    background: #34699a url(../images/backgrounds/benefits_bg.jpg) 50% 50% no-repeat fixed;
    background-size: cover;
}
.wrapperh span.blue {
    margin-top: -30px;
    font: 700 24px/26px 'Roboto Condensed';
    color: #004b90;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    letter-spacing: normal;
    line-height: normal;
}
#steps {
    height: auto;
    background: #004f92 url(../images/backgrounds/steps_bg.jpg) 50% 0 no-repeat;
    background-size: cover;
}
#steps .justify {
    text-align: center;
    line-height: 0;
    position: relative;
}
#steps .items [class*="item"] {
    margin: 0 5px;
    margin-bottom: 25px;
}
#certificates .fslider_big_wrapper {
    margin: 0 0 0 0px;
}
h1 {
    height: auto;
    display: grid;
    padding-top: 30px;
}
/*#results .fslider_big_wrapper {
    height: 100% !important;
}
#results .fslider_wrapper {
    height: 100% !important;
}
#results ul.fslider {
    height: 100% !important;
    position: relative;
}
#results .fslider > li {
    display: grid !important;
    height: 100%;
    width: -webkit-fill-available;
    flex-direction: column;
}*/
#results .fslider > li .content {
    width: 535px;
    font: 300 16px/18px 'Roboto Condensed';
    float: left;
    margin-left: 30px;
    padding-top: 25px;
    display: none;
}
#results .fslider > li .photo {
    display: block;
    width: 347px;
    height: 100%;
    border: 1px solid #0057a1;
    padding: 4px;
    float: left;
    position: relative;
    width: auto;
    height: auto;
    max-width: 270px;
}
#results .fslider > li {
    width: 998px;
    height: auto;
	min-height: 365px;
    background: #f2f4f3;
}
#results .fslider {
    height: auto !important;
}
#results .fslider_big_wrapper.draggable {
    width: auto !important;
    max-width: -webkit-fill-available;
    height: 362px !important;
}
.wrapperh {
    width: 100%;
    height: auto;
    text-align: center;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}
#top_request h1 {
    float: left;
    width: -webkit-fill-available;
	background: none;
    padding-top: 0px;
    height: inherit;
    padding: 0 10px;
	position: relative;
}
section#top_request:before {
    background: rgb(0 0 0 / 52%);
}
.mfp-iframe-scaler {
    position: relative;
}
}