/*** normalize ***/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  src: local('Fjalla One'), local('FjallaOne-Regular'), url(https://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6vk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'), url(https://fonts.gstatic.com/s/fjallaone/v4/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

/*** main ***/

body{ font-family:'Arial', sans-serif; font-size: 95%; width: 100%; height: 100%; color: #383838;  }

a, .button, img, button{ transition: all 0.2s ease; }

.cn{ position:relative; max-width: 1300px; margin:0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }

.bsh{ border: 0; border-radius: 2px; box-shadow: 0 0 2px rgba(0,0,0,0.3); }  /* shadow and border */
.pad{ padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.opacity{ -webkit-transition: opacity 0.3s ease-in-out;  -moz-transition: opacity 0.3s ease-in-out;  -ms-transition: opacity 0.3s ease-in-out;  -o-transition: opacity 0.3s ease-in-out;  transition: opacity 0.3s ease-in-out; }
.opacity:hover{ opacity: 0.8; }


a.app{ background: #fff; color: #0176b0 !important;  position: relative; top: -3px; font-size: 12px; display: inline-block; border: 1px solid #c0c0c0; border-radius: 3px;  padding: 0px 5px; text-decoration: none; }
a.app:hover{ background: #299bd4; color: #fff !important; }

.Soobs{  border: 2px solid red;  padding: 10px;  margin: 20px 0; }

.w100{ width: 100%; }
.center{ text-align: center; }
.small{ font-size: 80%; line-height: 22px;}
.very_small{ font-size: 70%;}
.green{ color: green; }
.red{ color: red; }
.b{ font-weight: bold; }
.only_numbers, .only_float{ width: 50px; }
.vtop{ vertical-align: top; }
.nobr{ white-space: nowrap; }

h1{ color: #009acf; font-size: 200%; font-weight: normal; line-height: 30px; }
h2, .h2{ margin: 30px 0 10px 0; font-size: 150%; font-weight: normal; line-height: 27px; }

h3, .h3{ font-size: 110%; }

.header{ font-size: 20px; display: block; }

a{ color: #027299; }
a:hover{ color: #fe4d4d; }


.button, button{ display: inline-block; color: #fff; text-decoration: none; user-select: none; background: #009acf; padding: 10px 20px; outline: none; cursor: pointer; border: 0; border-radius: 1px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); transition: all 0.2s ease; text-align: center; -webkit-transition: opacity 0.3s ease-in-out;  -moz-transition: opacity 0.3s ease-in-out;  -ms-transition: opacity 0.3s ease-in-out;  -o-transition: opacity 0.3s ease-in-out;  transition: opacity 0.3s ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; white-space: nowrap; }
.button:hover, button:hover { opacity: 0.7; color: #fff;  }
.button:active, button:active { position: relative; top: 1px; left: 1px; }

.button_small{ padding: 3px 15px; font-size: 12px; box-sizing: border-box; -moz-box-sizing: border-box; margin: 1px 0 0 0;  }
.button_gray{ background: #717171 !important;}
.invert{ background: #fc6b02; }  .invert:hover{ background: #fc6b02; }

img.close{ position: absolute; right: 10px; top: 5px; cursor: pointer; opacity: 0.6; }
img.close:hover{ opacity: 1; }

.table{ display: table; }
.table-row{ display: table-row; }
.table-cell{ display: table-cell; vertical-align: middle; }

table.border_null{ border: 0 !important; }
table.border_null td{ border: 0 !important; }

.fon{ background: #fafafa; padding: 20px 10px; box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 2px 2px rgba(0,0,0,0.05); }
.center{ text-align: center; }


#loading_mask{ z-index: 100; position:fixed; left:0; top:0; background: #fff url('/img/loading_big.gif') no-repeat center center; width:100%; height:100%; opacity: 0.7; }

/* forms */
input{ width: 200px; padding: 3px 5px;  box-sizing: border-box; -moz-box-sizing: border-box; border: 1px solid #c2c0c0; border-radius: 3px; }
textarea{ padding: 3px 5px; border: 1px solid #c2c0c0; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; }
select{ padding: 3px 5px; border: 1px solid #c2c0c0; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; }

.table div.button{ display: inline-block; min-width: 100px; max-width: 200px; margin: 10px; }
input.error,textarea.error{ border: 2px solid red; }
.table .ok{ border: 2px solid green; }
.table .error{ color: red; text-align: left; padding-left: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }


/* display: none */
.counts, div#loading_mask, .hid, #scroller{ display: none; }



/* HEADER */
.topheader{ color: inherit; width: 100%; font-size: 85%; padding: 7px 0; }
.topheader .top{ height: 90px; line-height: 20px; }


.top .logo{ display: inline-block; position: relative; top: 5px; font-size:12px;}
.top .logo a{ display: block; text-align: center; }
.top .logo div{ display: block; text-align: center; }
.top .logo div a{ text-decoration: none; display: block; #font-size: 28px; text-align: center; white-space: nowrap; margin-bottom: 0px; }
.top .logo img{ margin: 5px 15px; max-height: 55px; vertical-align: middle; display: inline; }  /* width и height дублируются в opacity_hard */

.top .logo2{ display: inline-block; position: absolute; right: 19px; top: 21px; }

.opacity_hard{ opacity: 0.5; margin: 0 auto; max-width: 150px; max-height: 55px; }
.opacity_hard:hover{ opacity: 1; }

.top p{ margin: 0; padding: 0; }

.top div.tel{ position: absolute; top: 12px; left: 260px; line-height: 25px; font-size: 12px; }

.top div.contacts{ line-height: 30px; }
.top div.contacts .telp{ padding-top: 4px; color: black; }
.top div.contacts span{ font-family: 'Fjalla One', sans-serif; white-space: nowrap; font-size: 18px; opacity: 0.8; margin-right: 10px;}

/*
.top .time{ position: absolute; top: 8px;  left: 850px; line-height: 25px;  }
.top .time div{ color: #009acf; display: inline; text-decoration: underline; cursor: pointer; padding-right: 15px; }
.top .time div:hover{ color: #027096; }
*/

.top div.search{ width: 225px; position: absolute; top: 25px; left: 710px; line-height: 25px; }
.top div.search input{ width: 245px; height: 40px; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; }
.top div.search span.button{ height: 40px; width: 65px; padding: 8px; box-sizing: border-box; -moz-box-sizing: border-box; position: absolute; top: 0; left: 180px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; box-shadow: none; }

.top div.search span.button:hover{ opacity: 0.9; }

.top .email{ margin-right: 20px; }

.top .icon_bag{ position: absolute; top: 25px; right: 100px; line-height: 20px; background: url('/img/bag.png') no-repeat 0 center; padding-left: 40px; }
.top .icon_bag span#num{ min-width: 15px; display: inline-block; background: #c0c0c0; padding: 0 5px; border-radius: 10px; text-align: center; color: #fff; line-height: 15px; }
.top .icon_bag{ text-decoration: none; }
.top .icon_bag span.link{  display: block; text-decoration: underline; }

.small_button{ color: #383838; background: #fafafa; cursor: pointer; padding: 3px 10px; box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0px 0 2px rgba(0,0,0,0.3); text-decoration: none; border-radius: 3px; }
.small_button:hover { background: #009acf; color: #fff; }
.small_button:active { position: relative; top: 1px; left: 1px; }

/** top menu **/
.menu{ margin-bottom: 30px; background: #009acf; }
.menu .cn{ box-sizing: border-box; -moz-box-sizing: border-box; }
.menu a{ color: #fff; position: relative;  display: inline-block; text-decoration: none; padding: 12px 15px; box-sizing: border-box; -moz-box-sizing: border-box; }
.menu a:hover{ color: #fff; }



/*** left ***/

.left{ position: absolute; top: 0; left: 0; max-width: 230px; }


/*** left_menu ***/

div.left_menu{ width: 100%; }

div.left_menu .l-header{ display: block; color: #000; font-size: 90%; padding: 12px 2px 12px 10px; border-left: 4px solid #0187b5; margin-top: 3px; cursor: pointer; text-decoration: none; transition: all 0.2s ease; }

div.left_menu .l-header:first-of-type{ border-top: 0; }

div.left_menu .l-header:hover{ border-left: 4px solid #000; background: #fafafa; color: #000; }

div.left_menu a{ display: block; }

div.left_menu ul{ font-size: 90%; margin:0; padding: 0; list-style: none; }
div.left_menu ul.lev2{ display: none; }

div.left_menu ul.display{ display: block; }
div.left_menu ul.lev2 ul{ padding: 0; }

div.left_menu ul li{ line-height: 15px; }
div.left_menu ul li:first-of-type{ border-top: 1px solid #fff; }

div.left_menu ul a{ transition: all 0.2s ease; text-decoration: none; }
div.left_menu .selected{ font-weight: bold; }

div.left_menu ul li a{ padding: 5px 0 5px 15px; margin: 0; }
div.left_menu ul li a:hover{ background: #fafafa; }

div.left_menu ul.lev2 ul li a{ padding: 2px 0 2px 20px; margin: 0; }
div.left_menu ul.lev2 ul li{ padding: 2px 0; border: none; }


/*** dop_block ***/

.dop_block{ margin: 20px 0; font-size: 90%; }
.dop_block a{ display: block; color: #505050; transition: all 0.2s ease; text-decoration: none; padding: 10px 2px; box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px dashed #e0dfdf; border-left: 4px solid #fff; }
.dop_block a:hover{ color: red; }



#top_link_fixed{ position: absolute; opacity: 0.5; transition: none; display: block; text-align: left; padding: 10px; visibility: hidden; }
#top_link_fixed:hover{ opacity: 1;  }

/*** content ***/

.path{ font-size: 80%; }
.path a{  text-decoration: none; }


.content{ position: absolute; top: 0; left: 260px; max-width: 790px; width: 100%; font-size: 100%;  }

/*** content elements ***/

.content table td, .content table th{ padding: 5px; border: 1px solid #c0c0c0; }
.content img{ margin: 5px 0; border-radius: 3px; max-width: 100%; height: auto; width: auto\9; /* для ie8 */ }

.content .osob_daikin img{ float: right; }
.content .Tekst_ME img{ float: right; margin: 0 0 0 5px; }
.content .osob_ME img{ float: right; max-height: 100px; margin: 0 0 0 5px; }
.content .preim_ME img{ float: right; max-height: 50px; margin: 0 0 0 5px;}

.content ul, .right ul{ list-style: none; padding-left: 10px; }
.content ul li, .right ul li{ margin: 5px 0; padding-left: 15px; background: url('/img/marker.png') no-repeat left 5px; }
.content input{ margin: 5px 0;}

.content blockquote { border-left: 5px solid #c0c0c0; padding-left: 20px; font-style: italic; }

.catalog { margin: 30px 0; }
.catalog .table-cell{ padding-bottom: 0px; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; }
.catalog .table-cell .header{ font-size: 140%; text-decoration: none; }
.catalog .table-cell ul{ list-style: none; padding: 0; line-height: 25px; }
.catalog .table-cell ul li{ display: inline-block; font-size: 90%; background: none; padding: 0 12px 0 12px; line-height: 20px; margin-bottom: 10px; border-left: 1px solid #ddd; }
.catalog .table-cell a.img{ display: inline-block; float: right; margin: 0px 20px 5px 0px; width: 160px; max-height: 160px; border-radius: 3px; border: 1px solid #e9e8e8; text-align: center; }
.catalog .table-cell a.img img{ max-width: 150px; height: auto; vertical-align: middle; }

/*** right fixed ***/

.right{ position: absolute; top: 0; left: 1080px; width: 240px; padding: 0; text-align: left; }


#fixed{ position: relative; width: 240px; background: #fff; padding: 0; }
#fixed.fixed{ position: fixed; top: 10px; }
#fixed input{ box-shadow: 0 2px 3px rgba(0,0,0,0.2); border: none; width: 210px; height: 40px; }


.phone_input{ position: relative; width: 220px; }
.phone_input span.button{ position: absolute; top: 0; left: 175px; width: 40px; height: 40px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 11px 9px; box-sizing: border-box; -moz-box-sizing: border-box; }


/*** footer ***/
.footer{ margin-top: 30px; position: relative; }
.footer_w100{ width: 100%; position: absolute; background: #fff; }
.footer .table-cell{ padding: 10px 30px 10px 0; box-sizing: border-box; -moz-box-sizing: border-box; }

.footer .top_button{ margin-left: 30px; }

.footer_line{ opacity: 0.8; padding: 30px 0; font-size: 80%; box-sizing: border-box; -moz-box-sizing: border-box; }
.footer_line a{ margin-right: 30px; text-decoration: none; }



/*** autocomplete ***/
.ui-autocomplete { position: absolute; cursor: pointer; background: #fff; }
.ui-menu { list-style:none; padding: 0; margin: 0; display:block; float: left; }
.ui-autocomplete li { background: none; }
.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.1em .4em; zoom:1; }
.ui-widget-content { box-shadow: 0 0 2px rgba(0,0,0,0.7); }
.ui-widget-content .ui-state-hover { background: #f0f0f0; color: #000; }

#zayavka{ width: 100%; padding: 20px; margin: 20px 0 20px 0; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; box-shadow: 0 3px 4px rgba(0,0,0,0.05);}
#zayavka textarea{ width: 100%; height: 160px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); }
#zayavka input{ width: 250px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); margin-right: 20px; }
#zayavka input[type="radio"]{ width: 20px; margin-right: 5px; position: relative; top: -1px; }

.button_type2{ padding: 10px 15px 10px 40px; cursor: pointer; transition: all 0.2s ease; text-decoration: underline; background: #fff url("/img/attach.png") no-repeat 10px center; color: #383838; font-size: 90%; cursor: pointer; border-radius: 1px; box-shadow: 0 0 2px rgba(0,0,0,0.3); transition: all 0.2s ease; text-align: center; opacity: 0.7;  white-space: nowrap; }
.button_type2:hover{ opacity: 1; }

/*** upload_attach ***/
#upload_attach{  }
#attached_files, input[name='upl']{ display: none; }
ul.upload{ list-style: none; padding: 0; margin: 0; }
ul.upload li{ background: none; padding: 0; vertical-align: middle; }
ul.upload li canvas{ top: 0px; left: 0px; position: relative; }
ul.upload li b{ display: inline-block; margin: 20px; top: -18px; position: relative; }

/*** lightbox ***/
body:after{content:url(/img/lightbox/close.png) url(/img/lightbox/loading.gif) url(/img/lightbox/prev.png) url(/img/lightbox/next.png);display:none}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:black;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:0.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;text-align:center;line-height:0;font-weight:normal}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:white;*zoom:1;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-container{padding:4px}.lb-loader{position:absolute;top:43%;left:0;height:25%;width:100%;text-align:center;line-height:0}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/img/lightbox/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container > .nav{left:0}.lb-nav a{outline:none;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')}.lb-prev,.lb-next{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/img/lightbox/prev.png) left 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-prev:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/img/lightbox/next.png) right 48% no-repeat;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;-o-transition:opacity 0.6s;transition:opacity 0.6s}.lb-nav a.lb-next:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;*zoom:1;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:bold;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/img/lightbox/close.png) top right no-repeat;text-align:right;outline:none;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:0.7;-webkit-transition:opacity 0.2s;-moz-transition:opacity 0.2s;-o-transition:opacity 0.2s;transition:opacity 0.2s}.lb-data .lb-close:hover{cursor:pointer;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}


/*********   MODEL ***********************/

.model_fotos img{ max-width: none; margin: 0; }


.model_fotos .main_foto img{
  max-width: 99%;
  max-height: 400px;
  height: auto !important;
  margin-right: 5px;
}

.model_fotos img:hover{
  opacity: 0.9;
}

.model_fotos .dop_fotos a{
  display: inline-block;
  box-sizing: border-box; -moz-box-sizing: border-box;
  width: 150px;
  height: 85px;
  overflow: hidden;
  text-align: center;
  margin: 0 2px 2px 2px;
  border: 1px solid #dedddd;
}
.model_fotos .dop_fotos a img{
  vertical-align: middle;
  margin: 0;
}

.model_right{ padding-left: 30px; box-sizing: border-box; -moz-box-sizing: border-box; }

.bye{ margin: 20px 0;}
.bye .price{ font-size: 220%; white-space: nowrap; position: relative; top: 5px; padding-right: 30px; }
.bye .button{ #margin: 0 10px;}

.icon{ font-size: 80%; padding-left: 30px; margin: 0 10px; min-width: 150px; }
.rostest{ background: url('/img/rostest.png') no-repeat center left; }
.garant{ background: url('/img/garant.png') no-repeat center left; }
.nalich{ background: url('/img/nalich.png') no-repeat center left; }
.dost{ background: url('/img/dost.png') no-repeat center left; }

.dost_info{ font-size: 90%;}

.type{ margin: 10px 0 20px 0; border-left: 4px solid #eaeaea; border-right: 4px solid #eaeaea; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; border-top-left-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 0 0 2px rgba(0,0,0,0.1); }

img.invertor{ margin-left: 20px; opacity: 0.8; }

.content table.features{
  border: 1px solid #f1f0f0;
}

.content table.features td{
  border: 1px solid #f1f0f0;
  padding: 10px;
}

.content table.features tr:nth-child(odd) {
  background: #f8f7f7;
}

.youtube{ margin: 20px 0; text-align: center; }
.youtube iframe{ border-radius: 5px; }


/* базовый контейнер вкладок */
.tabs_block { width: 100%; min-width: 300px; margin: 20px 0; }
.tabs_block:after { content:""; display:block;clear:both;}
/* панель навигации вкладок */
.tabs { margin: 0;   padding: 0; list-style: none;   float:left; position: relative; top: 1px; }
/* список вкладок */
.tabs li { text-align:center; float:left;    font-weight: bold;    padding: 15px 12px;    background: #eaeaea;    margin: 0 3px 0 0; cursor:pointer; -webkit-transition:all .2s linear 0s; -webkit-transition-delay:.2s 0s; transition:all .2s linear 0s; border: 1px solid #ddd; border-top-left-radius: 3px; border-top-right-radius: 3px; }
/* активная вкладка */
.tabs li.active { background:#fff; border-bottom: 1px solid #fff; }
.tabs li:hover { color: red; }
/* блоки вкладок с содержанием */
.box { background:#fff; border: 1px solid #ddd; width: 100%; padding: 10px 12px; display:none; text-align: left; float: left; border-bottom-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; }
/* активный блок при загрузке */
.visible, .open_tab { display: block; }


/* список моделей таблицей */
.content table.shot_list{ border-radius: 5px; border: none; }
.content table.shot_list th{
  border: none;
  font-size: 90%;
  background: #fff;
  font-weight: normal;
  line-height: 17px;
  white-space: nowrap;
  padding: 10px 15px;
  color: #7d7c7c;
}
.content table.shot_list td{
  border: none;
  padding: 10px 15px;
}
.content .shot_list tr:nth-child(even) {
  background: #fafafa;
}

.content table.shot_list .price{ white-space: nowrap; }
.content table.shot_list .price span{ white-space: nowrap; font-weight: bold; }



.content .seriya_block{ font-size: 90%; margin-bottom: 20px; }
.content .seriya_block .foto{ width: 180px; }
.content .seriya_block h2{ margin-left: 15px; }
.content .seriya_block img{  max-height: 170px; }
.content .seriya_block ul{ padding-left: 20px; }
.content .seriya_block ul li{ margin: auto; }
.content .seriya_block .price{ display: block; white-space: nowrap; font-size: 16px; margin: 10px 0; }
.content .seriya_block .shot_desc{ padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .seriya_block div.price_min{ width: 170px; }
.content .seriya_block .invertor{ float: right; margin: 10px; }
.content .seriya_block table.shot_list, .content .seriya_block table.shot_list td{ padding: 0 15px; height: 38px; }

/* убираем выравнивание на маленьких экранах */
@media (max-width: 300px) {   .tabs, .tabs li {    float: none;   } }



ul.icons{ width: 100%; margin: 10px 0 10px 0; padding: 0; }
ul.icons a.block{ text-decoration: none; display: inline-block; text-align: center; width: 180px; min-height: 180px; vertical-align: top; background: #fff; padding: 5px 5px 0 5px;  border: 1px solid #eee; border-radius: 3px; box-shadow:-0px -0px 3px rgba(0,0,0,0.1); margin: 0 7px 7px 0; }
ul.icons a.block:hover{ border: 1px solid #c0c0c0; box-shadow:-0px -0px 2px rgba(0,0,0,0.2); }
ul.icons a.block img{ max-height: 110px; width: auto; margin: 10px auto 10px auto; display: block; }
ul.icons a.block span{ text-decoration: underline; display: block; margin: 0px 0 10px 0; }





#call_block{ display: none; z-index: 90; position: absolute; top: 10px; width: 100%; padding: 20px 0 40px 0; box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 2px 5px rgba(0,0,0,0.3); }
#call_block .cn{ position: relative; margin: 0 auto; max-width: 500px; }
#call_block #call_form input{ display: block; width: 350px; height: 40px; }
#call_block #call_form textarea{ display: block; margin: 10px 0; width: 350px; }





/* bag */
.cont{ width: 100%; }
.cont .table-row .n{ width: 300px; }
.cont input{ width: 100%; margin: 10px 5px; }
.cont button{ margin: 10px 0;}
.cont textarea{ margin: 5px 0; width: 100%; height: 100px; }
.cont input{ width: 300px; }
.list .amount input{ width: 40px; white-space: nowrap; text-align: center; }

.error{ color: red; text-align: left; padding-left: 5px; }
input.error,.table textarea.error,select.error{ color: #000; border: 2px solid red; }
.error *{ color: #000; }




/* список моделей таблицей */
.content table.bag_list{ width: 100%; border-radius: 5px; border: 1px solid #ddd; }
.content table.bag_list th{
  border: none;
  font-size: 90%;
  background: #fff;
  font-weight: normal;
  line-height: 17px;
  white-space: nowrap;
  padding: 10px 15px;
  color: #7d7c7c;
}
.content table.bag_list td{
  border: none;
  padding: 10px 15px;
}
.content .bag_list tr:nth-child(even) {
  background: #fafafa;
}
.content table.bag_list td.holod span, .content table.bag_list td.teplo span{ display: inline-block; padding: 5px 7px; min-width: 60px; border-radius: 3px; background: #ddeefd; white-space: nowrap; }
.content table.bag_list td.teplo span{ background: #fedede; }

.content table.bag_list .price{ white-space: nowrap; }
.content table.bag_list .price span{ font-weight: bold; }


/*** checkbox ***/
.split_form{ margin-left: 20px; }
.split_form .table-cell{ padding: 7px 40px 7px 0; }
.split_form select{ max-width: 350px; }
/*** checkbox ***/

input[type=checkbox].css-checkbox {
position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
padding-left:29px;
height:24px;
display:inline-block;
line-height:24px;
background-repeat:no-repeat;
background-position: 0 0;
vertical-align:middle;
cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -24px;
}
label.css-label {
background-image:url('/img/checkbox.png');
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/** mdv **/

/** daikin **/
.content .ktable, .content .ktable td{ border: 0; }
.content .kimg{ vertical-align: top; }
.content .kimg img{ min-width: 40px; width: 40px; height: 40px;}
.content .img_features{ float: right; }

/** lessar **/

.content .catitem .title{ display: none; }
.content .funcdetail b{ display: block; }
.content .fwrap .title{ font-size: 120%;}

/** dantex **/
.content .popText{ margin: 20px 0; }
.content .popText img{ float: right !important; margin: 0 0 5px 5px !important; }

#compare a{ display: inline-block; margin-bottom: 10px; background: red; color: #fff; padding: 10px; text-decoration: underline; }


.compare{ width: auto; }
.compare tr:nth-child(even){ background: #fafafa; }
.compare td{ border: 1px solid #e8e8e8; padding: 10px 5px; }
.compare td.ph{ border: 0; background: none;  }
.compare td.ph img{ max-height: 100px; width: auto; }
.compare td.name{ vertical-align: top; }



#mobile_icon{ display: none; width: 70px; height: 50px; position: absolute; top: 10px; right: 10px; background: url('/img/icon-mobile.png') no-repeat center center; border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,0.2); cursor: pointer; }
#mobile_icon:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.3); }


@media only screen and (max-width:1400px){

     .top div.search{
       right: 30px;
     }

}
@media only screen and (max-width: 1300px){

     div#right_block{
       display: none;
     }

}
@media only screen and (max-width: 1200px){

     .top div.contacts{
       left: 400px;
     }
     .top div.search{
       display: none;
    }     
     .footer_w100{ border-bottom: 0; }
}

@media only screen and (max-width: 1000px){

    /* мобильное меню */
     .top #mobile_icon{
       display: inline-block;
     }

     .top div.contacts{
      display: none;
    }  
    
    .menu .hide{
      display: none;
    }      

     div#left_block{
       position: absolute;
       top: 0; left: 0;
       left: -230px;
       display: none;
       background: #fff;
       box-shadow: 0 0 10px rgba(0,0,0,0.5);
     }

     .footer #kurs_block, .footer #logo_footer{
       display: none;
     }
     .footer .table-cell, .footer .nolink{
       text-align: center;
     }

     div.left_menu .l-header:first-of-type{ border-top-left-radius: 0;  }
     div.left_menu .l-header:last-of-type{ border-bottom-left-radius: 0; }

     #content_block{
       left: 0;
       width: 100%;
       padding: 0 5px;
       box-sizing: border-box;
     }

     .top .time, .top div.search{
       display: none;
     }
     .top .icon_bag{
       left: auto;
       right: 120px;
     }

}

@media only screen and (max-width: 650px){

    /** Общие стили для контента **/


    .content{ font-size: 90%; }
    h1{ font-size: 150%; }
    h2, .h2{ font-size: 130%; }
    .catalog .table-cell .header{ font-size: 110%; }
    h1, h2, .h2, .catalog .table-cell .header{
       display: block;
       text-align: center;
       padding: 0 2px;
       box-sizing: border-box; -moz-box-sizing: border-box;
    }

     .content select{
          max-width: 300px;
     }

    .content img{
      max-width: 100%;
      height: auto !important;
      width: auto\9; /* для ie8 */
    }
	  .content table, .content .table {
        width: 100%;
	  }
    .content .table-cell, .content td{
       padding: 0 2px;
       box-sizing: border-box; -moz-box-sizing: border-box;
       display: block; 
    }

    .content table.shot_list td, .content table.bag_list td {
      padding: 5px 0;
      height: auto;
      display: table-cell;
  }
      
   .content .seriya_block .price, .content table.shot_list .price{ white-space: normal; font-size: 18px; }

     .content .nobr{
      white-space: normal;
    }
    .content .shot_list .button{
      padding: 4px; margin: 3px;
    }

     table.shot_list th, table.shot_list td.teplo, table.shot_list td.holod{ display: none; }

     table.shot_list td, .bye .table-cell {
          padding: 5px 0;
          height: auto;
          text-align: center;
     }     

     .content .features td{
       display: table-cell;
     }

    /** Частные стили  **/

     .top div.tel{
       display: none;
     }
     .top .icon_bag{
       right: 100px;
       padding-left: 30px;
       height: 40px;
     }
     .top .icon_bag span.link{
       display: none;
     }

     #zayavka{
       padding: 20px 5px;
     }

     .footer .table-cell, .footer .nolink{
       display: block;
       width: 100%;
       text-align: center;
     }
     .split_form {
          margin-left: 0;
     }
     #zayavka .button, #zayavka .button_type2{
       margin: 20px 0;
       display: block;
     }

     .menu a{ padding: 7px 15px; }
     .topheader{ border-top: 0; }


     .seriya_block h2 {
          font-weight: bold;
     }

    .content .seriya_block div.price_min {
        width: 100%;
    }
    .content .seriya_block .invertor {
        display: none;
    }
    img.invertor {
        margin-left: 0;
    }
    .content .seriya_block .foto {
        width: 100%;
    }
    .content .seriya_block .shot_desc {
        padding: 0 2px 10px 2px;
    }

    .box{
      padding: 10px 2px;
    }

    .bye {
        width: 100%;
    }
    .bye .price {
        top: 0;
    }

    .content .catalog {
        width: 100%;
    }
    .content .catalog .table-row .table-cell:first-child {
        padding-right: 5px;
    }

    .content .model_right .small{
       text-align: center;
    }

    .path {
       padding: 0 2px;
    }
}