html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}


@font-face {
    font-family: 'Din Cond Light';
    src: url('../fonts/pfdintextcondpro-light.eot');
    src: url('../fonts/pfdintextcondpro-light.eot%3F') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'Din Cond';
    src: url('../fonts/pfdintextcondpro-regular.eot');
    src: url('../fonts/pfdintextcondpro-regular.eot%3F') format('embedded-opentype'),
         url('../fonts/pfdintextcondpro-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;}


body {position: relative; min-width: 100%; min-height: 100%; font-family: 'Open Sans'; font-size: 14px; line-height: 1.0; color: #1f1f1f; background: #333333;}

textarea, select, input {font-size: 14px; line-height: 1.0; color: #1f1f1f; outline: none !important; -webkit-appearance:none;}

ul, ol, li {list-style-type:none; padding: 0; margin: 0;}

a {text-decoration: none; color: #3fb0e8; outline: none !important;}
a:hover {text-decoration: none; color: #000;}

*:focus {outline: 0;}

h1, h2, h3, h4, h5 {margin: 0; padding: 0; font-weight: normal;font-family: 'Din Cond Light';}

h2 {display: inline-block; font-size: 36px; line-height: 1.0;/* letter-spacing: -2px;*/}
.cart-box h3{font-size: 24px;}

::selection {background: #3fb0e8; color: #FFF;}

.hidden {display:none;}

.spacer {clear:both;}

.anchor {width: 1px; height: 1px; position: absolute; left: 0; top: 0;}

.preload div {display:none; position: fixed; left: 0; top: 0; width: 1px; height: 1px;}
.preload .preload1 {background: url('../images/emptyimg.png') -99999px 0 no-repeat;}
.preload .preload2 {background: url('../images/ningboimg.jpg') -99999px 0 no-repeat;}
.preload .preload3 {background: url('../images/punktir1.png') -99999px 0 no-repeat;}
.preload .preload4 {background: url('../images/punktir2.png') -99999px 0 no-repeat;}
.preload .preload5 {background: url('../images/shadow1.png') -99999px 0 no-repeat;}
.preload .preload6 {background: url('../images/shadow2.png') -99999px 0 no-repeat;}
.preload .preload7 {background: url('../images/shadow3.png') -99999px 0 no-repeat;}
.preload .preload8 {background: url('../images/button.png') -99999px 0 no-repeat;}
.preload .preload9 {background: url('../images/button2.png') -99999px 0 no-repeat;}

::-webkit-input-placeholder {color: #a8a8a8; line-height: 1.4;}
:-ms-input-placeholder {color: #a8a8a8; line-height: 1.4;}
:-moz-placeholder {color: #a8a8a8; line-height: 1.4;}

.main-layout {padding: 105px 0 0 0;}

.pagination-box {position: relative; display: inline-block; padding: 25px 20px 30px; margin: 15px 0 0 0; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.pagination-box a, .pagination-box strong {font-size: 23px; margin: 0 10px; font-family: 'Din Cond'; color: #3fb0e8; border-bottom: 1px solid #3fb0e8;}
.pagination-box a:hover {border-bottom: 1px solid transparent;}
.pagination-box strong {font-size: 23px; color: #1f1f1f; border-bottom: 1px solid transparent;}
.pagination-box .prevnext {padding: 0 0 20px 0;}
.pagination-box .prevnext a {display: inline-block; position: relative;}
.pagination-box .prevnext a:before {content:""; position: absolute; top: 50%; margin: -6px 0 0 0; width: 17px; height: 10px; background-image: url('../images/sprite.png'); background-repeat: no-repeat;}
.pagination-box .prev {float:left; margin: 0 10px 0 35px; padding: 0 0 2px 0;}
.pagination-box .prev:before {left: -25px; background-position: -148px -7px;}
.pagination-box .next {float:right; margin: 0 35px 0 10px; padding: 0 0 2px 0;}
.pagination-box .next:before {right: -25px; background-position: -170px -7px;}

.sorting-wrap {position: absolute;top: -70px;padding: 0px 0px 30px;right: 0px;}

.sorting-wrap .view-options {position: relative; display: inline-block; padding: 13px; margin: 0 20px 0 0; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.sorting-wrap .view-options a {display: inline-block; position: relative; top: 1px; margin: 0 0 0 6px; width: 14px; height: 12px; background-image: url('../images/sprite.png'); background-size: 300px auto; background-repeat: no-repeat;}
.sorting-wrap .view-options .view.tile {background-position: -36px -15px;}
.sorting-wrap .view-options .view.tile.active {background-position: -36px 0;}
.sorting-wrap .view-options .view.list {background-position: -54px 0;}
.sorting-wrap .view-options .view.list.active {background-position: -54px -15px;}

.sorting-wrap .sort-options {position: relative; display: inline-block; padding: 13px 13px 9px; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.sorting-wrap .sort-options a {display: inline-block; padding: 0 0 4px 0; margin: 0 0 0 8px; color: #cecece; background: url('../images/punktir1.png') 0 100% repeat-x; background-size: auto 1px;}
.sorting-wrap .sort-options a:hover {background: transparent;}
.sorting-wrap .sort-options a.active {color: #3fb0e8; background: transparent;}


#filter-sort a span {font-weight: bold;}
#filter-sort a.down span:before {content: "↑";}
#filter-sort a.up span:before {content: "↓";}

.mobile-correction {position: relative; width: 100%; background: #FFF;}


/* COLORBOX */


#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index: 1002;}
#cboxWrapper  {max-width:none; }
#cboxOverlay {position:fixed; width:100%; height:100%; z-index: 1002;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative;padding: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;background-color:#fff;}
#cboxLoadedContent {background: #000; overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
.cboxPhoto {float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe {width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent {box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay {background:#000;}
#colorbox {outline:0;}
#cboxBottomLeft {width:14px; height:0px;}
#cboxBottomCenter {height:0px;}
#cboxBottomRight {width:14px; height:0px;}
#cboxContent {overflow:visible;}
.cboxIframe {background:#fff;}
#cboxError {padding:50px; border:1px solid #ccc;}
#cboxLoadingOverlay {background:#000;}
#cboxTitle {position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent {display:none !important;}

#cboxPrevious, #cboxNext {position:absolute; width: 37px; height: 82px; z-index: 9999; border:0; padding:0; top: 50%; margin: -42px 0 0 0; overflow:visible; background: transparent; background-image: url('../images/sprite.png'); background-repeat: no-repeat; outline: none !important; text-indent: -99999px;}
#cboxPrevious {left: -100px; background-position: -62px -98px;}
#cboxNext {right: -100px; background-position: -110px -98px;}
#cboxClose {display: none !important;}

.colorbox-close {display:none; position:fixed; border: 0; top: 40px; right: 40px; width: 45px; height: 45px; z-index: 9999; background: url('../images/sprite.png') -153px -54px no-repeat;}
.colorbox-close:hover {cursor: pointer;}


/* JQUERY UI - SPINNER */


.ui-helper-hidden {display: none;}
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after {content: ""; display: table;}
.ui-helper-clearfix:after {clear: both; }
.ui-helper-clearfix {zoom: 1; }
.ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-state-disabled {cursor: default !important; }
.ui-icon {display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

.ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-button {display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only {width: 2.2em; }
.ui-button-icon-only { width: 2.4em; }
.ui-button-icons-only {width: 3.4em; }
.ui-button-icons-only {width: 3.7em; }

.ui-slider {position: relative; text-align: left; padding: 0 0 30px 0;}
.ui-slider:before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: #fff; z-index: 4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 6; width: 16px; height: 22px; cursor: pointer; background: url('../images/sprite.png') -48px -3px no-repeat;}
.ui-slider .ui-slider-range { position: absolute; z-index: 5; display: block; border: 0;}
.ui-slider .ui-slider-range:before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 5px; background: #3fb0e8; z-index: 4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.ui-slider-horizontal {height: 5px; }
.ui-slider-horizontal .ui-slider-handle {top: 16px; margin-left: -8px; }
.ui-slider-horizontal .ui-slider-range {top: 0; height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0; }
.ui-slider-horizontal .ui-slider-range-max {right: 0; }

.ui-slider-vertical {width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle {left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range {left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min {bottom: 0; }
.ui-slider-vertical .ui-slider-range-max {top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle;}

.ui-spinner-input {border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button {width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; }
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; }
.ui-spinner-up {top: 0;}
.ui-spinner-down {bottom: 0;}

.quantity-wrap {position: relative;}
.quantity-wrap .quantity {position: relative; background: #FFF; width: 80px; height: 30px; padding: 0 0 2px 0; margin: 0; text-align: center; border:0; z-index: 993; -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3);}
.quantity-wrap .ui-spinner {position: relative; padding: 0 27px;}
.quantity-wrap .ui-spinner-button {position: absolute; width: 28px; background: #FFF; height: 30px; top: 0; border: 1px solid #e5e5e5 !important; z-index: 991;}
.quantity-wrap .ui-spinner-button:hover {cursor: pointer;}
.quantity-wrap .ui-spinner-down {left: 0; top: 0; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; background: #FFF url('../images/sprite.png') 7px -41px no-repeat; background-size: 300px auto;}
.quantity-wrap .ui-spinner-up {right: 0; top: 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; background: #FFF url('../images/sprite.png') 9px -69px no-repeat; background-size: 300px auto;}


/* КНОПКИ */


.button-wrap {display: inline-block; position: relative; -moz-border-radius: 4px 4px 6px 6px; -webkit-border-radius: 4px 4px 6px 6px; border-radius: 4px 4px 6px 6px; text-decoration:none!important}
.button-wrap .button {display: block; position: relative; border: 0; text-align: center;}
.button-wrap .button:hover {cursor: pointer;}

.button-wrap.blue {position: relative; background: #3199cd; padding: 0 0 4px 0; margin: 0 0 20px 0; -webkit-box-shadow: 0 7px 9px -4px rgba(55, 131, 168, 0.75); -moz-box-shadow: 0 7px 9px -4px rgba(55, 131, 168, 0.75); box-shadow: 0 7px 9px -4px rgba(55, 131, 168, 0.75);}
.button-wrap.blue .button {position: relative; width: 100%; height: 52px; padding: 1px 0 0 0; background: #3fb0e8 url('../images/button.png') 0 50% repeat-x; text-transform: uppercase; text-align: center; color: #FFF; font-weight: 600; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.button-wrap.blue:hover .button {background: #53bdf1;}

.button-wrap.blue.on {padding: 0 0 1px 0 !important; margin-top: 3px !important; -webkit-box-shadow: 0 3px 3px -2px rgba(55, 131, 168, 0.75) !important; -moz-box-shadow: 0 3px 3px -2px rgba(55, 131, 168, 0.75) !important; box-shadow: 0 3px 3px -2px rgba(55, 131, 168, 0.75) !important;}
.button-wrap.blue.on .button {background: #3fb0e8 !important;}

.button-wrap.grey {background: #D1D2D3 none repeat scroll 0px 0px;box-shadow: 0px 3px 3px -2px rgba(191, 192, 193, 0.75);padding: 0px 0px 1px !important;}
.button-wrap.grey:hover .button {background-color: #d7d7d7 !important;}
.button-wrap.grey .button {cursor: default; background-image: none; background-color: #d7d7d7; }


/* ЧЕКБОКСЫ */


.checkboxes .checkbox:hover,
.checkboxes .checkbox label:hover,
.checkboxes .checkbox div:hover {cursor: pointer;}
.checkboxes .checkbox input {display:none;}
.checkboxes .checkbox span,
.checkboxes .checkbox div {position: relative;}

.checkboxes .checkbox {position: relative; display: inline-block; padding: 7px 9px 8px; margin: 0 8px 8px 0; color:#FFF; white-space: nowrap;border:1px solid transparent}
.checkboxes .checkbox.active {background: #3fb0e8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.checkboxes .checkbox.active:hover {cursor: default;border:1px solid transparent}
.checkboxes .checkbox:hover {cursor: pointer;border-radius: 4px;border:1px solid #3fb0e8}
/*.checkboxes .checkbox:hover label span,*/.checkboxes .checkbox.active label span {color:#000;}
.checkboxes .checkbox.disabled,.checkboxes .checkbox label span {cursor: default;color:#777;background-color:transparent}
.checkboxes .checkbox label span {font-size: 75%;}
.checkboxes .checkbox.disabled{color:#555;}
.checkboxes .checkbox.disabled,.checkboxes .checkbox.disabled:hover {border:1px solid transparent}

.checkboxes .disabled:hover,
.checkboxes .disabled:hover *
{
    cursor: default !important;
}


/* ШАПКА  */


.logo-box {position: fixed; left: 0; top: 0; width: 260px; height: 92px; background: #333; padding: 13px 0 0 0; z-index: 1002;}
.logo-box:after {content: ""; position: absolute; left: 0; bottom: -20px; width: 100%; height: 20px; background: url('../images/shadow1.png') 0 0 repeat-x;}

.logo-box .logo {float:left; height: 56px; width: auto; margin: 11px 10px 0px 30px;}
.logo-box h1 {font-size: 22px; color: #FFF; font-family: 'Din Cond'; padding: 30px 0 0 0;}

.header-container {position: fixed; left: 260px; top: 0; height: 105px; background: #FFF; z-index: 999;}
.header-container:after {content: ""; position: absolute; left: 0; bottom: -20px; width: 100%; height: 20px; background: url('../images/shadow1.png') 0 0 repeat-x;}
.header-container .header {position: relative; margin: 0 30px; height: 100%;}

.header-container .search-wrap {float:left; position: relative; margin: 27px 0 0 0;}
.header-container .search-wrap .search-field {position: relative; padding: 12px 30px 12px 55px; font-size: 26px; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 6px -3px rgba(0, 0, 0, 1.0); -moz-box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, 1.0); box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, 1.0);}
.header-container .search-wrap .search-button {cursor:pointer;position: absolute; border: 0; width: 20px; height: 20px; left: 21px; top: 50%; margin: -10px 0 0 0; background: url('../images/sprite.png') -26px -48px no-repeat;}
.header-container .search-wrap .search-button:hover {background-position: -3px -48px;}
.header-container .search-wrap.active .search-button {background-position: -3px -48px;}
.header-container .search-wrap.active .search-field{border: 1px solid #3fb0e8;box-shadow: 0px 0px 10px -3px #3fb0e8;}

.header-container .contacts {float:right; padding: 27px 90px 0 70px;}
.header-container .contacts br {display:none;}
.header-container .contacts .phone {font-size: 32px; font-family: 'Din Cond'; margin: 0 0 5px 0;}
.header-container .contacts .contact-link {color: #3fb0e8; display: inline-block; padding: 0 0 4px 0; border-bottom: 1px solid #3fb0e8; margin: 0 16px;}
.header-container .contacts .mail {color: #7f7f7f;}

.header-container .button-wrap .result {position: absolute; right: 65px; top: 50%; margin: -11px 0 0 0; color: #FFF; z-index: 995; font-weight: 300; padding: 5px 8px 5px 8px; text-transform: lowercase;}
.header-container .button-wrap .result:before {content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FFF; opacity: 0.25; z-index: 995; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.header-container .button-wrap .result span {position: relative; z-index: 996;}
.header-container .button-wrap .button:after {content:""; position: absolute; right: 20px; top: 50%; width: 13px; height: 6px; margin: -2px 0 0 0; background: url('../images/sprite.png') -18px -3px no-repeat;}

.header-container .button-wrap {position: relative; float:right; width: 220px; margin-top: 26px; background: #3199cd; padding: 0 0 4px 0; -webkit-box-shadow: 0 7px 9px -4px rgba(55, 131, 168, 0.75); -moz-box-shadow: 0 7px 9px -4px rgba(55, 131, 168, 0.75); box-shadow: 0 7px 9px -4px rgba(55, 131, 168, 0.75);}
.header-container .button-wrap .button {position: relative; width: auto; height: 33px; padding: 20px 0px 0px 20px; margin: 0; text-align: left; background: #3fb0e8 url('../images/button.png') 0 50% repeat-x; text-transform: uppercase; color: #FFF; font-weight: 600; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.header-container .button-wrap:hover .button {background: #53bdf1;}

.header-container .button-wrap.on {padding: 0 0 1px 0 !important; margin-top: 28px !important; -webkit-box-shadow: 0 3px 3px -2px rgba(55, 131, 168, 0.75) !important; -moz-box-shadow: 0 3px 3px -2px rgba(55, 131, 168, 0.75) !important; box-shadow: 0 3px 3px -2px rgba(55, 131, 168, 0.75) !important;}
.header-container .button-wrap.on .button {background: #3fb0e8 !important;}

.header-container .button-wrap.active {padding: 0 0 1px 0 !important; margin-top: 28px !important; -webkit-box-shadow: 0 3px 3px -2px rgba(55, 131, 168, 0.75) !important; -moz-box-shadow: 0 3px 3px -2px rgba(55, 131, 168, 0.75) !important; box-shadow: 0 3px 3px -2px rgba(55, 131, 168, 0.75) !important;}
.header-container .button-wrap.active .button {background: #3fb0e8 !important;}
.header-container .button-wrap.active .button:after {background-position: -2px -3px;}

.header-container .button-wrap.clear {cursor:default;padding: 0 0 1px 0 !important; margin-top: 28px !important; background: #b8bcbd !important; -webkit-box-shadow: 0 3px 3px -2px rgba(184, 188, 189, 0.75) !important; -moz-box-shadow: 0 3px 3px -2px rgba(184, 188, 189, 0.75) !important; box-shadow: 0 3px 3px -2px rgba(184, 188, 189, 0.75) !important;}
.header-container .button-wrap.clear .button {cursor:default;background: #d7d7d7 !important;}
.header-container .button-wrap.clear .result, .header-container .button-wrap.clear .button:after {display:none;}


/* ПОДВАЛ  */


.footer {position: absolute; left: 0; bottom: 0; width: 100%; height: 130px; overflow: hidden; background: #fafafa;}
.footer:before {content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 20px; background: url('../images/shadow2.png') 0 0 repeat-x;}
.footer .copyright {position: absolute; left: 50px; top: 59px; font-size: 15px;}


/* ЗАКАЗ ОТПРАВЛЕН  */


.popup-back {display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; z-index: 997;}
.popup-back:hover {cursor: pointer;}

.submitted {display:none; position: absolute; left: 260px; top: 105px; padding: 0; background: #FFF; z-index: 998;}
.submitted .submitted-box {padding: 60px 50px 50px;}
.submitted .title {font-size: 46px; font-family: 'Din Cond Light'; padding: 0 0 16px 0; letter-spacing: 0.5px;}
.submitted .subtitle {font-size: 15px; padding: 0 0 50px 0;}
.submitted .button-wrap {width: 260px; position: relative;}


/* КОРЗИНА  */


.cart {display:none; position: absolute; left: 260px; top: 105px; padding: 0; background: #FFF; z-index: 998;}
.cart .shipping-note {display: inline-block; line-height: 1.5; background: #f6cbcb; font-weight: 300; letter-spacing: 0.5px; padding: 15px; margin: 40px 0 0 50px; font-size: 15px; color: #330000; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.cart .cart-box {position: relative; padding: 100px 50px 50px 50px; z-index: 999;}

.cart .cart-box .item {position: relative; width: 100%; margin-bottom: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.cart .cart-box .item .content-tile {display: none;}
.cart .cart-box .item .content-list {display: block; width: 100%;}
.cart .cart-box .item .td {display: table; float:left; position: relative;}
.cart .cart-box .item .td .td-brdr {display: table-cell; border-right: 1px solid #FFF; min-height: 10px; padding: 10px 20px; vertical-align: top;}
.cart .cart-box .item .td:last-of-type .td-brdr {border-right:0;}
.cart .cart-box .item.even {background: #edf4f5;}
.cart .cart-box .item.odd {background: #FFF;}
.cart .cart-box .item .remove {position: absolute; left: 20px; top: 50%; width: 17px; height: 17px; margin: -9px 0 0 0; background: url('../images/sprite.png') -147px -28px no-repeat; opacity: 0;}
.cart .cart-box .item:hover .remove {opacity: 1.0;}
.cart .cart-box .item .remove:hover {cursor: pointer;}
.cart .cart-box .item .td img {display: block; position: relative; width: 110px; height: auto;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.cart .cart-box .item .title {color: #3fb0e8; line-height: 1.5; border-bottom: 1px solid #3fb0e8;}
.cart .cart-box .item .instock {position: relative; white-space: nowrap; display:inline-block; margin: 0 auto; background: #83ce5a; text-align: center; padding: 7px 10px; color: #e6f5de; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cart .cart-box .item .order {position: relative; display:inline-block; margin: 0 auto; background: #f6cbcb; text-align: center; padding: 7px 10px; color: #330000; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.cart .cart-box .item ul li {padding: 4px 0}
.cart .cart-box .item ul li .char {display: inline-block/*; width: 110px;*/}
.cart .cart-box .item .price {font-size: 16px; white-space: nowrap;}
.cart .cart-box .item .price .ruble {position: relative;}
.cart .cart-box .item .price .ruble:after {content:""; position: absolute; left: 0; top: 14px; width: 7px; height: 1px; background: #000;}
.cart .cart-box .item .quantity-wrap {text-align: center;}
.cart .cart-box .item .quantity {width: 50px; background: #FFF; -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3);}
.cart .cart-box .item .ui-spinner {padding: 0 21px;}
.cart .cart-box .item .ui-spinner-button {width: 22px; border: 1px solid #e5e5e5;}
.cart .cart-box .item .ui-spinner-down {background: #FFF url('../images/sprite.png') 5px -41px no-repeat; background-size: 300px auto;}
.cart .cart-box .item .ui-spinner-up {background: #FFF url('../images/sprite.png') 6.6px -69px no-repeat; background-size: 300px auto;}
.cart .cart-box .item .total {font-size: 16px; white-space: nowrap;}
.cart .cart-box .item .total .ruble {position: relative;}
.cart .cart-box .item .total .ruble:after {content:""; position: absolute; left: 0; top: 14px; width: 7px; height: 1px; background: #000;}

.cart .cart-box .item .td1 {width: 12%;}
.cart .cart-box .item .td2 {width: 8%;}
.cart .cart-box .item .td3 {width: 26%;}
.cart .cart-box .item .td4 {width: 13%;}
.cart .cart-box .item .td5 {width: 16%;}
.cart .cart-box .item .td6 {width: 8%;}
.cart .cart-box .item .td7 {width: 7%;}
.cart .cart-box .item .td8 {width: 8%;}

.cart .cart-box .item .td1 .td-brdr {padding-left: 55px; text-align: right;}
.cart .cart-box .item .td6 .td-brdr {border: 0;}
.cart .cart-box .item .td7 .td-brdr {border: 0; padding: 9px 0;}
.cart .cart-box .item .td8 .td-brdr {border: 0;}

.cart .cart-box .evenodd:first-of-type .item:first-of-type .td4:before,
.cart .cart-box .evenodd:first-of-type .item:first-of-type .td5:before,
.cart .cart-box .evenodd:first-of-type .item:first-of-type .td6:before,
.cart .cart-box .evenodd:first-of-type .item:first-of-type .td8:before {position: absolute; top: -40px; font-size: 14px; left: 18px; font-weight: 600; white-space:nowrap;}

.cart .cart-box .evenodd:first-of-type .item:first-of-type .td4:before {content:"Наличие";}
.cart .cart-box .evenodd:first-of-type .item:first-of-type .td5:before {content:"Под заказ";}
.cart .cart-box .evenodd:first-of-type .item:first-of-type .td6:before {content:"Цена";}
.cart .cart-box .evenodd:first-of-type .item:first-of-type .td8:before {content:"Сумма";}

.cart .cart-box .item:hover {background: #cee9f6;}

.cart .cart-box .totals-wrap {text-align: right; padding: 30px 50px 40px 0; font-size: 28px; font-family: 'Din Cond';}
.cart .cart-box .totals-wrap .ruble {position: relative;}
.cart .cart-box .totals-wrap .ruble:after {content:""; position: absolute; left: 1px; top: 20px; width: 10px; height: 2px; background: #000;}

.cart .submit-wrap {position: relative; padding: 0 100px;}
.cart .submit-wrap:before {content: ""; position: absolute; left: 0; top: -1px; width: 100%; height: 20px; background: url('../images/shadow1.png') 0 0 repeat-x;}
.cart .submit-box {position: relative; height: 187px; z-index: 998;}

.cart .submit-box .left {position: relative; width: 260px; margin: 0; padding: 0 50px 0 0;}
.cart .submit-box .left:after {content: ""; position: absolute; right: 0; top: 0; width: 49px; height: 187px; background: url('../images/sprite.png') 0 -236px no-repeat;}
.cart .submit-box .left .title {font-size: 36px; font-family: 'Din Cond Light'; padding: 35px 0px 0px;}
.cart .submit-box .left .subtitle {font-size: 15px; color: #a3a3a3;margin: 5px 0px 10px;}

.cart .submit-box .button-wrap {float:right; position: relative; width: 300px; margin-top: 35px;}
.cart .submit-box .button-wrap.on {padding: 0 0 1px 0 !important;}
.cart .submit-box .field-mail {float:right; position: relative; margin: 35px 30px 0px 0px; padding: 18px 20px 18px 20px; font-family: 'Din Cond'; font-size: 20px; border: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, 1.0); -moz-box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, 1.0); box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, 1.0);}
.cart .submit-box .field-mail.active{border: 1px solid #3fb0e8;box-shadow: 0px 0px 10px -3px #3FB0E8;}
.cart .submit-box .field-inn { margin-top: 10px; margin-bottom: 30px;/* opacity: 0.6;*/ }


.cart ::-webkit-input-placeholder {color: #c2c7c9; line-height: 1.3;}
.cart :-ms-input-placeholder {color: #c2c7c9; line-height: 1.3;}
.cart :-moz-placeholder {color: #c2c7c9; line-height: 1.3;}


/* САЙДБАР */


.sidebar-container {position: absolute; left: 0; top: 0; width: 260px; margin: 105px 0 0 0; background: #333; z-index: 1000;}
.sidebar-container .sidebar {position: fixed; width: 260px; padding: 0 0 50px 0;}

.sidebar-container .spec {position: relative; padding: 0; margin: 0; background: #434343; border: 0; border-bottom: 1px solid #515151;}
.sidebar-container .spec .title {position: relative; letter-spacing: 0..4px; color: #FFF; /*font-weight: 600;*/ padding: 20px 30px; text-transform: uppercase;}
.sidebar-container .spec .title:hover {cursor: pointer;}
.sidebar-container .spec .title:after {content:""; position: absolute; right: 30px; top: 50%; width: 13px; height: 6px; margin: -2px 0 0 0; background: url('../images/sprite.png') -2px -3px no-repeat;}
.sidebar-container .spec .hidden {background: #333; padding: 25px 20px;}
.sidebar-container .spec .result {position: absolute; right: 60px; top: 50%; margin: -12px 0 0 0; background: #727272; color: #FFF; font-weight: 300; padding: 5px 8px 5px 8px; text-transform: lowercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.sidebar-container .spec.active .title:hover {cursor: pointer;}
.sidebar-container .spec.active .title:after {background-position: -18px -3px;}
/*.sidebar-container .spec.active .hidden {display: block;}*/

.sidebar-container .spec:hover .hidden {display: block;position: absolute;left: 261px;top: -1px;background: rgba(30, 30, 30, 0.9) none repeat scroll 0% 0%;padding: 25px 20px;box-shadow: 0px 0px 10px #333;border-radius: 0 3px 3px 0;}
.sidebar-container .spec:hover .title:after {background-position: -18px -3px;}

.sidebar-container .spec .hidden.parts ul{display: table-cell;}
.sidebar-container .spec .hidden.minmax{width:260px}

.sidebar-container .button-wrap {position: relative; width: 100%; background: #01678e; padding: 0 0 2px 0; margin: 0 0 20px 0; -webkit-box-shadow: 0 4px 3px -2px rgba(55, 131, 168, 0.45); -moz-box-shadow: 0 4px 3px -2px rgba(55, 131, 168, 0.45); box-shadow: 0 4px 3px -2px rgba(55, 131, 168, 0.45);}
.sidebar-container .button-wrap .button {position: relative; width: 100%; height: 52px; padding: 1px 0 0 0; background: #3fb0e8 url('../images/button2.png') 0 50% repeat-x; text-transform: uppercase; text-align: center; color: #FFF; font-weight: 600; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

.sidebar-container .button-wrap:hover .button {background: #3fb0e8;}

.sidebar-container .button-wrap.on {padding: 0 !important; margin-top: 2px !important;}
.sidebar-container .button-wrap.on .button {background: #3fb0e8 !important;}

.sidebar-container .buttons {padding: 25px 30px;}
.sidebar-container .buttons .reset {position: relative; width: 100%; height: 28px; text-align: center; background: #434343; border: 0; font-size: 14px; color: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.sidebar-container .buttons .reset:hover {cursor: pointer;}

.slide-wrap {position: relative; padding: 43px 10px 0; color: #e6e6e6;}
.slide-wrap .from {position: absolute; left: 10px; top: -4px;}
.slide-wrap .to {position: absolute; right: 10px; top: -4px;}
.slide-wrap .slider-out {background: #FFF; width: 60px; height: 28px; padding: 0 0 2px 0; margin: 0 0 0 8px; text-align: center; border:0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.4); box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.4);}


/* КОНТЕНТ - ОБЩЕЕ */


.content-container {position: relative; padding: 0 0 130px 0; margin: 0 0 0 260px; background: #FFF; z-index: 990;}
.content-container .content {position: relative; padding: 0 30px; background: #FFF;}
/*.content-container .block-title */.content-container  .content h1{font-size: 50px; font-family: 'Din Cond Light'; padding: 30px 0;}


/* ТОВАРЫ */


.items-box {position: relative;}
.items-box .head {display:none;}

.items-box.tile .item {position: relative; float:left; width: 20%; margin-right: 0; margin-bottom: 35px;height: 250px;position: relative;overflow: hidden;}
/*
.items-box.tile .item4,
.items-box.tile .item8,
.items-box.tile .item12,
.items-box.tile .item16,
.items-box.tile .item20,
.items-box.tile .item24,
.items-box.tile .item28,
.items-box.tile .item32,
.items-box.tile .item36,
.items-box.tile .item40,
.items-box.tile .item44,
.items-box.tile .item48 {margin-right: 0 !important;}
*/

.items-box.tile .item:hover {overflow:visible!important}
.items-box.tile .item:hover .item-wrap {box-shadow: 0px 0px 20px #B4C3B7;z-index:993;padding: 20px 25px 0;margin: -5px -10px 0 -10px;}

.items-box.tile .item-wrap {width:80%; position: absolute;top:30px; z-index:990; padding: 20px 15px 0px; border: 3px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;background-color: #fff;}

.items-box.tile .item-wrap.stock {border: 3px solid #B5E999}
.items-box.tile .item:hover .item-wrap.stock {border: 3px solid #B5E999}
.items-box.tile .item:hover .item-wrap.stock {box-shadow: 0px 0px 15px #83CE5A;}
.items-box.tile .item:hover .instock span i {display:inline;}

.items-box.tile .item:after {content: "";position: absolute;left: 0px;bottom: 0px;width: 100%;height: 50px;background: transparent url('../images/transcover.png') repeat-x scroll 0px 0px;z-index: 992;}
.items-box.tile .item:hover:after{display:none;}

.items-box.tile .item .content-list {display: none;}
.items-box.tile .item .topbox {padding: 0 0 20px 0; min-height: 80px;}
.items-box.tile .item .topbox .img-box {float:left; width: 125px;}
.items-box.tile .item .topbox .img-box img {position: relative; display: block; width: 110px;}
.items-box.tile .item .topbox .title {display: inline-block; margin: 15px 0 15px 0; line-height: 1.3; font-size: 28px; font-family: 'Din Cond'; color: #3fb0e8;text-decoration:underline/* border-bottom: 1px solid #3fb0e8;*/}
.items-box.tile .item .topbox .title:hover {text-decoration:none/*border-bottom: 1px solid transparent;*/}
.items-box.tile .item .topbox .pdf {color: #FFF; padding: 0 6px 1px; background: #e53625; text-decoration:none!important;text-transform: uppercase; font-size: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.items-box.tile .item .applied {margin-bottom: 10px;}
.items-box.tile .item .chars {position: relative; display: block; font-size: 14px; padding: 0 0 15px 0;}
.items-box.tile .item .chars .subtitle {display: inline-block; width: 145px; color: #b3b3b3; margin: 0 0 18px 0;vertical-align:top}
.items-box.tile .item .quantity-wrap {float:left; margin: 0 0 15px 0px;}
.items-box.tile .item .price {float:right; margin: 2px 15px 15px 0; font-family: 'Din Cond'; font-size: 28px; letter-spacing: -0.2px;}
.items-box.tile .item .price span {position: relative;}
.items-box.tile .item .price span:after {content:""; position: absolute; left: 1px; top: 21px; width: 11px; height: 2px; background: #000;}

.items-box.tile .item .instock {position: absolute; right: -8px; top: -7px; z-index: 991;}
.items-box.tile .item .instock span {position: relative; display:block; padding: 7px 12px 7px; background: #83ce5a; color: #e6f5de/*#a8f4b8; color: #526754; font-style: italic*/; z-index: 992;border-radius: 2px 2px 0 2px;box-shadow: 0px 0px 5px #83CE5A;font-weight: bold;}
.items-box.tile .item .instock span i {font-style:normal;display:none}
.items-box.tile .item .instock:before {content: ""; position: absolute; bottom: -8px; right: 0; border-width: 8px 8px 0 0; border-style: solid; border-color: #73ac7f transparent; display: block; width: 0;}

.items-box.tile .item .button-wrap {width: 100%;}

.items-box.tile .item .inquery {top: 0px;bottom: auto!important;position: absolute; bottom: -14px; z-index: 991;left: 0px;}
/*.items-box.tile .item .inquery:before {content: ""; position: absolute; bottom: -8px;  border-style: solid;  display: block; width: 0;left: 0; border-width: 8px 8px 0 0;border-color: #3199cd transparent;}*/
.items-box.tile .item .inquery span {background: #3FB0E8; color: #fff;border-radius: 2px 0 2px 0;box-shadow: 0px 0px 5px #3FB0E8;position: relative; display:block; padding: 7px 12px 7px; z-index: 992;font-weight:bold}

.items-box.list {position: relative; width: 100%; margin-bottom:50px/* padding: 40px 0 50px 0;*/}
.items-box.list .item {position: relative; width: 100%; background: #edf4f5; margin-bottom: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.items-box.list .item .content-tile {display: none;}
.items-box.list .item .content-list {display: table; width: 100%;}
.items-box.list .item .td {display: table-cell; position: relative; padding: 5px; border-right: 1px solid #FFF; vertical-align: middle;}
.items-box.list .item .td:last-of-type {border-right:0;}
.items-box.list .item.even {background: #edf4f5;}
.items-box.list .item.odd {background: #FFF;}
.items-box.list .item .pdf {color: #FFF; padding: 0 6px 1px; background: #e53625; text-transform: uppercase; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.items-box.list .item .title {color: #3fb0e8; line-height: 1.5; border-bottom: 1px solid #3fb0e8;}
.items-box.list .item .instock-wrap {width: auto; text-align: center;}
/*.items-box.list .item .instock {position: relative; width: auto; display:inline-block; margin: 0 auto; background: #a8f4b8; text-align: center; padding: 7px 10px 7px; color: #526754; font-style: italic; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}*/
.items-box.list .item .instock {position: relative; white-space: nowrap; display:inline-block; margin: 0 auto; background: #83ce5a; text-align: center; padding: 7px 10px; color: #e6f5de; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}

.items-box.list .item .price {/*font-size: 16px; */text-align: center; white-space: nowrap;}
.items-box.list .item .price span {position: relative;}
.items-box.list .item .price span:after {content:""; position: absolute; left: 0; top: 12px; width: 7px; height: 1px; background: #000;}
.items-box.list .item .quantity-wrap {width: 130px; text-align: center;}
.items-box.list .item .quantity-wrap input {display:none;}
.items-box.list .item .quantity-wrap:hover input {display:block;}
.items-box.list .item .in-cart {width: 92px;min-height: 1px;margin: 10px 0 0 0;}
.items-box.list .item:hover .in-cart {display:none;}
.items-box.list .item .quantity {width: 50px; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.items-box.list .item .ui-spinner {padding: 0 21px;}
.items-box.list .item .ui-spinner-button {background: transparent; border: 1px solid transparent !important;}
.items-box.list .item .ui-spinner-down {background-position: 5px -41px;}
.items-box.list .item .ui-spinner-up {background-position: 6.6px -69px;}
.items-box.list .item .button-wrap {padding: 0 0 3px 0; opacity: 0; width: 100px; margin: 0;}
.items-box.list .item .button-wrap:hover {}
.items-box.list .item .button-wrap.on {padding: 0 0 1px 0 !important; margin-top: 2px !important;}
.items-box.list .item .button {font-size: 12px; height: 39px; letter-spacing: 1px; font-weight: 600;}

.items-box.list .item .td1 {width:7.5%;text-align: center;}
.items-box.list .item .td2 {width:11%;}
.items-box.list .item .td3 {width:4.5%;}
.items-box.list .item .td4 {width:4.5%;}
.items-box.list .item .td5 {width:4.5%;}
.items-box.list .item .td6 {width:14%;}
.items-box.list .item .td7 {width:9%; padding: 10px 0 !important;}
.items-box.list .item .td8 {width:9%; padding: 10px 0 !important;}
.items-box.list .item .td9 {width:9%; padding: 10px 0 !important;}
.items-box.list .item .td10 {width:12%;}

.items-box.list .item:first-of-type .td3:before,
.items-box.list .item:first-of-type .td4:before,
.items-box.list .item:first-of-type .td6:before,
.items-box.list .item:first-of-type .td7:before {position: absolute; top: -45px; left: 18px; font-weight: 600; white-space:nowrap;}

.items-box.list .item:first-of-type .td3:before {content:"ДхВхШ, мм";}
.items-box.list .item:first-of-type .td6:before {content:"Материал";}
.items-box.list .item:first-of-type .td7:before {content:"Наличие";}

.items-box.list .item:hover {background: #cee9f6;}
.items-box.list .item:hover .quantity {display: block;background: #FFF; -webkit-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.3);}
.items-box.list .item:hover .ui-spinner-button {width: 22px; border: 1px solid #e5e5e5 !important;}
.items-box.list .item:hover .ui-spinner-down {background: #FFF url('../images/sprite.png') 7px -41px no-repeat; background-size: 300px auto;}
.items-box.list .item:hover .ui-spinner-up {background: #FFF url('../images/sprite.png') 9px -69px no-repeat; background-size: 300px auto;}
.items-box.list .item:hover .button-wrap {opacity: 1;}


/* ГЛАВНАЯ */


/*body.home .block-title {padding-bottom: 50px;}*/
body.home .about {position: relative; width: 760px; padding: 50px 0 40px;}
body.home .about .block-title {padding: 0 0 32px 0;}
body.home .about .description p {font-size: 15px; padding: 0 0 30px; margin: 0; line-height: 1.8;}


/* КОНТАКТЫ */


body.contacts .content-container {position: relative; padding: 0 0 130px 0; z-index: 990;}
body.contacts .content-container .content {padding-left: 0; padding-right: 0;}
body.contacts .content-container /*.block-title*/ h1{margin-left: 40px;}

body.contacts .map-box .howto {position: absolute; background: #FFF; padding: 30px 30px 30px 30px; z-index: 992; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
body.contacts .map-box .howto .title {font-size: 28px; padding: 0 0 10px 0;}
body.contacts .map-box .howto p {font-size: 15px; line-height: 1.7; margin: 0; padding: 0;}

body.contacts .map-box .howto1 {left: 50px; top: 105px; width: 460px;}
body.contacts .map-box .howto2 {right: 40px; top: 30px; width: 310px;}

body.contacts .map-box {position: relative; width: 100%; height: 480px;}
body.contacts .map-box .map {position: relative; width: 100%; height: 100%; z-index: 991;}

body.contacts .contactsWayNav {position: relative; padding: 30px 50px 30px;}
body.contacts .contactsWayNav li {float:left; margin: 0 40px 0 0;}
body.contacts .contactsWayNav li:hover {cursor: pointer;}
body.contacts .contactsWayNav li.active {font-weight: 600;}

body.contacts .contacts-box {position: relative; float:left; width: 460px; padding: 35px 30px 17px 30px; margin: 40px 0 0 50px; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
body.contacts .contacts-box li {font-size: 24px; line-height: 1.3; font-family: 'Din Cond'; margin: 0 0 10px 0;}
body.contacts .diploma-wrap {float:left; padding: 40px 15px 0 70px;}
body.contacts .diploma {width: 317px; height: 428px;}
body.contacts .official-wrap {position: relative; float:left; margin: 40px 0 0 0;}
body.contacts .official {position: relative; padding: 20px 30px 20px 30px; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
body.contacts .official .title {font-size: 24px; font-family: 'Din Cond'; margin: 0 0 8px 0;}
body.contacts .official p {margin: 0; padding: 0; font-size: 15px; color: #7f7f7f; line-height: 1.7;}
body.contacts .official-wrap .ningboimg {margin: 40px 0 40px 30px;}


/* СТРАНИЦА ТОВАРА */


body.item .content-container .content {padding: 0;}
body.item /*.block-title*/h1 {margin-left: 40px;}

body.item .single-wrap {clear:both;width: auto; margin: 0 30px 55px 30px; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
body.item .single-wrap .single-box {position: relative; padding: 30px 30px 0 30px;}

body.item .single-box .gallery-wrap {position: relative; float:right; width: 520px; padding: 0 0 20px 0;}
body.item .single-box .thumbnails-wrap {position: relative; float: right; width: 92px; /*height: 285px; overflow: hidden;*/}
/*body.item .single-box .thumbnails {position: absolute; left: 0; top: 0;}*/
body.item .single-box .thumbnails .thumb {border: 1px solid #fff;margin: 0 0 10px 0; padding: 5px; border-radius:3px /*position: relative; width: 85px; height: 85px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;*/}
body.item .single-box .thumbnails .thumb:hover {cursor: pointer;border: 1px solid #3FB0E8;}
body.item .single-box .thumbnails .thumb.active {cursor: default;border: 1px solid #3FB0E8;-moz-opacity:0.5;opacity: 0.5;filter: alpha(opacity=50);}

body.item .single-box .gallery-wrap .gallery {position: relative; width: 410px;float: left;}
body.item .single-box .gallery-wrap .gallery .item {display: none; padding: 5px;/*position: relative; width: 280px; height: 280px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;*/}
body.item .single-box .gallery-wrap .gallery .item.active {display:block;}

body.item .single-box .price-box {position: relative; float:left; /*width: 340px;*/ background-color: #fff;margin: -31px 40px 30px -31px; padding: 20px 0 14px; text-align: center; border: 1px solid #e5e5e5; -moz-border-radius: 4px 0 4px 0; -webkit-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0;}
body.item .single-box .price-box .price {/*width: 100%; */padding: 2px 0 20px 0; margin: 0 0 16px 0; border-bottom: 1px solid #e5e5e5; font-family: 'Din Cond light'; font-size: 36px;/* letter-spacing: -0.2px;*/}
body.item .single-box .price-box .price .ruble {position: relative;}
body.item .single-box .price-box .price .ruble:after {content:""; position: absolute; left: 1px; top: 25px; width: 11px; height: 2px; background: #000;}
body.item .single-box .price-box .total {display: inline-block; position: relative; font-family: 'Din Cond light'; top: 6px; font-size: 30px;color: #999;}
body.item .single-box .price-box .total .ruble {position: relative;}
body.item .single-box .price-box .total .ruble:after {content:""; position: absolute; left: 1px; top: 21px; width: 11px; height: 2px; background: #999;color: #999;}
body.item .single-box .price-box .quantity-wrap {display: inline-block; margin: 0 30px 20px 0; float:none;}
body.item .single-box .price-box .quantity {width: 50px;}
body.item .single-box .price-box .ui-spinner {padding: 0 21px;}
body.item .single-box .price-box .ui-spinner-button {width: 22px;}
body.item .single-box .price-box .ui-spinner-down {background-position: 5px -41px;}
body.item .single-box .price-box .ui-spinner-up {background-position: 6.6px -69px;}
body.item .single-box .price-box .button-wrap {width: 86%; margin-left: 7%; margin-right: 7%;}
body.item .single-box .price-box .instock, body.item .single-box .price-box .inquery{position: absolute; bottom: -14px; z-index: 991}
body.item .single-box .price-box .instock {left: -8px;}
body.item .single-box .price-box .inquery  {right: -8px;}
body.item .single-box .price-box .instock span, body.item .single-box .price-box .inquery span {position: relative; display:block; padding: 7px 12px 7px; z-index: 992;font-weight:bold}
body.item .single-box .price-box .instock span {background: #83ce5a; color: #e6f5de;border-radius: 0 2px 2px;box-shadow: 0px 0px 5px #83CE5A;}
body.item .single-box .price-box .inquery span {background: #3FB0E8; color: #fff;border-radius: 2px 0 2px 2px;box-shadow: 0px 0px 5px #3FB0E8;}
body.item .single-box .price-box .instock:hover,.items-box.tile .item .instock:hover, body.item .single-box .price-box .inquery:hover,.items-box.tile .item .inquery:hover {z-index: 993}
body.item .single-box .price-box .instock:before,body.item .single-box .price-box .inquery:before{content: ""; position: absolute; top: -8px;  border-style: solid;  display: block; width: 0;}
body.item .single-box .price-box .instock:before {left: 0;border-width: 0 0 8px 8px;border-color: #73ac7f transparent;}
body.item .single-box .price-box .inquery:before {right: 0; border-width: 0 8px 8px 0;border-color: #3199cd transparent;}

body.item .single-box .price-box.nostore {text-align: left;}
body.item .single-box .price-box.nostore .price {/*width: 85%; */padding: 2px 0 20px 15%;}
body.item .single-box .price-box.nostore .total,
body.item .single-box .price-box.nostore .instock {display:none;}
body.item .single-box .price-box.nostore .quantity-wrap {margin-left: 15%;}

body.item .single-box .chars-wrap {position: relative; float:left; margin: 10px 0 0 0px;}

body.item .single-box .chars-box {position: relative; float:left; margin: 0 50px 0 0;}
body.item .single-box .chars-box /*.title*/h2 {font-family: 'Din Cond light'; font-size: 34px; padding: 0;}
body.item .single-box .chars-box ul {position: relative; display: block; font-size: 15px; padding: 20px 0 20px 0;}
body.item .single-box .chars-box ul .subtitle {display: inline-block; width: 150px; color: #b3b3b3; margin: 0 0 20px 0;}

body.item .single-box .specification {position: relative; float:left; width: 170px; padding: 28px 20px 16px; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
body.item .single-box .specification .title {position: absolute; width: 140px; text-align: center; left: 50%; margin: 0 0 0 -70px; top: -8px; background: #FFF; padding: 0; color: #4b4b4b; font-size: 16px; font-family: 'Din Cond';}
body.item .single-box .specification .pdf {float:left; display: inline-block; color: #FFF; padding: 2px 6px 3px; margin: 0 14px 30px 0; background: #e53625; text-transform: uppercase; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
body.item .single-box .specification .file {display: inline-block; font-size: 15px; color: #3fb0e8; border-bottom: 1px solid #3fb0e8; padding: 0 0 3px 0; margin: 0 14px 10px 0;}
body.item .single-box .specification .file:hover {border-bottom: 1px solid transparent;}
body.item .single-box .specification .filename {color: #bebebe;}

body.item .additional-title {font-size: 40px; font-family: 'Din Cond Light'; padding: 0 0 5px 50px; letter-spacing: 0.5px;}
body.item .additional-subtitle {font-size: 15px; color: #a3a3a3; padding: 0 0 25px 50px}
body.item .additional-box {margin: 0 50px 20px;}

body.item .items-wrap {position: relative; padding: 15px 50px 80px; margin: 40px 0 0 0;}
body.item .items-wrap:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 20px; background: url('../images/shadow2.png') 0 0 repeat-x;}


/* ДОПОЛНИТЕЛЬНЫЕ ТОВАРЫ */


.additional-box {position: relative; padding: 0 0 30px 0;}

.additional-box .item {position: relative; float:left; width: 22.975%; margin-right: 2.7%; margin-bottom: 35px;}
.additional-box .item4,
.additional-box .item8,
.additional-box .item12,
.additional-box .item16,
.additional-box .item20,
.additional-box .item24,
.additional-box .item28,
.additional-box .item32,
.additional-box .item36,
.additional-box .item40 {margin-right: 0 !important;}

.additional-box .item-wrap {position: relative; min-height: 110px; padding: 0 0 0 10px; border: 1px solid #e5e5e5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.additional-box .item .img {float:left; width: 110px; margin: -1px 15px -1px -11px;border-radius: 3px 0px 0px 3px;border: 1px solid #E5E5E5;}
.additional-box .item ul {padding: 0 10px 20px 0;}
.additional-box .item ul .title {font-size: 26px; font-family: 'Din Cond'; padding: 20px 0 12px 0;}
.additional-box .item ul .title .quantity {color: #b0b0b0;}
.additional-box .item ul .material {}

.filters-active {
	color:#300;
    background-color: #F6CBCB;
    border-radius: 3px;
    margin-bottom: 25px;
    padding: 15px;
}

.filters-active .f-title {
    font-weight: bold;
    margin-left: 10px;
}

.filters-active .f-value {
/*    font-style: italic;
    text-decoration: underline;
*/
}

.filters-active .f-reset {
    color: #990000;
    margin-left: 20px;
    border-bottom: 1px dashed;
}

.sidebar-container .spec.size ul{display:none;position: absolute;left: 261px;top: 0px;width: 800px;}
.sidebar-container .spec.size .spec{margin:0 1px 1px 0;position: relative;float: left;border-radius: 3px;border: 0;background: rgba(30, 30, 30, 0.9) none repeat scroll 0% 0%;}
.sidebar-container .spec:hover{background: rgba(30, 30, 30, 0.9)}
.sidebar-container .spec .hidden:hover,.sidebar-container .spec.size .spec:hover{background: rgba(30, 30, 30, 1)}

.sidebar-container .spec.size:hover .spec .hidden {display: block;left: 260px;top: -1px;background: rgba(30, 30, 30, 0.9) none repeat scroll 0% 0%;padding: 25px 20px;box-shadow: none;border-radius: 0px 3px 3px 0px;width: 240px;}

.sidebar-container .spec.size:hover ul{display:block}
.sidebar-container .spec.size .spec .title{display:none;width: 220px;}
.sidebar-container .spec.size:hover .spec .title{position:relative;display:block}

.sidebar-container .spec.size:hover .spec .hidden{background: none;left:0}
.sidebar-container .spec.size:hover .spec .hidden{position:relative}

.items-box .clear{clear:both;margin: 10px 0 5px 0}
.items-box.tile .item .parttitle h2,.items-box.tile .item  .parttitle a{font-size: 20px;font-family: "Din Cond";color:#ddd;margin-left: 17px;}
.items-box.tile .item .parttitle a{text-decoration:underline}
.items-box.tile .item .parttitle.view h2{color:#bbb}
.items-box.tile .item:hover .parttitle h2,.items-box.tile .item:hover .parttitle  a/*,.items-box.tile .parttitle.view h2*/{font-size: 20px;font-family: "Din Cond";color:#bbb}
.items-box.tile .item:hover .parttitle  a{color:#000}
.items-box.tile .item .parttitle a:hover{text-decoration:none}

li.together {
    margin-top: -15px;
}
.mainheader{clear: both;padding: 30px 40px 30px 0px;}
.mainheader h1{float: left;margin: 0px 30px 30px 40px;padding: 0px!important;}
.mainheader .bread{font-size: 26px;font-family: "Din Cond Light";line-height: 1.4;}
.mainheader .bread a{color: #ccc;border: 1px solid #E5E5E5;border-radius: 3px;padding: 0px 5px;white-space: nowrap;margin: 0px 0px 5px;}
.mainheader .bread a:hover{color:#3FB0E8;border: 1px solid #3FB0E8;}

.counters{position: absolute;right: 50px;top: 59px;font-size: 15px;}

.filter-button {
    width: 200px;
    position: absolute;
    z-index: 1000;
    bottom: -30px;
    left: 10px;
    display: none;
}

.order-sum-error {
    display: none;
    position: absolute;
    right: 0;
    line-height: 1.5;
    background: #f6cbcb;
    top: 100px;
    font-weight: 300;
    letter-spacing: 0.5px;
    padding: 10px 15px;
    border-radius: 3px;
    width: 150px;
    font-size: 0.85em;
    color: #353535;
    font-weight: bold;
}

.hystmodal {
  z-index: 10000;
}

.hystmodal--active, .hystmodal--moved {
  background-color: #5e5e5eab;
}

.modal-box {
  padding: 15px 20px;
}

.modal-header h4 {
  font-size: 30px;
}

.modal-body {
  margin-top: 22px;
}

.modal .item {
    margin-bottom: 15px;
    display: inline-block;
    padding: 10px 10px;
    font-size: 1.4em;
    background-color: #e7e7e7;
    color: #676767;
}

.modal .item-name, .modal .item-quantity {
    color: #000;
    font-weight: bold;
}

.modal .subtitle {
  margin-bottom: 15px;
line-height: 20px;
}

.modal .field {
  width: 300px;
    margin-bottom: 15px;
padding: 18px 20px 18px 20px;
font-family: 'Din Cond';
font-size: 20px;
border: 0;
border-radius: 3px;
box-shadow: inset 0 1px 7px -3px rgba(0, 0, 0, 1.0);
}

.modal .button-wrap {
  width: 130px;
background: #3199cd;
padding: 0 0 4px 0;
box-shadow: 0 7px 9px -4px rgba(55, 131, 168, 0.75);
}

.modal .button-wrap .button {
  position: relative;
  width: 100%;
  height: 52px;
  padding: 1px 0 0 0;
background: #3fb0e8 url(../images/button.png) 0 50% repeat-x;
text-transform: uppercase;
text-align: center;
color: #FFF;
font-weight: 600;
border-radius: 4px;
}

.modal .success {
  display: none;
  background-color: #c5f2ca;
  padding: 10px 15px;
  line-height: 20px;
  font-size: 1.1em;
}