@charset "utf-8";

/* CSS Document */



html{height: 100%;}

body {

    height: 100%;

    min-width: 960px;

	font: 14px/14px Arial, Verdana, Helvetica, sans-serif;

	background-color: #f5f5f5;

	margin: 0;

	padding: 0;

	color: #000;

}



ul, li {

    list-style: none;

	padding: 0;

	margin: 0;

}



*{ margin: 0;

  padding: 0;

  outline: none;

    

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;



}







a, a:hover {text-decoration: none; color: #212121;}



.clearfix:before,

.clearfix:after {content:" "; display: table;}

.clearfix:after {clear: both;}



.left {float: left;}

.right{ float: right;}



a img { 

	border: none;

}



.container {width: 960px;

    margin: 0 auto;}



#header {

    position:fixed;

    top: 0;

    padding: 15px 0;

    left: 0;

    right: 0;

background: #FFF;

z-index: 1;}



.logo {float: left;}



#line{

    position: absolute;

    top: 95px;

    padding: 3px 0;

    left: 0;

    right: 0;

    width: 100%;

    background:#000000;

height: 1px;

  

}



.nav {float: right;

padding-top: 15px;}



.nav li {float: left;

margin-right: 16px;}



.nav li:last-child {margin-right: 0;}



.nav a {text-transform: uppercase;

font: 16px Arial, sans-serif;

color: #74797e;}





.nav a:hover {

color: #f29f3a;}



.nav a:active { color: #202020; }







.btn{

    display: inline-block;

    background: #ee0707;

    padding: 13px 20px;

    margin-top: -6px;

    font: 15px Arial, sans-serif;

    text-transform: none;

    color:#ffffff;

    cursor: pointer;

    

-webkit-border-radius:8px;

    -moz-border-radius:8px;

    -o-border-radius:8px;

       border-radius:8px;

}



.btn:hover{background: #c90000;

color: #FFF;}





.btn_order{

    display: inline-block;

    background: #f9b000;

    padding: 15px 40px;

    margin-top: 10px;

    font: 16px Arial, sans-serif;

    text-transform: none;

    color:#434343;

    cursor: pointer;

    width: 300px;

    margin-right: 15px;

    

-webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

       border-radius:3px;

}



.btn_order:hover{background: #e09e00;

color: #FFF;}









.dostavka { margin-top: 10px;

    font: 16px Arial, sans-serif;

    text-transform: none;

    color:#101010;

    width: 300px;

    margin-right: 15px;}



.detailed { margin-top: 10px;

    font: 16px Arial, sans-serif;

    text-transform:  inherit;

    color:#212121;

    width: 300px;

    margin-right: 15px;}



.detailed a{text-decoration: none; /* Убираем подчеркивание */

    border-bottom: 1px dashed #212121; /* Добавляем свою линию */ }



.detailed :hover {

    color: #393939; /* Цвет ссылки при наведении на нее курсора */

   }

.btn_order_form{

    display: inline-block;

    background: #f9b000;

    padding: 15px 40px;

    margin-top: 10px;

    font: 16px Arial, sans-serif;

    text-transform: none;

    color:#ffffff;

    cursor: pointer;

    width: 250px;

    margin-right: 15px;

    

-webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

       border-radius:3px;

}



.btn_order_form:hover{background: #e09e00;

color: #FFF;}







.time {

    margin-top: -17px;

    font: 16px Arial, sans-serif;

    color: #74797e;

	line-height:1.5;

    text-transform: none;

    text-align: right;

    padding: 0 5px;}



#home {

    height: 500px;

    margin-top: 96px;

    background:#74797e url(../img/banner_bg_new.jpg) center no-repeat;

    padding-top: 30px;

    color: #FFF;

    text-align: center;

    -webkit-background-size:cover;

    -moz-background-size:cover;

    -o-background-size:cover;

    background-size:cover;}







#home h1 {font: 68px/88px Arial, sans-serif;

color: #ffffff;

text-transform: uppercase;

margin-bottom: 15px;

margin-top: 35px;}



#home h2 {font: 20px Arial, sans-serif;

color: #ffffff;

padding-bottom: 15px;

padding-top: 15px;

padding-left: 300px;

}



#home h3 {font: 26px/36px Arial, sans-serif;

color: #ffffff;

padding-bottom: 25px;}



#banner_new {

    height: 750px;

    margin-top: 20px;

    background:#74797e url(../img/banner_bg_new.jpg) center no-repeat;

    padding-top: 10px;

    color: #FFF;

    text-align: center;

    -webkit-background-size:cover;

    -moz-background-size:cover;

    -o-background-size:cover;

    background-size:cover;}



#banner_new h1 {font: 68px/78px Arial, sans-serif;

color: #ffffff;

text-transform: uppercase;

margin-bottom: 15px;

margin-top: 150px;}



#banner_new h2 {font: 20px/20px Arial, sans-serif;

color: #ffffff;

padding-bottom: 65px;

padding-top: 75px;

padding-left: 273px;

}



#banner_new h3 {font: 26px/36px Arial, sans-serif;

color: #ffffff;

padding-bottom: 15px;}



.pict {position:absolute;

	display: inline-block;

top: 530px;

	padding-left: 257px;

z-index: 0;}





.box{padding: 50px 0;

    background:#f1f1f1;

}



.box_2{padding: 50px 0;

    background:#FFF;

}



.box_telega{padding:20px 0;

    background:#f1f1f1;

}





.box_features {padding: 50px 0;

    background:#FFF;

}



.box_comparison {padding: 50px 0;

background:#f1f1f1;

    height: 550px;

}



.box_map{padding: 50px 0;

    background:#FFF;

    height: 550px;

    text-align: center;

}





#product{text-align: center;}



h2.title {font:bold 32px/32px Arial, sans-serif;

color: #4c4b4b;

text-transform: uppercase;

margin-bottom: 15px;

text-align: center;}



h3.title {font: 16px/20px Arial, sans-serif;

    color: #737373;

margin-bottom: 15px;}





h4.title {font:bold 18px/24px Arial, sans-serif;

    color: #737373;

margin-bottom: 15px;}



h5.title {font:bold 24px/24px Arial, sans-serif;

    color: #ee0707;

text-align: center;

display: inline-block;

}



h2.descr {font:bold 28px Arial, sans-serif;

    color: #4c4b4b;

text-transform: uppercase;

text-align: center;}







.descr {font:24px/24px Arial, sans-serif;

color: #737373;

margin-bottom: 35px;}







.full_2 {

	height: 700px;

	width: 960px;

	position:relative;    

}





#telega {

background: #FFF;

height: 650px;

width: 100%;

/* было 650px */

   

}





.product-item{

    float: left;

    width:32.32%;

    background:#f1f1f1;

 

}





.product-item_2{

    float: left;

    width:32.32%;

    background:#FFF;

 

}











.prod {display: inline-block;

    float: left;

background: #FFF;

 border: 1px solid; 

    border-color: #cecece;

    height: 520px;

    width: 300px;

   

}



.imgs {height: 290px;

    width: 300px;

padding: 15px 0;}





.imgs_2 {height: 290px;

    width: 300px;

padding: 35px 0;}

/* Было 35 при шильдике сверху */





.prod p { padding: 5px 4px;

font:13px Arial, sans-serif;

color: #737373;}



.prod h5 {

margin-bottom: 15px;

    text-align: left;

    padding: 0 15px;

}



.hit{position: absolute;

width: 122px;

height: 122px;

margin-left: 185px;

margin-top: -25px;}





.hit_new{position: absolute;

width: 122px;

height: 122px;

margin-left: 26px;

margin-top: 55px;}





.two_tons {position: absolute;

width: 122px;

height: 122px;

margin-left: 176px;

margin-top: -20px;

opacity:0.6;

margin-left: 225px;

}

.two_tons img {width:50%;}



.battery {position: absolute;

width: 122px;

height: 122px;

margin-left: 15px;

margin-top: -10px;}





.bord1 {height: 1px;

background:#cecece;

margin: 20px 0 10px 0;}







.bord2 {height: 1px;

background:#cecece;

margin:70px 0 20px 0;}





.bord4 {height: 1px;

background:#cecece;

margin:50px 0 20px 0;}





.bord3 {height: 1px;

background:#cecece;

margin:82px 0 20px 0;

width: 100%;}





.tab-item{

    float: left;

      width:300px;

    padding-bottom: 15px;

  

}





.tab2-item{

    float: left;

    width:300px;

    padding-bottom: 15px;

   

}





 .tab-item p {font:13px Arial, sans-serif;

color: #737373;

 }



.colm{ float: left;

text-align: left;

	margin-left: 5px;

	;

}



.colm2{ float:right;

text-align:left;

margin-right: 10px;

}



.price {width: 300px;

padding-top: 35px;}





#features {text-align: left;

 background:#f1f1f1;

height: 950px;}



.features-item{

    float: left;

    background:#FFF;

    padding-bottom: 30px;



}





#comparison{

text-align: left;

height: 821px;}

}





.name {

position:absolute;

padding-top: 150px;

    margin-top: 150px;

    top: -150px;

}









#copyright {

padding: 15px 0;

background: #cecece;

text-align: center;

text-transform: uppercase;}



#copyright .social {

margin-top: 0;

margin-left: 365px;}



#copyright  p {font: 16px/16px Arial, sans-serif;

color: #414141;

margin-top: 13px;}







.about_text {padding-bottom:50px;}

.about_text p {color: #646464;

    display: inline-block;

    font: 16px Arial,sans-serif;

	padding-bottom:20px;}