/* CSS Document */


html, body  {
  padding:0; margin:0; width:100%;
  font-family:'din_light'; font-size:15px; color:#4f4f4f; line-height:21px; letter-spacing:1px;
  background:url('../images/bg.jpg') 0 0 repeat;}
img {border:0px solid; }
A IMG {border:none; }
p {margin:0;}
.box {width:988px; margin:0 auto; margin-bottom:5px; background:#fff; border:6px solid #eaeaea;}

/*LINK*/
a {color:#ff6609; text-decoration:underline; outline:none;}
a:hover {text-decoration:none;}

/*clear*/
.clear7 {margin-top:7px; height:0; width:100%;}
.clear10 {margin-top:10px; height:0; width:100%;}
.clear15 {margin-top:15px; height:0; width:100%;}
.clear20 {margin-top:20px; height:0; width:100%;}
.clear30 {margin-top:30px; height:0; width:100%;}
.clear40 {margin-top:40px; height:0; width:100%;}
.clear50 {margin-top:50px; height:0; width:100%;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:30px;}
#ml30 {margin-left:280px !important;}

/*color*/
.orange {color:#ff6609;}
.red {color:#FF0004;}
/*font*/
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font18 {font-size:18px;}
.font24 {font-size:24px;}
.font27 {font-size:27px;}
.font30 {font-size:30px;}
.font36 {font-size:36px; line-height:36px;}
/*standart*/
.italic {font-style:italic;}
.bold {font-weight:bold;}
.up {text-transform:uppercase}
.decor {text-decoration:underline;}
#head {font-size:30px; margin:0; padding:0; font-weight:normal;}
.head {font-size:20px; margin:0; padding:0; font-weight:normal; line-height:42px; text-transform:none;}

.slogan {float:left; text-align:center; line-height:26px; width:310px; margin:45px 0 0 40px;}

/*contact*/
.contact {width:960px; margin:0 auto; padding:0 20px; font-size:15px; height:85px;}
.contact #p1 {float:left; margin:35px 0 0 0;}
.contact #p2 {float:left; margin:15px 0 0 30px;}
.contact #p3 {float:right; margin:20px 0 0 0;}
.contact .img {margin:-2px 13px 0 0; vertical-align: top;}
.contact .img2 {margin:1px 10px 0 0; vertical-align: top;}
.contact a {color:#6d6d6d; outline:none; transition:all 0.5s ease;}
.contact a:hover {color:#4b4b4b; text-decoration:underline;}

.contact-{font-size:15px; margin:20px 0 0 30px;}
.contact- .img {margin:-2px 13px 0 0; vertical-align:top;}
.contact- .img2 {margin:1px 10px 0 0; vertical-align:top;}
.contact- a {color:#fff; outline:none; transition:all 0.5s ease;}
.contact- a:hover {color:#000; text-decoration:underline;}


/*menu & block big tovar*/
.menu {background:url('../images/bgmenu.jpg') 0 0 no-repeat; width:988px; height:100px;}
.menu ul {margin:0 30px 0 0; padding:0; text-align:right;}
.menu ul li {margin:0; padding:0 35px; display:inline-table;}
.menu ul li a {text-decoration:none; color:#fff; text-transform:uppercase; font-size:24px; line-height:69px; outline:none;}
.bigtovar {margin:15px 50px 15px 30px;}
.bigtovar img {margin:0 25px 0 0; float:left;}
.bigtovar p {margin:15px 0;}

/*vkladki*/
#tabs ul {list-style:none; margin:0; padding:3px;}
#tabs ul li {float:left; background:#e9e8ed;}
#tabs ul li a {display:block; padding:6px 27px;	color:#6d6d6d; text-decoration:none; font-size:18px; outline:none; line-height:41px; transition:all 0.7s ease;}		
#tabs ul li a:hover {background:#c4c4c4; color:#fff;}		
#tabs ul li.active a {background:#ff6609; color:#fff; transition:all 0.7s ease;}				
.clearfix:after {visibility:hidden;	display:block; font-size:0;	content:" "; clear:both; height:0; background-image:none !important;}
* html .clearfix {zoom:1;} /* IE6 */
*:first-child+html .clearfix {zoom:1;} /* IE7 */		

#panels {width:100%;}
#panels .panel-wrapper {padding:40px 25px;}
#panels .panel {}
#panels p {font-size:18px; margin:5px 0;}
#panels img {float:left; margin:0 40px 120px 0;}

#panels button {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:none; padding:4px 20px;
	font-size:16px; color:#fff; cursor:pointer; outline:none; text-transform:uppercase; font-family:'din_light'; font-size:18px; letter-spacing:1px;
background:#6d6d6d; transition:all 0.7s ease;}
#panels button:hover {outline:none; background:#ff561a;}


/*button*/
.but {margin:0 auto; text-align:center;}
.but button {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #ff5c22; padding:4px 20px;
	font-size:16px; color:#fff; cursor:pointer; outline:none; text-transform:uppercase; font-family:'din_light'; font-size:20px; letter-spacing:1px;
background: #ff854c; /* Old browsers */
background: -moz-linear-gradient(top,  #ff854c 0%, #ff561a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff854c), color-stop(100%,#ff561a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff854c 0%,#ff561a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff854c 0%,#ff561a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff854c 0%,#ff561a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff854c 0%,#ff561a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff854c', endColorstr='#ff561a',GradientType=0 ); /* IE6-9 */
}
.but button:hover {outline:none;
background: #ff561a; /* Old browsers */
background: -moz-linear-gradient(top,  #ff561a 0%, #ff854c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff561a), color-stop(100%,#ff854c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff561a 0%,#ff854c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff561a 0%,#ff854c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff561a 0%,#ff854c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff561a 0%,#ff854c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff561a', endColorstr='#ff854c',GradientType=0 ); /* IE6-9 */
}

/*photo*/
.photo {margin:30px 20px 60px 20px; font-size:27px; line-height:25px;}
.photo .b1 {background:url('../images/b1.jpg') center 0 no-repeat; width:779px; height:145px; margin-bottom:9px; padding:75px 0 0 160px;}
.photo .b2 {background:url('../images/b2.jpg') center 0 no-repeat; width:779px; height:130px; margin-bottom:9px; padding:90px 160px 0 0;}
.photo .b3 {background:url('../images/b3.jpg') center 0 no-repeat; width:779px; height:155px; margin-bottom:9px; padding:65px 0 0 160px;}
.photo .b4 {background:url('../images/b4.jpg') center 0 no-repeat; width:779px; height:130px; margin-bottom:9px; padding:90px 160px 0 0;}

/*video*/
.video {margin:30px 0 50px 0; text-align:center;}
.video .video-block {display:inline-table;}

/*klient*/
.klient {margin:30px 0 50px 0; text-align:center; font-size:20px; line-height:26px; text-transform:uppercase; font-weight:bold;}
.klient .klient-1 {display:inline-table; background:url('../images/k1.jpg') center 0 no-repeat; width:281px; height:85px; margin:0 30px 0 0; padding-top:70px;}
.klient .klient-2 {display:inline-table; background:url('../images/k2.jpg') center 0 no-repeat; width:281px; height:85px; margin:0 30px 0 0; padding-top:70px;}
.klient .klient-3 {display:inline-table; background:url('../images/k3.jpg') center 0 no-repeat; width:281px; height:85px; padding-top:70px;}
.klient .klient-4 {display:inline-table; background:url('../images/k4.jpg') center 0 no-repeat; width:281px; height:85px; margin:0 30px 0 0; padding-top:70px;}
.klient .klient-5 {display:inline-table; background:url('../images/k5.jpg') center 0 no-repeat; width:281px; height:85px; margin:0 30px 0 0; padding-top:70px;}
.klient .klient-6 {display:inline-table; background:url('../images/k6.jpg') center 0 no-repeat; width:281px; height:85px; padding-top:70px;}
noindex:-o-prefocus, .klient .klient-1, .klient .klient-2, .klient .klient-3, .klient .klient-4, .klient .klient-5, .klient .klient-6 {height:155px;}

/*garantii*/
.garant {margin:30px 30px 50px 0;}
.garant img {margin:120px 40px 120px 30px; float:left;}
.garant p {font-size:18px; margin:15px 0; line-height:25px;}
.garant ul {margin:0 0 0 256px; padding:0; list-style:none;font-size:18px;}
.garant ul li {display:block; padding:7px 0 7px 35px; background:url('../images/marker.jpg') 0 8px no-repeat;}

/*dostavka*/
.map {background:url('../images/map.jpg') center 0 no-repeat; height:643px; margin:0 0 30px 0;}
.map .txt {font-size:24px; padding:50px 0 0 40px;}

/*footer*/
footer {background:url('../images/bgpanel.jpg') 0 0 repeat-x #7d7d7d; padding:0 0 30px 0; color:#fff; font-size:14px; width:1000px; margin:0 auto; 
	margin-top:10px; margin-bottom:20px;}
footer p {padding:10px 30px;}
footer .left {width:50%; float:left;}
footer .right {float:right; width:40%; text-align:right; margin:30px 40px 0 0;}
footer .right .but {margin:0 !important; float:right;}

.top {position:fixed; border:1px dashed #fff; right:10px; bottom:10px; padding:10px; background:#444242;}
.top a {text-decoration:none; outline:none; color:#fff;}

/*Коляна сайт*/

.blok1 {
    width: 800px;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    padding: 15px
}

section {
    margin: 0 auto;
}

p {
    margin: 0;
}

/* section one1 */

#pborder {
    border-right-style: solid;
    border-color: #8e8e8e;
    border-width: 2px;
}

#pborder a {
    color: #000;
    text-decoration: none;
}

#pborder2 {
    border-left-style: solid;
    border-color: #8e8e8e;
    border-width: 10px;
}

.peregorodka {
    display: inline-block;
    width: 2px;
    height: 15px;
    background: #000;
    
}

.blok1 p {
    display: inline-block;
    width: 260px;
    font-weight: 600;
}

h1 {
    margin: 0 auto;
}

h2 {
    margin: 0 auto;
}

#pborder .but2 {
    background: #1794ff;
    color: #fff;
}

#pborder .but2:hover {
    background: #1779ff;
}

/* section two2 */

#two2 {
    text-align: center;
}


/* section three3 */

#three3 .textp1 {
    margin: 0;
}

.blok2 {
    height: 350px;
}

.threeblok {
    height: 350px;
    width: 500px;
    display: inline-block;
    outline-style: solid;
    outline-color: #8e8e8e;
    float: left;
    margin: 0 0 0 0px;
}

.threeblok2 {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 125px 0px 10px 15px;
}

.threeblok2 form.form1 input {
    padding: 10px 15px;
    margin-bottom: 17px;
}

.threeblok2 form.form1 button.buttop {
    width: 234px;
    height: 40px;
    font-size: 18px;
}

/*
.img3 {
    background: url(37q2S-UPJ1Y.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.first img{
    width: 260px;
    height: 200px;
}
*/
/* section three3.5 */

form input {
    width: 200px;
    display: inline-block;
}

/* section four4 */

#textp2 {
    width: 100%;
    text-align: left;
    font-size: 17px;
}

/* section five5 */

.but2 {
    text-decoration: none;
    background: #ff7926;
    color: #fff;
    padding: 3px 30px;
    border-radius: 4px;
    font-weight: 300;
}

.but2:hover {
    background: #ff6c00;
}

.phone {
    font-weight: 600;
    margin: 0 auto 5px;
}

/* Всплывающее окно */	

.parent_popup, .parent_popup_click {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup, .popup_click { 
  background: #fff;
    max-width: 600px;
    width:70%;
    margin: 15% auto;
	padding: 5px 20px 13px 20px;
	border: 5px solid #ddd;
	position: relative;
	/*--CSS3 CSS3 Тени для Блока--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Закругленные углы--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.popup h2, .popup_click h2 {
    font: 28px;
	text-align: center;
	color: #454545;
	text-shadow: 0 1px 3px rgba(0,0,0,.0);
    margin: 10px auto 20px;
}


/* кнопка закрытия */
.close {
    background-color: rgba(0, 0, 0, 0.8);
	border: 2px solid #ccc;
    height: 28px;
    line-height: 24px;
    position: absolute;
    right: -24px;
	cursor: pointer;
    text-align: center;
    text-decoration: none;
	color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: helvetica, arial;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    top: -24px;
    width: 34px;
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
    font-size: 20px;
    padding-top: 5px
}
.close:hover {
    background-color: rgba(255, 69, 0, 0.8);
}

form input {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    border-style: solid;
    border-color: #8e8e8e;
}