* { margin: 0; padding: 0; outline:0; }
html, body {
height: 100%;
margin: 0;
padding: 0;
}

body {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #3d3d3d;
    background: #fff;
}

a { color: #0252aa; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

a img { border: 0; }

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; }
textarea { overflow:hidden; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }



.shell { width: 980px; margin: 0 auto; min-height: 100%; height: 100%;
}

#header { height: 119px; border-bottom: 1px solid #c8c8c8; position: relative; }
#logo { 
	float: left;
	width: 194px; height: 119px;
	display: block;}
#logo a {
	display: block;
	width: 194px; height: 119px; font-family: Georgia, Arial, serif; font-size: 33px; line-height: 33px; color: #3d3d3d; font-weight: normal; font-style: italic; padding: 17px 0 0 0; }
#logo a:hover { text-decoration: none; }
#logo a .min { font-size: 31px; line-height: 31px; position: relative; top:-9px; }
#logo a .red { color: #ed1c24; }

#navigation {height: 74px; margin: 0 0 0 266px;}
#navigation ul { list-style: none; }
#navigation ul li { display: inline; float: left; font-size: 15px; line-height: 18px; text-transform: uppercase; padding: 0 45px 0 0; }
#navigation ul li.last { padding:0; }
#navigation ul li a { float: left; color: #969696; padding: 55px 31px 1px 4px; }
#navigation ul li a:hover, 
#navigation ul li a.active { background: #ed1c24; color: #fff; text-decoration: none; }
#navigation ul li a.active { font-weight: bold; }

.slider-holder { width: 980px; height: 311px; position: relative; border-bottom: 1px solid #c8c8c8; margin: 0 0 24px 0; }
.slider-holder .prev, 
.slider-holder .next { background: url(images/prev-next.gif) no-repeat 0 0; width: 18px; height: 27px; position: absolute; top:141px; z-index: 100; }
.slider-holder .prev { left:24px; }
.slider-holder .next { background-position: 0 -27px; right:17px; }

.slider ul { list-style: none; }
#main { padding: 0 0 70px 0; min-height: 300px;}

#content { width: 670px; padding: 0 0 0 3px;}
#content h2 { font-size: 18px; line-height: 21px; color: #ed1c24; text-transform: uppercase; }
#content h3 { font-size: 12px; }
#content p {  }

#content .head { padding: 0 0 44px 0; }
#content .head h2 { padding: 0 0 17px 0; }
#content .head h3 { padding: 0 0 8px 0; }
#content .head p {  }

#content .col { width: 296px; }
#content .col h2 {  }
#content .col h3 {  }
#content .col p {  }

   .leftstr, .rightstr {
    float: left; /* Обтекание справа */ 
    width: 25%; /* Ширина текстового блока */ 
   }
   .rightstr {
    text-align: right; /* Выравнивание по правому краю */ 
   }





#sidebar { width: 255px; }
#sidebar h2 { font-size: 18px; line-height: 21px; color: #000; font-weight: normal; padding: 0 0 15px 0; }
#sidebar h3 { font-size: 12px; }
#sidebar p {  }
#sidebar .item { padding: 0 0 17px 4px; }
.date { font-size: 14px; color: #fd3801;}

#footer {border-top: 1px solid #c8c8c8; padding: 12px 0;

position: relative;
    clear:both;
}
#footer .nav {  }
#footer .nav ul { list-style: none; }
#footer .nav ul li { display: inline; font-size: 10px; line-height: 11px; border-right: 1px solid #685d5d; padding: 0 6px 0 0; margin: 0 6px 0 0; }
#footer .nav ul li.last { border:0; padding:0; margin:0; }
#footer .nav ul a { color: #685d5d; }

#footer .copy { font-size: 10px; color: #685d5d; }
#footer .copy a { color: #ed1c24; text-transform: uppercase; }

.kno:hover {
background:rgb(52,43,43);
}
.kno {
	position:relative;
	display:block;
	margin:0px auto;
	width:200px;
	height:60px;
	background:rgb(210,42,25);
	color:rgb(255,255,255);
	text-align:center;
	font:32px/60px 'Lato';
	text-transform:uppercase;
	padding:0;
	outline:0;
	border:0;
	cursor:pointer;
	-webkit-appearance: none;
}



.autos {
position: absolute;
top: 10px;
right: 125px;
width: 105px;
height: 20px;
text-decoration:none !important;
cursor:pointer;
}
.trailers {
position: absolute;
top: 10px;
right: 20px;
width: 105px;
height: 20px;
text-decoration:none !important;
cursor:pointer;
}
.gosnomer {
	position:relative;
	margin:0 auto 10px auto;
	width:512px;
	height:160px;
	
}
.gbg1{
background:url(images/nomer_bg.png) no-repeat 0 10px;
}
.gbg2{
background:url(images/nomer_bg2.png) no-repeat 0 10px;
}
.form_nomer {
	margin:10px 0 40px 0;
	display:block;
	position:relative;
}
.form_nomer p {
margin:0 0 5px 0;
}
.nomer {
	position:absolute;
	top:50px;
	left:40px;
	width:300px;
	height:80px;
	border:0;
	outline:0;
	font:67px/80px 'Lato';
	color:rgb(0,0,0);
	padding:0 0 0 10px;
	text-transform:uppercase;
}
.region {
	position:absolute;
	top:40px;
	right:40px;
	width:100px;
	height:50px;
	border:0;
	outline:0;
	font:50px/50px 'Lato';
	color:rgb(0,0,0);	
}
.personals {
	position:relative;
	margin:0 auto;
	width:512px;
	height:100px;
}
.personals .name{
	position:relative;
	float:left;
	width:232px;
	height:100px;
}
.personals .phone{
	position:relative;
	float:left;
	width:280px;
	height:100px;
}
.personals .name input {
	position:relative;
	display:block;
	width:83%;
	margin:0 auto;
	height:60px;
	border:5px solid rgb(133,133,133);
	background:rgb(200,215,231);
	border-radius:20px;
	outline:0;
	font:40px/70px 'Lato';
	color:rgb(0,0,0);
	padding:0 10px;
}
.personals .phone input {
	position:relative;
	display:block;
	width:83%;
	margin:0 auto;
	height:60px;
	border:5px solid rgb(133,133,133);
	background:rgb(200,215,231);
	border-radius:20px;
	outline:0;
	font:26px/70px 'Lato';
	color:rgb(0,0,0);
	padding:0 10px;
}
.delivery {
	position:relative;
	margin:20px auto 10px auto;
	width:534px;
	height:100px;
}
.loc1 {
	display:none;
	position:relative;
	margin:0px auto 10px auto;
	width:530px;
	height:77px;
}
#caddress1,#caddress2, #order_comments {
position: relative;
display: block;
width: 90%;
margin: 0 auto;
height: 40px;
border: 5px solid rgb(133,133,133);
background: rgb(200,215,231);
border-radius: 20px;
outline: 0;
font: 28px/40px 'Lato';
color: rgb(0,0,0);
padding: 0 10px;	
}
.loc2 {
	position:relative;
	margin:0px auto 10px auto;
	width:530px;
	height:77px;
	display:none;
}
.quantity {
	position:relative;
	margin:10px auto 10px auto;
	width:530px;
	height:77px;
}
#quantity1,#quantity2 {
	position:relative;
	display:none;
	  opacity : 0;
}
#quantity1+ label:hover {
opacity:0.8;
}
#quantity1:checked + label {
	background:url(images/quantity_a.png) no-repeat 0 50%;
}
#quantity1 + label{
	position:relative;
	display:inline-block;
	margin:0px 30px 0 40px;
	width:100px;
	height:60px;
	padding:0 0 0 50px;
	background:url(images/quantity.png) no-repeat 0 50%;
	cursor:pointer;
}
#quantity2+ label:hover {
opacity:0.8;
}
#quantity2:checked + label {
	background:url(images/quantity_a.png) no-repeat 0 50%;
}
#quantity2 + label{
	position:relative;
	display:inline-block;
	margin:0px 0px 0 0px;
	width:82px;
	height:60px;
	padding:0px 0 0 50px;
	background:url(images/quantity.png) no-repeat 0 50%;
	cursor:pointer;
}
.order_comments {
	position:relative;
	margin:10px auto 20px auto;
	width:530px;

}
.sum_total {
margin:20px 10px;
height:40px;
padding:10px;
border-radius: 20px;
background:rgb(153,181,99);
color:rgb(255,255,255);
outline: 0;
font: 38px/40px 'Lato';
}

#price_total {

}
#delivery_price {
background:url(images/marker1.png) no-repeat 0 50%;
padding-left:16px;
position: absolute;
top: 55px;
left: 165px;
}
.delivery .p1 {
margin-right:-8px;
padding-bottom: 10px;
}
#delivery1 {
	position:relative;
	display:none;
	  opacity : 0;
}
#delivery1:checked + label, #delivery1+ label:hover {
	margin:0px;
	background:url(images/delivery1_a.png) no-repeat 0 0;
}
#delivery1 + label{
	position:relative;
	display:inline-block;
	margin:0px;
	width:200px;
	height:84px;
	background:url(images/delivery1.png) no-repeat 0 0;
	cursor:pointer;
}
#delivery2 {
	position:relative;
	display:none;
}
#delivery2:checked + label,#delivery2 + label:hover{
	background:url(images/delivery2_a.png) no-repeat 0 0;
	position:relative;
	display:inline-block;
	margin:1px 0 0 0px;
	width:226px;
	height:86px;	
}
#delivery2 + label{
	position:relative;
	display:inline-block;
	margin:1px 0 0 0px;
	width:226px;
	height:86px;
	background:url(images/delivery2.png) no-repeat 0 0;
	cursor:pointer;
}
#submitFF:hover {
background:rgb(52,43,43);
}
#submitFF {
	position:relative;
	display:block;
	margin:0px auto;
	width:200px;
	height:60px;
	background:rgb(210,42,25);
	color:rgb(255,255,255);
	text-align:center;
	font:32px/60px 'Lato';
	text-transform:uppercase;
	padding:0;
	outline:0;
	border:0;
	cursor:pointer;
	-webkit-appearance: none;
}




#form-message {
text-indent:10px;
}
header ul,footer ul {
list-style:none;
}
#content a:hover {
color: #e65a4c;
text-decoration:none;
}
.div1 a {

}
#content a {
text-decoration:underline;
}
#content ul {
padding:0px 20px 0px 30px;
list-style-type:disc;
margin:10px 0 10px 20px;
}
#content ul li{
margin-bottom:5px;
text-align:justify;
}
div {
position:relative;
}
.modal.fade.in {
top: 10%;
}
.fade.in {
opacity: 1;
}
.modal.fade {
-webkit-transition: opacity .3s linear, top .3s ease-out;
-moz-transition: opacity .3s linear, top .3s ease-out;
-o-transition: opacity .3s linear, top .3s ease-out;
transition: opacity .3s linear, top .3s ease-out;
top: -25%;
}
.hide {
display: none;
}

.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
#modal-2 p{
width:310px;
}
#modal-2 {
z-index:100;
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 480px;
height:384px;
margin-left: -240px;
background:url(images/delivery1_big.png) no-repeat 0 0;
padding: 180px 0 0 90px;
border: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}
#modal-1 {
z-index:100;
}
.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #ffffff;
padding: 30px;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none;
}
.icon {
display: inline-block;
vertical-align: top;
width: 15px;
height: 15px;
}
.modal .icon-close {
position: absolute;
right: 7px;
top: 7px;
cursor: pointer;
}
.icon.icon-close {
background: url(images/icon_close.png) 0 0 no-repeat;
}
.modal h3 {
color: #0F5D96;
}
.input-line {
font-size: 18px;
margin-top: 1em;
}
.input-line label {
font-size: 16px;
font-weight: normal;
line-height: 22px;
display: inline-block;
vertical-align: top;
}
#modal-1 p{
padding:5px 0;
margin:0;
}
#form-message {
position:relative;
margin:0;
min-height:0;
}
.input-line input[type=submit]:hover{

background:#2f3a47;

}
.input-line input[type=submit]{
position:relative;
display:block;
width:160px;
height: 44px;
line-height: 44px;
background: #ff7275;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
font-family: 'Squada One', cursive;
margin: 0 auto;
text-align:center;
border: none;
padding: 0;
font-size: 21px;
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
letter-spacing: -1px;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
cursor:pointer;
}
.modal [type="text"], .modal [type="password"], .modal textarea {
width: 90%;
}
.input-line textarea {
display: block;
width:90%;
}
.input-line input {
display: block;
width:90%;
}
.input-line input[type="text"], .input-line textarea {
background: url(images/newsletter-bg.png);
border: none;
padding: 8px 10px;
border-top: 1px solid #b9bbaf;
border-left: 1px solid #b9bbaf;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.feedback {
z-index: 100;
position: fixed;
width: 40px;
height: 150px;
left: 0;
top: 50%;
margin-top: -75px;
}
.feedback a {
display: block;
width: 100%;
height: 100%;
background: url(images/ask.png) 0 0 no-repeat;
}


#zakazi {width: 100%;}

.error {color: #FF0000; padding: 5px 0 0 0;}
.red {color: #FF0000;}

a.newslink {list-style: none; color: #302222; display: block; font-size: 14px; padding: 5px 0 5px 0; font-weight: bold;}
a.newslink :hover  {color: #fd3801;}
a.newslink :visited  {color: #302222;}

.B_crumbBox {list-style: none; font-style: italic; font-size: 16px; color: #797979;}
.B_crumbBox a {color: #262323;}
.B_crumbBox a:hover {color: #fd3801;}
.B_crumbBox li{display: inline;}