/*** 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: 'Oswald'; 
  src: url('/fonts/Oswald-Regular.woff2') format('woff2'),  
       url('/fonts/Oswald-Regular.woff') format('woff'), 
       url('/fonts/Oswald-Regular.ttf') format('truetype'), 
       url('/fonts/Oswald-Regular.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.Soobs{  border: 2px solid red;  padding: 10px;  margin: 20px 0; }


#temp{ margin-bottom: 5px; display: block; font-size: 18px; font-weight: bold; background:#01429c url('/img/akcia.png'); color: #fff; font-size: 90%; text-align: left; }
#temp .cn{ padding: 3px;}
#temp .cn span{ background: #01429c; display: inline-block; padding: 10px;}
#temp a, #temp b{ color: #fff; }

/*** main ***/

body{ font-family:'Tahoma', sans-serif; font-size: 100%; width: 100%; height: 100%; background: #fff; color: #000; }

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; }

.link{ text-decoration: underline; cursor: pointer; }
.bottom_border{ border-bottom: 1px dashed #c0c0c0; }

.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; }
.black{ color: #000; }
.nobr{ white-space: nowrap;}
.center{ text-align: center; }

iframe{
  max-width: 97%;
}

.b{ font-weight: bold; }
.only_numbers, .only_float{ width: 50px; }
.vtop{ vertical-align: top !important; }

h1{ display: block; color: #444343; text-align: center; font-size: 180%; }
h2, .h2{ display: block; text-align: center; margin: 30px 0 20px 0; font-size: 130%; font-weight: normal; }
h3, .h3{ font-size: 110%; }
.header{ font-size: 20px; display: block; }

h2 span.arrow_down, .h2 span.arrow_down, .header span.arrow_down {
    padding-right: 20px;
    background: url('/img/arrow_down.png') no-repeat right center;
}


a{ color: #01429c; }
a:hover{ color: #d71414; }
a[name]{ position: relative; top: -20px; }

.content a{ color: #0f69bc; }
.content a:hover{ color: #d71414; }
.content a.button{ color: #fff; }

.button, button{ display: inline-block; color: #fff; white-space: none; text-decoration: none; user-select: none; padding: 10px 20px; outline: none; cursor: pointer; border: 0; border-radius: 1px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); 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; background: #01429c; }
.button:hover, button:hover { opacity: 0.7; color: #fff; }
.button:active, button:active { position: relative; top: 1px; left: 1px; }

.button_small, .shot_list .button{ padding: 3px 15px; box-sizing: border-box; -moz-box-sizing: border-box; background: #009adc linear-gradient(#39c3fe, #009adc); }

button.selected, .button.selected{ background: #01429c; font-weight: normal; }

.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; }


.fon{ box-shadow: 0 0 5px rgba(0,0,0,0.2);  background: #fafafa; padding: 20px 10px; box-sizing: border-box; -moz-box-sizing: border-box; }

#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: 2px solid #c2c0c0; border-radius: 2px; }
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; }

img#scroller{ display: none; position: fixed; right: 0; bottom: 50%;  cursor: pointer; opacity: 1; border-top-left-radius: 8px; border-bottom-left-radius: 8px; transition: all 0.2s ease; }
img#scroller:hover{ opacity: 0.9; }

/* HEADER */
.topheader{ color: #616161; width: 100%; background: #fff; padding: 0; }
.topheader .top{ height: 100px; }


.top .logo{ display: inline-block; line-height: 90px; width: 250px; height: 90px; }
.top .logo img{ margin: 5px; max-height: 55px; vertical-align: middle; display: inline; }
/* width и height дублируются в opacity_hard */

.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: 17px; left: 530px; line-height: 25px;  font-size: 80%; }
div.tel p span, div.tel p span a{ text-decoration: none;  color: #01429c; white-space: nowrap; }
div.tel .broj{ font-family: 'Oswald', sans-serif; font-size: 22px;}
div.tel p span span{ color: #474747; }

a.app{ position: relative; top: -3px; font-size: 12px; display: inline-block; border: 1px solid #c0c0c0; border-radius: 3px; background: #fff; padding: 0px 5px; color: inherit; text-decoration: none; }
a.app:hover{  background: #eb3b3b; color: #fff;  }

.top div.tel .link{ margin-right: 40px;}

.top .firm{ position: absolute; top: 17px; left: 240px;  font-size: 80%; line-height: 19px; }
.top .firm p{ margin: 10px; }
.top .firm a{ text-decoration: none; }
.top .firm b a{ text-decoration: underline; }

.top div.search{ width: 220px; position: absolute; top: 27px; left: 860px; }
.top div.search input{ width: 240px; height: 40px; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; left: 0; }
.top div.search span.button{ background: #01429c url('/img/search.png') no-repeat center center; height: 40px; width: 60px; 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 .top_right{ position: absolute; top: 23px; left: 1030px; }

.top .icon_bag{ position: absolute; top: 23px; right: 20px; 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: red; 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{ color: red; 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: #01429c; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); box-sizing: border-box; -moz-box-sizing: border-box; font-size: 90%;}
.menu a{ color: #fff; display: inline-block; text-decoration: none; padding: 15px 12px; box-sizing: border-box; -moz-box-sizing: border-box; }
.menu a:hover{  color: #fff; background: #eb3b3b; }




/*** left ***/

.left{ position: absolute; top: 0; left: 0; max-width: 230px; }


.left .h2{ text-align: left; margin: 0 0 10px 10px; }

/*** left_menu ***/

div.left_menu{ width: 100%; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); }

div.left_menu .mb{ background: #fafafa; border-left: 3px solid #01429c; margin-top: 3px; }

div.left_menu .l-header{ display: block; background: #fafafa; color: #000; font-size: 90%; padding: 12px 2px 12px 12px; border-top: 1px solid #fff; 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:last-of-type{ }

div.left_menu .l-header:hover, div.left_menu .l-header.selected{ background: #01429c; color: #fff; font-weight: normal;  }

div.left_menu .l-header.selected{ background: #01429c url('/img/arrow_down_w.png') no-repeat right center; padding-right: 25px; }

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; margin-bottom: 10px; }

div.left_menu ul.display{ display: block; }
div.left_menu ul.lev2 ul{ padding: 0; }

div.left_menu ul li{ line-height: 18px; border-top: 1px solid #f1f1f1; }
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: 10px 0 10px 15px; margin: 0; color: #000; }
div.left_menu ul li a:hover{ background: #fafafa; }

div.left_menu ul.lev2 ul li a{ padding: 5px 5px 5px 15px; margin: 0; }
div.left_menu ul.lev2 ul li{ padding: 0; border: none; }

div.left_menu ul.lev3 ul li{ padding-left: 20px; border: none; }
div.left_menu ul.lev3 ul li a{ color: #212121; }

/*** 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 12px; box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px dashed #e0dfdf; }
.dop_block a:hover{ color: red; }

.left_text{
  margin-left: 15px;
  font-size: 80%;
}



#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: 90%; display: block; text-align: center; }
.path a{ #text-decoration: none; color: inherit;}


.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: 1px; max-width: 100%; height: auto; width: auto\9; /* для ie8 */ }
.content table td img{ max-width: none; }
.content ul{ list-style: none; padding-left: 30px; }
.content li{ margin: 5px 0; padding-left: 15px; background: url('/img/marker.png') no-repeat left 6px; }
.content input{ margin: 5px 0;}

.content table.odd tr:nth-child(odd) {
  background: #f8f7f7;
}

.content table[border="0"]{ border: 0; }
.content table[border="0"] td{ border: 0; }

.content blockquote { border-left: 5px solid #c0c0c0; padding-left: 20px; font-style: italic; }

.catalog { margin: 30px auto; min-width: 90%; }
.catalog .table-cell{ width: 50%; padding-bottom: 25px; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; }
.catalog .table-row .table-cell:first-child{ padding-right: 30px; }
.catalog .table-cell .header{ font-size: 120%; }
.catalog .table-cell ul{ list-style: none; padding: 0; line-height: 25px; }
.catalog .table-cell ul li{ font-size: 90%; line-height: 20px; margin-bottom: 10px;  }
.catalog .table-cell a.img{ display: inline-block; float: right; margin: 10px 0 10px 10px; width: 160px; max-height: 160px; text-align: center; }
.catalog .table-cell a.img img{ max-width: 150px; height: auto; vertical-align: middle; }

#split_form_block{ margin-top: 30px; }
#split_form_block .fon{ padding: 10px 0 0 0; }
#split_form_block h2, #zayavka h2{ margin: 0;}
#split_form_block .form_hid{ display: none; }
#split_form_block .link{ position: relative; top: -10px; margin-left: 20px; color: #444; }

/*** right fixed ***/

.right{ position: absolute; top: 0; left: 1080px; width: 240px; padding: 0; text-align: left; }


.right .button{ width: 100%; }

#headers_menu{ list-style: none; padding: 0; font-size: 90%; }
#headers_menu li{ margin-bottom: 5px; padding-left: 13px; background: url('/img/marker.png') no-repeat left 5px; }


#fixed{ position: relative; top: 20px; width: 240px; background: #fff; padding: 0;  }
#fixed.fixed{ position: fixed; top: 10px; z-index: -1; }
#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; font-size: 90%;  }
.ui-menu { list-style:none; padding: 0; margin: 0; display:block; float: left; }
.ui-menu .ui-menu-item { margin:0; padding: 0 0 0 5px; -moz-box-sizing:border-box; box-sizing:border-box; zoom: 1; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; zoom:1; }
.ui-widget-content { box-shadow: 0 0 2px rgba(0,0,0,0.7); }
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-active { background: red; color: #fff; }
.ui-state-focus, .ui-menu .ui-menu-item:hover { background: red; color: #fff; }
.ui-helper-hidden-accessible{ display: none; }

#zayavka{ width: 100%; padding: 20px; margin: 20px 0 20px 0; box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px; }
#zayavka textarea{ width: 100%; height: 170px; padding: 10px; box-shadow: 0 2px 3px rgba(0,0,0,0.1); }
#zayavka input{ width: 350px; 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%; white-space: none; cursor: pointer; transition: all 0.2s ease; text-align: center;  white-space: nowrap; }
.button_type2:hover{ opacity: 0.9; }

/*** 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;}.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{ padding-right: 10px;}
.model_fotos img{ max-width: none; margin: 0 5px 5px 0; }
.model_fotos .main_foto{
  max-width: 470px; max-height: 300px;
}
.model_fotos img:hover{
  opacity: 0.9;
}

.model_fotos .dop_fotos a{
  display: inline-block;
  border: 1px solid #fff;
  box-sizing: border-box; -moz-box-sizing: border-box;
  width: 125px;
  height: 99px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #ddd;
  margin: 0 2px 2px 2px;
}
.model_fotos .dop_fotos a img{
  vertical-align: middle;
  margin: 0;
}

.seriya_link{ margin: 10px 0; }

.bye{ margin: 20px 0 30px 0; padding: 10px; box-shadow: 0 1px 4px rgba(0,0,0,0.1); }
.bye .price{ font-size: 220%; white-space: nowrap; margin-left: 15px; }
.bye .price_ot{ min-width: 15px; }
.bye .price_ot div:first-child{ margin-left: 15px; }
.bye .price_ot .price{ margin-left: 0; }
.bye .price_val{ white-space: nowrap; margin-top: 5px; font-size: 90%;  }
.bye .button{ margin: 0 10px;}

.icon{ display: inline-block; padding: 5px 10px 5px 40px; min-width: 150px; text-align: left; }
.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{ border-left: 3px solid #ddd; margin: 20px 0; padding: 0 15px; box-sizing: border-box; -moz-box-sizing: border-box; }
.type .table-cell{ padding-right: 20px; }
.type b{ font-size: 120%; }

.content table.features{
  border: 1px solid #f1f0f0;
}

.content table.features td{
  border: 1px solid #f1f0f0;
  padding: 10px;
  background: #fff;
  width: 50%;
}
.content .feature_name{ font-weight: bold; }

.content .feature_desc{ font-size: 80%; color: #4e4d4d; padding: 5px 0 10px 15px; #background: #f8f7f7; }
.content .feature_desc p{ margin: 0; }

.content .invertor{ float: right; margin: 15px 0 10px 20px; }

.youtube{ margin: 20px 0; text-align: center; }
.youtube iframe{ border-radius: 5px; }

.pdf{ display: inline-block; margin: 10px; padding: 10px 0 0 55px; background: url('/img/pdf.png') no-repeat left top; min-height: 40px; }
.content .pdf table td{ border: 0; text-align: left; }

/* базовый контейнер вкладок */
.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{ margin: 10px 0; border-radius: 5px; #background: #fafafa; box-shadow:0px 0px 3px rgba(0,0,0,0.2); }
.content table.shot_list tr{
  border-bottom: 1px dashed #ddd;
}

.content table.shot_list tr:hover{
  background: #fafafa;
  color: #000;
}
.content table.shot_list th{
  border: none;
  font-size: 90%;
  font-weight: normal;
  line-height: 17px;
  padding: 5px 10px;
  color: #7d7c7c;
}
.content table.shot_list th b{
  color: #b16b5a !important;
}
.content table.shot_list td{
  border: none;
  padding: 5px 15px;
}

.content table.shot_list .price{ white-space: nowrap; }
.content table.shot_list .price span{ font-weight: bold; }

.content .val_price{ color: #696969; font-size: 90%; margin-left: 15px; }

.models_full{ font-size: 80%; background: #fff; }
.models_full th a{ font-weight: normal; }


/* форма подбора сплитов */

.content table.filters_form{ margin: 15px 0; font-size: 90%; background: #fafafa; box-shadow:0px 0px 3px rgba(0,0,0,0.2); }
.content table.filters_form th{
  border: none;
  font-weight: normal;
  line-height: 17px;
  padding: 20px 15px;
  text-align: center;
}
.content table.filters_form td{
  border: none !important;
  vertical-align: top;
  padding: 10px 0 10px 15px;
}
.content .fon_logo{
  background: url('/img/fon.png') no-repeat 25px center;
}

.content table.filters_form input[type=text]{ margin-left: 10px; width: 70px; text-align: center; padding: 5px;  }
.content table.filters_form input[type="checkbox"]{ width: 15px; }
.content table.filters_form span.fil_inp{ margin-right: 10px; white-space: nowrap; }
.content table.filters_form .button{ font-weight: bold; padding: 10px 50px; }

.content table.fil_tab{ border: none; margin: 5px 0; }
.content table.fil_tab td{ padding: 5px; border: none; vertical-align: middle; }
.content table.fil_tab tr{ }
.content div.filters{ float: left; margin: 5px 10px 5px 10px;}

/* список моделей таблицей (длинный список) */
.content table.all_list{ border-radius: 5px; border: none; font-size: 90% !important;  }
.content table.all_list th{
  border: none;
  font-weight: normal;
  line-height: 17px;
  padding: 10px 15px;
  vertical-align: middle;
}
.content table.all_list td{
  border: none;
  padding: 10px 10px;
}
.content .all_list tr {
  border-bottom: 1px dashed #c0c0c0;
}
.content table.all_list .price{ white-space: nowrap; }
.content table.all_list .price span{ font-weight: bold; font-size: 110%; }

.content table.all_list .list_text{ font-size: 90%; }
.bye_td span{ margin-bottom: 10px; width: 88px; padding: 3px 0; }

.content .seriya_block{ padding: 5px; margin-bottom: 20px; box-shadow:-0px -0px 2px rgba(0,0,0,0.2); border-radius: 5px; }
.content .seriya_block .table, .content .seriya_block table{ font-size: 90%; }
.content .seriya_block .foto{ width: 150px; }
.content .seriya_block h2{ margin-left: 15px; }
.content .seriya_block img{ max-height: 170px; margin: 3px; }
.content .seriya_block ul{ padding-left: 20px; }
.content .seriya_block ul li{ margin: auto; padding-left: 15px; background: url('/img/marker.png') no-repeat left 4px; }
.content .seriya_block .price{ display: block; white-space: nowrap; font-size: 120%; margin: 0; }
.content .seriya_block .shot_desc{ padding-left: 10px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .seriya_block .shot_desc p{ margin-top: 0; }
.content .seriya_block div.price_min{ width: 170px; }
.content .seriya_block table.shot_list, .content .seriya_block table.shot_list td{ padding: 3px 15px; height: 38px; box-shadow: none; }


/* убираем выравнивание на маленьких экранах */
@media (max-width: 300px) {   .tabs, .tabs li {    float: none;   } }



ul.icons{ width: 100%; margin: 10px 0 10px 0; padding: 0; list-style-type: none; }
ul.icons li{ background: none; }

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; #background: #fff; 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, .cont select{ 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{ #text-align: left;
 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{ width: 20%; padding: 7px 20px 7px 0; }
.split_form select{ max-width: 350px; }
.split_form input{ #height: 40px; width: 70px; font-size: 120%; }
.split_form h2{ margin: 0; }
/*** 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:40px;
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;
}



/** daikin **/
.content .ktable, .content .ktable td{ border: 0; }
.content .kimg{ vertical-align: top; width: 50px; opacity: 0.5; }
.content .kimg:hover{ opacity: 1; }
.content .img_features{ float: right; }



#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); }



#compare a{ display: inline-block; background: red url('/img/compare.png') no-repeat 15px center; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.5);  border-radius: 5px; padding: 10px 30px 10px 55px; text-decoration: underline; opacity: 0.9; z-index: 100; }
#compare a:hover{ opacity: 1; }

.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; }

.sale{ padding-left: 20px; }

a.banner { background: #01429c; color: #fff; width: 100%; padding: 10px 20px; display: block; text-align: left; border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; text-decoration: none; }
a.banner:hover { background: #e23130; color: #fff; }

@media only screen and (max-width:1400px){

     .top div.search{
       right: 30px;
     }
     .top .top_right{
       display: none;
     }
}
@media only screen and (max-width: 1300px){

     div#right_block{
       display: none;
     }

}
@media only screen and (max-width: 1200px){

     .top div.contacts{
       display: none;
     }
     .footer_w100{ border-bottom: 0; }
}

@media only screen and (max-width: 1100px){

    /* мобильное меню */
     .top #mobile_icon{
       display: inline-block;
     }
     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);
     }

     .firm{
       display: none
     }
     .top div.search{
       display: none;
     }
     .top div.tel{
       left: 240px;
     }

     #zayavka, #split_form_block .fon{
       padding: 50px 5px 20px 5px;
     }

     .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%;
     }

     .top .icon_bag{
       left: auto;
       right: 120px;
     }

}

@media only screen and (max-width: 750px){
     .top div.search{
       display: none;
     }
}

@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;
      width: auto\9; /* для ie8 */
    }
	.content table, .content .table {
		#overflow-x: auto;  /* ??? */
		#display: block;    /* ??? */
        width: 100%;
	}
     .content .table-cell, .content td, .content th{
       display: block;
       width: 100%;
       padding: 0 2px;
       box-sizing: border-box; -moz-box-sizing: border-box;
     }
     .content .features td, .content .features th{
       display: table-cell;
     }

    /** Частные стили  **/

     .top .logo{ #height: 40px; line-height: 40px; }
     .top .logo img{ #max-width: 100px; }

      .top div.tel {
          left: 10px; top: 70px;
      }
      div.tel p span, div.tel p span a{
          font-size: 22px;
      }
     .top div.tel p:first-child, .top div.tel .link, .top div.tel .nolink{
       display: none;
     }

     .top .icon_bag{
       right: 20px;
       top: 63px;
       padding-left: 30px;
       height: 40px;
     }
     .top .icon_bag span.link{
       display: none;
     }

     .footer .table-cell, .footer a.nolink{
       display: block;
       width: 100%;
       font-size: 11px;
     }

     .footer #logo_footer a.nolink{
      font-size: 11px;
      color: inherit !important;
    }     
     .split_form {
          margin-left: 0;
     }
     #zayavka .button, #zayavka .button_type2{
       margin: 20px 0;
       display: block;
     }

     .menu{ margin-top: 20px; }
     .menu a{ padding: 10px; }
     .topheader{ border-top: 0; }


     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;
         display: block;
         width: 100%;
         text-align: center;
     }
     .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;
    }

    /* shot_list */
    .content table.shot_list td {
        display: none;
    }
    .content table.shot_list td:first-child, .content table.shot_list td.tsena, .content table.bag_list td,.content table.shot_list td.S {
        padding: 5px 10px;
        height: auto;
        display: table-cell;
    }

    .content .shot_list tr:nth-child(2n) {
        background: none;
    }

    .content table.all_list td{
        text-align: center;
    }
    .content table.all_list th{
        display: none;
    }

    .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;
    }

    .type{
      margin: 20px 0;
      border-left: none;
      padding: 0;
    }

    .content .fon_logo{
      background: none;
    }


    .content table.filters_form input[type=text]{ margin-left: 0px; width: 100px; font-size: 30px; }
    .content table td, .content table th{ border: none; }

    .Uporediti, a.pocetna{ display: none; }

    .content table.filters_form .button{ position: relative; top: 15px; }
    

}