@charset "UTF-8";
/*
	Проект: Protoflex
	Веб-разработчик: Андрей Литвинов (FRO1D) - http://f-test.ru/works/
	Дата: 21.10.2016
	Версия: 1.0
*/

/**************** RESET *****************/

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  {
	vertical-align: baseline;
	font-size: 100%;
	font: inherit;
	border: 0;
	padding: 0;
	margin: 0;
}
*: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; font-size: 0.8em; line-height: 0;}
sub {vertical-align: sub; font-size: 0.8em; line-height: 0;}
aside, header, footer, article, section, nav {display: block; vertical-align: baseline; font-size: 100%; font: inherit; border: 0; padding: 0; margin: 0;}
html {-webkit-text-size-adjust: none;}
input:not([type="checkbox"]):not([type="radio"]) {-webkit-appearance: none;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
iframe {display: block; position: relative;}


/**************** FONTS *****************/

@font-face {
	font-family: 'CodePro';
	src: url('../fonts/code_pro.eot')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro.eot*/;
	src: url('../fonts/code_pro.eot-#iefix')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro.eot?#iefix*/ format('embedded-opentype'),
		 url('../fonts/code_pro.woff')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro.woff*/ format('woff'),
		 url('../fonts/code_pro.ttf')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro.ttf*/ format('truetype'),
		 url('../fonts/code_pro.svg')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro.svg*/ format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'CodePro';
	src: url('../fonts/code_pro_bold.eot')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro_bold.eot*/;
	src: url('../fonts/code_pro_bold.eot-#iefix')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro_bold.eot?#iefix*/ format('embedded-opentype'),
		 url('../fonts/code_pro_bold.woff')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro_bold.woff*/ format('woff'),
		 url('../fonts/code_pro_bold.ttf')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro_bold.ttf*/ format('truetype'),
		 url('../fonts/code_pro_bold.svg')/*tpa=http://sandblast.protoflex.ru/fonts/code_pro_bold.svg*/ format('svg');
	font-weight: 700;
	font-style: normal;
}


/**************** ANIMATIONS *****************/

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

/*------ Submit progress ------*/
@-webkit-keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@-moz-keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@-ms-keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@-o-keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}
@keyframes blink {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}

/*------ Navigation arrow ------*/
@-webkit-keyframes navigation-arrow-prev {0%{-webkit-transform: translateY(0);}25%{-webkit-transform: translateY(-3px);}75%{-webkit-transform: translateY(3px);}100%{-webkit-transform: translateY(0);}}
@-moz-keyframes navigation-arrow-prev {0%{-moz-transform: translateY(0);}25%{-moz-transform: translateY(-3px);}75%{-moz-transform: translateY(3px);}100%{-moz-transform: translateY(0);}}
@-ms-keyframes navigation-arrow-prev {0%{-ms-transform: translateY(0);}25%{-ms-transform: translateY(-3px);}75%{-ms-transform: translateY(3px);}100%{-ms-transform: translateY(0);}}
@-o-keyframes navigation-arrow-prev {0%{-o-transform: translateY(0);}25%{-o-transform: translateY(-3px);}75%{-o-transform: translateY(3px);}100%{-o-transform: translateY(0);}}
@keyframes navigation-arrow-prev {0%{transform: translateY(0);}25%{transform: translateY(-3px);}75%{transform: translateY(3px);}100%{transform: translateY(0);}}

@-webkit-keyframes navigation-arrow-next {0%{-webkit-transform: translateY(0);}25%{-webkit-transform: translateY(3px);}75%{-webkit-transform: translateY(-3px);}100%{-webkit-transform: translateY(0);}}
@-moz-keyframes navigation-arrow-next {0%{-moz-transform: translateY(0);}25%{-moz-transform: translateY(3px);}75%{-moz-transform: translateY(-3px);}100%{-moz-transform: translateY(0);}}
@-ms-keyframes navigation-arrow-next {0%{-ms-transform: translateY(0);}25%{-ms-transform: translateY(3px);}75%{-ms-transform: translateY(-3px);}100%{-ms-transform: translateY(0);}}
@-o-keyframes navigation-arrow-next {0%{-o-transform: translateY(0);}25%{-o-transform: translateY(3px);}75%{-o-transform: translateY(-3px);}100%{-o-transform: translateY(0);}}
@keyframes navigation-arrow-next {0%{transform: translateY(0);}25%{transform: translateY(3px);}75%{transform: translateY(-3px);}100%{transform: translateY(0);}}

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

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

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

/*------ Pendulum ------*/
@-webkit-keyframes pendulum {25%{-webkit-transform: translateX(-3px) rotate(3deg);}75%{-webkit-transform: translateX(2px) rotate(-3deg);}}
@-moz-keyframes pendulum {25%{-moz-transform: translateX(-3px) rotate(3deg);}75%{-moz-transform: translateX(2px) rotate(-3deg);}}
@-ms-keyframes pendulum {25%{-ms-transform: translateX(-3px) rotate(3deg);}75%{-ms-transform: translateX(2px) rotate(-3deg);}}
@-o-keyframes pendulum {25%{-o-transform: translateX(-3px) rotate(3deg);}75%{-o-transform: translateX(2px) rotate(-3deg);}}
@keyframes pendulum {25%{transform: translateX(-3px) rotate(3deg);}75%{transform: translateX(2px) rotate(-3deg);}}


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

html, body {overflow-x: hidden;}
html {background: #dbe3e8; font: 18px/22px 'PT Sans'; color: #000;}
#global_wrapper {overflow: hidden; position: relative; padding: 170px 0 0;}
#global_wrapper:before {content:''; display: block; width: 100%; height: 0; position: fixed; top: 0;}
		.wrapper {display: block; width: 940px; margin: auto; position: relative;}

::-moz-selection {background: #ffd836; color: #103443;}
::selection {background: #ffd836; color: #103443;}


/*------ Classes  ------*/

	/* Markup */
	.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;}
	.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.unselectable {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

	/* Animation */
	.transition {-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}

	/* Underline */
	.underline {display: inline-block; line-height: 0.9em; position: relative;}
	.underline:after {content:''; display: block; width: 0; height: 1px; background: #000; margin: auto; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
		.underline:hover:after {width: 100%;}
	.underlined {display: inline-block; border-bottom: 1px solid; line-height: 0.9em !important;}
		.underlined:hover {border-bottom-color: transparent;}

	/* Lightbox */
	.f_lightbox {display: inline-block; vertical-align: top; position: relative; overflow: hidden;}
		.f_lightbox img {display: block; width: 100%; height: 100%;}
		.f_lightbox .overlay {display: block; width: 100%; height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(70,98,109,0.9); opacity: 0; visibility: hidden;}
			.f_lightbox .overlay:after {content:'+'; display: block; width: 40px; height: 40px; border: 3px solid #fff; border-radius: 50%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font: 36px/40px Arial; color: #fff; text-align: center; -webkit-transition: all 0.3s ease-out 0s;  -moz-transition: all 0.3s ease-out 0s; -ms-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(3); -moz-transform: scale(3); -ms-transform: scale(3); -o-transform: scale(3); transform: scale(3);}
	.f_lightbox:hover {}
		.f_lightbox:hover .overlay {opacity: 1; visibility: visible;}
			.f_lightbox:hover .overlay:after {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1);  -o-transform: scale(1); transform: scale(1);}

	/* Graphics */
	.preload {display: none;}
	.icon {display: block; background: url(../images/icons.png)/*tpa=http://sandblast.protoflex.ru/images/icons.png*/ -9999px 0 no-repeat; position: relative;}
	.logo {display: block; width: 325px; height: 98px; background: url(../images/logo.png)/*tpa=http://sandblast.protoflex.ru/images/logo.png*/ no-repeat; position: relative;}

	/* Links */
	.phone {display: inline-block; position: relative;}
		.phone:hover {color: #ffd836 !important;}
		.phone:active {color: #f00 !important;}

	/* Jump links */
	.jump_link {display: block; width: 31px; height: 26px; margin: auto; position: absolute; left: 0; right: 0; z-index: 10; opacity: 0.2;}
	.jump_link:hover {opacity: 1;}
		.jump_link:before, .jump_link:after {content:''; display: block; width: 31px; height: 14px; background: url(../images/icons.png)/*tpa=http://sandblast.protoflex.ru/images/icons.png*/ no-repeat;}
		.jump_link.prev:before, .jump_link.prev:after {-webkit-animation: navigation-arrow-prev 2s linear infinite; -moz-animation: navigation-arrow-prev 2s linear infinite; -ms-animation: navigation-arrow-prev 2s linear infinite; -o-animation: navigation-arrow-prev 2s linear infinite; animation: navigation-arrow-prev 2s linear infinite;}
		.jump_link.next:before, .jump_link.next:after {-webkit-animation: navigation-arrow-next 2s linear infinite; -moz-animation: navigation-arrow-next 2s linear infinite; -ms-animation: navigation-arrow-next 2s linear infinite; -o-animation: navigation-arrow-next 2s linear infinite; animation: navigation-arrow-next 2s linear infinite;}
			.jump_link:before {top: 0;}
			.jump_link:after {bottom: 0;}
		.jump_link.prev.dark:before, .jump_link.prev.dark:after {background-position: -382px -450px;}
		.jump_link.next.dark:before, .jump_link.next.dark:after {background-position: -382px -466px;}
		.jump_link.prev.light:before, .jump_link.prev.light:after {background-position: -415px -450px;}
		.jump_link.next.light:before, .jump_link.next.light:after {background-position: -415px -466px;}

	/* Other */
	.draggable {cursor: url(data:image/gif;base64,R0lGODlhEAAQAJECAP///wAAAP///wAAACH5BAEAAAIALAAAAAAQABAAAAI0lC8RyLkBgFoMSotrVHsnhHWXdISS+DzRimIWy3Ii7CU0Tdn3mr93bvDBgMFfozg86mKHAgA7), move;}


	/*------ Headers  ------*/
	h1, h2, h3, h4, h5, h6 {text-align: center;}
	h1 {font: 700 56px/60px 'PT Sans'; color: #103443; letter-spacing: 0.2px; margin-bottom: 5px;}
		h1 + p {font: 25px/30px 'PT Sans'; color: #103443; text-align: center; letter-spacing: 0.2px; margin-bottom: 60px;}
	h2 {font: 700 56px/60px 'PT Sans'; color: #46626d; letter-spacing: 0.2px; margin-bottom: -3px;}
		h2 + p {font: 25px/30px 'PT Sans'; color: #46626d; text-align: center; letter-spacing: 0.2px; margin-bottom: 15px;}


	/*------ Buttons  ------*/
	.button {}
		.button .border, .button .link_bg, .button .hover_bg, .button .text {display: block; border-radius: 6px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
		.button .border {width: 100%; height: 100%; z-index: 1;}
		.button .link_bg {z-index: 2;}
		.button .hover_bg {opacity: 0; visibility: hidden; z-index: 3;}
		.button .text {z-index: 4;}
	.button:hover {}
		.button:hover .border {opacity: 0; visibility: hidden; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6);}
		.button:hover .hover_bg {opacity: 1; visibility: visible;}
	.button:active {top: 3px;}
		.button:active .link_bg {box-shadow: none;}


		/* green button */
		.button {display: block; width: 252px; height: 52px; background: none; font: 700 20px/38px 'PT Sans'; color: #fff; text-align: center; text-transform: uppercase; text-shadow: 0 1px 0 #067e09; position: relative;}
			.button .border {border: 1px solid #239f34;}
			.button .link_bg, .button .hover_bg, .button .text {width: 240px; height: 37px; top: -4px;}
			.button .link_bg {
				border: 1px solid #18c303; box-shadow: 0 3px 0 #09850d, 0 4px 0 rgba(0,0,0,0.4);
				background: #81e32c;
				background: -moz-linear-gradient(top,  #81e32c 0%, #099f0d 100%);
				background: -webkit-linear-gradient(top,  #81e32c 0%,#099f0d 100%);
				background: linear-gradient(to bottom,  #81e32c 0%,#099f0d 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81e32c', endColorstr='#099f0d',GradientType=0 );
			}
			.button .hover_bg {
				background: #099f0d;
				background: -moz-linear-gradient(top,  #099f0d 0%, #81e32c 100%);
				background: -webkit-linear-gradient(top,  #099f0d 0%,#81e32c 100%);
				background: linear-gradient(to bottom,  #099f0d 0%,#81e32c 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099f0d', endColorstr='#81e32c',GradientType=0 );
			}

		/* blue button */
		.blue_button {text-shadow: 0 1px 0 #01787a;}
			.blue_button .border {border: 1px solid #019ea0;}
			.blue_button .link_bg {
				border: 1px solid #37bbb3; box-shadow: 0 3px 0 #017f82, 0 4px 0 rgba(0,0,0,0.4);
				background: #10dddf;
				background: -moz-linear-gradient(top,  #10dddf 0%, #019ea0 100%);
				background: -webkit-linear-gradient(top,  #10dddf 0%,#019ea0 100%);
				background: linear-gradient(to bottom,  #10dddf 0%,#019ea0 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#10dddf', endColorstr='#019ea0',GradientType=0 );
			}
			.blue_button .hover_bg {
				background: #019ea0;
				background: -moz-linear-gradient(top,  #019ea0 0%, #10dddf 100%);
				background: -webkit-linear-gradient(top,  #019ea0 0%,#10dddf 100%);
				background: linear-gradient(to bottom,  #019ea0 0%,#10dddf 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019ea0', endColorstr='#10dddf',GradientType=0 );
			}


	/*------ Forms  ------*/
	form {border-radius: 6px; text-align: center; position: relative;}
		form .privacy {font: 12px/16px 'PT Sans'; color: #fff; margin: 5px 0 0;}

		/* Fields */
		.field_input {
			-webkit-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; -moz-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; -ms-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; -o-transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s; transition: box-shadow 0.3s ease-out 0s, border-color 0.3s ease-out 0s;
			display: block; width: 100%; background: #829298; border: 4px solid #8a9ba2; border-radius: 6px; box-shadow: 0 1px 0 rgba(0,0,0,0.4) inset, 1px 0 0 rgba(0,0,0,0.2) inset, -1px 0 0 rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(255,255,255,0.8) inset; font: 12px/16px Arial; color: #fff; text-align: left; padding: 12px 40px 12px 10px; margin-bottom: 5px;
		}
		.field_input:focus {box-shadow: 0 0 0 1px rgba(255,255,255,0.8) inset;}

		/* Select */
		.f_select {height: 48px; padding: 0; position: relative;}

			.f_select .current_value {height: 48px; font: 12px/16px Arial; color: #fff; padding: 12px 50px 12px 10px;}
				.f_select.selected .current_value {color: #fff;}
				.f_select.error .current_value {color: #f00;}

			.f_select .arrow {width: 39px; height: 38px; background: #748287; border-left: 1px solid rgba(0,0,0,0.2); margin: auto; position: absolute; top: 0; bottom: 0; right: 1px; opacity: 0.9;}
				.f_select .arrow .icon {width: 16px; height: 7px; background-position: -415px -526px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
			.f_select:hover .arrow {opacity: 1;}
			.f_select.active .arrow {opacity: 1;}
				.f_select.active .arrow .icon {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

			.f_select .dropdown {background: #829298; box-shadow: 0 0 20px rgba(0,0,0,0.4); margin: -5px 0 !important; top: 0; z-index: 5;}
				.f_select .dropdown .option {height: 30px; font: 12px/30px Arial; padding: 0 12px;}
					.f_select .dropdown .option.selected {background: #748287;}
					.f_select .dropdown .option.hover {background: #6b787d !important;}

		/* Upload */
		form .upload {text-align: left; margin: 15px auto 5px; position: relative;}
			form .upload input {display: block; width: 100%; height: 100%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0;}
			form .upload .info {font: 18px/22px 'PT Sans';}
				form .upload:hover .info {border-color: transparent;}
		
		/* Submit */
		.submit {width: 100%; font-size: 17px; margin: 15px auto 0;}

		/* Placeholders */
		.field_input::-webkit-input-placeholder {color: #fff;}
		.field_input::-moz-placeholder {color: #fff;}
		.field_input::-ms-input-placeholder  {color: #fff;}
			.field_input.error::-webkit-input-placeholder {color: #f00 !important;}
			.field_input.error::-moz-placeholder {color: #f00 !important;}
			.field_input.error::-ms-input-placeholder  {color: #f00 !important;}
			.field_input.error {color: #f00 !important; box-shadow: 0 0 0 1px rgba(255,0,0,0.4) inset; -webkit-animation: shake-horizontal 0.1s linear 6; -moz-animation: shake-horizontal 0.1s linear 6; -ms-animation: shake-horizontal 0.1s linear 6; -o-animation: shake-horizontal 0.1s linear 6; animation: shake-horizontal 0.1s linear 6;}

		/* Sending */
		form.disable {cursor: progress;}

		.f_submit_progress {display: none; background: rgba(0,0,0,0.7); border-radius: inherit; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 90;}
			.f_submit_progress .progress_items {width: 100%; height: 12px; font-size: 0; text-align: center; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
				.f_submit_progress [class^="progress-"] {display: inline-block; vertical-align: top; width: 12px; height: 12px; margin: 0 3px; background: #ddd; -webkit-animation: blink 1.6s ease-out infinite; -moz-animation: blink 1.6s ease-out infinite; -ms-animation: blink 1.6s ease-out infinite; -o-animation: blink 1.6s ease-out infinite; animation: blink 1.6s ease-out infinite;}
					.f_submit_progress .progress-1 {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
					.f_submit_progress .progress-2 {-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;}
					.f_submit_progress .progress-3 {-webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;}


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

header {
	width: 100%; height: 170px; margin: auto; position: absolute; left: 0; right: 0; top: 0; z-index: 90;
	background: #46626d;
	background: -moz-linear-gradient(top,  #30444f 0%, #46626d 100%);
	background: -webkit-linear-gradient(top,  #30444f 0%,#46626d 100%);
	background: linear-gradient(to bottom,  #30444f 0%,#46626d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30444f', endColorstr='#46626d',GradientType=0 );
}
	header:after {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ 0 -32px no-repeat; margin: auto; position: absolute; left: 0; right: 0; bottom: -29px; z-index: 5;}
header .wrapper {padding: 30px 0 0;}
	header .item {display: inline-block; vertical-align: middle;}
	header .logo {}
	header .slogan {font: 16px/20px 'PT Sans'; color: #fff; text-align: center;}
	header .contacts {text-align: right; margin: -10px 0 0;}
		header .contacts .phone {font: 700 28px/32px 'PT Sans'; color: #fff; margin-bottom: 12px;}
		header .contacts .button {display: inline-block; color: #008a18; text-shadow: 0 1px 0 #67e835, 0 -1px 0 #005e10; margin-bottom: 8px;}
			header .contacts .button .icon {display: inline-block; vertical-align: middle; width: 17px; height: 18px; background-position: -260px -523px; top: -1px;}
		header .contacts address {font: 14px/18px 'PT Sans'; color: #fff;}
	header .jump_link {bottom: -10px;}


/**************** TOP SCREEN *****************/

#top_screen {background: url(../images/backgrounds/top_screen_bg.jpg)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/top_screen_bg.jpg*/ 50% 50% no-repeat fixed;}
#top_screen .wrapper {padding: 50px 0 135px;}
	#top_screen .advantages {width: 444px; float: right;}
		#top_screen .advantages [class*="item"] {display: inline-block; vertical-align: top; width: 130px; font: 20px/24px 'PT Sans'; color: #103443; text-align: center;}
			#top_screen .advantages [class*="item"] .icon {width: 92px; height: 92px; margin: 0 auto -4px;}
			#top_screen .advantages [class*="item"]:hover .icon {-webkit-animation: wobble-horizontal 1s ease-in-out 1; -moz-animation: wobble-horizontal 1s ease-in-out 1; -ms-animation: wobble-horizontal 1s ease-in-out 1; -o-animation: wobble-horizontal 1s ease-in-out 1; animation: wobble-horizontal 1s ease-in-out 1;}
				#top_screen .advantages .item-1 .icon {background-position: 0 -188px;}
				#top_screen .advantages .item-2 .icon {background-position: -94px -188px;}
				#top_screen .advantages .item-3 .icon {background-position: -188px -188px;}
			#top_screen .advantages [class*="item"] .arrow {
				display: block; width: 16px; height: 7px; background: url(../images/icons.png)/*tpa=http://sandblast.protoflex.ru/images/icons.png*/ -382px -526px no-repeat; margin: 0 auto 4px;
				-webkit-animation: navigation-arrow-next 2s linear infinite; -moz-animation: navigation-arrow-next 2s linear infinite; -ms-animation: navigation-arrow-next 2s linear infinite; -o-animation: navigation-arrow-next 2s linear infinite; animation: navigation-arrow-next 2s linear infinite;
			}
				#top_screen .advantages .item-1 .arrow {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
				#top_screen .advantages .item-2 .arrow {-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;}
				#top_screen .advantages .item-3 .arrow {-webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;}
	#top_screen .product {width: 642px; height: 285px; position: absolute; left: -170px; bottom: 0; z-index: 8;}
		#top_screen .product img {display: block; width: 100%; height: 100%;}
		#top_screen .product .items {width: 100%; font-size: 0; text-align: center; margin: auto; position: absolute; left: 0; right: 0; top: -30px;}
			#top_screen .product .items .item {display: inline-block; vertical-align: top; width: 68px; height: 68px; background: #ffd836; border: 3px solid #c4d6da; border-radius: 50%; font: 700 22px/16px 'PT Sans'; text-align: center; padding: 18px 0; margin: 0 25px;}
	#top_screen .jump_link {bottom: 40px;}


/**************** REQUEST-1 *****************/

#request-1 {background: #afcad5; position: relative;}
	#request-1:before {content:''; display: block; width: 100%; height: 43px; background: url(../images/backgrounds/request1_top_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/request1_top_mask.png*/ 50% 0 repeat-x; margin: auto; position: absolute; left: 0; right: 0; top: -42px; z-index: 5;}
#request-1 .wrapper {padding: 10px 0 60px;}
	#request-1 h2 + p {margin-bottom: 20px;}
	#request-1 form {width: 340px; padding: 20px; margin: auto;}
		#request-1 form .submit {}
			#request-1 form .submit .link_bg, #request-1 form .submit .hover_bg, #request-1 form .submit .text {width: 280px;}
		#request-1 form .note {font: 16px/22px 'PT Sans'; color: #103443; text-align: center; margin: 10px auto 0;}
			#request-1 form .mail {font: 18px/20px 'PT Sans';}


/**************** ABOUT *****************/

#about {background: #46626d; position: relative;}
	#about:before, #about:after {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ no-repeat; margin: auto; position: absolute; left: 0; right: 0; z-index: 5;}
	#about:before {background-position: 0 0; top: -29px;}
	#about:after {background-position: 0 -32px; bottom: -29px;}
#about .wrapper {padding: 55px 0 70px;}
	#about h2 {color: #fff;}
	#about h2 + p {color: #fff; margin-bottom: 60px;}
	#about .jump_link {}
		#about .jump_link.prev {top: 0;}
		#about .jump_link.next {bottom: 0;}
	#about .items {height: 740px; position: relative;}
		#about .items img {margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}

		#about .items [class*="item"] {width: 220px; font: 18px/18px 'PT Sans'; color: #fff; text-align: center; margin: auto; position: absolute; z-index: 2;}
			#about .items [class*="item"] .icon_wrapper {width: 92px; height: 92px; margin: 0 auto 16px; position: relative;}
				#about .items [class*="item"] .icon_border {width: 100%; height: 100%; border: 3px solid #ffd836; border-radius: 50%;}
				#about .items [class*="item"] .icon {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
					#about .items .item-1 .icon {background-position: 0 0;}
					#about .items .item-2 .icon {background-position: -94px 0;}
					#about .items .item-3 .icon {background-position: -188px 0;}
					#about .items .item-4 .icon {background-position: 0 -94px;}
					#about .items .item-5 .icon {background-position: -94px -94px;}
					#about .items .item-6 .icon {background-position: -188px -94px;}
				#about .items [class*="item"] strong {display: block; font: 26px/30px 'PT Sans';}

		#about .items .item-1 {left: 0; right: 0; top: 0;}
		#about .items .item-2 {left: 0; top: 160px;}
		#about .items .item-3 {right: 0; top: 160px;}
		#about .items .item-4 {left: 0; top: 420px;}
		#about .items .item-5 {right: 0; top: 420px;}
		#about .items .item-6 {left: 0; right: 0; top: 580px;}

		#about .items [class*="item"]:hover {}
			#about .items [class*="item"]:hover .icon_border {-webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15);}
			#about .items [class*="item"]:hover .icon {-webkit-animation: buzz-out 0.75s linear 1; -moz-animation: buzz-out 0.75s linear 1; -ms-animation: buzz-out 0.75s linear 1; -o-animation: buzz-out 0.75s linear 1; animation: buzz-out 0.75s linear 1;}

		#about .items [class*="item"].transition {-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
		#about .items [class*="item"].animate {opacity: 0; visibility: hidden;}
			#about .items .item-1.animate {-webkit-transform: translateX(0) translateY(80px); -moz-transform: translateX(0) translateY(80px); -ms-transform: translateX(0) translateY(80px); -o-transform: translateX(0) translateY(80px); transform: translateX(0) translateY(80px);}
			#about .items .item-2.animate {-webkit-transform: translateX(80px) translateY(50px); -moz-transform: translateX(80px) translateY(50px); -ms-transform: translateX(80px) translateY(50px); -o-transform: translateX(80px) translateY(50px); transform: translateX(80px) translateY(50px);}
			#about .items .item-3.animate {-webkit-transform: translateX(-80px) translateY(50px); -moz-transform: translateX(-80px) translateY(50px); -ms-transform: translateX(-80px) translateY(50px); -o-transform: translateX(-80px) translateY(50px); transform: translateX(-80px) translateY(50px);}
			#about .items .item-4.animate {-webkit-transform: translateX(80px) translateY(-50px); -moz-transform: translateX(80px) translateY(-50px); -ms-transform: translateX(80px) translateY(-50px); -o-transform: translateX(80px) translateY(-50px); transform: translateX(80px) translateY(-50px);}
			#about .items .item-5.animate {-webkit-transform: translateX(-80px) translateY(-50px); -moz-transform: translateX(-80px) translateY(-50px); -ms-transform: translateX(-80px) translateY(-50px); -o-transform: translateX(-80px) translateY(-50px); transform: translateX(-80px) translateY(-50px);}
			#about .items .item-6.animate {-webkit-transform: translateX(0) translateY(-80px); -moz-transform: translateX(0) translateY(-80px); -ms-transform: translateX(0) translateY(-80px); -o-transform: translateX(0) translateY(-80px); transform: translateX(0) translateY(-80px);}


/**************** BENEFITS *****************/

#benefits {background: #afcad5; position: relative;}
	#benefits:after {content:''; display: block; width: 265px; height: 30px; background: url(../images/backgrounds/benefits_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/benefits_mask.png*/ no-repeat; margin: auto; position: absolute; left: 0; right: 0; bottom: -29px; z-index: 5;}
#benefits .wrapper {padding: 50px 0 70px;}
	#benefits .items {width: 365px; float: left; margin: 65px 0 0; position: relative; z-index: 2;}
		#benefits .items [class*="item"] {font: 18px/22px 'PT Sans'; color: #20272a; padding-left: 70px; margin-bottom: 35px; position: relative;}
			#benefits .items [class*="item"] .icon {width: 46px; height: 67px; position: absolute; left: 5px; top: -10px;}
			#benefits .items [class*="item"]:hover .icon {-webkit-animation: wobble-vertical 1s ease-in-out 1; -moz-animation: wobble-vertical 1s ease-in-out 1; -ms-animation: wobble-vertical 1s ease-in-out 1; -o-animation: wobble-vertical 1s ease-in-out 1; animation: wobble-vertical 1s ease-in-out 1;}
				#benefits .items .item-1 .icon {background-position: -282px 0;}
				#benefits .items .item-2 .icon {background-position: -330px 0;}
				#benefits .items .item-3 .icon {background-position: -378px 0; top: -5px;}
			#benefits .items [class*="item"] strong {display: block; font: 700 20px/24px 'PT Sans'; color: #113644; margin-bottom: 5px;}
	#benefits .pic {position: absolute; left: 347px; bottom: 0;}
	#benefits .form_wrapper {width: 310px; float: right; position: relative; z-index: 2;}
		#benefits .title {font: 700 20px/24px 'PT Sans'; color: #143c4a; text-align: center; margin-bottom: 41px;}
			#benefits .title strong {display: block; font: 700 56px/60px 'PT Sans';}
		#benefits form {background: #46626d; padding: 26px 25px 19px;}
			#benefits form .field_input {margin-bottom: 6px;}
			#benefits form .submit {margin: auto;}


/**************** GUARANTEE *****************/

#guarantee {background: url(../images/backgrounds/guarantee_bg.jpg)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/guarantee_bg.jpg*/ 50% 50% no-repeat;}
#guarantee .wrapper {padding: 140px 0;}
	#guarantee .content {width: 460px; float: right;}
		#guarantee .title {font: 25px/30px 'PT Sans'; margin-bottom: 14px; position: relative;}
			#guarantee .title .icon {width: 70px; height: 91px; background-position: -188px -450px; position: absolute; left: -85px; top: 5px;}
			#guarantee .title strong {display: block; font: 700 70px/60px 'PT Sans';}
		#guarantee p {font: 24px/30px 'PT Sans';}


/**************** TECHNOLOGY *****************/

#technology {background: #46626d; position: relative;}
	#technology:before, #technology:after {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ no-repeat; margin: auto; position: absolute; left: 0; right: 0; z-index: 5;}
	#technology:before {background-position: 0 0; top: -29px;}
	#technology:after {background-position: 0 -32px; bottom: -29px;}
#technology .wrapper {padding: 50px 0 65px;}
	#technology h2 {color: #fff;}
	#technology h2 + p {color: #fff; margin-bottom: 25px;}
	#technology .items {}
		#technology .items .item {display: inline-block; vertical-align: top; width: 220px; height: 280px; font: 16px/20px 'PT Sans'; color: #fff; text-align: center; border-bottom: 2px solid #6b8792;}
			#technology .items .item .photo {display: block; width: 220px; height: 200px; margin-bottom: 10px;}
	#technology .jump_link {}
		#technology .jump_link.prev {top: 0;}
		#technology .jump_link.next {bottom: 0;}


/**************** COMPARE *****************/

#compare {position: relative;}
	#compare:after {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ -512px -32px no-repeat; margin: auto; position: absolute; left: 0; right: 0; bottom: -29px; z-index: 5;}
#compare .wrapper {padding: 50px 0 25px;}
	#compare h2 {font-size: 48px;}
	#compare h2 + p {margin-bottom: 20px;}
	#compare .jump_link {bottom: 5px;}
	/*------ Table ------*/
	#compare table {}
		/* Cols */
		#compare table col {}
			#compare table .col-1 {width: 200px;}
			#compare table .col-2 {width: 200px;}
			#compare table .col-3 {width: 180px;}
			#compare table .col-4 {width: 180px;}
			#compare table .col-5 {width: 180px;}
		/* Rows */
		#compare table tr {}
			#compare table td {background: #cbd9e2; border: 1px solid #b2b2b2; padding: 6px 12px; height: 70px; font: 15px/19px 'PT Sans'; color: #555;}
			#compare table td:first-child {text-align: left;}
			#compare table td:nth-child(0n + 2) {background: #46626d; border-color: #46626d; color: #fff;}
			#compare table td.small {font: 11px/14px 'PT Sans';}
				#compare .logo_pic {display: block; width: 100%;}
				#compare .button {width: 180px; font-size: 17px; margin: -20px 0 0;}
					#compare .button .link_bg, #compare .button .hover_bg, #compare .button .text {width: 170px;}
		/* Extra */
			#compare table tr:first-child td {height: 20px; visibility: hidden;}
				#compare table tr:first-child td:nth-child(0n + 2) {visibility: visible;}
			#compare table tr:last-child td {height: 50px; visibility: hidden;}
				#compare table tr:last-child td:nth-child(0n + 2) {visibility: visible;}
		/* Hover */
			#compare table td {-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
			#compare table tr:hover td {background: #46626d; border-color: #46626d; color: #fff;}


/**************** FOR *****************/

#for {background: #afcad5; position: relative;}
	#for:after {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ -256px -32px no-repeat; margin: auto; position: absolute; left: 0; right: 0; bottom: -29px; z-index: 5;}
#for .wrapper {padding: 65px 0 75px;}
	#for .items {}
		#for .items [class*="item"] {height: 280px; margin-bottom: 18px;}
			#for .items [class*="item"] .photo {width: 350px; height: 280px; position: relative;}
				#for .items [class*="item"] .photo:before {content:''; display: block; width: 330px; height: 260px; border: 1px solid #fff; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
				#for .items [class*="item"] .photo img {display: block; width: 100%; height: 100%;}
			#for .items [class*="item"] .content {width: 520px; height: 100%; font: 18px/22px 'PT Sans'; color: #113644;}
				#for .items [class*="item"] strong {display: block; font: 700 32px/36px 'PT Sans'; margin-bottom: 8px; position: relative;}
					#for .items [class*="item"] strong:after {content:''; display: block; width: 14px; height: 31px; background: url(../images/icons.png)/*tpa=http://sandblast.protoflex.ru/images/icons.png*/ no-repeat; position: absolute; top: 3px;}
				#for .items [class*="item"] p {margin-bottom: 20px;}
				#for .items [class*="item"] p:last-child {margin: 0;}
		#for .items [class*="item"]:nth-child(odd) {}
			#for .items [class*="item"]:nth-child(odd) .photo {float: left;}
			#for .items [class*="item"]:nth-child(odd) .content {float: right; text-align: left;}
				#for .items [class*="item"]:nth-child(odd) strong:after {background-position: -382px -482px; left: -30px;}
		#for .items [class*="item"]:nth-child(even) {}
			#for .items [class*="item"]:nth-child(even) .photo {float: right;}
			#for .items [class*="item"]:nth-child(even) .content {float: left; text-align: right;}
				#for .items [class*="item"]:nth-child(even) strong:after {background-position: -398px -482px; right: -30px;}
	#for .jump_link {bottom: 5px;}


/**************** PRICE *****************/

#price {background: #46626d; position: relative;}
	#price:after {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ 0 -32px no-repeat; margin: auto; position: absolute; left: 0; right: 0; bottom: -29px; z-index: 5;}
#price .wrapper {padding: 50px 0;}
	#price h2 {font-size: 46px; color: #fff; margin-bottom: -10px;}
	#price h2 + p {color: #fff;}
	#price .separate_arrow {
		width: 31px; height: 14px; background-position: -415px -466px; margin: 50px auto;
		-webkit-animation: navigation-arrow-next 2s linear infinite 0.6s; -moz-animation: navigation-arrow-next 2s linear infinite 0.6s; -ms-animation: navigation-arrow-next 2s linear infinite 0.6s; -o-animation: navigation-arrow-next 2s linear infinite 0.6s; animation: navigation-arrow-next 2s linear infinite 0.6s;
	}
	#price .top_text {font: 24px/28px 'PT Sans'; color: #fff; text-align: center; margin-bottom: 60px;}
	#price .items {margin-bottom: 60px;}
		#price .items [class*="item"] {display: inline-block; vertical-align: top; width: 300px; height: 300px; border: 1px solid #677e87; font: 18px/22px 'PT Sans'; color: #fff; text-align: center; padding: 45px;}
			#price .items [class*="item"] .icon {width: 92px; height: 92px; margin: 17px auto;}
			#price .items [class*="item"]:hover .icon {-webkit-animation: pendulum 0.8s ease-in-out 1; -moz-animation: pendulum 0.8s ease-in-out 1; -ms-animation: pendulum 0.8s ease-in-out 1; -o-animation: pendulum 0.8s ease-in-out 1; animation: pendulum 0.8s ease-in-out 1;}
				#price .items .item-1 .icon {background-position: 0 -282px;}
				#price .items .item-2 .icon {background-position: -94px -282px;}
				#price .items .item-3 .icon {background-position: -188px -282px;}
			#price .items [class*="item"] .price {color: #ffd836;}
	#price .bottom_text {font: 24px/28px 'PT Sans'; color: #fff; text-align: center; margin-bottom: 60px;}
	#price .button {width: 350px; font-size: 17px; margin: auto;}
		#price .button .link_bg, #price .button .hover_bg, #price .button .text {width: 338px;}
	#price .jump_link {bottom: 5px;}


/**************** PAYMENT *****************/

#payment {background: #c3d0dd;}
#payment .wrapper {padding: 95px 0 70px;}
	#payment h2 {font: 700 70px/74px 'PT Sans'; color: #20272a;}
	#payment h2 + p {font: 33px/38px 'PT Sans'; color: #20272a; margin-bottom: 50px;}
	#payment .items {font-size: 0; text-align: center;}
		#payment .items [class*="item"] {display: inline-block; vertical-align: top; width: 140px; font: 26px/30px 'PT Sans'; text-align: center; margin: 0 80px;}
			#payment .items [class*="item"] .icon {width: 125px; height: 125px; margin: 0 auto 10px;}
			#payment .items [class*="item"]:hover .icon {-webkit-animation: buzz-out 0.75s linear 1; -moz-animation: buzz-out 0.75s linear 1; -ms-animation: buzz-out 0.75s linear 1; -o-animation: buzz-out 0.75s linear 1; animation: buzz-out 0.75s linear 1;}
				#payment .items .item-1 .icon {background-position: -282px -69px;}
				#payment .items .item-2 .icon {background-position: -282px -196px;}
				#payment .items .item-3 .icon {background-position: -282px -324px;}
			#payment .items [class*="item"] .arrows {
				width: 21px; height: 16px; margin: 0 auto 8px; position: relative;
				-webkit-animation: navigation-arrow-next 2s linear infinite; -moz-animation: navigation-arrow-next 2s linear infinite; -ms-animation: navigation-arrow-next 2s linear infinite; -o-animation: navigation-arrow-next 2s linear infinite; animation: navigation-arrow-next 2s linear infinite;
			}
				#payment .items .item-1 .arrows {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
				#payment .items .item-2 .arrows {-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;}
				#payment .items .item-3 .arrows {-webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -ms-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;}
					#payment .items [class*="item"] .arrows:before, #payment .items [class*="item"] .arrows:after {content:''; display: block; width: 21px; height: 9px; background: url(../images/icons.png)/*tpa=http://sandblast.protoflex.ru/images/icons.png*/ -382px -515px no-repeat;}
						#payment .items [class*="item"] .arrows:before {top: 0;}
						#payment .items [class*="item"] .arrows:after {bottom: 0;}


/**************** DELIVERY *****************/

#delivery {background: #46626d; position: relative;}
	#delivery:before, #delivery:after {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ no-repeat; margin: auto; position: absolute; left: 0; right: 0; z-index: 5;}
	#delivery:before {background-position: 0 0; top: -29px;}
	#delivery:after {background-position: 0 -32px; bottom: -29px;}
#delivery .wrapper {padding: 40px 0 65px;}
	#delivery h2 {font-size: 46px; color: #fff; position: relative; z-index: 2;}
	#delivery h2 + p {color: #fff; margin-bottom: -10px; position: relative; z-index: 2;}
	#delivery .map {width: 1095px; height: 598px; background: url(../images/map.png)/*tpa=http://sandblast.protoflex.ru/images/map.png*/ no-repeat; margin: 0 0 -15px -112px; position: relative;}
		#delivery .map .placemark {width: 90px; font: 12px/14px 'PT Sans'; text-align: center; position: absolute;}
			#delivery .map .p1 {left: 145px; top: 70px;}
			#delivery .map .p2 {left: 25px; top: 85px;}
			#delivery .map .p3 {left: 77px; top: 157px;}
			#delivery .map .p4 {left: 106px; top: 228px;}
			#delivery .map .p5 {left: 17px; top: 285px;}
			#delivery .map .p6 {left: 268px; top: 258px;}
			#delivery .map .p7 {left: 342px; top: 333px;}
			#delivery .map .p8 {left: 395px; top: 383px;}
			#delivery .map .p9 {left: 337px; top: 447px;}
			#delivery .map .p10 {left: 900px; top: 510px;}
				#delivery .map .placemark .icon {width: 33px; height: 46px; background-position: -340px -492px; margin: 0 auto 5px;}
		#delivery .map .transition {-webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.6s ease-out 0s;}
		#delivery .map .placemark.animate {opacity: 0; visibility: hidden;}
			#delivery .map .placemark .icon {-webkit-transition-delay: 0.1s;}
			#delivery .map .placemark.animate .icon {-webkit-transform: translateY(-15px);}
	#delivery .button {margin: auto; z-index: 2;}
	#delivery .jump_link {}
		#delivery .jump_link.prev {top: 0;}
		#delivery .jump_link.next {bottom: 0;}


/**************** CLIENTS *****************/

#clients {position: relative;}
	#clients:after {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ -512px -32px no-repeat; margin: auto; position: absolute; left: 0; right: 0; bottom: -29px; z-index: 5;}
#clients .wrapper {padding: 75px 0 145px;}
	#clients h2 {font-size: 52px; margin-bottom: 30px;}
	#clients .jump_link {bottom: 5px;}
	/*------ Slider ------*/
	#clients .fslider {font-size: 0; text-align: center; margin: auto;}
		#clients .fslider .slide {display: inline-block; vertical-align: top; width: 218px; height: 100px; background: #fff; padding: 10px; margin: 0 10px;}
			#clients .fslider .slide .border {width: 100%; height: 100%; border: 1px solid #ccc; padding: 5px;}
			#clients .fslider .slide img {display: block; width: 188px; height: 70px;}
		/* Controls */
		#clients .fslider .fslider_controls {width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: auto;}
			/* arrows */
			#clients .fslider_arrow {display: block; width: 35px; height: 35px; border: 2px solid #46626d; border-radius: 50%; margin: auto; position: absolute; bottom: -45px; z-index: 11;}
				#clients .fslider_arrow .icon {width: 17px; height: 13px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
				#clients .fslider_arrow .hover_icon {opacity: 0; visibility: hidden;}
			#clients .fslider_arrow.prev {left: 10px;}
				#clients .fslider_arrow.prev .icon {background-position: -409px -69px;}
				#clients .fslider_arrow.prev .hover_icon {background-position: -409px -99px;}
			#clients .fslider_arrow.next {right: 10px;}
				#clients .fslider_arrow.next .icon {background-position: -409px -84px;}
				#clients .fslider_arrow.next .hover_icon {background-position: -409px -114px;}
			/* arrows hover */
			#clients .fslider_arrow:hover {background: #46626d;}
			#clients .fslider_arrow.prev:hover {-webkit-transform: translateX(-4px); -moz-transform: translateX(-4px); -ms-transform: translateX(-4px); -o-transform: translateX(-4px); transform: translateX(-4px);}
			#clients .fslider_arrow.next:hover {-webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px);}
				#clients .fslider_arrow:hover .hover_icon {opacity: 1; visibility: visible;}
			/* bullets */
			#clients .fslider_bullets {width: 100%; height: 12px; font-size: 0; text-align: center; margin: auto; position: absolute; left: 0; right: 0; bottom: -36px; z-index: 10;}
				#clients .fslider_bullets .fslider_bullet {display: inline-block; width: 12px; height: 12px; border: 2px solid #46626d; border-radius: 50%; margin: 0 4px;}
					#clients .fslider_bullets .fslider_bullet:hover {background: rgba(70,98,109,0.7);}
					#clients .fslider_bullets .fslider_bullet.active {background: #46626d;}


/**************** CERTIFICATES *****************/

#certificates {background: #46626d; position: relative;}
	#certificates:after {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ 0 -32px no-repeat; margin: auto; position: absolute; left: 0; right: 0; bottom: -29px; z-index: 5;}
#certificates .wrapper {padding: 65px 0 45px;}
	#certificates h2 {font-size: 42px; color: #fff; margin-bottom: 35px;}
	#certificates .items {font-size: 0; text-align: center; width: 980px; margin-left: -20px;}
		#certificates .items .item {display: inline-block; vertical-align: top; width: 219px; height: 286px; background: url(../images/backgrounds/certificate_border.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/certificate_border.png*/ no-repeat; padding: 28px 30px; margin: 0 12px 24px;}
			#certificates .items .item img {border: 1px solid #ccc;}
			#certificates .items .item .overlay {width: 159px; height: 230px;}
			#certificates .items .item .icon {width: 40px; height: 40px; background-position: -340px -450px; position: absolute; right: 31px; bottom: 29px;}
				#certificates .items .item:hover .icon {opacity: 0; visibility: hidden;}
	#certificates .jump_link {bottom: 0;}


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

#map {height: 410px; background: #ccc;}


/**************** BOTTOM TEXT *****************/

#bottom_slogan {background: #94c4d7; position: relative;}
#bottom_slogan .wrapper {padding: 50px 0 75px;}
	#bottom_slogan .top_text {font: 26px/30px 'PT Sans'; color: #143c4a; text-align: center;}
	#bottom_slogan .separate_arrow {
		width: 31px; height: 14px; background-position: -382px -466px; margin: 25px auto 15px;
		-webkit-animation: navigation-arrow-next 2s linear infinite 0.6s; -moz-animation: navigation-arrow-next 2s linear infinite 0.6s; -ms-animation: navigation-arrow-next 2s linear infinite 0.6s; -o-animation: navigation-arrow-next 2s linear infinite 0.6s; animation: navigation-arrow-next 2s linear infinite 0.6s;
	}
	#bottom_slogan .bottom_text {font: 26px/30px 'PT Sans'; color: #143c4a; text-align: center;}
		#bottom_slogan .bottom_text strong {display: block; font: 700 42px/46px 'PT Sans';}


/**************** BOTTOM REQUEST *****************/

#bottom_request {background: #46626d; position: relative;}
	#bottom_request:before {content:''; display: block; width: 254px; height: 30px; background: url(../images/backgrounds/bubble_mask.png)/*tpa=http://sandblast.protoflex.ru/images/backgrounds/bubble_mask.png*/ 0 0 no-repeat; margin: auto; position: absolute; left: 0; right: 0; top: -29px; z-index: 5;}
#bottom_request .wrapper {padding: 115px 0 20px;}
	#bottom_request .left_col {width: 515px; font: 22px/26px 'PT Sans'; color: #fff; text-align: center; float: left;}
		#bottom_request .left_col .phone {font: 700 40px/40px 'PT Sans';}
		#bottom_request .items {margin: 25px 0 0;}
			#bottom_request .items [class*="item"] {font: 18px/22px 'PT Sans'; color: #fff; text-align: left; padding-left: 90px; margin-bottom: 45px; position: relative;}
				#bottom_request .items [class*="item"] .icon {width: 92px; height: 72px; position: absolute; left: -10px; top: -10px;}
				#bottom_request .items [class*="item"]:hover .icon {-webkit-animation: wobble-vertical 1s ease-in-out 1; -moz-animation: wobble-vertical 1s ease-in-out 1; -ms-animation: wobble-vertical 1s ease-in-out 1; -o-animation: wobble-vertical 1s ease-in-out 1; animation: wobble-vertical 1s ease-in-out 1;}
					#bottom_request .items .item-1 .icon {background-position: 0 -376px;}
					#bottom_request .items .item-2 .icon {background-position: -94px -376px;}
					#bottom_request .items .item-3 .icon {background-position: -188px -376px;}
					#bottom_request .items .item-4 .icon {background-position: 0 -450px;}
					#bottom_request .items .item-5 .icon {background-position: -94px -450px;}
	#bottom_request .right_col {width: 310px; font: 18px/22px 'PT Sans'; color: #fff; text-align: center; float: right; margin: 10px 0 0; position: relative;}
		#bottom_request .right_col strong {display: block; font: 700 28px/32px 'PT Sans';}
		#bottom_request .right_col .arrow {width: 78px; height: 67px; background-position: -260px -450px; position: absolute; left: -90px; top: 205px;}
		#bottom_request form {background: #dbe3e8; padding: 35px 25px 20px; margin: 20px 0;}
			#bottom_request form .privacy {color: #000;}
		#bottom_request .requisites {font: 14px/16px 'PT Sans'; text-align: left;}
	#bottom_request .jump_link {top: 5px;}



/**************** BIG SCREENS *****************/

@media all and (min-width : 1921px){
	#top_screen {-webkit-background-size: cover; background-size: cover; background-attachment: scroll;}
	#guarantee {-webkit-background-size: cover; background-size: cover; background-attachment: scroll;}
}



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

html:not(.mobile) #global_wrapper,
html:not(.mobile) header {
	width: 100%; width: 100vw;
}

[id^="f_overlay_modal"]  {display: none; width: 100%; height: 100%; margin: auto; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.7);}
[id^="f_modals"]   {display: none; margin: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; -webkit-transform: translateZ(0px); -webkit-overflow-scrolling: touch;}
#f_overlay_modal, #f_modals {display: none;}

/*------ Animation ------*/
[id^="f_modals"]  {-webkit-perspective: 900px; perspective: 900px;}
.f_modal {-webkit-transition: transform 0.6s linear 0s; -moz-transition: transform 0.6s linear 0s; -ms-transition: transform 0.6s linear 0s; -o-transition: transform 0.6s linear 0s; transition: transform 0.6s linear 0s;}

.f_modal.centered.closed {-webkit-transform: rotateX(40deg); -moz-transform: rotateX(40deg); -ms-transform: rotateX(40deg); -o-transform: rotateX(40deg); transform: rotateX(40deg);}
.f_modal.sent {-webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg);}
#modal_success.closed {-webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg);}
#modal_success.closing {-webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0);}

.f_modal.switchOut.rtl, .f_modal.switchIn.ltr {-webkit-transform: translateX(-90px); -moz-transform: translateX(-90px); -ms-transform: translateX(-90px); -o-transform: translateX(-90px); transform: translateX(-90px);}
.f_modal.switchIn.rtl, .f_modal.switchOut.ltr {-webkit-transform: translateX(90px); -moz-transform: translateX(90px); -ms-transform: translateX(90px); -o-transform: translateX(90px); transform: translateX(90px);}
.f_modal.switched {-webkit-transform: translateX(0) !important; -moz-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important;}

/*------ Close button ------*/
.close_modal {display: block; width: 24px; height: 24px; position: absolute; top: -20px; right: -30px; opacity: 0.5; z-index: 5;}
	.close_modal:before, .close_modal:after {content:''; display: block; width: 4px; height: 100%; background: #fff; 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; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
	.close_modal:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
	.close_modal:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.close_modal:hover {opacity: 1;}
	.close_modal:hover:before, .close_modal:hover:after {box-shadow: 0 0 16px #fff;}
.close_modal:active {opacity: 1;}
	.close_modal:active:before, .close_modal:active:after {background: #f00;}


	/*------ All modals ------*/
	.f_modal {display: none; margin: 50px auto; position: absolute; left: 0; right: 0; background: #46626d; border-radius: 6px;}
	.f_modal.centered {margin: auto; top: 0; bottom: 0;}

	/*------ Request ------*/
	#modal_request_form {width: 310px;}
		#modal_request_form form {padding: 25px 25px 20px;}

	/*------ Dealer ------*/
	#modal_dealer_form {width: 310px;}
		#modal_dealer_form form {padding: 25px 25px 20px;}

	/*------ Privacy ------*/
	#modal_privacy {width: 960px; padding: 40px;}
		#modal_privacy h2 {font-size: 35px; color: #fff; margin-bottom: 20px;}
		#modal_privacy h3 {font: 700 22px/26px 'PT Sans'; color: #fff; text-align: left; margin-bottom: 15px;}
		#modal_privacy p {font: 16px/20px 'PT Sans'; color: #fff; text-align: left; margin-bottom: 20px;}

	/*------ Success ------*/
	#modal_success {width: 350px; height: 250px; color: #fff; text-align: center;}
		#modal_success strong {display: block; font: 700 42px/46px 'PT Sans'; text-transform: uppercase; margin-bottom: 20px;}
		#modal_success p {font: 22px/26px 'PT Sans';}



/**************** PAGE MESSAGES *****************/

#fPageMessage {display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 10000;}
	#f_message {
		width: 100%; height: 300px; padding: 0 30px; overflow: hidden; margin: auto; position: fixed; left: 0; right: 0; top: 0; bottom: 0;
		background: #fff; border-top: 6px solid rgba(0,0,0,0.4); border-bottom: 6px solid rgba(0,0,0,0.4);
		font: 700 40px/48px Arial; color: #000; text-align: center; text-transform: uppercase;
	}
	@media all and (max-width : 899px){ #f_message {height: 250px; font: 700 34px/40px Arial;} }
	@media all and (max-width : 767px){ #f_message {font: 700 30px/38px Arial;} }
	@media all and (max-width : 479px){ #f_message {font: 700 24px/30px Arial;} }