@font-face {
		font-family: BaronNeueBold; /* Гарнитура шрифта */
		src: url("BaronNeueBold.otf"); /* Путь к файлу со шрифтом */
	 }
	 @font-face {
		font-family: HelveticaNeueCyrBold; /* Гарнитура шрифта */
		src: url("HelveticaNeueCyrBold.otf"); /* Путь к файлу со шрифтом */
	 }
			@font-face {
		font-family: HelveticaNeueCyrLight; /* Гарнитура шрифта */
		src: url("HelveticaNeueCyrLight.otf"); /* Путь к файлу со шрифтом */
	 }
		@font-face {
		font-family: HelveticaNeueCyrMedium; /* Гарнитура шрифта */
		src: url("HelveticaNeueCyrMedium.otf"); /* Путь к файлу со шрифтом */
	 }
	 @font-face {
		font-family:UniSansHeavy; /* Гарнитура шрифта */
		src: url("UniSansHeavy.html"); /* Путь к файлу со шрифтом */
	 }
			@font-face {
		font-family:UniSansThin; /* Гарнитура шрифта */
		src: url("UniSansThin.html"); /* Путь к файлу со шрифтом */
	 }
				 @font-face {
		font-family:PFBeauSansProBook; /* Гарнитура шрифта */
		src: url("PFBeauSansProBook.html"); /* Путь к файлу со шрифтом */
	 }
/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	
	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {color:#0e2f51; overflow-x:hidden;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body { background:url("bg.jpg") repeat;
	
	height: 100%;
}
b {font-weight:700;}
.wrapper {
	width:100%;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	
}


/* Header
-----------------------------------------------------------------------------*/
#about, #price, #how { padding-top:100px;}
.header {position:relative;
	/*height: 833px;*/
	height: 760px;
}
.topnav {width:100%; height:110px;background:url("header.png") no-repeat; background-size:cover; position:fixed;margin-top: -1px; z-index:10001; }
#logo {position:absolute; top:10px; left:0px;width:260px; height:73px;font-family: 'Roboto', sans-serif;font-size: 32px;text-align: center;}
#logo a {
		text-decoration: none;
		color: #0e2f51;
		/*display: table-cell;*/
		vertical-align: middle;
		width: 260px;
		/*height: 73px;*/
		font-weight: 600;
		font-size: 26px;
}

#logo a span {
		font-size: 13px;
		font-weight: bold;
		position: relative;
		top: -20px;
		text-transform: uppercase;
}
#logo a p span{
		position: relative;
		top: -35px;
		font-weight: 100;
		text-transform: inherit;
		font-size: 11px;
}

#tel {
		width: 260px;
		height: 59px;
		position: absolute;
		top: 20px;
		right: 0px;
		font-family: 'Roboto', sans-serif;
		font-size: 22px;
		color: red;
		text-align: right;
}

#tel1 {
		width: 260px;
		height: 59px;
		position: absolute;
		top: 20px;
		right: 0px;
		font-family: 'Roboto', sans-serif;
		font-size: 22px;
		color: red;
		text-align: right;
}

#call {
		background: url("cal.png") no-repeat;
		width: 185px;
	 /* height: 17px;*/
		display: block;
		margin-top: -3px;
		font-weight: 700;
		margin-right: 5px;
		text-align: center;
		background-position: 25px 0px;
}

#call {color:#2c9dd6; font-size:18px;font-family:'Roboto', sans-serif;}
#header-content {
		/* margin-left: 265px; */
		padding: 28px 0;
		margin: 0 auto;
		width: 185px;
}

#menu-link {height: 17px;
display: block;
float: left;
margin-top: 25px;
font-weight: 700;
margin-right: 35px;
color: #2c9dd6;
font-size: 22px;
font-family: 'Roboto', sans-serif;}
 @media screen and (max-width: 600px) {#tel {font-size:25px;}}
 @media screen and (max-width: 400px) {#logo a img {width:77%!important;} #tel {font-size:17px; top:21px;} #logo {top:9px;}}
 
 .slogan {position:absolute; top:143px;font-size:90px; font-family:'roboto'; color:#fff;  }
 .slogan span { margin-bottom:10px; font-weight:700;  background-color: #0092d7;
		display: inline-block;
		
	padding:0 10px;
		vertical-align: top; text-transform:uppercase;}
	.slogan br {height:15px;}
	.slogan div {margin-top:-6px;color:#0e2f51; font-size:25.5px; font-family:'open sans'; font-weight:600;margin-left:10px;}
/*	@media screen and (max-width: 800px) {.slogan span{height:47px;} .slogan {font-size:69px;} .slogan div {font-size:19.5px;}}*/
	@media screen and (max-width: 550px) {.slogan span{height:44px;line-height:0.5;} .slogan {font-size:58px; line-height:0.7;} .slogan div {font-size:16.5px;} }
	@media screen and (max-width: 450px) {.slogan span{height:27px;line-height:0.4;} .slogan {font-size:37px; line-height:0.7;} .slogan div {font-size:10.5px;}}
#tel b, #call b {font-weight:700;}
.plus {z-index:990;background:url("plus.png") repeat-x top center; background-size:cover;height:120px; position:absolute; bottom:0px; width:100%;}
.icon li {display:block;width:210px; color:#0e2f51; font-weight:700; font-size:12px; font-family:'open sans';text-transform:uppercase;}
.icon li:before {display:block; content:'';margin-bottom:15px; float:left; margin-right:12px;width:39px; height:42px;}
.icon li:nth-child(1):before {background:url("icon-1.png") 0 0;}
.icon li:nth-child(2):before {background:url("icon-1.png") -39px 0;}
.icon li:nth-child(3):before {background:url("icon-1.png") -78px 0;}
.icon li:nth-child(4):before {background:url("icon-1.png") -117px 0;}
.icon4 {width:150px!important; margin-right:0px!important;}
.icon li {float:left; margin-right:70px; margin-top:45px;}
.last {margin-right:0px; width:150px;}
@media screen and (max-width: 1050px) {.icon li { margin-right:30px; }}
@media screen and (max-width: 940px) {.icon li {margin-right:10px; } }
@media screen and (max-width: 850px) {.icon li {margin-right:10px; width:180px; font-size:10px;}}
@media screen and (max-width: 800px) {.icon li { margin-right:10px; width:160px; font-size:9px;} }
@media screen and (max-width: 710px) {.icon li {margin-right:0px; margin-top:18px; width:49%; }}
@media screen and (max-width: 650px) {.icon li {float:left; margin-right:0px; margin-top:18px; font-size:9px; height:42px;} .icon li:nth-child(3),.icon li:nth-child(4) {margin-top:15px!important;} }
@media screen and (max-width: 420px) {.icon li {font-size:8px;}}
@media screen and (max-width: 350px) {.icon li {margin-top:25px;  font-size:7px; height:33px;} .icon4 {width:117px!important;} /*.icon li:before {width:28px;}*/}


/* Middle
-----------------------------------------------------------------------------*/
.main {max-width:990px;width:100%; margin:0 auto; position:relative;}
/*.main, .plus .main {max-width:1078px;width:100%; margin:0 auto; position:relative;}*/
/*.content {
	padding: 0 0 130px;
}
*/

.action {width:100%; height:349px; background:url("action.jpg") no-repeat top center #ede9e5;}
.action {padding-top:42px;}
.action2 .forma_inner {background:url("bath.jpg") no-repeat top center #fff;}
.action2 .counter {width:370px;}
.action2 .counter h2{margin-bottom:10px;}
@media screen and (max-width: 820px) {.action2 .counter h2{font-size:25px; margin-bottom:31px;} .action2 .counter {width:306px;} .action2 .counter span {
		font-size: 15px!important;
}}

.forma {margin:0 auto;width:978px;  height:315px; border:4px solid #ffd200!important; position:relative; }
.forma:before {display:block; content:'';position:absolute; left:-5px; top:-32px;width:97px; height:61px; background:url("shil.png") no-repeat;}
.action  .forma:after {display:block; content:'';position:absolute; left:-5px; top:121px;width:226px; height:126px; background:url("shil2.png") no-repeat;}
.action2 .forma:after  {display:block; content:'';position:absolute; left:-5px; top:104px;width:326px; height:158px; background:url("shil3.png") no-repeat;}

.forma_inner {margin:5px; width:968px; height:305px; background:#fff;}
.counter {position:relative; z-index:5;float:left;padding:20px 21px;width:262px; height:278px; font-family:'open sans'; color:#0e2f51; }
.zayavka {padding:21px 14px;font-family:'open sans'; color:#0e2f51; }
.counter h2, .zayavka h2, .inj h2 {font-size:30px; text-transform:uppercase;line-height:1.2; font-weight:600;}
.counter h2 b, .counter span b, .zayavka h2 b, .inj h2 b {font-weight:800;}
.counter span{font-size:20px; font-weight:600; line-height:1.1;}
.counter sup {font-size:14px;}
.counter p, .zayavka p, .inj p {font-size:14px; font-weight:600; margin-bottom:10px;}
.counter .little {padding-top:20px; font-size:11px;}
.zayavka {float:right; width:310px;}
.zayavka input {font-size:14px;font-family:'roboto';color:#b1b1b1; padding-left:40px;width:100%; height:58px;border:#d7d7d7 1px solid; width:245px;}
.name{background:url("name.jpg") no-repeat top left;}
.tel2{background:url("tel2.jpg") no-repeat top left;}
.action .main:after{display:block; content:'';width:531px; height:362px; position:absolute; top:-4px; background:url("ruletka.png") no-repeat; left:12%;}
.action2 .main:after{ content:'';width:531px; height:362px; position:absolute; top:-4px; background:none!important; left:12%;}

#small-modal input, #small-modal2 input, #small-modal3 input , #small-modal4 input,  #small-modal5 input, #small-modal6 input, #small-modal77 input, #small-modal8 input, #small-modal9 input, #small-modal10 input, #small-modal11 input, #small-modal12 input, #small-modal13 input {font-size:14px;font-family:'roboto';color:#b1b1b1; padding-left:40px;width:100%; height:58px;border:#d7d7d7 1px solid; width:255px; margin-top:13px;}

@media screen and (max-width: 1010px) {.action .main:after {width:531px; height:362px; position:absolute; top:-4px; background:url("ruletka.png") no-repeat;display:block; content:'';left:6%!important;} .forma {width:800px;  height:315px; border:4px solid #ffd200; }
.forma_inner {margin:5px; width:790px; height:305px; background:#fff;}}
@media screen and (max-width: 960px) {.action .main:after {width:531px; height:362px; position:absolute; top:-4px; background:url("ruletka.png") no-repeat;display:block; content:'';left:4%!important;}}}
@media screen and (max-width: 880px) {.action .main:after {width:531px; height:362px; position:absolute; top:-4px; background:url("ruletka.png") no-repeat;display:block; content:'';left:0%!important;}}
@media screen and (max-width: 840px) {.action .main:after{content:'';display:block; opacity:0; position:absolute;}}
@media screen and (max-width: 810px) {.forma {width:600px;  height:315px; border:4px solid #ffd200; }
.forma_inner {margin:5px; width:590px; height:305px; background:#fff;} .counter {width:248px;} .zayavka {width:300px; padding:21px 0;}}
@media screen and (max-width: 610px) {.forma {width:330px;  height:640px; border:4px solid #ffd200; }
.forma_inner {margin:5px; width:320px; height:630px; background:#fff;} .counter {width:248px;} .zayavka {width:300px; padding:21px 0;} .action {height:700px; background-size:cover;} }
.action2 .counter span {font-size:18px;}
@media screen and (max-width: 810px) {.action2 .forma {width:330px!important;  height:640px; border:4px solid #ffd200; }
.action2 .forma_inner {margin:5px; width:320px; height:630px; background:#fff;} .action2 .counter {width:248px;} .action2 .counter h2 {font-size:20px!important;} .action2 .zayavka {width:300px; padding:21px 0;} .action2 {height:700px; background-size:cover;} }


.fact {padding-top:35px;background:url("fact.jpg") repeat; min-height:517px;}
.facts {width:33.3%; height:202px; float:left;margin-bottom:25px;}
.facts h3 {font-size:24px; font-weight:700; color:#0e2f51; font-family:'open sans'}
.facts p {font-size:14px; font-weight:700; color:#0e2f51; font-family:'roboto'; text-transform:uppercase;}
.facts .line {width:39px; height:3px; display:block; background:#019ee2; margin:8px 0;}
.lay1 {margin:0 auto; background:url("lay1.png") no-repeat bottom right;width:166px; height:119px; padding-left:74px; padding-top:83px;padding-right:45px;}
.lay2 {margin:0 auto;background:url("lay2.png") no-repeat bottom right;width:166px; height:119px; padding-left:74px; padding-top:83px; padding-right:45px;}
.lay3 {margin:0 auto;background:url("lay3.png") no-repeat bottom right;width:166px; height:119px; padding-left:74px; padding-top:83px;padding-right:45px;}
.min {padding-right:20px; width:191px;}
.lay4 {margin:0 auto;background:url("lay4.png") no-repeat bottom right; height:119px; padding-left:74px; padding-top:83px;padding-right:10px; width:201px;}
.lay5 {margin:0 auto;background:url("lay5.png") no-repeat bottom right;width:166px; height:119px; padding-left:74px; padding-top:83px;padding-right:45px;}
.lay6 {margin:0 auto;background:url("lay6.png") no-repeat bottom right;height:119px; padding-left:74px; padding-top:83px;padding-right:10px; width:201px;}
@media screen and (max-width: 880px) {.facts{width:50%;} .fact {height:716px;}}
@media screen and (max-width: 570px) {.facts{width:100%;} .fact {height:1397px;}}

.service {padding-top:15px; width:100%; height:477px; background:url("service.jpg") no-repeat top center; background-size:cover;}
.service h2 {margin-bottom:10px;font-family:'open sans'; font-weight:600; font-size:60px; line-height:1.1; margin-left:25px; }
.square {width:25%; text-align:center; float:left; margin-bottom:30px;}
.square p {font-size:11.4px; text-transform:uppercase; font-family:'open sans'; font-weight:700;}
.square b {font-size:17px; font-weight:800; }
@media screen and (max-width: 810px) {.square {width:50%; } .service {height:760px;}.service h2  {font-size:50px;}}
@media screen and (max-width: 450px) {.service h2  {font-size:40px;} .square img {width:95%; } .service {height:740px;}}


@media screen and (max-width: 350px) {.square b {font-size:12px; font-weight:800; }.service {height:580px;}}
@media screen and (max-width: 310px) {.square b {font-size:12px; font-weight:800; }.service {height:550px;}}

.big {height:1585px; width:100%;background:url("big.jpg") no-repeat top center; background-size:cover;}

.clear {clear:both;}
.block_steps_2 h2 {float:left;font-family:'open sans'; font-weight:600; font-size:60px; line-height:1.1; margin-left:25px;}
.block_steps_2 span {font-size:18.75px; line-height:0.9; background:#ffc603; display:inline-block; font-weight:600; font-family:'open sans'; height:21px; padding:0 5px;margin-bottom:3px; }

.block_steps_2 h3 {
		display: inline-block;
		margin-left: -84px;
		margin-top: 85px;
}
.block_steps_2 {width:100%; padding-top:40px;
}
.block_steps_2 .inner {
		width: 1174px;
}
.block_steps_2 .content {
		background: url("bg_dream.html") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
		margin-top: 56px;
		padding: 0 0 94px;
}
.block_steps_2 .steps {
	 
		padding-top: 50px;
}
.block_steps_2 .steps article {
		float: left;
		margin: 0 0 25px 0;
		perspective: 1000px;
	width:33%;
}
.block_steps_2 .steps article .inside {
margin:0 auto;
		border: 1px solid #ffffff;
		height: 233px;
		padding: 9px;
		position: relative;
		transform-style: preserve-3d;
		transition: all 0.8s linear 0s;
		width: 287px;
}
.block_steps_2 .steps article .inside > div {
		background-color: #ffffff;
		height: 233px;
		left: 9px;
		position: absolute;
		top: 9px;
		width: 287px;
}
.block_steps_2 .steps article .face {
		transform: rotateY(0deg);
		transition: opacity 0s ease 0.4s;
}
.block_steps_2 .steps article .face .num {
		color: #eaebed;
		font-family: 'roboto';
		font-size: 163px;
		font-weight: 400;
		left: 45px;
		position: absolute;
		top: 0px;
}
.block_steps_2 .steps article .back .num {
		color: #eaebed;
		font-family: 'roboto';
		font-size: 163px;
		font-weight: 400;
		left: 45px;
		position: absolute;
		top: 0px;
	z-index:-1;
}
.block_steps_2 .steps article .face .title {
		font-size: 24px;
		left: 0px;
		line-height: 30px;
		position: absolute;
		right: 0;
		text-transform: uppercase;
		top: 85px;
	width:100%; text-align:center;
		transform: translateY(-50%);
	font-family:'roboto';
	color:#0e2f51;
	font-weight:700;
}
.block_steps_2 .steps article .back {
		opacity: 0;
		transform: rotateY(180deg);
		transition: opacity 0s ease 0.4s;
}
.block_steps_2 .steps article .back .title {
		color: #0e2f51;
		font-size: 24px;
		font-weight: bold;
		height: 89px;
		line-height: 29px;
		padding: 26px 30px 0;
		text-transform: uppercase;
	font-family:'roboto';
	text-align:center;
	padding-top:47px!important;
}
.block_steps_2 .steps article .back .line {
		background-color: #28a5b4;
		height: 3px;
		margin: 0 0 21px 30px;
		width: 87px;
}
.block_steps_2 .steps article .back .text {
		color: #7c7a7a;
		font-size: 16px;
		font-weight: 300;
		line-height: 24px;
		padding: 0 30px;
	text-align:center;
	font-family:'Roboto';
	line-height:1.1;
}
.block_steps_2 .steps article:hover .inside {
		transform: rotateY(180deg);
}
.block_steps_2 .steps article:hover .face {
		opacity: 0;
}
.block_steps_2 .steps article:hover .back {
		opacity: 1;
}

@media screen and (max-width: 970px) {.block_steps_2 .steps article {
		float: left;
		margin: 0 0 25px 0;
		perspective: 1000px;
	width:50%;
} .big {height:2048px;}}
@media screen and (max-width: 650px) {.block_steps_2 .steps article {
		float: left;
		margin: 0 0 25px 0;
		perspective: 1000px;
	width:100%;
	
} 
.big {height:3797px;}}
@media screen and (max-width: 500px) {.why  h2 {
	 font-size:40px;
}
.why span {font-size:12px; line-height:0.9; background:#ffc603; display:inline-block; font-weight:600; font-family:'open sans'; height:15px; padding:0 5px;margin-bottom:0px; }

.why h3 {
		display: inline-block;
		margin-left: -64px;
		margin-top: 50px;
}
}
.assort .head { text-align:right;}
.assort h2 {width:257px;     font-family: "open sans";
		font-size: 60px;
		font-weight: 600;
		line-height: 1.1;
		margin-left: 25px;
		text-align: left;
	float:right;
	margin-bottom:40px;
	 }
	 .assort h3 {float:right; margin-top:80px; text-align:left; margin-left:0px; margin-right:34px;}
	 .head span {font-size:18.75px; line-height:0.9; background:#ffc603; display:inline-block; font-weight:600; font-family:'open sans'; height:21px; padding:0 5px;margin-bottom:3px; }
.head {padding-top:40px;}
.obertka2 {width:33%; text-align:center; float:left;}
.obertka { text-align:center;margin:0 auto;padding:6px 9px; border:2px solid #0e9dde;width: 286px; margin-bottom:15px;
 height:233px;}
.image {float:left;
 overflow:hidden;
 width: 286px;
 height:233px;
 position:relative;
 
 }
 
 .titles {position:absolute; top:76px; left:40px; width:198px; height:71px; display:block;border:3px solid #fff; padding:4px;}
 .titles p {width:198px; height:48px; background:#fff;  font-size:18px; font-family:'roboto'; font-weight:700; text-transform:uppercase; text-align:center; padding-top:23px;}
 .image:hover .titles {display:none;}
 @media screen and (max-width: 970px) {.obertka2 {
		width:50%;
}}
@media screen and (max-width: 650px) {.obertka2 {
		width:100%;
}}
@media screen and (max-width: 324px) {.why h3 {
		margin-left:20px; margin-top:0px;
}}
 .image img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }

.image img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }

 .gold{margin-top:20px;text-align:center;border-radius:8px;height:38px; padding-top:10px;text-decoration:none; font-size:18px; text-transform:uppercase; font-family:'roboto'; font-weight:700;
		color: #000;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.gold a{text-align:center;border-radius:8px;height:48px; text-decoration:none; font-size:18px; text-transform:uppercase; font-family:'roboto'; font-weight:700;
		color: #000;
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
#small-modal .gold, #small-modal2 .gold, #small-modal3 .gold , #small-modal77 .gold ,#small-modal8 .gold, #small-modal9 .gold, #small-modal10 .gold, #small-modal11 .gold, #small-modal12 .gold, #small-modal13 .gold, .box-modal .gold {height:48px!important; width:90%; margin:0 auto; margin-top:10px;     color: #000;padding:0 6px;
		font-family: "roboto";
		font-size: 18px;
		font-weight: 700;border: 1px solid #ffaa22;}
#calc .gold {width:315px;}
.text .gold {width:315px; margin-left:152px;}
.gold:hover {
		color: #000;
}
 .gold, .gold a {display:block;}
 .gold {
 /* Legacy browsers */
	background: #ffec64 url("gradient-bg.png") repeat-x bottom;
	background: #ffec64 url("gradient-bg.png") repeat-x bottom;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: #ffec64;
	background: #ffec64\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFffec64, endColorstr=#FFffab23);
	 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffec64, endColorstr=#FFffab23); /* IE8+ */
			border: 1px solid #ffaa22;
		box-shadow: 0 1px 0 0 #fff6af inset;
	}
	
	 
		
	@media all and (min-width: 0px) {
		.gold {
			/* Opera */
			background: #ffec64 url("gradient-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#ffec64),
				to(#ffab23)
			);
			background-image: -webkit-linear-gradient(
				top,
				#ffec64,
				#ffab23
			);
			background-image: -moz-linear-gradient(
				top,
				#ffec64,
				#ffab23
			);
			background-image: -o-linear-gradient(
				top,
				#ffec64,
				#ffab23
			);
			background-image: linear-gradient(
				top,
				#ffec64,
				#ffab23
			);
		}
	}
	.gold:hover {
			/* Opera */
			background: #ffec64 url("gradient-bg.svg");
			/* Recent browsers */
			background-image: -webkit-gradient(
				linear,
				left top, left bottom,
				from(#ffab23),
				to(#ffec64)
			);
			background-image: -webkit-linear-gradient(
				top,
				#ffab23,
				#ffec64
			);
			background-image: -moz-linear-gradient(
				top,
				#ffab23,
				#ffec64
			);
			background-image: -o-linear-gradient(
				top,
				#ffab23,
				#ffec64
			);
			background-image: linear-gradient(
				top,
				#ffab23,
				#ffec64
			);
		}
	}
	
	 /* background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%) repeat scroll 0 0 #ffec64;
	background:  -webkit-linear-gradient(to bottom, #ffec64 5%, #ffab23 100%) repeat scroll 0 0 #ffec64;
	background:  -moz-linear-gradient(to bottom, #ffec64 5%, #ffab23 100%) repeat scroll 0 0 #ffec64;*/
	
	
	
	


.gold:hover {
		background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%) repeat scroll 0 0 #ffab23;
}
@media screen and (max-width: 480px) {.block_steps_2 .steps .gold {
		width:250px;
	
}}
 .inj {height:400px;width:100%; background:url("inj.jpg") no-repeat top center; background-size:cover;}
 .inj .main {max-width:1200px!important; position:relative; height:908px;}
 .mag {z-index:1;position:absolute; right:57px; top:0px; width:643px;height:382px;}
	.man {position:absolute; left:70px; bottom:0px; width:415px;height:537px;}
	@media screen and (max-width: 1120px) {.man {
		left:0px;
	
}}

.inj .forma {z-index:999;float:left;margin-left:115px!important; margin-top:46px!important;
		border: 4px solid #ffd200 !important;
		height: 311px;
		margin: 0 auto;
		width: 352px;
	position:relative;
}
.inj .forma_inner {
		background: none repeat scroll 0 0 #fff;
		height: 301px;
		margin: 5px;
		width: 340px;
}
.zak {
		color: #0e2f51;
		float: left;
		font-family: "open sans";
		height: 261px;
		padding: 20px 21px;
		width: 298px;
}
.inj h3 {font-size:26px; font-weight:800; line-height:1.1;font-family:'open sans'; color:#ffb600; text-transform:uppercase; background:url("dec.jpg") no-repeat right 2px;}
.comment {position:absolute; bottom:26px;right:117px; z-index:4;margin:0 auto;width:607px;  height:436px; border:3px solid #fff!important; }
.comment_inner {margin:8px; width:549px; height:378px; background:#fff; padding:22px;}
.comment h2 {margin-bottom:15px;font-size:50px; font-weight:600; font-family:'open sans';font-stretch:condensed;}
.comment p {font-size:14px; font-weight:600; font-family:'open sans'; color:#2a3042;}

.comment .btn {font-size:18px; font-family:'open sans'; font-weight:700; color:#009fe3; text-transform:uppercase; text-decoration:underline;}
.comment p .btn {font-size:14px!important; font-family:'open sans'; font-weight:700; color:#009fe3; text-transform:lowercase!important; text-decoration:underline;}
 @media screen and (max-width: 1030px) {.comment {
		right:0px;
	
}}
 @media screen and (max-width: 920px) {.comment {
		width:400px;
	
} .comment_inner {width:338px;} .comment p {font-size:12px;}}
 @media screen and (max-width: 700px) {.comment {
		width:300px; height:450px;
	
} .comment_inner {width:237px; height:389px;} .comment p {font-size:11px;} .comment h2 {font-size:37px;}}
 @media screen and (max-width: 590px) {.man {
		height:400px!important;} .man img {height:100%;}}
	 @media screen and (max-width: 480px) {.inj .forma {
		margin-left:0px!important;}}
.calc {width:100%; height:677px;}
#calc {max-width:906px; width:100%; height:580px; margin:0 auto; padding:21px 37px; background:#fff;}
#calc h2 {font-family:'open sans'; font-weight:600; font-size:60px; line-height:1.1;}
#calc span {font-size:18.75px; line-height:0.9; background:#ffc603; display:inline-block; font-weight:600; font-family:'open sans'; height:21px; padding:0 5px;margin-bottom:3px; }
.important {width:100%; height:1290px; background:url("imp.jpg") no-repeat top center; background-size:cover;}
.important h2 {padding-top:40px;float:left;font-family:'open sans'; font-weight:600; font-size:60px; line-height:1.1; margin-left:25px;}
.important span {font-size:18.75px; line-height:0.9; background:#ffc603; display:inline-block; font-weight:600; font-family:'open sans'; height:21px; padding:0 5px;margin-bottom:3px; }

.important h3 {
		display: inline-block;
		margin-left: -157px;
		margin-top: 125px;
}
.imp {margin:70px auto 0 auto;width:100%; height:988px; position:relative; max-width:1315px; overflow-x:hidden;}
.pl1 {padding:131px 381px 0 195px; top:0px; left:0px; position:absolute; width:289px; height:341px; background:url("pl1.png") no-repeat;}
.pl2 {overflow:hidden;color:#fff!important;position:absolute;padding:122px 198px 0 358px;top:101px; right:0px; width:304px; height:371px; background:url("pl2.png") no-repeat;}
.pl2 h4, .pl2 p {color:#fff!important;}
.pl3 {padding:120px 203px 0 224px; bottom:55px; position:absolute; left:0px; width:378px; height:388px; background:url("pl3.png") no-repeat;}
.pl4 {padding:124px 253px 0 192px; position:absolute;bottom:0px; right:0px;width:323px; height:302px; background:url("pl4.png") no-repeat;}
.imp h4{font-size:24px; font-family:'roboto'; color:#0f73a0;}
.imp p {font-size:14px;margin-top:16px;font-family:'roboto'; color:#404244;}
#call b {text-decoration:underline;}
 @media screen and (max-width: 1290px) {.pl3 {width:382px; padding:120px 355px 0 224px;} .hid {display:none;}}
	@media screen and (max-width: 1230px) {.pl3 {width:250px; padding:120px 355px 0 224px;} .hid {display:none;}}
	@media screen and (max-width: 1110px) {.pl1 {width:205px;}}
	@media screen and (max-width: 1080px) {.important {display:none;}}

.sxema {padding-top:57px;background:url("sxema.jpg") no-repeat top center; }
.step, step2 {overflow-x:hidden;}
.sxema {overflow:hidden;}
.sxema h2, .otziv h2, .portfolio h2, .sertif h2, .vopr h2{height:127px;font-size:60px; font-family:'open sans'; font-weight:600; text-align:center;}
.vopr {height:143px; background:url("vopr.jpg") no-repeat top center; padding-top:20px;}
 @media screen and (max-width: 640px) {.sxema h2, .otziv h2, .portfolio h2, .sertif h2{
	 font-size:47px;
} .step2 {float:left!important;}}
.sertif {background:url("back.jpg") repeat; height:670px;}
.sertif h2 {padding-top:20px;}
	@media screen and (max-width: 410px) {.sxema h4 {font-size:26px!important;} 
.step2 {float:left!important; width:320px!important;} .step{width:320px!important;}  .sxema p {font-size:12px;} .number {font-size:90px; width:103px;} .text .gold {
	 margin-left:103px!important; width:200px!important; } .seven .gold {font-size:15px;}}
.zayavka .gold {width:290px; color:#000; font-size:18px; padding:0 6px;}   
	 .square .gold {height:26px;padding-top:8px; font-size:12px; width:80%; margin:10px auto;}
	 @media screen and (max-width: 385px) {.square .gold {font-size:10px;} .service {height:690px;}}
.portfolio h2 {height:112px; background:url("sxema.jpg") no-repeat top center; display:block; text-align:center; padding-top:30px; line-height:1;}
.one {padding-top: 130px; height:269px; width:100%; background:url("one.jpg") no-repeat top center; background-size:cover;}
.two {padding-top: 110px; height:278px; width:100%; background:url("two.jpg") no-repeat top center;background-size:cover;}
.three {padding-top: 44px; height:357px; width:100%; background:url("three.jpg") no-repeat top center;background-size:cover;}
.four {padding-top: 125px; height:275px; width:100%; background:url("four.png") no-repeat top center;background-size:cover;}
.five {padding-top: 125px; height:275px; width:100%; background:url("five.jpg") no-repeat top center;background-size:cover;}
.six {padding-top: 125px; height:275px; width:100%; background:url("six.jpg") no-repeat top center;background-size:cover;}
.seven {padding-top: 125px; height:275px; width:100%; background:url("seven.jpg") no-repeat top center;background-size:cover;}
.number {height:240px;font-family:'roboto slab'; font-weight:100; font-size:120px; width:152px; float:left; }
.text h4 {padding-top:31px;font-size:36px; font-family:'roboto'; font-weight:700; color:#0e9dde;}
.text p {font-family:'roboto';  font-size:14px; margin-top:10px; }
.step {float:left; width:480px;}
.step2 {float:right; width:465px;}
.two .step2 {width:570px;}
.four .step2{width:591px;}
.seven .step {width:570px;}
.otziv h2 {height:156px;}
.otziv {height:811px;padding-top:57px; background:url("back.jpg") no-repeat top center; background-size:cover; }
.otz {margin-bottom:47px;width:50%; float:left; background:url("otziv.png") no-repeat top center; height:254px;}
.otz div {margin:-10px auto 0 auto;width:417px; text-align:center;}
.otz div h3 {font-family:'roboto'; font-size:24px; font-weight:600; color:#106792; margin-bottom:70px;}
.otz div p {color:#848282; font-size:14px; font-family:'roboto'; }
@media screen and (max-width: 970px) {.otz {
	 width:100%;} .otziv {height:1330px;}
}
 @media screen and (max-width: 590px) {.sxema h4 {font-size:26px!important;} 
.step2 {float:left!important; width:400px!important;} .step{width:400px!important;}  .sxema p {font-size:12px;} }
@media screen and (max-width:470px) {.assort h2 {margin-left:0px!important;} }
@media screen and (max-width:440px) {.assort h2 {float:left; font-size:50px;} .assort h3 {float:left;}}

	@media screen and (max-width: 410px) {.sxema h4 {font-size:26px!important;} 
.step2 {float:left!important; width:320px!important;} .step{width:320px!important;}  .sxema p {font-size:12px;} .number {font-size:90px; width:103px;} }

/*.portfolio {height:750px;}
.ob {height:100%; text-align:center;}
.portfolio a {display:inline-block;width:20%; float:left; max-height:308px; position:relative; height:33%;}
.portfolio a img {height:100%; width:100%;}
.portfolio a:hover .fon {position:absolute; top:0px;width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:10;}
@media screen and (max-width: 1250px) {.portfolio a {width:25%;}}
@media screen and (max-width: 900px) {.portfolio a {width:33%;height:23%;}}*/


.apl {
		border: 1px solid #d0d2d3;
		border-radius: 4px;
		height: 20px;
		margin: 26px 10px;
		width: 200px;
}
.calc .gold {text-align:center; display:inline; height:48px; padding-top:0px;}
.zayavka .gold {height:48px;}
.contact {position:relative;}
.cont_data {height:438px; width:314px; background:rgba(244, 245, 242, 0.8); position:relative; z-index:89;padding-top:25px;}
.data { 
		border: 1px solid #b4b4b2;
		height: 413px;
		margin: 0 12px;
		padding-left: 20px;
		padding-right: 18px;
		padding-top: 0px;
		width: 248px;
}
.data h3 {margin-top:30px;color:#111; font-size:18px; font-family:HelveticaNeueCyrBold; text-transform:uppercase; margin-bottom:30px;}
.data p {color:#111; font-size:16px; font-family:HelveticaNeueCyrLight;  margin-bottom:30px;}
.data .line {
		background: none repeat scroll 0 0 #019ee2;
		display: block;
		height: 3px;
		margin: 8px 0;
		width: 89px;
}
.vopr {text-align:center;}
.vopr .line {
		background: none repeat scroll 0 0 #019ee2;
		display: block;
		height: 3px;
		margin: -18px auto 0 auto;
		width: 89px;
}
.address {margin-top:30px; margin-bottom:0px; font-size:18px;font-family:HelveticaNeueCyrMedium!important;}
.map {position:absolute; top:0px; width:100%; height:500px; z-index:1;}
.manager {position:relative;text-align:center;height:65px; background:#f4f4f4; width:100%; padding-top:0px;}
.manager .main {position:relative;}
.manager .btn {
		color: #009fe3;
		font-family: "HelveticaNeueCyrLight";
		font-size: 16px;
		font-weight: 400;
	border-bottom:1px dashed #009fe3;
	 
}
#small-modal .button, #small-modal2 .button, #small-modal3 .button, #small-modal4 .button, #small-modal5 .button, #small-modal6 .button, #small-modal77 .button, #small-modal8.button, #small-modal9.button, #small-modal10.button, #small-modal11.button, #small-modal12.button, #small-modal13.button {
width:120px;
}


.modal {
bottom:0;
display:none;
left:0;
outline:0 none;
position:fixed;
right:0;
top:0;
z-index:1050;
}

.modal.fade .modal-dialog {
transform:translate(0px,-25%);
transition:transform .3s ease-out 0;
}

.modal.in .modal-dialog {
transform:translate(0px,0px);
}

.modal-dialog {
position:relative;
width:auto;
margin-top:18%!important;
margin:10px;
}
.group1 {overflow:hidden; top:-4px;}
.group1 img:hover {opacity:0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity=80) black;
	-khtml-opacity: 0.8;}

.box-modal .modal-content {
		border: 4px solid #ffd200 !important;
		height: 311px;
		margin-bottom: 0;
		position: relative;
		width: 352px;
		z-index: 999;
	margin:0 auto;
}
.box-modal .modal-content2 {
		height: 395px;
	width: 375px;
}


.modal-content .close {position:absolute; background:url("close.png") no-repeat top center; top:-45px; right:-45px; border:none; width:38px; height:38px;}
.box-modal .modal-content h2  {padding-top:10px;font-size:35px;text-align:center;font-family:UniSansThin;}
#feedback-modal-box h2 {padding-top:10px;font-size:35px;text-align:center;font-family:UniSansThin;}
.box-modal .modal-content h2 b {font-family:UniSansHeavy; text-align:center;}
#feedback-modal-box h2,.top {padding-top:50px;}
#feedback-modal-box{border: 4px solid #ffd200 !important;
		height: 311px;
		margin: 0 auto;
		position: relative;
		width: 352px;
		z-index: 999;}
#feedback-modal-box p {
		font-family: PFBeauSansProBook;
		font-size: 16px;
		text-align: center;
}
.box-modal p {font-family:PFBeauSansProBook;font-size:16px; text-align:center;}
.modal-body,  #feedback-infolist {   background: none repeat scroll 0 0 #fff;
		height: 301px;
		margin: 5px;
		width: 340px;}
.modal-body2 {
		height: 385px;
	width: 365px;}
#basicModal2 .modal-content {
background-clip:padding-box;
background-color:#fff;
border:1px solid rgba(0,0,0,0.2);
box-shadow:0 3px 9px rgba(0,0,0,0.5);
outline:0 none;
position:relative;
width:405px;
height:300px;
margin:160px auto;
padding:0 40px;
}
#feedback-modal-box {}
#small-modal .modal-content span, #small-modal2 .modal-content span, #small-modal3 .modal-content span, #small-modal77 .modal-content span,#small-modal8 .modal-content span, #small-modal9 .modal-content span, #small-modal10 .modal-content span, #small-modal11 .modal-content span, #small-modal12 .modal-content span, #small-modal13 .modal-content span, .modal-content span {
font-family:'open sans';
font-size:14px;
display:inline-block;
width:60px;
float:left;
}

body{overflow-y:scroll!important;}

#basicModal2 .input {
width:378px;
}

.mar {
margin-right:3px;
}

.input-l {
width:174px;
border:1px solid #dddddd;
color:#858585;
height:14px;
padding:10px 11px;
}

.modal-content h4 {
font-size:27px;
font-family:calibri;
text-align:center;
}

.modal-backdrop {
background-color:#000;
bottom:0;
left:0;
position:fixed;
right:0;
top:0;
z-index:1040;
}

.modal-backdrop.fade {
opacity:0;
}

.modal-backdrop.in {
opacity:0.5;
}

.modal-header {
padding:27px;
}

.modal-header .close {
margin-top:-2px;
}

.entry-content .modal-title {
font-size:140%;
line-height:1.42857;
margin:0;
}

.modal-body {
position:relative;
}

.modal-footer {
margin-top:15px;
text-align:right;
padding:19px 20px 20px;
}

.modal-footer .btn + .btn {
margin-bottom:0;
margin-left:5px;
}

.modal-footer .btn-group .btn + .btn {
margin-left:-1px;
}
input[type="checkbox"],
input[type="radio"] {
		display:none;            
}
input[type="checkbox"] + label, 
input[type="radio"] + label {
	font: 18px bold;
	color: #444;
	cursor: pointer;
}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
		content: "";
		display: inline-block;
		height: 24px;
		width: 24px;
		margin: 0 5px 0 0;
	
}
input[type="checkbox"] + label::before {
		background:url("uncheck.jpg") no-repeat top center;    
}

input[type="checkbox"]:checked + label::before {
	 background:url("check.jpg") no-repeat top center; 
}
	

#calc {margin-top:104px;-webkit-box-shadow: 1px 1px 2px 4px #f2f2f2;
box-shadow: 1px 1px 2px 4px #f2f2f2;}
.mat {float:left;margin-right:35px; }
.room {float:left; width:252px; margin-right:30px;}
.dop {width:205px; float:left;}
.dop input {height:20px;margin:0px 0; width:38px; border:1px solid #d0d2d3; border-radius:4px; float:right;}
.dop p  {margin-bottom:26px;font-size:16px; color:#2e4a68; text-transform:uppercase; font-family:'open sans'; font-weight:700;}
.dop p span {background:none!important; float:right; font-size:16px!important; margin-top:4px; text-transform:lowercase;}
.mat ul {width:352px; }
.mat ul li {margin-bottom:50px;height:24px;width:50%; float:left;}
.mat ul li label {display:inline-block; vertical-align:middle;height:24px;font-size:16px; color:#2e4a68; text-transform:uppercase; font-family:'open sans'; font-weight:700;}
.mat label p {padding-left:10px;float:right;}
.mat h4 {background:url("calc1.jpg") no-repeat top left;margin-top:35px;height:34px; display:inline-block; padding-left:50px;font-size:18.65px; font-weight:600; font-family:'open sans'; text-decoration:underline; margin-bottom:35px;}
.room h4 {background:url("calc2.jpg") no-repeat top left;margin-top:35px;height:34px; display:inline-block; padding-left:50px;font-size:18.65px; font-weight:600; font-family:'open sans'; text-decoration:underline; margin-bottom:35px;}
.dop h4 {background:url("calc3.png") no-repeat top left;margin-top:35px;height:34px; display:inline-block; padding-left:50px;font-size:18.65px; font-weight:600; font-family:'open sans'; text-decoration:underline; margin-bottom:35px;}

#calc .gold img {margin-left:30px;}
.room p {font-size:16px; color:#2e4a68; text-transform:uppercase; font-family:'open sans'; font-weight:700;}
.room input {height:20px;margin:26px 0; width:135px; border:1px solid #d0d2d3; border-radius:4px;}
.footer {background:#202020; height:40px; text-align:center; color:#fff; font-family:'HelveticaNeueCyrLight'; font-size:14px; padding-top:25px}
#countbox-days1 {width:20px!important;}
.gold img {float:left; margin-left:19px;}
.contact .gold {text-align:left;}
.imp2 {width:100%; }
.imp2 img {width:100%;}
@media screen and (max-width: 1090px) {.carousel {max-width:744px!important;} .carousel-wrapper {width:688px;}}
@media screen and (max-width: 750px) {.carousel-block {
		border: 3px solid #0e9dde;
		float: left;
		height: 252px!important;
		margin: 24px;
		padding: 20px;
		width: 180px!important;
}.carousel-block img {width:179px;}.carousel {max-width:603px!important;} .carousel-wrapper {width:548px;} .carousel-button-left a, .carousel-button-right a {top:118px!important;}}
@media screen and (max-width: 610px) {.carousel {max-width:334px!important;} .carousel-wrapper {width:274px;}}
@media screen and (max-width: 480px) {.otz div {width:317px;} .otz div p {font-size:12px;}}
@media screen and (max-width: 320px) {.otz div {width:250px;} .otz div p {font-size:12px;}}
/*@media screen and (max-width:1000px) {#calc{width:900px;}}*/

@media screen and (max-width:1000px) {#calc{padding-left:18px;} .mat {width:318px; margin-right:0px;} .mat ul {width:302px;} .room {width:252px; margin-right:-45px;}}
@media screen and (max-width: 740px) {#calc{padding-left:18px;} .mat {height:218px;} .room {float:left; } .mat ul li{margin-bottom:15px;} .dop{float:none;} .room input {margin:13px 0;} .dop p {margin:15px 0;} .calc {height:793px;} #calc {height:750px;}.calc h2 {font-size:30px!important;}}
@media screen and (max-width: 540px) {#calc{padding-left:18px;} .mat {height:218px; float:none;} .room {float:none; } .mat ul li{margin-bottom:15px;} .room input {margin:13px 0;} .dop p {margin:15px 0;} .calc {height:1060px;} #calc {height:1040px;}.calc h2 {font-size:30px!important;}}


/*@media screen and (max-width: 980px) {.imp {left:-156px;} }*/
@media screen and (max-width: 800px) {.imp {display:none;} }
@media screen and (max-width: 740px) {.comment {right:0px;} }
/*@media screen and (max-width: 560px) {.comment {right:2%; width:471px;} .comment_inner {width:409px;} .comment p {font-size:13px;}}
@media screen and (max-width: 500px) {.inj{display:none;}}*/

@media screen and (max-width: 415px) { .data {padding-left:25px;}}
@media screen and (max-width: 515px) { .man img {margin-left:-100px!important;}}
@media screen and (max-width: 425px) { .man{display:none;}}

@media screen and (max-width: 600px) {.vopr h2 {font-size:30px;} }
.timer2 {
		color: #585858;
		font-size: 18pt;
		font-weight: 800;
		height: 0;
		position: absolute;
		text-align: left;
		top: 0px!important;
		width: 32px;
}
.timer {
		color: #585858;
		font-size: 18pt;
		font-weight: 800;
		height: 0;
		position: absolute;
		text-align: left;
		top: 0px!important;
		width: 32px;
}
.tm_hint {
		color: #373838;
		font-size: 8pt;
		font-weight: 600;
		height: 0;
		position: absolute;
		text-align: left;
		top: 40px!important;
		width: 32px;
}
.count {position:relative; width:156px ;height:46px; background:url("timer.png") no-repeat;}
#day1{left:7px!important; margin-top:1px}
#day2{left:23px!important; margin-top:1px}
#hour1{left:47px!important; margin-top:1px}
#hour2{left:61px!important; margin-top:1px}
#mint1{left:83px!important; margin-top:1px}
#mint2{left:96px!important; margin-top:1px}
#sec1{left:120px!important; margin-top:1px}
#sec2{left:136px!important; margin-top:1px}
#day12{left:7px!important; margin-top:1px}
#day22{left:23px!important; margin-top:1px}
#hour12{left:47px!important; margin-top:1px}
#hour22{left:61px!important; margin-top:1px}
#mint12{left:83px!important; margin-top:1px}
#mint22{left:96px!important; margin-top:1px}
#sec12{left:120px!important; margin-top:1px}
#sec22{left:136px!important; margin-top:1px}


	.display-animation > *, .item-grid > *, .products > * {
		transform: scale(0, 0);
		transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s;
}
.no-js .display-animation > *, .no-js .item-grid > *, .no-js .products > * {
		transform: scale(1, 1);
}
.display-animation.animating-in > *, .item-grid.animating-in > *, .products.animating-in > * {
		transform: scale(1, 1);
}
.display-animation.animating-out > *, .item-grid.animating-out > *, .products.animating-out > * {
		transform: scale(0, 0);
}
.carousel-block img {width:100%;}

.inner {width:100%;
		max-width: 1140px;
	margin:0 auto;
}
.block_footer_email {
		background: url("icon_footer_email_1.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
		float: left;
		font-size: 14px;
		margin-top: 25px;
		padding-left: 29px;
}
.block_footer_email a {
		font-size: 14px;
	color:#000; text-decoration:none;
}
.block_footer_phone {
		background: url("icon_footer_phone_1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		float: left;
		font-size: 14px;
		margin-left: 31px;
		margin-top: 25px;
		padding-left: 32px;
}
.block_footer_phone a {
		font-size: 14px;
}
.block_footer_question {
		color: #202020;
		float: left;
		font-size: 18px;
		font-weight: 300;
	 position:absolute; width:100%; max-width:1140px; text-align:center;
		margin-top: 25px;
}
.block_footer_question a {
		color: #009fe3;
		font-family: "HelveticaNeueCyrLight";
		font-size: 18px;
		font-weight: 400;
		display: inline-block;
	 
		font-weight: 300;
		padding-bottom: 6px;
}
.block_footer_question a:hover {
		border-color: transparent;
		text-decoration: none;
}
.block_footer_developer {
		float: right;
}
.block_footer_developer .text {
		float: left;
		font-size: 14px;
		padding-top: 25px;
			color: #000000;
		font-family: "Open Sans",Helvetica,Arial,sans-serif;
	 
}
.block_footer_developer .logo {
		float: left;
		margin-left: 30px;
		padding-top: 17px;
}
.block_footer_developer .logo img {
		display: block;
}
@media screen and (max-width: 885px) {.block_footer_developer, .block_footer_phone, .block_footer_email {display:none;} }
.btn {cursor:pointer;}
.contact .main {padding-top:20px;}
.stil {
		border: 1px solid #bdbdbd;
		color: #b1b1b1;
		font-family: "roboto";
		font-size: 14px;
		margin-top: 13px;
	padding:0 5px!important;
	height:28px;
	 
}
.pricing-table {margin-top:10px; margin-bottom:10px;float:left; width:294px;text-align:center;color:#434343;font-family:'open sans'; font-weight:700; font-size:24px;  border-top:7px solid #fff; border-bottom:7px solid #fff;box-shadow: 1px 1px 40px 10px #f9f9f9; border-radius:6px;}
.pricing-table li {margin:0 7px;background:#f6f3f3;}
.pricing-table li p {padding: 12px 0px; margin:0!important}
.country {padding-bottom:19px;}
.country span{display:block;height:3px; width:39px; margin:19px auto 0 auto;}
.blue .country span {background:#03a9ff;}
.green .country span {background:#85c300;}
.red .country span {background:#db3f1b;}
.light {font-size:18px;}
.country b{font-size:18.63px;color:#0e2f51; background:#ffc603; padding:0 5px; }
.pricing-table .upper {height:20px!important;background:#dfdfdf;text-transform:uppercase; color:#0e2f51; font-size:11.43px;}
.table-heading { padding-top:10px;font-weight:800; font-size:40px;}
.blue .table-heading {color:#03a9ff;}
.green .table-heading {color:#85c300;}
.red .table-heading {color:#db3f1b;}
.blue .table-heading-two {background:#03a9ff;}
.green .table-heading-two {background:#85c300;}
.red .table-heading-two {background:#db3f1b;}
.green {margin:10px 50px;}
.table-heading-two {color:#fff; font-size:36px; font-weight:800; padding:5px 0 10px 0;line-height:1; margin:0!important;}
.table-heading-two .upper {background:none;}
.price h2 {
		float: left;
		font-family: "open sans";
		font-size: 60px;
		font-weight: 600;
		line-height: 1.1;
		padding-top: 40px;margin-bottom:20px;
}
.price h3 span {
		background: none repeat scroll 0 0 #ffc603;
		display: inline-block;
		font-family: "open sans";
		font-size: 18.75px;
		font-weight: 600;
		height: 21px;
		line-height: 0.9;
		margin-bottom: 3px;
		padding: 0 5px;
}
.main2 {width:990px; margin:0 auto;}
.price h3 {
		display: inline-block;
		margin-top: 125px;
	margin-left:10px;}
.price p {font-size:17px;font-family:'open sans'; color:#0e2f51; margin-bottom:20px;}	
.gold2 {width:210px; height:26px; display:block; background:url("gold1.png"); font-family:'roboto'; font-size:12px; text-transform:uppercase; padding-top:10px; text-decoration:none; margin:0px auto;color:#1e1e1e;}

.gold3 {
		width: 380px;
		height: 45px;
		display: block;
		background: url("button_form.png")no-repeat;
		font-family: 'roboto';
		font-size: 20px;
		text-transform: uppercase;
		padding-top: 10px;
		text-decoration: none;
		margin: 540px 0px 0px 520px;
		color: #fff;
		font-weight: 700;
}
.gold4 {width:210px; height:26px; display:block; background:url("gold1.png"); font-family:'roboto'; font-size:12px; text-transform:uppercase; padding-top:10px; text-decoration:none; margin:520px auto;color:#1e1e1e;}
.gold5 {width:210px; height:26px; display:block; background:url("gold1.png"); font-family:'roboto'; font-size:12px; text-transform:uppercase; padding-top:10px; text-decoration:none; margin:0px auto;color:#1e1e1e;}
.table-btn-2 {height:61px; padding-top:20px;}
.gold2:hover {background:url("gold2.png");}
@media screen and (max-width: 990px) {.pricing-table {width:250px;} .green{margin:10px 20px;} .main2 {width:790px;}}
@media screen and (max-width: 890px) {.price .main {margin:0 15px;}.price h3{margin-left:-248px; margin-top:61px;} }
@media screen and (max-width: 850px) {.pricing-table {width:240px;} .green{margin:10px 14px;} .table-heading-two {font-size:25px;} .main2 {width:750px;} }
@media screen and (max-width: 780px) {.pricing-table {width:227px;} .green{margin:10px 14px;} .table-heading-two {font-size:25px;} .main2 {width:710px;}}
@media screen and (max-width: 710px) {.pricing-table {float:none; margin:20px auto;}  .table-heading-two {font-size:25px;}}
@media screen and (max-width: 620px) {.price h2 {font-size:43px; }.price h3{margin-left:-186px; margin-top:49px; } .price h3 span { line-height:1.4;font-size:13.75px;}}
@media screen and (max-width: 470px) {.price h2 {font-size:36px; }.price h3{margin-left:-146px; margin-top:41px; }}
@media screen and (max-width: 410px) {.price h3{margin-left:0px; margin-top:0px; }}

.table-info{width:100%; height:100%; display:block;min-height:980px;}
.table-info .table:nth-child(odd) {margin-right:25px;}
.table {margin-top:30px;padding:10px; width:445px; float:left; height:398px; background:#e9e9e9; border:7px solid #fff;box-shadow: 1px 1px 4px 4px #f2f2f2; border-radius:6px;}
.table img {float:left; margin-right:15px;margin-bottom:15px;}
.table h4 {font-size:18px; font-family:open sans; font-weight:800; text-transform:uppercase; color:#434343; margin-bottom:15px;}
.table .gold2 {float:left; font-weight:700; text-align:center;}
.table table {margin-bottom:20px;
box-shadow: 0 20px 50px  -25px rgba(124, 124, 124, 1) , 0 -20px 50px  -25px rgba(124, 124, 124, 1); width:100%;font-size:14px; font-weight:700; text-transform:uppercase;font-family:open sans; border:1px solid #e9e9e9; border-bottom:0; border-top:0;}
.table td {border-right:1px solid #e9e9e9;padding:7px 15px;}
 .table tr:nth-child(odd) {background:#fff;}
	.table tr:nth-child(even) {background:#f2f2f2;}
	.table tr td:nth-child(2) {text-align:center;}
	.table p {text-align:right; font-size:48px; font-family:open sans; font-weight:700; color:#434343; display:inline-block; float:right;}
	.table p:before {display:inline-block; content:'цена'; float:left; font-size:18px; color:#000; background:#ffda3d; padding:0 10px; margin-top:22px; margin-right:20px;}
	@media screen and (max-width: 990px) {.table {float:none; margin:30px auto 0 auto!important;}}
label.left:before {
		border-bottom: 5px solid transparent;
		border-left: 5px solid #cc180a;
		border-top: 5px solid transparent;
		margin: -5px 5px 0 0;
		right: 100%;
		top: 50%;
}
label.left:after {
		margin: -16px 10px 0 0;
		right: 100%;
		top: 50%;
} 
label:before, label:after {
		display: block;
		opacity: 0;
		position: absolute;
		visibility: hidden;
		z-index: 900;
}
 label.red {
		border: 1px solid #cc180a;
}
label.red:before, label.red:after {
		opacity: 1;
		visibility: visible;
}
label:before {
		content: "";
		height: 0;
		line-height: 0;
		position: absolute;
		width: 0;
}
label:after {
		background-color: #cc180a;
		border-radius: 4px;
		color: #fff;
		content: attr(data);
		cursor: pointer;
		font-family: "BlissPro-Medium";
		font-size: 14px;
		height: 20px;
}
label:after {
		line-height: 10px;
		padding: 11px 11px 0;
		white-space: nowrap;
}
/* Footereven







/*KDAs STYLES*/
.tbl{
	display: table;
	width: 100%;
}
.tbl-row{
	display: table-row;
}
.tbl-cell{
	display: table-cell;
}
.mdl{
	vertical-align: middle;
}
.vat{
  vertical-align: top;
}
.txt-cent{
	text-align: center;
}
.txt-left{
	text-align: left;
}
.txt-rght{
	text-align: right;
}
.fl-lft{
  float:left;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.d-i-b{
  display: inline-block;
}

[class*="kd-col-"] {
    float: left;
}
.kd-row:after {
    content: "";
    clear: both;
    display: block;
}

.kd-col-1 {width: 8.33%;}
.kd-col-2 {width: 16.66%;}
.kd-col-3 {width: 25%;}
.kd-col-4 {width: 33.33%;}
.kd-col-5 {width: 41.66%;}
.kd-col-6 {width: 50%;}
.kd-col-7 {width: 58.33%;}
.kd-col-8 {width: 66.66%;}
.kd-col-9 {width: 75%;}
.kd-col-10 {width: 83.33%;}
.kd-col-11 {width: 91.66%;}
.kd-col-12 {width: 100%;}









.wrapper{
	position: relative;
}

.anim-slider{
	top:0;
}



.kd89-sect-1 *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
}

.kd89-sect-1{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 120px 0 20px 0;
	background:  #fff url("kd89-sect-1-bg.jpg") no-repeat center bottom;
	min-height: 656px;
	-webkit-background-size: cover;
	background-size: cover;
}


.kd89-cont{
	width: 990px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 0px;

}

.kd89-sect-1__wrapper-1{
	padding: 10px 10px 10px 0;
}
.kd89-sect-1__wrapper-2{
	padding: 10px 0 10px 10px;
}
.kd89-sect-1__title-1{
	font-size: 37px;
	font-weight: 800;
	color: #053c56;
}

.kd89-sect-1__title-1 span{
	color:#ff6001;
}
.kd89-sect-1__title-2{
	font-size: 22px;
	font-weight: 800;
	color: #053c56;
	margin-top: 150px;
}
.kd89-sect-1__title-3{
	font-size: 23px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
}
.kd89-sect-1__descr-1{
	color: #053c56;
	font-size: 18px;
}
.kd89-sect-1__price-1{
	color: #ff6001;
	font-size: 24px;
	font-weight: 800;
}
.kd89-sect-1__price-2{
	color: #053c56;
	font-size: 24px;
	font-weight: 800;
}

.kd89-sect-1__price-2 span{
	display: inline-block;
	position: relative;
}
.kd89-sect-1__price-2 span:before {
	content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 3px; /* ADJUST HEIGHT TO ADD WEIGHT */
  background: #053c56; /* CHANGE COLOR TO SUIT */
}

.kd89-sect-1__form-ov{
	width: 100%;
	border-radius: 10px;
	background-color: rgba( 0, 0, 0, 0.45);
	padding: 15px 29px;
}

.kd89-sect-1__item{
	display: inline-block;
	font-size: 16px;
}
.kd89-sect-1__item span{
	display: inline-block;
	color: #fff;
	margin-bottom: 10px;
}

.kd89-sect-1__item.item-1{
	float: left;
}
.kd89-sect-1__item.item-2{
	float: right;
}
.kd89-sect-1__item.item-3{
	float: left;
}
.kd89-sect-1__item.item-4{
	float: right;
}
.kd89-sect-1__item.item-5{
	/*float: right;*/
	display: block;
}
.kd89-sect-1__item.item-6{
	/*float: right;*/
	display: block;
}
.kd89-sect-1__wrapper-2{
	padding-left: 40px;
}
.kd89-sect-1__inp-sh{
	display: block;
	width: 100%;
	max-width: 88px;
	border: 1px solid #969696;
	background-color: #eaeaea;
	height: 30px;
	outline: none;
	padding: 0 10px;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.kd89-sect-1__inp-sh:focus{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);

	background-color: #fff;
}
.kd89-sect-1__inp-big{
	display: block;
	width: 100%;
	border: 1px solid #969696;
	background-color: #eaeaea;
	height: 30px;
	outline: none;
	padding: 0 10px;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.kd89-sect-1__inp-big:focus{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);

	background-color: #fff;
}
.kd-block-1{
	padding-right: 16px;
}
.kd-block-2{
	padding-left: 16px;
}
.kd-block-3{
	padding-right: 16px;
}
.kd-block-4{
	padding-left: 16px;
}
.kd89-sect-1__line-2{
	margin-top: 20px;
}
.kd89-sect-1__line-3{
	text-align: center;
}
.kd89-sect-1__submit{
	width: 206px;
	text-align: center;
	display: inline-block;
	padding: 5px 10px;
	font-size: 18px;
	color: #fff;
	font-weight: 400;
	background: rgba(254,98,1,1);
	background: -moz-linear-gradient(top, rgba(254,98,1,1) 0%, rgba(222,89,7,1) 50%, rgba(222,89,7,1) 51%, rgba(186,80,14,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,98,1,1)), color-stop(50%, rgba(222,89,7,1)), color-stop(51%, rgba(222,89,7,1)), color-stop(100%, rgba(186,80,14,1)));
	background: -webkit-linear-gradient(top, rgba(254,98,1,1) 0%, rgba(222,89,7,1) 50%, rgba(222,89,7,1) 51%, rgba(186,80,14,1) 100%);
	background: -o-linear-gradient(top, rgba(254,98,1,1) 0%, rgba(222,89,7,1) 50%, rgba(222,89,7,1) 51%, rgba(186,80,14,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,98,1,1) 0%, rgba(222,89,7,1) 50%, rgba(222,89,7,1) 51%, rgba(186,80,14,1) 100%);
	background: linear-gradient(to bottom, rgba(254,98,1,1) 0%, rgba(222,89,7,1) 50%, rgba(222,89,7,1) 51%, rgba(186,80,14,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6201', endColorstr='#ba500e', GradientType=0 );
	border: none;
	border-radius: 5px;
	outline: none;
	margin-top: 20px;
	cursor: pointer;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.kd89-sect-1__submit:hover{
	opacity: 0.8;
}

.kd89-sect-1__sub-block{
	padding: 20px 40px;
}

.kd89-sect-1__sub-block p{
	font-size: 18px;
	font-weight: 800;
	color: #053c56;
	margin-bottom: 15px;
}
.kd89-sect-1__sub-block li{
	color: #053c56;
	padding: 2px 0;
	font-weight: 500;
}

.kd89-sect-1__sub-block li:before{
	content:"";
	display: inline-block;
	width: 8px;
	height: 10px;
	margin-right: 15px;
	background: transparent url("kd89-ico-1.png") no-repeat center;
}


.kd89-sect-2__title{
	font-family: 'open sans';
  font-weight: 700;
  font-size: 25px;
  text-align: center;
  width: 100%;
  display: block;
  padding: 65px 0 0 0;
}

.anim-slide.slide1 .main{
	/*height: auto;*/
}
.slide1 .type li {
  top: 200px;
}