.main{
	font-family: PT Sans, Tahoma, Arial, sans-serif;
}
.separator{
	font-size: 33px;
	height: 57px;
	text-align: center;
	padding-top: 10px;

}

.separator h1 {
	font-size: 33px;
}
.wrapper{
	margin: 0 auto; 
	width: 890px;
	height: 100%;
}
.kruto{
	background:url(../img/kruto-back.png);
}
.kruto2{
	height: 390px;
	background: url(../img/kruto2-back.png) no-repeat;
}
.why{
	float:left;
	width:388px;
	background:url(../img/why-back.png);
	background-repeat: no-repeat;
	background-position-y: 69px;
}
.why .title{
	position: absolute;
	width: 200px;
	margin-left: 121px;
	font-size: 19px;
	margin-top: 12px;
	color: #141414;
	line-height: 17px;
}
.why1, .why2{
	height:182px;
	margin-top: 22px;
}
.why3, .why4{
	height:174px;
}
.why1, .why3{
margin-right: 114px;
}
.kruto2 .why1, .kruto2 .why2{
	
}
.kruto2 .why3, .kruto2 .why4{
	
}
.why .text{
	width:340px;
	height:80px;
	float: left;
	margin-left: 41px;
	margin-top: 12px;
	line-height: 21px;
	font-size: 16px;
	color: #888;
}
.achieve{
	background:url(../img/achieve-back.png);
	color:#fefefe
}
.achieve2{
	background-color:#fff;
	height:520px;
}
.sliderMenu ul{
	list-style: none;
	width: 70px;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    margin-top: -30px;
}
.sliderMenu li{
	float:left;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	background: url(../img/slider-nav.png) 38px;
}
#main-slider-wrapper{
	height:520px;
}
.sliderMenu li.current{
	background: url(../img/slider-nav.png);
}
.ls-wrapper .liquid-slider{
	height: 520px !important;
}
.ls-wrapper .liquid-slider .panel {
height: 520px !important;
}
.recipe{
	background:url(../img/recipe-back.png);
}
.recipe2{
	height:383px;
	background:url(../img/recipe2-back.png);
}
.recipe2 .title{
	color:#fff;
	margin-top: 10px;

}
.recipe2 .why1, .recipe2 .why2{
	
}
.recipe2 .why3, .recipe2 .why4{
	
}
.seo{
	color:#fff;
	background:url(../img/seo-back.png);
}
.seo2{
	height:490px;
	background:url(../img/seo2-back.png);
}
.seo2 .wrapper{
	width:930px;
}
.positions{
	width: 284px;
	height: 465px;
	float: right;
	margin-top: 25px;
}
.calc1{
	float:left;
	width:630px;
	height:235px;
	padding-top:25px;
}
.calc2{
	float:left;
	width:630px;
	height:197px;
	padding-top: 33px;
}
.seo2 .doptext{
	width: 640px;
	margin-top: 13px;
}
.seo2 .text{
	font-size:15px;
	color:#fff;
	float:left;
	margin-bottom: 10px;
}
.seo2 #result{
	margin-top: 20px;
}
.calc1 .calc{
	width:616px;
	height:168px;
	background-color: #f4f4f4;
	border: solid 7px #2d2e2f;
	clear:both;
}
.calc1 iframe{
	width:100%;
	height:100%;
	border: none;
}
.calctext{
	float: left;
	text-align: right;
	width: 64px;
	font-size: 13px;
	margin-top: -10px;
	margin-left: 6px;
	font-family: PT Sans, Tahoma, Arial, sans-serif;
}
.calctext.text2{
	clear:left;
	margin-top: 34px;
}
.mainDiv span{
	font-size: 10px;
	color: #a4a4a4;
	font-family: PT Sans, Tahoma, Arial, sans-serif;
}
.mainDiv .s2{
	margin-right: 61px;
	float:right;
}

.wrapper2 {

}
.slider{
	width: 440px;
	margin-bottom: 3px;
	margin-top: 48px;
}
#slider1{
	
}
#slider2{
	
}
.sliderVal{
	background-color: rgb(53, 55, 56);
	color: rgb(255, 255, 255);
	font-size: 13px;
	padding: 2px 14px 4px;
	position:absolute !important;
	font-family: PT Sans, Tahoma, Arial, sans-serif;
	}
#slider1Val{ 
	margin-top: -32px;
}
#slider2Val{
	margin-top: 16px;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 14px;
height: 26px;
cursor: default;
margin-top: -3px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background: url(../img/calc-slider.png) repeat-x;
font-weight: normal;
color: #555555;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url(../img/slidecalc-redback.png) repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-content {
border-right: 1px solid #aaaaaa;
background: #ffffff url(../img/slidecalc-back.png)repeat-x;
color: #222222;
height: 17px;
}
.calc2 .calc{
	background-color: #2e2f30;
	height:50px;
	border:solid 9px #2e2f30;
	clear:both;
}
.calc2 .input{
	height: 46px;
	width: 490px;
	font-size: 18px;
	margin-top: 0px;
	text-align: center;
	border: none;
	font-family: PT Sans, Tahoma, Arial, sans-serif;
}
.calc2 .submit{
	width: 96px;
	height: 48px;
	color:#fff;
	background:url(../img/submit-back.png);
	border: none;
	margin-left: 15px;
	font-size: 16px;
	cursor:pointer;
	font-family: PT Sans, Tahoma, Arial, sans-serif;
}
.work{
	color:#414141;
	background:url(../img/work-back.png);
}
.work2{
	background:url(../img/work2-back.png);
	height:520px;
}
.work2 .wrapper{
	background:url(../img/work.png);
	width:930px;
}
.work2 .title {
text-align: center;
font-size: 20px;
margin-top: 25px;
width: 260px;
color: #000;
padding: 5px 3px;
line-height: 19px;
font-weight: bold;

}
.work2 .title.t1 {
float: left;
margin-left: 86px;
}
.work2 .title.t2 {
float: right;
margin-right: 83px;
}
.work-arrow{
	position: absolute;
	margin-top: 133px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-webkit-transform: rotate(-22deg);
	-moz-transform: rotate(-22deg);
	-o-transform: rotate(-22deg);
	-ms-transform: rotate(-22deg);
}
.work-arrow.a1 {
margin-left: -220px;}


.work-arrow.a1:hover{
/*	position: absolute;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg); */
}
.work-arrow.a2 {
margin-left: 271px;
}
.work-arrow.a2:hover{
/*	position: absolute;
	-webkit-transform: rotate(32deg);
	-moz-transform: rotate(32deg);
	-o-transform: rotate(32deg);
	-ms-transform: rotate(32deg); */
}
.work2 .zone{
	position:absolute;
	width:111px;
	height:60px;
}
.zone.z1{
	margin-top: 90px;
}
.zone.z2{
	margin-top: 295px;
	margin-left: 335px;
}
.zone.z3{
	margin-left: 490px;
	margin-top: 85px;
}
.zone.z4{
	margin-left: 820px;
	margin-top: 295px;
}
.work2 .text{
	margin-top: 389px;
	clear: both;
	position: absolute;
	margin-left: 235px;
}
.work2 .text div{
	float:left;
/*	letter-spacing: -0.05em;*/
	color:#333;
}
.work2 .text span{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -0.04em;

}
.work2 .text .t1{
	width: 90px;
}
.work2 .text .t2{
	width: 133px;
	margin-left: 92px;
}
.work2 .text .t3{
	margin-left: 53px;
	width: 100px;
}
.opinion{
	color: #fff;
	background:url(../img/opinion-back.png);
}
.opinion2{
	background: url(../img/car.png);
	height: 490px;
	background-size: cover;
	background-repeat: no-repeat;
}
.grid{
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 420px;
	padding-top: 70px;
}
.opinion2 .question div, .opinion2 .social div{
	background-color: #fff;
	height: 100%;
}
.opinion2 .question{
	margin:0 auto;
	border: rgba(255, 255, 255, 0.6) 8px solid;
	height:221px;
	width:515px;
}
.opinion2 .question div{
font-size: 24px;
text-align: center;
padding-top: 31px;
height: 190px;
}

.question {
	transition: all .3s ease-out;
}

.makeBetterSiteSend {
background: url("../img/submit.png");
color: #fff;
width: 98px;
padding: 0px 10px;
border-radius: 2px;
margin: 10px 0 5px;
margin-left: 195px;
text-align: center;
text-decoration: none;
line-height: 28px;
transition: all .3s ease-out;
font-size: 14px;
}

.makeBetterSiteSend:hover {
background: url("../img/submit_hover.png");
}
.question .answer{
	width:127px;
	height:45px;
	color:#fff;
	float:left;
	margin-top: 40px;
	padding-top: 13px;
	cursor:pointer;
}
.question .answer.yes{
	background:url(../img/yes.png);
	margin-right: 18px;
	margin-left: 115px;
}
.question .answer.no{
	background:url(../img/no.png);
}
.opinion2 .social{
	margin:0 auto;
	border: rgba(255, 255, 255, 0.6) 8px solid;
	height:70px;
	width:515px;
	margin-top: 42px;
}
.social a{
	text-decoration:none;
}
.social p{
	float:left;
	width:45px;
	height:42px;
	padding-left:73px;
	margin-top: 15px;
	margin-left: 10px;
	color: #000;
	padding-top: 10px;
	font-size: 13px;
	font-family: PT Sans, Tahoma, Arial, sans-serif;
	opacity:0.8;
}
.social p:hover{
	opacity:1;
}
.social .facebook{
	background:url(../img/soc-facebook.png) no-repeat;
}
.social .google{
	background:url(../img/soc-google.png) 0 -2px  no-repeat;
}
.social .tweetor{
	background:url(../img/soc-tweetor.png) no-repeat;
}
.social .vk{
	background:url(../img/soc-vk.png) no-repeat;
}
.social .mail{
	background:url(../img/soc-mail.png) no-repeat;
}
.comm{
	background:url(../img/comm-back.png);
	color:#fff;
}
.comm2{
	background-color: #222;
	height:405px;
}
.comm2 .wrapper{
	width:930px;
}
.comm2 .wrapper div{
	height: 100%;
	width: 33%;
	float: left;
}
.comm2 p{
	color:#fff;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	margin-top: 22px;
}
.comm2 span{
		color:#888;
}
.comm2 .left a{
	color: #fff;
	text-decoration:none;
}
.comm2 .black-logo{
	margin-top: 33px;
}
.comm2 .left p{
	margin-bottom: 22px;
}
.comm2 .center, .comm2 .right{
	text-align:center;
}
.comm2 .center a{
	color: #fff;
}
.comm2 .center img{
	margin-top: 9px;
}
.comm2 .social, .comm2 .yashare-auto-init{
	width:305px !important;
	height:40px !important;
	float: none !important;
	margin: 0 auto;

	}
	
.comm2 .doptext{
	font-weight: normal;
	font-size: 13px;
	line-height: 18px;
}
#vk_groups{
	margin-left: 45px;
}

