@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong,  tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:14px; font-family: 'Robotol', sans-serif; vertical-align:baseline; color:#363636;}
a, a:focus, input:focus, li , input {
    outline:none;text-decoration:none;
}
html, body { width:100%; min-width:1290px; height:100%; min-height:100%; background: #fff;}
ul, li {list-style:none;}
strong {font-size:18px; font-weight:600;}


#header {width:100%; height:120px; background: rgba(255, 255, 255, 0.95); 	-webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: block; overflow: hidden;  top:0; position: fixed; z-index: 1050; border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
.main #header {width:100%; height:120px; background: rgba(0, 0, 0, 0.2); border-bottom: 0px;	-webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: block; overflow: hidden;  top:0; position: fixed; z-index: 1050;}

.main #header.fixed {width:100%; height:120px; background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.5);  top:0; z-index: 1050; transition: all 0.4s ease;}
#header.fixed {width:100%; height:120px; background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.5);   top:0; z-index: 1050; transition: all 0.4s ease;}
.main #header .center {width:1290px; margin: 0 auto; }
.main #header .center .top_menu {display: block; text-align: right; }



.main .top_menu ul{display: inline-block; z-index: 1055; margin-top: 10px; }
.main .top_menu ul li{ display: inline-block; padding: 0px 20px;}
.main .top_menu ul li:last-child{ display: inline-block; padding: 0px 0px 0px 20px ;}
.main .top_menu ul li a{ font-size: 20px; color: #fff; }
.main .top_menu ul li a:hover{ border-bottom: 1px solid #fff; text-decoration: none;}


.top_menu ul{display: inline-block; z-index: 1055; margin-top: 10px; }
.top_menu ul li{ display: inline-block; padding: 0px 20px;}
.top_menu ul li:last-child{ display: inline-block; padding: 0px 0px 0px 20px ;}
.top_menu ul li a{ font-size: 20px; color: #000; }
.top_menu ul li a:hover{ border-bottom: 1px solid #000; text-decoration: none;}

.logo {width: 595px; float: left; text-align: center;}
.logo a{display: block; margin-top: 5px;}
.img_logo {width: 595px; height: 96px; display: block; overflow: hidden; background: url("../images/logo.png") no-repeat;}


#header .logo {width:595px; float: left; text-align: center;}
#header .logo a{width:595px; display: block; margin-top: 5px;}
#header .logo a img{width:100%; display: block; margin-top: 5px;}
.main #header .logo .img_logo {width: 595px; height: 96px; display: block; overflow: hidden; background: url("../images/logo.png") no-repeat;}
#header .logo .img_logo {width: 595px; height: 96px; display: block; overflow: hidden; background: url("../images/logo_on.png") no-repeat;}

#header.fixed .logo {width:595px; float: left; text-align: center;}
#header.fixed .logo a{width:595px; display: block; margin-top: 5px;}
#header.fixed .logo a img{width:100%; display: block; margin-top: 5px;}
#header.fixed .logo .img_logo {width: 595px; height: 96px; display: block; overflow: hidden; background: url("../images/logo_on.png") no-repeat;}

.logo span {font-size: 20px; text-align: center;}

.contacts  {width: 603px; float: right; text-align: right; margin-top: 15px; }
#header.fixed .contacts  {width: 610px; float: right; text-align: right; margin-top: 18px; }
#header .contacts  {width: 610px; float: right; text-align: right; margin-top: 18px; }

.main .contacts .soc { float: left; border-right: 2px solid rgba(255, 255, 255, 0.5);  height:42px; padding: 0 15px;}
.contacts .soc { float: left; border-right: 2px solid rgba(0, 0, 0, 0.5);  height:42px; padding: 0 15px;}
.contacts .soc ul{ }
.contacts .soc ul li{float: left; line-height: 60px; }
.contacts .soc ul li a{width: 40px; height: 23px; display: block; overflow: hidden; margin-top: 10px;}
.main #header  .contacts .soc ul li a.icon1{background: url("../images/icon1.png") no-repeat; }
.main #header  .contacts .soc ul li a.icon2{background: url("../images/icon2.png") no-repeat; }
.main #header  .contacts .soc ul li a.icon3{background: url("../images/icon3.png") no-repeat; }


#header .contacts .soc ul li a.icon1{background: url("../images/icon1_on.png") no-repeat; }
#header .contacts .soc ul li a.icon2{background: url("../images/icon2_on.png") no-repeat; }
#header .contacts .soc ul li a.icon3{background: url("../images/icon3_on.png") no-repeat; }


#header.fixed .contacts .soc ul li a.icon1{background: url("../images/icon1_on.png") no-repeat; }
#header.fixed .contacts .soc ul li a.icon2{background: url("../images/icon2_on.png") no-repeat; }
#header.fixed .contacts .soc ul li a.icon3{background: url("../images/icon3_on.png") no-repeat; }
.main .contacts .address {font-size: 18px; float: left; font-weight: 600; color: #fff; padding: 0 15px; border-right: 2px solid rgba(255, 255, 255, 0.5); }
.contacts .address {font-size: 18px; float: left; font-weight: 600; color: #fff; padding: 0 15px; border-right: 2px solid rgba(0, 0, 0, 0.5); }
#header.fixed .contacts .soc, #header.fixed .contacts .address { border-right: 2px solid rgba(0, 0, 0, 0.5); }

.contacts .tel {font-size: 18px; float: left; font-weight: 600; color: #fff; padding: 0 0 0 15px;}
.contacts div .line {font-size: 18px; font-weight: 600; color: #fff;}
#header.fixed .contacts div .line {font-size: 18px; font-weight: 600; color: #484848;}
#header .contacts div .line {font-size: 18px; font-weight: 600; color: #484848;}
#header .contacts div .line a {font-size: 18px; font-weight: 600; color: #484848;}
.main #header .contacts div .line a {font-size: 18px; font-weight: 600; color: #fff;}
.main #header .contacts div .line {font-size: 18px; font-weight: 600; color: #fff;}
.main #header.fixed .contacts div .line {font-size: 18px; font-weight: 600; color: #484848;}
.main #header.fixed .contacts div .line a {font-size: 18px; font-weight: 600; color: #484848;}

#header.fixed .top_menu ul li a{ font-size: 20px; color:#000;}
#header.fixed .top_menu ul li a:hover{ border-bottom: 1px solid #000; text-decoration: none;}





.center {width: 1290px; margin: 0 auto;}
.item-page {width: 1290px; margin: 110px auto 0; }
.item-page p{font-size: 24px; font-weight: 600; margin-bottom: 20px; line-height: 140%; color: #000; }

#k2Container {width: 1290px; margin: 0 auto; padding-top: 135px}


.contacts_top {}
.contacts_bottom {}

.page-header {display:block; overflow:hidden;}
.item-page .line {display:block; overflow:hidden; margin-bottom:60px;}
.w13 {width:640px; float:left;}
.w23 {width:calc(100% - 680px); margin-left:40px; float:left;}
.share {}
span {}

.box_title {height:75px; text-align:center; background:#8cb023; color:#fff; line-height:75px; font-size:30px;}
.box_text { padding:20px; border:1px solid #f1f1f1; border-top:0px; min-height:285px;}





.center_text {position: relative; padding-top: calc(100vh / 2  - 65px); }
.slogan {width:950px; margin: 0 0 0 calc(50%  - 475px); background: rgba(0, 0, 0, 0.5); font-size: 36px; padding: 10px 0; font-weight: 600; color: #fff; display: block; overflow: hidden; text-transform: uppercase; text-align: center;}

.arrow {width:191px;  text-align: center;  opacity: 0.3; margin: 40px auto 0;}
.arrow:hover {cursor: pointer; opacity: 0.5;}

#section1 {width:100%; height:100vh;  min-height:500px;  background: url("../images/bg1.jpg") no-repeat top center;
	-o-background-size:       cover;
	-webkit-background-size:  cover;
	-khtml-background-size:   cover;
	-moz-background-size:     cover;
	background-size:          cover; }



#section2 {width:100%; margin: 40px 0; display: block; overflow: hidden; }
.box {width: calc(50% - 20px); float: left; margin-bottom: 35px;}
.box:nth-child(1), .box:nth-child(3) {margin-right: 40px;}
.box .box_img{ width: 100%;  margin-top: -75px; z-index: 1001; }
.box .box_img img{ width: 100%;}
.box .box_title{ background: rgba(0, 0, 0, 0.5); text-align: center; z-index: 1005; position: relative; }
.box .box_title a{ font-size: 36px;  font-weight: 600; color: #fff; text-transform: uppercase;  display: block; overflow: hidden; line-height:75px; }
.box .box_title a:hover{ text-decoration:none; }
.box .box_icons{margin-top: -85px; padding-bottom: 10px; margin-right: 10px; position: relative;  }
.box .box_icons .icons{}
.box .box_icons ul{text-align: right; }
.box .box_icons ul li{display: inline-block; }

#section_text { text-align: center; padding: 20px 0;}
#section_text p {font-size: 30px; font-weight: 600; margin-bottom: 20px; line-height: 140%; color: #000;}
.item_bottom  {text-align: center; padding: 20px 0;}
.item_bottom p {font-size: 30px; font-weight: 600; margin-bottom: 20px; line-height: 140%; color: #000;}
#section_text p span{font-size: 40px; font-weight: 600; color: #000;}

#section3, #section4 { text-align: center;}
#section3 img, #section4  img{ width:95%; max-width:1200px; margin:0 auto;}

#razd {width: 75%; height: 1px; display: block; overflow: hidden; background: #c9c9c9; margin: 55px auto; }





.item_gal .owl-nav .owl-prev {
    background: url(../images/arrows.png) no-repeat!important;
    background-position: 0 -0px!important;
    float: left;
    margin-left: 20px!important;
}

.item_gal .owl-nav .owl-next {
    background: url(../images/arrows.png) no-repeat!important;
    background-position: -91px 0px!important;
    float: left;
    margin-left: calc( 100% - 101px )!important;
	
}
.item_gal .owl-nav [class*=owl-] {
    position: absolute;
    margin-top: -140px!important;
    width: 91px;
    height: 95px;
    display: block!important;
}

.item_gal .owl-nav [class*=owl-] {margin-top: -300px!important;}
.item_gal .owl-nav button span {color:#000;}
.item_gal .owl-nav button:focus {outline:none;text-decoration:none;}






.item_top { margin-bottom: 30px; display: block; overflow: hidden;}
.item_gal {width: 834px;  height:521px; float:left;}
.item_detail {width: 406px;  height:523px; float:left; margin-left: 50px; }

.item_title {width: 100%; height: 60px; background: #8cb023;}

h1 {text-align: center;font-size: 30px;  font-weight: 600; color:#fff; line-height: 60px; }

h1.black {color:#000; margin:30px 0 40px;}
.item_detail_body { border: 1px solid #e1e1e1; padding: 10px 15px 15px 15px; background: #f6f6f6;}
.item_params {height: 310px; display: block; overflow: hidden;}
.item_params li {width: calc(50% - 15px); margin-right: 30px; float:left; border-bottom: 1px solid #c6c6c6; line-height: 30px; vertical-align: middle;}
.item_params li img {vertical-align: middle;}
.item_params li span {vertical-align: middle; font-weight: 600;}
.item_params li:nth-child(2n) {margin-right: 0px;}
.item_price { margin-bottom: 15px ;}
.item_price table{width: 100%; border: 1px solid #c6c6c6; border-collapse: collapse; font-weight: 600;}
.item_price table th{padding: 2px 10px; border: 1px solid #c6c6c6;}
.item_price table td{padding: 2px 10px; border: 1px solid #c6c6c6;}
.zakazat {}
.zakazat a{width: 100%; height: 45px; display: block; overflow: hidden;  background: #8cb023; text-align: center; font-size: 26px;  font-weight: 600; line-height: 45px; text-transform: uppercase; color:#fff; }
.zakazat a:hover, .zakazat a:focus {background: #7a9b18; text-decoration: none;}
.item_bottom { display: block; overflow: hidden;}






.moduletable h3 {
	font-size: 32px;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}

.moduletable form {display: block; overflow: hidden;}



.modal-dialog {
	width: 450px !important;
	margin: 10% auto !important;
}

.modal-body input {width: 80%; height: 40px; border: 1px solid #c1c1c1;margin: 0 10% 10px; padding-left: 10px; }
.modal-body input[type="checkbox"] {width: 20px; height: 20px; border: 1px solid #c1c1c1; margin: 0; padding-top: 0px; }

.afterformtext {height: 20px;  display: block; overflow: hidden; float: left; padding-bottom: 10px;  margin-left:10%;}
.afterformtext a { margin-left:10px;}

.wscheck_left {display: block; overflow: hidden;  float: left;}
.wscheck_right {display: block; overflow: hidden;  float: left;}


.uk-button {width: calc(100% - 20%);  margin:0px 0 10px 10%; height: 45px;display: block;	overflow: hidden; border: 0px; background: url("../images/bg_button_off.png") repeat-x;float: left; line-height:45px; text-align: center; color: #fff; font-size: 18px; border-radius: 7px;}










#footer { display: block; overflow: hidden;}
#footer .center {text-align:center; font-size: 24px; margin-bottom: 5px;}


.form_left {width: calc(100% - 450px); float: left;}
.form_right {width: 400px; float: left; text-align: center; margin-left: 50px; }
.form_check {width: 30px; height: 30px; display: block; overflow: hidden; background: #fff; border: 1px solid #dcdcdc; float: left;}

.uk-button { background: #83d100; padding: 5px 20px; }



@media (max-width: 1850px) {

}

@media (max-width: 1100px) {


}



@media (max-width: 900px) {

}

@media (max-width: 768px) {

}

@media (max-width:570px){

}

@media (max-width:450px){

}























.check input[type="checkbox"] {width: 30px!important;}
.check a {font-size: 18px;  color: #0e507e; text-decoration:underline;}