﻿.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}
body {
	color: #000;
	font-size: 18px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 300;

	text-rendering: optimizeLegibility;
	font-variant:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-shadow: rgba(0, 0, 0, .01) 0 0 1px;

	-webkit-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	        backface-visibility: hidden;

}
h1,h2,h3,h4,h5,h6 {font-weight: 300;}
h1 {
	color: #fff;
	font-size: 50px;
	text-shadow: 1px 1px 2px #3da4c5;
}
h2 {font-size: 50px; margin-top: 30px;}
h3 {font-size: 30px; margin-top: 10px;}
h4 {font-size: 22px; font-weight: 400;}
h5 {font-size: 15px; font-weight: 400;}

form {
	width: 235px;
}
a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}
input:focus,
button:focus {outline: none;}
input {
	width: 235px; 
	height: 39px;
	font-size: 18px;
	padding-left: 13px;
	margin-bottom: 11px;
    color: #b3b6b9; 
    border: 1px solid #d4d5d6;
    border-radius: 7px;
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:    inset 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
}

.mt-10 {margin-top: 10px;}
.fw400 {font-weight: 400;}
.alpha { margin-left: 0 !important; padding-left: 0 !important; }
.omega { margin-right: 0 !important; padding-right: 0 !important; }
.btn_style {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 215px;
	height: 38px;
	text-indent: -21px;
	color: #fff;
	border: none;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	display: block;
	/*background: url(../img/btn.png) repeat-x;*/
	border-radius: 6px;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;

	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:    0px 1px 2px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.7);

    -moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select: none;

	background: #6d6e71;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkNmU3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjQxNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #6d6e71 0%, #424143 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6e71), color-stop(100%,#424143));
	background: -webkit-linear-gradient(top, #6d6e71 0%,#424143 100%);
	background: -o-linear-gradient(top, #6d6e71 0%,#424143 100%);
	background: -ms-linear-gradient(top, #6d6e71 0%,#424143 100%);
	background: linear-gradient(to bottom, #6d6e71 0%,#424143 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6e71', endColorstr='#424143',GradientType=0 );
}
.btn_style:after {
	content: url(../img/span.png);
	position: absolute;
	right: 0;
	top: 0;
}
.btn_style:hover:after {
	content: url(../img/span_active.png);
}
.btn_style:hover {
	/*background: url(../img/btn_active.png) repeat-x;*/
	background: #939498;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzOTQ5OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MzUxNTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #939498 0%, #535155 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#939498), color-stop(100%,#535155));
	background: -webkit-linear-gradient(top, #939498 0%,#535155 100%);
	background: -o-linear-gradient(top, #939498 0%,#535155 100%);
	background: -ms-linear-gradient(top, #939498 0%,#535155 100%);
	background: linear-gradient(to bottom, #939498 0%,#535155 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939498', endColorstr='#535155',GradientType=0 );
}
.phone {
	font-size: 20px;
}
.phone span {
	font-weight: 400;
	line-height: 37px;
}
/*****HEADER******************************************************************/
.banner {
	position: relative;
	height: 972px;
	background-image: url(../img/banner.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.header {
	padding-top: 3px;
        padding-bottom: 6px;
	font-size: 16px;
	top: 0;
	width: 100%;
	z-index: 100;
	position: absolute;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

}
.head {
	padding: 0px 15px 0;
}
.header.fixed {
	position: fixed;
	background: #fff url(../img/lenta.png) 50% 0 no-repeat;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 3px 2px 0px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.4);
}
.logo {
	width: 200px;
	height: 63px;
	display: block;
	margin-left: -4px;
	background: url(../img/logo.png) 0 0 no-repeat;
}
.header_phone {
	padding: 3px 0 0 0;
	margin-right: 10px;
	margin: 0 0 0 0;
	font-weight: 900;
}
.header_logistic {
	padding: 3px 0 0 0;
	margin-right: 10px;
	margin: 0 0 0 0;
	font-weight: 900;
}
.dash_wrap {
	height: 187px;
	width: auto;
	left: 0;
	right: 0;
	bottom: 120px;
	position: absolute;
	-webkit-transform: skewY(7deg);
	   -moz-transform: skewY(7deg);
	    -ms-transform: skewY(7deg);
	     -o-transform: skewY(7deg);
			transform: skewY(7deg);
}
.dasheds {
	right: 0;
	height: 187px;
	position: absolute;
	background: url(../img/dasheds.png) repeat-x;
}
ul.menu {
	margin: 34px -15px 0 -15px;
	padding: 0;
	list-style-type: none;
}
ul.menu li {
	float: left;
	margin-right: 20px;
}
ul.menu li:last-child {
	margin-right: 0;
}

ul.menu li a.menu_last_1 {
	color: #fff;
	padding: 1px 6px 3px;
	font-weight: bold;
	border-bottom: none;
	background-color: #e46713;
	border-radius: 10px;
	border-top-right-radius: 0px;
}
ul.menu li a.menu_last_1:hover {
	color: #fff;
	padding: 1px 6px 3px;
	font-weight: bold;
	border-bottom: none;
	background-color: #e49a13;
	border-radius: 10px;
	border-top-right-radius: 0px;
}
button.menu_last_2 {
	color: #fff;	
	margin-top: 7px;
	padding: 1px 7px 3px;
	font-weight: bold;
	border-bottom: none;
	background-color: #008cff;
	border-radius: 15px;
	border-bottom-right-radius: 0px;
	text-decoration:none;
	border-width: 0px;
}
button.menu_last_2:hover {
	color: #fff;	
	margin-top: 7px;
	padding: 1px 7px 3px;
	font-weight: bold;
	border-bottom: none;
	background-color: #00a7e6;
	border-radius: 15px;
	border-bottom-right-radius: 0px;
        list-style-type: none;
}
ul.menu a {
	color: #000;
	border-bottom: 1px dashed #000;
}
ul.menu a:hover {
	text-decoration: none;
}
/*****BLOCK1******************************************************************/
.block1 {
	padding-top: 135px;
	position: relative;
}
.block1 .title_sub {font-size: 22px;margin-top: 30px;}
.block1__form {
	width: 316px; height: 334px;
	margin-left: -20px;
	margin-top: 20px;
	background: url(../img/s-spr.png) no-repeat -609px 0;
}
.block1__form_title {
	font-size: 22px;
	font-weight: 400;
	padding: 30px 24px 0;
}
.block1__form form {
	margin: 29px auto 0;
}
.block1__form .btn_style {
	margin-top: 10px;
}
/*--bootstrap-sub--*/
.popover {
	border: none;
	width: 260px;
	height: 260px;
	border-radius: 130px;
    -moz-border-radius: 130px;
	-webkit-border-radius: 130px;
	border-top-left-radius: 0 !important;
}
.popover-content {
	padding: 9px 60px 0 15px;
	color: #fff;
}
.drib_yellow .popover-content {
	color: #000;
}
.popover.right {
	margin-left: 0;
	margin-top: 140px;
}
.popover.top {
	margin-top: 275px;
	margin-left: 140px;
}
.popover>.arrow, .popover>.arrow:after {
	border-style: none;
}
/*--End of bootstrap-sub--*/
.p-btn {
	border: none;
	position: absolute;
}
.p-face {
	top: 526px;
	left: 253px;
	width: 20px; height: 14px;
	background: url(../img/p-face.png) 0 0 no-repeat;
}
.p-gps {
	top: 535px;
	left: 270px;
	width: 18px; height: 21px;
	background: url(../img/p-gps.png) 0 0 no-repeat;
}
.p-rule {
	top: 545px;
	left: 248px;
	width: 16px; height: 26px;
	background: url(../img/p-rule.png) 0 0 no-repeat;
}
.p-mon {
	top: 495px;
	left: 310px;
	width: 26px; height: 26px;
	background: url(../img/p-mon.png) 0 0 no-repeat;
}
.p-dut {
	top: 560px;
	left: 200px;
	width: 26px; height: 26px;
	background: url(../img/p-dut.png) 0 0 no-repeat;
}
.popover-content img {
	width: 190px;
	position: absolute;
	bottom: 30px;
	right: 30px;
}
/*****BLOCK2******************************************************************/
.block2 {
	-webkit-transform: skewY(7deg);
	   -moz-transform: skewY(7deg);
	    -ms-transform: skewY(7deg);
	     -o-transform: skewY(7deg);
			transform: skewY(7deg);
	background-color: #ffd800;
	height: 450px;
	margin-top: -120px;
}
.block2 .container {
	-webkit-transform: skewY(-7deg);
	   -moz-transform: skewY(-7deg);
	    -ms-transform: skewY(-7deg);
	     -o-transform: skewY(-7deg);
			transform: skewY(-7deg);
}
.block2__icon {
	width: 135px; height: 135px;
	margin: 20px auto 0;
	border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    background-color: #fff;
}
.i-tractor {
	position: relative;
	width: 135px; height: 135px;
	background: url(../img/s-spr.png) no-repeat -448px 7px;
}
.block2__info {
	margin: 33px 0 0 -15px;
}
/*****BLOCK3******************************************************************/
.block3 {margin-top: 50px;}
.block3__dribs {
	margin-top: 50px;
}
.block3 .drib {
	width: 150px;
	height: 150px;
	margin: 0 20px 30px;
	border-radius: 75px;
    -moz-border-radius: 75px;
	-webkit-border-radius: 75px;
}
.block3 .drib p {
	padding: 27px 15px 0 30px;
}
.block3 .drib p.sw {
	color: #fff;
	font-size: 22px;
	padding-left: 18px;
}
.block3 .drib_tl {border-top-left-radius: 0;}
.block3 .drib_tr {border-top-right-radius: 0;}
.block3 .drib_bl {border-bottom-left-radius: 0;}
.block3 .drib_br {border-bottom-right-radius: 0;}
.drib_orange {background-color: #ff7e00;}
.drib_green {background-color: #24d045;}
.drib_yellow {background-color: #ffd800;}
.drib_blue {background-color: #00a7e6;}
/*****BLOCK4******************************************************************/
.block4 {margin-top: 110px;}
.block4 h2 {margin-bottom: 40px;}
.brand__item_thumb {
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer;
	width: 190px; height: 90px;
	border: 1px solid #fff;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
.brand__item_thumb:hover {
	border: 2px dotted #ccc;
}
.brand__item_thumb img {
	max-width: 100%;
}
.block4__product {
	margin-bottom: 135px;
}
.block4__product_thumb {
	margin: 10px auto 0;
	overflow: hidden;
	width: 270px; height: 210px;
}
.block4__product_thumb img {
	max-width: 100%;
}
.block4__info {
	margin: 30px 0;
}
.block4 .btn_style {
	margin: 0;
	width: 290px;
}
/*****BLOCK5******************************************************************/
.block5 {
	-webkit-transform: skewY(7deg);
	   -moz-transform: skewY(7deg);
	    -ms-transform: skewY(7deg);
	     -o-transform: skewY(7deg);
			transform: skewY(7deg);
	background-color: #ffd800;
	height: 550px;
	margin-top: 20px;
	position: relative;
}
.block5 .container {
	-webkit-transform: skewY(-7deg);
	   -moz-transform: skewY(-7deg);
	    -ms-transform: skewY(-7deg);
	     -o-transform: skewY(-7deg);
			transform: skewY(-7deg);
}
.block5 h2 {margin-top: 60px;}
.block5__timer {
	margin-top: 40px;
}
.block5__timer ul {
	margin: 7px 0 0 0;
	padding: 0;
}
.block5__timer ul li {
	float: left;
	text-align: center;
	width: 100px;
	margin-right: 25px;
	list-style-type: none;
}
.block5__title_clock {
	font-size: 22px;
	color: #fff;
	font-weight: 400;
	margin-left: 30px;
	text-shadow: 1px 1px 2px #e2a500;
}
.block5 input,
.block5 form {
	width: 315px;
}
.block5 form {
	margin: 10px auto 0;
}
.block5 input {
	border-color: #e4b400;
	margin-bottom: 20px;
}
.block5 .btn_style {
	width: 290px;
	margin-top: 10px;
}
.block5__dashed {
	position: absolute;
	bottom: -125px;
	left: 300px;
	width: 425px; height: 117px;
	background: url(../img/s-spr.png) no-repeat 0 0;
}
/*****BLOCK6******************************************************************/
.block6 {margin-top: 80px;}
.block6 h2 {margin-bottom: 40px;}
.block6__items {
    margin: 40px 0;

}
.block6__items .icon {
	width: 151px; height: 151px;
	left: -10px;
	position: relative;
	margin: 0 auto 20px;
	background: url(../img/s-spr.png) no-repeat 0 0;
}
.block6__items .icon1 {background-position: -2px -129px;}
.block6__items .icon2 {background-position: -169px -127px;}
.block6__items .icon3 {background-position: -336px -129px;}
.block6__items .icon4 {background-position: -4px -288px;}
.block6__items .icon5 {background-position: -169px -293px;}
.block6__items .icon6 {background-position: -337px -288px;}
.block6__items p {
	margin-top: 18px;
	line-height: 24px;
}
/*****BLOCK7******************************************************************/
.block7 {
	-webkit-transform: skewY(7deg);
	   -moz-transform: skewY(7deg);
	    -ms-transform: skewY(7deg);
	     -o-transform: skewY(7deg);
			transform: skewY(7deg);
	background-color: #24d046;
	height: 550px;
	color: #fff;
	margin-top: 100px;
}
.block7 .container {
	-webkit-transform: skewY(-7deg);
	   -moz-transform: skewY(-7deg);
	    -ms-transform: skewY(-7deg);
	     -o-transform: skewY(-7deg);
			transform: skewY(-7deg);
}
.block7 h2 {
	margin-top: 60px;
}
.block7__items {
	margin: 70px 0;
	position: relative;
}
.block7__items .circle {
	color: #000;
	background-color: #fff;
	width: 105px; height: 105px;
	font-size: 50px;
	margin: 0 auto;
	left: -20px;
	position: relative;
	line-height: 100px;
	text-align: center;
	border-radius: 55px;
    -moz-border-radius: 55px;
    -webkit-border-radius: 55px;
}
.block7__dashed {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 730px;
	height: 5px;
	z-index: -1;
	background: url(../img/dash.png) repeat-x;
}
.block7 .btn_style {
	width: 290px;
}
/*****BLOCK8******************************************************************/
.block8 {margin-top: 20px;}
.block8__items {
    margin-top: 30px;

}
.block8__items .thumb {
	margin: 0 auto;
	background-color: #eee;
	width: 160px; 
	height: 160px;
	overflow: hidden;
	border-radius: 80px;
    -moz-border-radius: 80px;
	-webkit-border-radius: 80px;
}
.block8__items .thumb img {
	width: 190px;
	height: 160px;
	/*max-width: 100%;*/
}
.block8__items .name {
	font-size: 22px;
	font-weight: 400;
}
.block8__items .feedback {
	border: 4px solid #eee;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	width: 610px;
	font-size: 16px;
	padding: 10px 25px;
	position: relative;
	margin-top: 20px;
}
.block8__items .message {
	bottom: 13%;
	left: -41px;
	position: absolute;
	width: 41px; height: 36px;
	background: url(../img/message.png) 0 0 no-repeat;
}
/*****BLOCK9******************************************************************/
.block9_skew {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 120px;
	left: 0;
	z-index: -1;
	-webkit-transform: skewY(7deg);
	   -moz-transform: skewY(7deg);
	    -ms-transform: skewY(7deg);
	     -o-transform: skewY(7deg);
			transform: skewY(7deg);
	background-color: #ffd800;
}
.block9 {
	position: relative;
	height: 580px;
	overflow: hidden;
	margin-top: 20px;
	padding-top: 110px;
}
.block9 h2 {margin-top: 50px;}
.block9 h3 {margin-bottom: 30px;}
.block9 a {
	color: #000;
}
.block9 input,
.block9 form {
	width: 360px;
}
.block9 input {
	border-color: #e4b400;
	margin-bottom: 20px;
}
.block9 .btn_style {
	width: 350px;
}
/*****FOOTER******************************************************************/
.footer {
	font-size: 16px;
	padding-top: 75px;
}
/*****MODAL******************************************************************/
.modal {
	top: 20%;
}
.modal-dialog {
	width: 500px;
}
.modal-content {
	padding: 20px 20px 40px 20px;
}
.modal .close {
	width: 30px; height: 30px;
	border: none;
	border-radius: 100%;
	position: absolute;
	right: -5px;
	top: -5px;
	background: #fff url(../img/close.png) no-repeat -70px -20px;
}
.modal .btn_style,
.modal input,
.modal form {
	width: 290px;
}
.modal form {
	margin: 0 auto;
}
.modal .btn_style {
	margin-top: 20px;
}
.modal .title_m {
	margin-bottom: 30px;
}
#modal_2 .modal-dialog {
	width: 700px;
}
#modal_2.modal {
	top: 5%;
}
/*****Каталог товаров******************************************************************/
.kind__item_thumb {
	width: 170px;
	height: 130px;
	overflow: hidden;
	margin: 10px auto;
}
.kind__item_thumb img {
	width: 170px;
	height: 130px;
}
.kind-m__description .thumb {
	width: 300px;
	overflow: hidden;
	margin: 0 auto 30px;
}
.kind-m__description .thumb img {
	width: 100%;
}
.kind-m__description {
	display: none;
}
.kind-m__back {
	display: block;
}
.kind__item {
	margin-bottom: 15px;
}

textarea {
	width: 292px; 
	/* height: 39px; */
	font-size: 18px;
	padding-left: 13px;
	margin-bottom: 11px;
    color: #b3b6b9; 
    border: 1px solid #d4d5d6;
    border-radius: 7px;
    -moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:    inset 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.2);
}


/*****Helper class******************************************************************/
/*----Text indent----*/
.hide-text {
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}
.hide-text-2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
/*----End of Text indent----*/