*{outline:none!important}
html{background:url(../img/bg-body.jpg) 0 100px repeat-x}
body{color:#435460;background:url(../img/bg-blok-menu.png) center 100px no-repeat}
img{max-width:100%;height:auto}
iframe{max-width:100%}
a{color:#f47f22}
a:hover{text-decoration:none}
.clear{clear:both}
.none{display:none}
h1, h2, p.similar-title{font-size:28px;font-weight:normal}
h1{font-size:30px;margin-top:0}
h2{text-transform:none}
h3, .h3{font-size:22px;font-weight:normal}
h4{font-size:18px;color:#f47f22;font-weight:normal}
#total h2{font-size:22px;margin-top:23px}
p.blue{font-size:13px;color:#266089;font-style:italic;background:url(../img/bg-blue.gif) left repeat-y}
textarea{resize:none}
textarea.big{min-height:180px}
span.sup{font-size:22px;line-height:14px;font-weight:normal}
.left{float:left}
.right{float:right}
.nowrap{white-space:nowrap}
.breadcrumb{padding:0;display:block;margin:-3px 0 20px;background:0}
.breadcrumb>.active{color:#435460}
.breadcrumb>li+li:before{color:#aaa}
.title_red{color:red;font-size:18px}
.well{background:#fff;box-shadow:none}

#shk_prodHelper{background:#fff!important}
#shk_prodHelper input[name="count"]{margin:0 7px}

.btn-warning,
#shk_buttons .shk-but{border:1px #f99d0f solid;background:linear-gradient(to top, #f99d0f, #fcbf43);color:#6f4407 !important}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
#shk_buttons .shk-but:hover,
#shk_buttons .shk-but:focus,
#shk_buttons .shk-but:active,{background:#fbb533;border-color:#f99d0f}
.shk-item .btn-warning{margin-top:5px}
#price.shk-item .btn-warning{margin:0}
#price .text-nowrap{display:inline-block}

#shk_buttons .shk-but{padding:3px 6px;border-radius:4px;font-size:13px}

/* ----- header ----- */
#header{padding-top:12px}

#title{font-size:17px;color:#4a5b6a;text-align:center}
#telefon{text-align:right;color:#667683}
#telefon a{color:#e77800}
#telefon span{font-size:30px}
#telefon span sup{font-size:14px;color:#8d99a4}
/* ----- header end ----- */

/* ----- blok-menu ----- */
#header .navbar{min-height:38px}
#header .navbar-default{background:none;border-radius:0;border:none}
#header .navbar-nav > li > a{padding-top:9px;padding-bottom:9px;color:#435460}
#header .navbar-nav > li.active > a,
#header .navbar-nav button.menu{color:#e77800;background:#eeeff3}
#header .navbar-nav button.menu{border:none;color:#435460;color:#e77800;padding:9px 15px}
#header .navbar-nav > li > a:hover,
#header .navbar-nav button.menu:hover{color:#e77800;background:#fff}

.basket{width:22px;height:22px;display:block;text-align:center;line-height:22px;background:#fff;border-radius:50%;float:right;margin-left:8px}
li a:hover .basket{background:#eeeff3}

.menu-product{position:relative}
.menu-wrap{background:url(../img/bg-menu-prod-ul.jpg) repeat-y #fff right;padding:10px 0;border-radius:12px 12px 0px 12px;margin-left:145px;padding-left:30px;padding-right:10px;min-height:145px}

.menu-product ul li{list-style-type:none;height:33px;background:url(../img/bg-tov-li.gif) right bottom no-repeat}
.menu-product ul li.last{background:none}
.menu-product ul li a{color:#435460;text-decoration:none;padding-left:30px;height:35px;/*width:160px;*/ display:table-cell;vertical-align:middle}
.menu-product ul li.active a{background:#e5e5e5}
.menu-product ul li a:hover{background:#728694;color:#FFF}

.categories{margin-bottom:50px}
.volcano{position:absolute;top:-20px}
.defender{position:absolute;left:-5px;top:-13px} 
.kalkulator{position:absolute;top:-13px}

.menu-product .title{font-size:18px;line-height:22px;color:#484747;font-weight:bold;margin:0 0 5px}
.menu-product .title a{color:#484747;text-decoration:none}
/* ----- blok-menu end ----- */

/* ----- main-content ----- */
.orange-title{font-size:18px;color:#f47f22}
.mshow{display:inline-block}
/* ----- main-content end ----- */

/* ----- opkompanii ----- */
#bg-okompanii{background:url(../img/bg-okompanii.gif) repeat-x #cacfd5;margin-top:30px}
#okompanii{position:relative}
#okompanii .h3{height:78px;text-align:center;width:200px;background:url(../img/big-arrow.png) no-repeat center;position:absolute;left:-6px;top:-52px;padding:8px 0 0 0}
#okompanii-l a{color:#617482}
#okompanii-l{padding-top:40px}
#okompanii-l,
#okompanii-r{padding-bottom:30px}
#okompanii-r h3{padding-bottom:12px}
.inform{padding-bottom:14px}
.inform-data{font-size:11px;color:#f47f22;padding-bottom:7px}
.inform-data span{background:#fff;line-height:17px;height:17px;padding:2px 8px 3px 8px}
.inform a{color:#435460}
/* ----- opkompanii end ----- */

/* ----- gallery ----- */
#gallery{position:relative;padding:30px 0 0}
#gallery h3{margin:0 0 20px}
#gallery img{border:3px #a7b6c3 solid;margin-bottom:30px}
#gallery .row{text-align:center}
/* ----- gallery end ----- */

/* ----- footer ----- */
footer{background:url(../img/bg-bottom.gif) top repeat-x;margin-top:30px}
#footer{padding-top:20px;padding-bottom:20px}
#footer-c{text-align:center}
#footer-l{font-size:12px}
#footer-l a{color:#f47f22;font-size:20px}
#footer-r{text-align:right}
#footer-r a{font-size:20px}
#footer-r span{color:#8d99a4}
#footer-r img{margin-bottom:-4px;margin-right:10px}
/* ----- footer end ----- */

#company-info-l table{border:3px #a7b6c3 solid;width:343px;height:331px}
#company-info-l table td{text-align:center;background:#fff}
#company-info-l img{margin-bottom:10px}
#company-info-r{padding-bottom:10px}
#company-info-r ul{margin:0 0 15px 20px}

.other{position:absolute;left:-4250px}
.form{margin-top:20px}
.form label.radio{display:block;cursor:pointer;margin:5px 0}
label.error{font-size:11px;margin:0 0 -10px;color:red;display:block;font-weight:normal}
#wlpeLoginForm label.error{margin:0}
.errors{margin-bottom:10px;font-size:12px;color:red}
input.count{width:50px;text-align:center;margin:0 5px;display:inline-block}

::-webkit-input-placeholder{color:#75899b;opacity:1}
::-moz-placeholder{color:#75899b;opacity:1}
:-moz-placeholder{color:#75899b;opacity:1}
:-ms-input-placeholder{color:#75899b;opacity:1}

.register img.verimage,
.register img.verimage{float:left}
.register .code{/*width:156px;*/}
.register p{padding:10px 0}
.register label.error{margin-bottom:10px;max-width:260px}
.register td{vertical-align:top}
.register h2{padding:5px 0 5px}

.submit{border:none;cursor:pointer;font-size:22px;color:#fff!important;display:inline-block;text-decoration:none;padding:10px 30px;border-radius:6px;background:#f47f22;letter-spacing:.02em}
.submit.right{margin-top:-6px}
a.submit{padding-top:10px}
.verimage{border:1px #cdd5dc solid;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;margin-bottom:5px}
/* ----- form end ----- */

/* ----- informacia ----- */
.informacia{}
.informacia img{margin-bottom:10px}
.informacia-r{padding-left:20px}
.informacia-data{color:#a7b6c3;font-size:11px;margin-bottom:4px}
.informacia-r a,
h2.auto{font-size:18px;color:#f47f22}
.informacia-r ul{margin-left:15px}
/* ----- informacia end ----- */

/* ----- pagination ----- */
.pagination{padding:22px 0;text-align:center;font-size:15px;margin-bottom:-45px}
.pagination a, .ditto_currentpage{font-size:15px;color:#435460;text-decoration:none;padding:5px 9px 5px 9px;display:inline-block;margin:0 2px}
.pagination a:hover, .ditto_currentpage{background:#75828a;color:#FFF}
/* ----- pagination end ----- */

/* ----- tovar ----- */
#tovar-l{margin-bottom:20px}
#tovar-l ul.product-menu{padding:0;margin-bottom:30px}
#tovar-l ul.product-menu li{list-style-type:none;margin-top:-1px}

#tovar-l ul li a{font-size:20px;color:#435460;text-decoration:none;padding:5px 10px;display:block;border-bottom:1px #a7b6c3 solid}
#tovar-l ul li a:hover,
#tovar-l ul li.active a{color:#fff;background:linear-gradient(to top, #f99d0f, #fcbf43);border:1px #f99d0f solid;padding:5px 9px 4px}

#tovar-r ul{margin-bottom:20px}
#tovar-r ul li{margin-bottom:10px}
#price{font-size:28px;margin-bottom:25px}
.old_price{color:red;text-decoration:line-through}

.application{padding-right:30px;margin-top:5px;margin-bottom:20px}
.application ul{margin-bottom:20px}
.application ul li{list-style-image:url(../img/li.gif);list-style-position:inside}

#price-auto{width:170px;float:right;margin-left:20px}
#price-auto div{margin-bottom:10px;font-size:16px;text-align:center}
#price-auto span.shk-price{font-weight:bold}
/* ----- tovar end ----- */

/* ----- similar ----- */
#bg-similar{background:url(../img/bg-similar.jpg) repeat-x #cdd2d8;padding-bottom:20px;margin:30px 0 -31px;position:relative;z-index:10}
#bg-similar .img-thumbnail{border:none}
.similar-tovar{text-align:center;margin-bottom:40px}
.similar-tovar p.title{font-weight:bold;margin-bottom:5px;font-size:13px}
.similar-tovar .img-thumbnail{padding:10px}
.similar-tovar img{margin-bottom:10px}
.similar-tovar .old-price{color:#ec5157;text-decoration:line-through}
.similar-tovar .introtext{margin-bottom:10px}

.similar-tovar a{color:#435460;text-decoration:none;line-height:1.3}
.similar-tovar a:hover{text-decoration:underline}
p.similar-title{text-transform:none;font-size:24px;padding-top:22px;padding-bottom:40px}

/* ----- similar end ----- */

/* ----- korzina ----- */
#korzina{margin-bottom:40px}
.shk-count{width:46px;text-align:center;padding:9px 5px}
#shk_recount img{vertical-align:middle;margin-right:15px}
#shk_recount a{text-decoration:none}
#shk_recount a:hover{text-decoration:underline}
#shk_recount input{border:none;background:none;color:#E87902;font-size:14px}
#shk_recount input:hover{text-decoration:underline;cursor:pointer}

#oformlenie{margin-bottom:40px}

.table_products{margin-bottom:15px}

.table_products a img{position:absolute;display:none;top:-1px;left:-1px;border:5px #fff solid;box-shadow:0 0 10px #bbb;z-index:10;background:#fff}
.table_products a.shk-del img{position:static;display:inline-block !important;border:none;box-shadow:none}
.table_products a:hover img{display:block;max-width:100px;max-height:100px} 

.fa-minus,
.fa-plus{cursor:pointer}
h2 small{text-decoration:line-through;font-size:18px}
/* ----- korzina end ----- */

/* ----- korzina end ----- */
div.content{float:left;width:490px;margin-bottom:20px}
div.navigation{width:100px;float:left;padding-left:20px;margin-bottom:20px}
div.navigation .pagination{display:none}
div.slideshow-container{position:relative;clear:both;height:400px}
div.slideshow span.image-wrapper{display:block;position:absolute;top:0;left:0}
div.slideshow a.advance-link{display:block;border:3px solid #a7b6c3;text-align:center;width:490px;background:#fff;padding:10px}
div.slideshow img{vertical-align:middle;max-height:360px;max-width:470px}
ul.thumbs{clear:both;margin:0;padding:0}
ul.thumbs li{float:left;padding:0;margin:0 0 5px;list-style:none}
a.thumb{padding:2px;display:block;border:1px solid #a7b6c3;background:#fff}
ul.thumbs li.selected a.thumb{border:3px solid #a7b6c3;padding:0}
/* ----- korzina end ----- */

/*-----kalc-----*/
#citys input, #tab3 input{margin:3px 5px}

#tabtable{display:block;margin-bottom:20px}
#tabtable tr{display:block}
#tabtable td{display:inline-block;margin-bottom:5px}

.active > .btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad;box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125)}

.ind{display:inline-block}
.ind .form-control{width:100px;text-align:center;display:inline-block;margin-right:10px}
#total span,
h2 span{white-space:pre}

.tabs .tab{display:none}
.tabs .tab.active{display:block}
.tabs .tab .tcnt td{vertical-align:top}

.tabs .dsc{padding-bottom:20px}
.tcnt label{font-size:13px;font-weight:normal}

#tab2 .dsc{padding:0 0 0 10px}
#citys{margin-bottom:20px}
#citys table{width:100%}

.temptable{border:none;margin-bottom:20px}
.temptable td{padding:2px;text-align:center}
.temptable td.al{text-align:left;padding-right:30px}
.temptable td.w{width:35px}
.temptable th{background:#ffffff;text-align:center;padding:0 2px 2px 2px}
.temptable td.sth{width:20px;font-weight:bold;font-size:14px}

.techtable{margin-top:0;margin-bottom:20px}
.techtable th{font-weight:bold;border:1px solid #575757;padding:5px;text-align:center;white-space:nowrap}
.techtable th span{padding:5px 10px 5px 10px;background:#575757;color:#fff}
.techtable td{padding:9px;border:1px solid #575757;text-align:center}
.techtable tr.bott td{border-bottom:1px solid #575757}
.techtable td.sp{border-left:none;width:45px}
.techtable td.sp,
.techtable td.nm{text-align:left}

.montaj{width:100%;clear:both}
.montaj img{float:left;margin:0 10px 10px 0}

.icons{margin:0 -5px}
.icons > div{padding:0 5px}
.icon{font-size:14px;line-height:14px;font-weight:bold;margin-bottom:20px;border:1px #a7b6c3 solid;border-radius:4px;padding:13px 5px}
.icon i{font-size:33px;float:left;color:#e77800;margin-right:5px}

.table{margin-bottom:15px;width:100%}
.table td,
.table th{border:2px #fff solid;padding:3px 20px}
.table thead th{border-top:1px #f7a600 solid}
.table td{text-align:center}
.table th{background:#e5e5e5;font-weight:normal}
.table-striped > tbody > tr:nth-of-type(2n+1){background:#f6f6f6}

.table-responsive{min-height:.01%;overflow-x:auto;width:100%;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;margin-bottom:15px}
.table-responsive .table{margin:0}

ul li small{color:#aaa}

.description > div{text-align:center;vertical-align:top;padding:0 10px 30px}
.description p{padding-bottom:5px}
.description p strong{text-transform:uppercase}

.map{height:400px;border:1px #a7b6c3 solid}

#toTop{position:fixed;right:10px;bottom:10px;display:none;font-size:24px}

.shk-price{font-weight:bold;font-size:1.3em}
.shk_count_button{border:0;background:none;margin:0!important;width:auto!important}

.modal-content{border:none;border-radius:0;background:linear-gradient(to top, #c9cfd3 0px, #fff 100px)}
.modal-header{border:none;padding:40px 50px 30px}
.modal-title{margin:0;font-weight:700;text-transform:uppercase;font-size:29px;line-height:34px}
.modal-body{padding:0 50px}
.modal-footer{border:none;padding:20px 50px 40px;text-align:center}
.modal-header .close{margin:-30px -30px 0 0}
.modal-header .close{font-size:31px;opacity:.3;font-weight:400;filter:alpha(opacity=30)}
.modal-content h5{color:#46545f;font-size:24px;font-weight:700;margin:-10px 0 30px}
#closeForm{font-size:17px}
#closeForm label,
#shopOrderForm label{font-weight:400;line-height:30px}
#closeForm .required{font-size:32px;margin:-9px 0 0 -20px}
#closeForm .form-group{margin-bottom:25px}

.custom-file-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:100px;font-size:17px;position:relative;z-index:100}
.custom-file-input{display:none!important}
.custom-file-btn{position:relative;z-index:10;background:#b8c0c6;color:#fff;border-radius:6px;padding:7px 17px;position:absolute;margin:-1px 0 0 -90px;font-size:14px}

.handform{background:#eee;padding:30px 0;margin:-20px 0 -31px;position:relative;z-index:10}
.handform h4{font-weight:700;font-size:22px;line-height:32px;margin:0 0 30px}
.handform .form-group{margin-bottom:25px}
.handform label{font-weight:400;line-height:31px}

#SaleForm label{font-weight:400}
#SaleForm .custom-file-label{font-size:14px;line-height:32px}
#SaleForm .modal-title{font-size:24px;line-height:29px}

/* 1199 и меньше */
@media (max-width:1199px){
	#telefon span{font-size:24px}
	.menu-wrap{margin-left:90px;min-height:145px}
	.menu-product img.volcano{width:110px}
	.menu-product img.defender{width:123px}
	.menu-product img.kalkulator{width:110px}
	.menu-product .title{font-size:16px;line-height:18px}
	
	.table_products > .row > div{background:#eee;text-align:center;padding-top:3px;padding-bottom:3px}
	.table_products > .row > div.first{padding-top:10px}
	.table_products > .row > div.last{margin-bottom:20px;padding-bottom:10px}
	
	.tabs table,
	.tabs table tr,
	.tabs table td{display:block}
	
	#tab2 .dsc{padding:5px 0 0}
	#tab3 td{padding-bottom:20px}
}

/* 1200 и больше */
@media (min-width:1200px){
	.table_products > .row{margin:0 -5px}
	.table_products > .row > div{border-left:1px #b8c0c7 solid;border-bottom:1px #b8c0c7 solid;padding:5px;text-align:center;min-height:46px;background:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.table_products > .row > div:last-of-type{border-right:1px #b8c0c7 solid}
	.table_products > .row.head > div{font-size:13px;font-weight:bold;border-top:1px #b8c0c7 solid;min-height:0}
	
	#tab0{background:url('../i/calc1.jpg') no-repeat}
	#tab1{background:url('../i/calc2.jpg') no-repeat}
	#tab2{background:url('../i/calc3.jpg') no-repeat}
	#tab3{background:url('../i/calc4.jpg') no-repeat}
	#tab4{background:url('../i/calc5.jpg') no-repeat}
	#tab5{background:url('../i/calc6.jpg') no-repeat}
	#tab6{background:url('../i/calc6.jpg') no-repeat}
		
	.tabs .tab{min-height:300px}
	.tabs .tab .tcnt{margin-left:465px}
}

/* 991 и меньше */
@media (max-width:991px){
	html,
	body{background:none}
	#header{padding-top:10px}
	#logo{text-align:center}
	#telefon{text-align:center;margin-bottom:10px}
	#title{margin:10px 0;font-size:15px}
	
	#header .navbar-default{background:#b5bdc4}

	#video{margin:20px 0 40px}
	
	#gallery{text-align:center}
	#gallery h3{font-size:26px}
	#okompanii-l{padding-bottom:0}
	#footer-r{text-align:center}
	#footer-r a{font-size:18px}
	.categories{padding:20px 0 0}
	.categories > div{margin-bottom:10px}
	.menu-wrap{background:none;margin-left:100px}

	.map{margin:20px 0}
}


/*768 - 991 */
@media (max-width:991px) and (min-width:768px){
	.menu-product img{display:none}
	.menu-wrap{margin:0;background:#eff0f2}
	.menu-wrap{padding:20px;min-height:150px}
	#header .navbar-nav button.menu{font-size:0;padding:11px 15px 12px}
	#header .navbar-nav button.menu i{font-size:15px}
	#header #menu1{display:none}
	.categories{margin-bottom:0}
}

/* 992 и больше */
@media (min-width:992px){
	#header > .row{height:88px}
	#okompanii-l{background:url(../img/bg-okompanii-r.gif) right repeat-y}
	#gallery{background:url(../img/bg-gallery.gif) right top no-repeat;padding-top:30px}
	#gallery h3{position:absolute;right:40px;top:12px}
	#total{position:fixed;bottom:0;left:0;right:0;background:#d5dade;z-index:1000}
	#total .submit{float:left;margin:14px 0}
	#total h2{float:right}
}

/* 767 и меньше */
@media (max-width:767px){
	.categories{display:none}
	body#page1 .categories{display:block;margin-bottom:0}
	#video{margin-top:0}
	
	.navbar-nav{margin:0}
	.navbar-toggle{padding:10px;border:none}
	.navbar-default{margin:0 -15px 20px}
	.navbar-default .navbar-brand{color:#435460}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover{background:none}
	.navbar-default .navbar-toggle .icon-bar{background:#435460}
	.navbar-collapse{padding:0}
	#header .navbar-nav li{margin-bottom:2px}
	#header .navbar-nav button.menu{color:#435460;background:none;display:block;text-align:left}
	.informacia img{max-width:200px !important}
	#tovar-l ul li a{font-size:14px}
	
	.icon{padding:13px}
	.icon i{margin-right:10px}

	div.content{float:none;width:100%;margin-bottom:0}
	div.navigation{width:100%;float:none;padding-left:0;margin-bottom:20px}
	div.slideshow a.advance-link{border:none;width:100%;background:#fff;padding:10px}
	div.slideshow img{max-width:100%}
	ul.thumbs{margin:0 0 40px;padding:0;float:none;text-align:center}
	ul.thumbs li{float:none;padding:0;margin:0 5px 5px;list-style:none;display:inline-block}
	ul.thumbs li img{max-width:60px !important}
}

/* 768 и больше */
@media (min-width:768px){
	#header .navbar-collapse{padding-left:0}
	#header .navbar-nav li.border{margin-left:2px}
}

/* 320 и меньше */
@media (max-width:320px){
	.categories{padding:0}
	.menu-product img{display:none}
	.menu-wrap{margin:0;background:#eff0f2}
	.menu-wrap{padding:20px;min-height:100px}
	#title{font-size:13px}
	.informacia img{max-width:100% !important}
}