/* fonts */
@font-face {
	font-family: 'KelsonSans Rg';
	src: url("../fonts/KelsonSansRegularRU.otf");
}
@font-face {
	font-family: 'KelsonSans Bold';
	src: url("../fonts/KelsonSansBoldRU.otf");
}
@font-face {
	font-family: 'KelsonSans Light';
	src: url("../fonts/KelsonSansLightRU.otf");
}
*{
	margin: 0px;
	padding: 0px;
}
html, body{
	margin: 0px;
	padding: 0px;
}
ul, menu{ margin: 0px; padding: 0px; list-style: none; }
ol{ margin: 0px; padding: 0px;}
A { outline: none; color: #fff; text-decoration: none; transition: all 300ms ease 0s;}
A img{ outline: none; border: none;}
.disabled{ display: none; }
.clear { clear: both; }

div .about A { outline: none; text-decoration: underline; color: #204A87; text-decoration: none; transition: all 300ms ease 0s;}

a.icon-down {
	opacity:0.7;
}
.sub{
	font-family: "KelsonSans Rg";
	color: #fff;
	text-align: left;
	font-size: 25px;
	line-height: 1.5;
}
.sub p{
	margin-bottom: 20px;
}
h1{
	margin-bottom: 40px !important;
	font-size: 50px !important;
	width: 100% !important;
}
h1 span{
	padding: 9px 15px 2px 15px !important;
	display: inline-block !important;
}
a:hover.icon-down {
	opacity:1;
}

/* header */
header{
	padding: 40px 0px 0px 0px;
	width: 100%;
	min-width: 1200px;
	text-align: left;
	font-size: 0px;
}
header .logo, header .header_info, header .call{
	display: inline-block;
	vertical-align: top;
}
header .logo{
	width: 210px;
}
header .header_info{
	margin: 0px -15px 0px 0px;
	padding: 0px 10px 0px 10px;
	float: right;
	width: 290px;
	font: 20px/26px 'KelsonSans Rg',sans-serif;
	text-align: right;
	border-radius: 10px; 
	color:#fff;
}
header .header_info a{
	color: #fff;
	text-decoration: underline;
}
header .header_info a:hover{
	text-decoration: none;
}
header .call{
	margin: 0 85px 0px 230px;
	width: 250px;
	text-align: center;
	font: 24px/42px 'KelsonSans Rg',sans-serif;
	color: #fff;
}
header .call a{
	color: #bddeff;
}
/* footer */
footer{
	padding: 45px 0px 35px;
	width: 100%;
	background: rgba(4, 68, 29, 0.67) none repeat scroll 0% 0%;
	border-bottom: 12px solid #36561c;
	text-align: left;
	font-size: 0px;
}
footer .logo, footer .header_info, footer .call{
	display: inline-block;
	vertical-align: top;
}
footer .logo{
	width: 200px;
}
footer .header_info{
	margin: 0px 160px 0px 220px;
	width: 260px;
	font: 22px 'KelsonSans Rg',sans-serif;
	text-align: center;
}
footer .header_info a{
	color: #36277b;
	text-decoration: underline;
	cursor: pointer;
}
footer .header_info a.btn_popup{
	font: 14px 'KelsonSans Rg',sans-serif;
	color: #fedfdf;
}
footer .header_info a:hover{
	text-decoration: none;
}
footer .call{
	float: right;
	width: 250px;
	text-align: right;
	font: 26px/30px 'KelsonSans Rg',sans-serif;
	color: #36277b;
}
footer .call a{
	color: #36277b;
}
/* section */
section{
	margin: 0px auto;
	width: 100%;
	/*min-width: 1200px;*/
	text-align: center;
	overflow-x: hidden;
}
section.head{
	background: url(../images/bg.jpg) no-repeat 20% -40px #292929;
	background-size: auto; /*cover*/
	/*height: 445px; */
	padding-bottom: 70px;
}
section.about{
	background: #ffffff;
/* 	background-size: cover; */
	padding: 0px 0px 50px;
	border-top: 3px solid #888A85;
}


.vagonka {
	width: 100%;
	background: #ffffff;
	border-collapse: collapse;
	width: 960px;
	margin: 0 auto;
}

.vagonka td {
	border: 1px #c4c4c4 solid;
	
}

.vagonka td img {
	margin: 10px 20px;
}

.vagonka td:nth-child(2n+1) {
	padding: 0 0 0 20px;
	text-align: left;
}

.vagonka td:nth-child(2n) {
	text-align: center;
}

.expand-table {
	width: 260px;
	margin: 0 auto;
	border-radius: 16px;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	background: #ff6826;
	color: #ffffff;
	cursor: pointer;
}

.collapse-expand {
	display: none;
}



.kraska-info {
	width: 500px;
	float: left;
}

.kraska-info-first {
	margin-right: 100px;
}

.kraska-info img {
	display: block;
	width: 300px;
	margin: 0 auto;
}

.usage, 
.kraska-info h4 {
	text-align: center;
	margin: 20px 0;
}

.kraska-info p {
	padding: 0 0 10px 0 !important;
	color: #575757 !important;
}

ul.mark {
	list-style: disc outside;
	padding-left: 40px;
}





























section.why{
	background: url(../images/why.jpg) no-repeat 50% 0;
	background-size: cover;
	padding-bottom: 60px;
}
section.cases{
	background: url(../images/cases.jpg) no-repeat 50% 0;
	background-size: cover;
	padding-bottom: 40px;
}
section.comments{
	margin: -263px 0px 0px 0px;
	background: url(../images/comment.png) no-repeat 50% 50% rgba(200,54,68,0.67);
	-webkit-box-shadow:inset 0 5px 2px 0 rgba(0,0,0,0.14);
	box-shadow:inset 0 5px 2px 0 rgba(0,0,0,0.14);
	height: 263px;
}
section.request{
	background: url(../images/request.jpg) no-repeat 50% 0;
	background-size: cover;
	padding-bottom: 60px;
	border-top: 3px solid #888A85;
}
section.request2{
	background: url(../images/request2.jpg) no-repeat 50% 0;
	background-size: cover;
	height: 376px; 
	border-top: 3px solid #b0cc2c;
	border-bottom: 3px solid #b0cc2c;
}
section.request3{
	background: url(../images/request3.jpg) no-repeat 50% 0;
	background-size: cover;
	height: 437px; 
	border-top: 3px solid #888A85;
	border-bottom: 3px solid #888A85;
}
section.price{
	background: url(../images/price.jpg) no-repeat 50% 0;
	background-size: cover;
	height: 662px; 
}
section.pack{
	background: url(../images/pack.jpg) no-repeat 50% 0;
	background-size: cover;
/* 	height: 687px;  */
	padding-bottom: 50px;
}
section.help{
	background: url(../images/help.jpg) no-repeat 50% 0;
	background-size: cover;
	height: 521px; 
}
.page{
	margin: 0px auto;
	padding: 1px 15px;
	max-width: 1100px;
	font: 16px/25px "OpenSans Rg",sans-serif;
}
section.price .page{
	width: 950px;
}
section h1{
	margin: 70px 0px 10px;
	font: 65px 'KelsonSans Rg',sans-serif;
	color: #fff;
	text-align: left;
	width: 70%;
	line-height: 50px;
}
section h1 span{
/*	margin: 0px 0px 0px 250px;*/
}
section h1 a{
	text-decoration: underline;
	color: #f7f7f7;
}
section h1 a:hover{
	text-decoration: none;
}
section h2{
	font: 30px 'KelsonSans Rg',sans-serif;
	color: #F2F2F2;
	text-align: left;
	width: 70%;
}
section h3{
	margin: 50px 0px 30px;
	font: 38px 'KelsonSans Rg',sans-serif;
	color: #112932;
}
section.help h3, section.request h3{
	color: #fff;
}
section.request2 h3{
	margin: 50px 0px 30px 70px;
	font: 26px/53px 'KelsonSans Rg',sans-serif;
}
section.request2 h3 span{
	display: block;
	background: #f6f6f6;
	border-bottom: 3px solid #fff;
	width: 600px;
}
section.request2 h3 span.b{
	margin: 0px 0px 0px 460px;
	background: #fff;
	width: 500px;
}
section h4{
	margin: 20px 0px 20px 40px;
	font: 22px 'KelsonSans Rg',sans-serif;
	color: #112932;
	text-align: left;
}
section ul.head{
	margin: 25px 0px 0px;
}
section ul.head li{
	margin: 10px 0;
	padding: 0px 20px;
	width: 630px;	
	background: rgba(220,255,55,0.78);
	font: 25px/55px 'OpenSans Rg',sans-serif;
	color: #112932;
	text-align: left;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	transition: all 300ms ease 0s;
}
section ul.head li:hover{
	background: rgba(220,255,55,1);
	cursor: default;
}
section .about{
	margin: 0px 0px 30px;
	padding: 20px 0 10px 0;
	background: #fff;
	position: relative;
}

.picture-yand {
	position: absolute;
	right: -100px;
	top: -100px;
	width: 310px;
	height: 250px;
	background: url(../images/yand.png) 0 0 no-repeat;
}

.picture-seo {
	position: absolute;
	right: -100px;
	top: -100px;
	width: 310px;
	height: 270px;
	background: url(../images/seo.png) 0 0 no-repeat;
}

.picture-comp {
	position: absolute;
	right: -100px;
	top: -100px;
	width: 310px;
	height: 305px;
	background: url(../images/comp.png) 0 0 no-repeat;
}

.equals-half {
	width: 550px;
	float: left;
	margin-bottom: 50px;
}
.mark.equals-mark {
	margin-top: 106px;
}
section.about .img{
	margin: 0px 0px 0px 50px;
	float: right;
	padding: 8px;
	width: 385px;
	background: #fff;
}
section.about p{
	padding: 0px 40px 10px;
	font: 16px/22px 'OpenSans Rg',sans-serif;
	color: #112932;
	text-align: left;
}
section.about ul li p{
	padding: 0px 40px 5px;
	margin-top: -23px;
}
section.price .page > p{
	font: 16px/22px 'OpenSans Rg',sans-serif;
	color: #222222;
}
section.price .page > p span{
	color: #ff6826;
}
section.pack .page > p{
	margin: 0px 40px;
	font: 16px/22px 'OpenSans Rg',sans-serif;
	color: #2a3a45;
	text-align: left;
}
section.pack .page > p span{
	color: #fff;
}
section.about .img p{
	padding: 10px 10px;
	font: 12px/22px 'OpenSans Rg',sans-serif;
}
section.about ul{
	margin: 5px 0px 0px;
	display: inline-block;
	vertical-align: top;
/* 	width: 510px; */
}
section.about ul li{
	margin: 0px 0px 5px;
	font: 16px/25px 'OpenSans Rg',sans-serif;
	color: #112932;
	text-align: left;
}
section.about ul li span{
	margin: 0px 15px 0px 0px;
	width: 25px;
	height: 25px;
	color: #fff;
	display: inline-block;
	text-align: center;
}
section.about ul.num li span{	background: rgba(68, 43, 4, 0.9) none repeat scroll 0% 0%;}
section.about ul.num li p { margin-top: -23px; }
section.about ul.mark li span{	background: #ffc21c;}
section.about .video{
	margin: 20px auto 0px;
	width: 460px;
	height: 305px;
	background: url(../images/video.jpg) no-repeat;
}
section.about .video a.btn_video{
	display: block;
	background: url(../images/btn_video.png) no-repeat 50% 50%;
	width: 460px;
	height: 305px;
	cursor: pointer;
}

section.about ul.num li span.color1 {	background: rgb(104, 155, 119) none repeat scroll 0% 0%;}

ul.whiteblock {
	list-style: none;
	display: block !important;
	width: 100% !important;
	margin: 30px 0 0 40px !important;
	vertical-align: middle !important; 
	padding-bottom: 40px;
}
ul.whiteblock li {
	padding: 0 120px 0 0;
}

section ul.why li{
	margin: 0px auto 10px;
	font: 16px/25px 'OpenSans Rg',sans-serif;
	color: #112932;
	text-align: left;
	width: 820px;
	cursor: default;
	transition: all 300ms ease 0s;
}
section ul.why li:hover{
	background: #ff6826;
	color: #fff;
}
section ul.why li span{
	width: 25px;
	height: 25px;
	color: #fff;
	background: #ff6826;
	float:  left;
	text-align: center;
}
section ul.why li:hover span{
	background: #d44303;
}
section ul.why li p{
	padding: 0px 0px 0px 50px;
}
section ul.why li a {
	color: #568CC7;
}
section ul.why li:hover a {
	color: #000000;
}
section ul.cases li{
	margin: 0px 0px 70px;
	font-size: 0px;
}
section ul.cases li > div{
	display: inline-block;
	vertical-align: top;
}
section ul.cases li > div.img{
	margin: 0px 50px 0px 0px;
	width: 390px;
	height: 240px;
	background: #fff;
	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
}
section ul.cases li > div.img p{
	margin: 1px;
	display: block;
	background: #e0e0e0;
	font: 16px/37px 'KelsonSans Rg',sans-serif;
	color: #112932;
	width: 388px;
	height: 37px;
}
div.exp {
	margin: 0px 25px 50px 25px;
	float: left;
	width: 225px;
		height: 140px;
	background: #fff;
	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.2);
	transition: all 300ms ease 0s;
}
div.exp:hover {
	-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.5);
}
div.exp p {
	margin: 1px;
	display: block;
	background: #e0e0e0;
	font: 15px/30px 'KelsonSans Rg',sans-serif;
	color: #112932;
	height: 30px;
}
div.exp a {
	height: 107px;
	margin: 1px;
	display: block;
	overflow: hidden;
}
ul.text-bullet {
	list-style: disc outside;
	padding: 0 0 10px 100px;
	width: 90% !important;
}
ol.text-numbers {
	list-style: decimal outside;
	padding: 0 0 10px 100px;
	width: 90% !important;
}
ol.text-numbers li {
	margin: 0px 0px 5px;
	font: 16px/25px "OpenSans Rg",sans-serif;
	color: #112932;
	text-align: left;
}
section ul.cases li > div.text{
	width: 510px;
	font: 16px/22px 'KelsonSans Rg',sans-serif;
	color: #112932;
	text-align: left;
}
section ul.cases li > div.text span{
	margin: 0px 0px 15px;
	display: block;
	font: 26px 'KelsonSans Rg',sans-serif;
	color: #d6eeff;
}
section .comment{
	margin: 0px auto;
	width: 950px;
}
section .comment h4{
	margin: 40px 0px;
	font: 26px 'KelsonSans Rg',sans-serif;
	color: #fff;
	text-align: left;
}
section .comment img{
	margin: 20px 0px;
	float: right;
	-webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);
	box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);
	border-radius: 50%;
}
section .comment p{
	font: 16px/22px 'KelsonSans Rg',sans-serif;
	color: #ffd6c8;
	text-align: left;
}
section .pack{
	margin: 0px 0px 20px;
	background: #fff;
}
section .pack .scr{
	margin: -6px 0px 0px -53px;
	background: url(../images/pack.png) no-repeat;
	width: 92px;
	height: 92px;
	position: absolute;
}
section .pack table{
	margin: 0px auto;
}
section .pack table th{
	margin: 10px 0px 0px;
	font: 20px/60px 'KelsonSans Rg',sans-serif;
	color: #033a4e;
}
section .pack table td{
	font: 14px/50px 'KelsonSans Rg',sans-serif;
	color: #3a7389;
	border-bottom: 1px solid #e7e7e7;
}
section .pack table td:first-child{
	font: 16px/50px 'KelsonSans Rg',sans-serif;
	text-align: left;
	color: #112932;
}
section .pack table tr:last-child td, section .pack table tr:nth-child(6) td{
	border-bottom: none;
}
section .pack table td p{
/* 	width: 180px; */
}
section .pack table td img, section .pack table td p{
	margin: 0px 5px;
	display: inline-block;
	vertical-align: middle;
}
section .pack table td a{
	margin: 20px 0px 40px;
	background: #ff6826;
	padding: 0px 10px;
	display: inline-block;
	font: 16px/33px 'KelsonSans Rg',sans-serif;
	color: #fff;
}
section .pack table td a:hover{
	background: #fdb42e;
}
section .pack table td a b{
	font: 16px/33px 'KelsonSans Rg',sans-serif;
	color: #FDF447;
	transition: all 300ms ease 0s;
}
section .pack table td a:hover b{
	color: #fff;
}
/* buttons */
a.btn{
	margin: 0px;
	padding: 0px;
	font: 26px/53px 'KelsonSans Rg',sans-serif;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	background: #ed3e8c;
	text-align: center;
	width: 342px;
}
a.btn span{
	margin: 0px 30px 0px 0px;
	float: right;
	font: 33px/53px 'KelsonSans Rg',sans-serif;
}
a.btn:hover{
	background: #c44854;
}
a.btn_c{
	margin: 22px 0px 0px;
	font: 22px/53px 'KelsonSans Rg',sans-serif;
	background: #c83644;
	width: 100%;
}
a.btn_c:hover{
	background: #ed3e8c;
}
/* forms */
.form{
	margin: 60px auto 0px;
	text-align: left;
	font: 25px 'KelsonSans Rg',sans-serif;
	color: #fff;
	line-height: 50px !important;
}
.form p{
/* 	margin: 0px 80px 0px 40px; */
	font: 25px 'KelsonSans Rg',sans-serif;
	color: #fff;
	text-align: left;
	display: inline-block;
	vertical-align: top;
	line-height: 50px;
}
.form input{
/* 	margin: 5px 10px; */
	height: 50px;
	width: 747px; /* 338px */
	display: block;
	float: left;
	background: #fff;
	border: 1px solid #fff;
	font: 20px 'KelsonSans Rg',sans-serif;
	line-height: 20px;
	color: #4d4d4d;
	text-align: center;
}
.form input:focus{ background: #f5f5f5;}
.form a.btn{
/* 	margin: 40px 0px 0px 315px; */
	padding: 0 0 0 50px;
	width: 700px;
}
.forml {
	float: left;
	width: 350px;
	min-height: 10px;
	margin-bottom: 10px;
}
.formr {
	float: left;
	width: 750px;
	min-height: 10px;
	margin-bottom: 10px;
}
.formor {
	float: left;
	width: 70px;
	min-height: 10px;
	text-align: center;
}
/* unisender */
.unisender_block{
	margin: 50px auto 0px;
	background: #b0cc2c;
	width: 1000px;
	border-bottom: 5px solid #dffd47;
	-webkit-box-shadow: 0 0 10px 0 #393b2a;
	box-shadow: 0 0 10px 0 #393b2a;	
}
.unisender_block input{
	margin: 0px auto 15px;
	height: 51px;
	width: 668px;
	display: inline-block;
	background: #fff url(../images/email2.png) no-repeat 25px 50%;
	-webkit-box-shadow:inset 3px 3px 3px 0 rgba(0,0,0,0.1);
	box-shadow:inset 3px 3px 3px 0 rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.1);
	font: 20px 'KelsonSans Rg',sans-serif;
	color: #4d4d4d;
	text-align: center;
}
.unisender_block .error-block{
	display: block;
	height: 30px;
	font: 14px/30px 'KelsonSans Rg',sans-serif;
	color: #112932;
}
.unisender_block input.mail:focus{ background: #f5f5f5 url(../images/email2.png) no-repeat 25px 50%;}
.unisender_block .btn{
	margin: 0px 30px;
	padding: 0px;
	font: 22px/53px 'KelsonSans Rg',sans-serif;
	color: #fff;
	text-shadow: 2px 2px 0 #93ba1c;
	text-decoration: underline;
	display: inline-block;
	cursor: pointer;
	background: none;
	border: none;
	text-align: center;
	transition: all 300ms ease 0s;
}
.unisender_block .btn:hover{
	text-decoration: none;
}
/* popup */
.popup_block{
	margin: 0px;
	padding: 30px;
	width: 700px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.2);
}
.popup_true .popup_block{
	width: 400px;
	text-align: center;
}
.popup_block p{
	font: 16px 'KelsonSans Rg',sans-serif;
	color: #112932;
}
.popup_block p span{
	font: 22px/52px 'KelsonSans Rg',sans-serif;
	text-transform: uppercase;
}
div.arcticmodal-close{
	margin: 0px -79px 0px 0px;
	padding: 0px;
	float: right;
	background: url(../images/close.png) no-repeat;
	width: 49px;
	height: 52px;
	cursor: pointer;
}
.ttip {
	cursor: pointer;
}
.ttdash {
	border-bottom: 1px dashed;
	line-height: 1.5;
}
.opener {
	cursor: pointer;
	border-bottom: 1px dashed;
	line-height: 1.5;
}
.opener:hover {
	border-bottom: 1px solid;
}
.opened {
	display: none;
	background: rgba(255,255,255,0.3);
	padding: 20px 0;
	margin: 0px 0 20px 0;
}
.btnb {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #ffffff;
  font-size: 25px;
  padding: 10px 50px 10px 50px;
  text-decoration: none;
}

.btnb:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
iframe[name="google_conversion_frame"] {
	display: none;
}


.ripple-con,
.button {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.button::after,
.ripple {
  content: ' ';
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 50%;
  left: 70%;
  width: 0;
  height: 0;
  display: inline-block;
  border-radius: 100%;
  animation: ripple 3s infinite ease-out;
}

.button:active::after,
.ripple:active,
.button:active + .ripple {
  animation: none;
}

@keyframes ripple {
  to {
    opacity: 0;
    margin: -250px;
    width: 500px;
    height: 500px;
  }
}
@media(max-width:950px){
	.page.p p{
		
	}
	h1{
		font-size: 35px !important;
	}
	img{
		width: 100%;
	}
	section.about p{
		padding: 0px 0px 10px;
	}
	.sub{
		font-size: 20px;
	}
}
@media(max-width:500px){
	ul.whiteblock{
		margin-left: 0 !important;
	}
	img{
		width: 100%;
	}
	section.about p{
		padding: 0px 0px 10px;
	}
	section.about ul li{
		padding-right: 0;
	}
	.page.p>p:nth-child(2){
		padding: 0 !important;
	}
	.page.p h4{
		padding: 0 !important;
		margin-left: 0;
	}
	.l{
		font-size: 22px !important;
		line-height: 1.5;
		padding: 0 !important;
	}
	.l a{
		font-size: 20px;
	}
	.p0{
		padding: 0 !important;
	}
	h1 span{
		display: block !important;
		font-size: 30px;
		line-height: 1.4;
	}
	.sub br{
		display: none;
	}
	header{
		display: none;
	}
}