@font-face { font-family: FuturaRD; src: url(/css/fonts/futura_round_demi.eot); }
@font-face { font-family: FuturaRD; src: url(/css/fonts/futura_round_demi.ttf); }

body { margin: 0; background: #fff; color: #000; font: normal 14px/1.6 arial; }
img { border: 0; }
a { color: #336bb3; text-decoration: underline; }
a:hover { color: #bd0042; }
h1 { font: normal 36px FuturaRD; margin: 0 0 35px; }
h2 { font: normal 30px FuturaRD; margin: 45px 0 35px; }
h3 { font: normal 24px FuturaRD; margin: 35px 0 25px; }
.decor- { font: normal 18px/1.8 FuturaRD; margin: 20px 0 0; }
.decor-:first-child { margin: 0; }

.more- { margin-top: 35px; }
.placeholder { color: #444; font-weight: normal !important; }
::-webkit-input-placeholder { color: #444; font-weight: normal !important; }
:-moz-placeholder { color: #444; font-weight: normal !important; }
::-moz-placeholder { color: #444; font-weight: normal !important; }
:-ms-input-placeholder { color: #444; font-weight: normal !important; }

/* clearfix */
.main-info:after,
.inner-page:after,
.product-details:after,
.popup-form .double-:after,
.issue-preview:after { content: ""; display: block; height: 0; font-size: 0; clear: both; }

.base-width { width: 996px; margin: 0 auto; }

.header { padding: 26px 0; }
.header .base-width { position: relative; }
.header .nav { position: absolute; right: 0; top: 0; }
.header .nav .list- { padding-top: 58px; }
.nav .list- { margin: 0; padding: 0; list-style: none; font: normal 15px FuturaRD; text-transform: uppercase; }
.nav .item- { display: inline-block; margin-left: 35px; }
.nav .link- { color: #000; text-decoration: none; }
.nav .link-.active-,
.nav .link-:hover { text-decoration: underline; }

.main-slider { padding: 25px 0 55px; position: relative; }
.main-slider .base-width { position: relative; }
.ms-box { width: 902px; height: 410px; overflow: hidden; margin: 0 auto; padding-top: 5px; }
.main-slider .slider-left,
.main-slider .slider-right {
    width: 32px; height: 49px; position: absolute; bottom: 190px; background: url(../images/m_arrows.png); cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.main-slider .slider-left { left: 0; background-position: 0 0; }
.main-slider .slider-right { right: 0; background-position: -32px 0; }
.main-slider .slider-left.active- { background-position: 0 -49px; }
.main-slider .slider-left.active-:hover { background-position: 0 -98px; }
.main-slider .slider-right.active- { background-position: -32px -49px; }
.main-slider .slider-right.active-:hover { background-position: -32px -98px; }
.ms-content { width: 60000px; }
.ms-content .product-item { float: left; margin-right: 31px; }

.product-item { display: block; width: 280px; height: 410px; text-align: center; text-decoration: none; color: #000; }
.product-item:hover { color: #000; }

.index .product-item { width: 145px; height: 205px; }
.index .product-item:hover { width: 145px !important; height: 205px !important; }
.index .product-list .item- {display: inline-block;margin: 0 20px 25px 0 !important;padding: 0 10px; vertical-align: top;}
.product-list .index .item- {vertical-align: top;}
.index {min-height: 185px;}
.index .linkto {font-size: 22px;width: 125px;position: absolute;margin: 80px 0;}

.product-item .img- { display: block; margin: 0 auto; }
.product-item .name- { font: normal 14px FuturaRD; text-transform: uppercase; }
.product-item .tth- { display: none; }

.product-hover { display: none; position: absolute; width: 298px; height: 488px; padding-top: 15px; background: #fff; border: 3px solid #2c6fc1; text-align: left; overflow: hidden; }
.product-hover .name- { font: normal 22px/1.4 FuturaRD; position: absolute; margin: -15px 0 0 25px; height: 1.4em; width: 248px; overflow: hidden; }
.product-hover .tth- { display: block; font: bold 14px/1.4 Arial; position: absolute; margin: 25px 0 0 25px; height: 4.2em; width: 248px; overflow: hidden; }

.inx.product-hover { width: 165px; height: 288px; padding-top: 15px; }
.inx.product-hover .img- {padding: 0 0px 0 4px;}
.inx.product-hover .name- { font: normal 14px/1.4 FuturaRD; margin: -15px 0 0 10px; height: 2.4em; width: 145px;text-align: center;}
.inx.product-hover .tth- { font: bold 12px/1.4 Arial; margin: 25px 0 0 10px; height: 3.2em; width: 145px; }

.main-info { background: #fafafa; border-top: 1px dashed #d5d5d5; padding: 50px 0; }
.using { margin: 0 0 25px; padding: 0; list-style: none; text-align: justify; }
.using .item- { display: inline-block; vertical-align: middle; }
.using:after { content: " "; display: inline-block; width: 100%; height: 1px; }
.main-info .col1 { float: left; width: 470px; }
.main-info .col2 { float: right; width: 470px; }
.main-info h2 { margin: 0 0 35px; height: 2.4em; }
.main-info h3 { margin-top: 0 !important; }
.review-item { margin: 0 0 35px; }
.review-item .link- { font-size: 18px; line-height: 1.4; color: #3874c0; text-decoration: none; }
.review-item .link-:hover { color: #bd0042; text-decoration: underline; }
.review-item .lead- { margin: 10px 0 0; }
.faq-item { margin: 0 0 35px; }
.faq-item .q- { font-size: 18px; line-height: 1.4; border-bottom: 1px dashed #000; cursor: pointer; }
.faq-item.show- .q- { border: 0; }
.faq-item .a- { display: none; }
.faq-item.show- .a- { display: block; }
.faq-item .a- p { margin: 10px 0 0; }
.button- { margin: 0 1px 1px 0; display: block; text-align: center; border: 0; font: normal 24px FuturaRD; color: #fff; background: #6495cb; padding: 15px 0; text-decoration: none; margin-top: 55px; -webkit-box-shadow: 1px 1px 0 #000; box-shadow: 1px 1px 0 #000; }
.button-:hover { background: #3874c0; color: #fff; }

.inner-page { padding: 0 0 25px; }
.inner-info { background: #fafafa; border-top: 1px dashed #d5d5d5; padding: 25px 0 35px; }
.breadcrumbs { margin: 0 0 25px; color: #818181; font-size: 12px; }
.breadcrumbs .link- { color: #818181; text-decoration: none; }
.breadcrumbs .link-:hover { color: #818181; text-decoration: underline; }
.side-bar { float: right; margin: 0 0 0 40px; width: 275px; }
.sub-nav { margin: 0; padding: 0; list-style: none; font-size: 15px; }
.sub-nav .item- { padding: 10px 0; border-top: 1px solid #e5e5e5; }
.sub-nav .item-:first-child { border-top: 0; }
.sub-nav .link- { color: #000; text-decoration: none; }
.sub-nav .link-:hover { color: #000; text-decoration: underline; }
.sub-nav .link-.active- { font-weight: bold; text-decoration: none !important; }
.inner-page .content { overflow: hidden; }
.inner-page .content ul { margin: 0 0 25px; padding: 0; list-style: none; }
.inner-page .content ol { margin: 0 0 25px; padding: 0; list-style: none; }
.inner-page .content li { margin: 0 0 10px 35px; }
.inner-page .content li:before { content: '\2022'; position: absolute; color: #3874c0; margin: -.25em 0 0 -20px; font-size: 24px; }

.issue-preview { margin: 0 0 45px; }
.issue-preview img { float: left; margin-right: 30px; }
.issue-preview .text- { overflow: hidden; }
.issue-preview .head- { display: block; font: normal 24px FuturaRD; margin: 0 0 25px; }

.cat-nav { margin: 0 0 25px auto; padding: 0; list-style: none; width: 205px; }
.cat-nav .item- { padding: 15px 0 0; font-size: 15px; }
.cat-sub-nav { margin: 0; padding: 0 0 0 20px; list-style: none; }
.cat-sub-nav .sub-item- { padding: 15px 0 0; }
.product-list { margin: 0 -20px 35px 0 !important; padding: 0 0 0 33px !important; }
.product-list .item- { display: inline-block; margin: 0 40px 25px 0 !important; }
.product-list .item-:before { content: '' !important; }
.paginator { margin: 0 0 35px; }
.paginator b,
.paginator span,
.paginator a { margin-right: 10px; }
.paginator a { color: #000; text-decoration: none; }
.paginator a:hover { color: #000; text-decoration: underline; }

.product-details { margin: 0 0 25px; }
.product-details .image- { float: left; width: 360px; text-align: center; }
.product-details .info- { float: right; width: 310px; }
.product-details .info- h2 { margin: 15px 0; }
.product-details .contains- { width: 100%; font-size: 15px; border-collapse: collapse; margin: 0 0 25px; }
.product-details .contains- th { padding: 10px 0; text-align: left; color: #828282; font-weight: normal; border-bottom: 1px solid #c8c8c8; }
.product-details .contains- .val- { width: 1%; text-align: center; }
.product-details .contains- td { padding: 10px 0; border-bottom: 1px solid #c8c8c8; }
.product-details .info- .button- { font-size: 18px; margin-top: 15px; }

.left-img { float: left; margin: 10px 20px 10px 0; }
.right-img { float: right; margin: 0 0 10px 20px; }
.table { margin: 0 0 25px; }
.table th { background: #cacaca; color: #000; text-align: left; padding: 5px 15px; font-weight: normal; }
.table td { vertical-align: top; padding: 5px 15px; }
.table .odd- td { background: #eee; }

.content .contacts { margin: 0 -5% 25px 0 !important; padding: 0 !important; list-style: none; font: normal 18px FuturaRD; line-height: 1.8; }
.content .contacts .item- { display: inline-block; width: 32%; margin: 0 !important; }
.content .contacts .item-:before { content: "" !important; }
.content .contacts .item- b { display: block; font-weight: normal; }
.contact-ask { float: right; width: 410px; font-size: 18px; height: 5.4em; position: relative; margin-top: 20px; }
.contact-ask .button- { width: 410px; position: absolute; margin: 0; bottom: 0; right: 0; }
.map { height: 300px; min-width: 996px; }

.footer { background: #ededed; border-top: 1px dashed #d5d5d5; padding: 40px; text-align: center; }
.footer .nav .list- { font-size: 14px; }
.footer .nav .item- { margin: 0 15px;  }
.footer .main-question { border: 3px dotted #000; padding: 15px 35px; font-family: FuturaRD; text-transform: uppercase; display: inline-block; margin-bottom: 50px; text-decoration: none; color: #000; }
.footer .main-question:hover { background: #fff; }
.footer .contacts { margin: 0; padding: 0; list-style: none; font-size: 13px; }
.footer .contacts .item- { display: inline-block; padding: 50px; text-align: center; }
.footer .contacts .item- b { display: block; font-size: 14px; }
.footer .copy,
.footer .dev { color: #666; font-size: 13px; }
.footer .copy { float: left; }
.footer .dev { text-align: right; }

#cover { background: #000; opacity: .5; position: absolute; z-index: 50; left: 0; top: 0; }
.popup { position: absolute; z-index: 100; display: none; padding: 30px 40px; width: 500px; background: #fff; }
.popup .close- { position: absolute; right: 15px; top: 15px; width: 15px; height: 15px; background: url(../images/close-icon.png); overflow: hidden; text-indent: -999px; cursor: pointer; }
.popup h3 { margin: 0 0 15px; }
.popup-form .fieldset- { border: 0; margin: 0; padding: 0; }
.popup-form .button- { width: 100%; margin: 0 !important; }
.popup-form .fields- { margin: 0; padding: 0; list-style: none; }
.popup-form .field- { margin: 0 0 15px; }
.popup-form .field- input,
.popup-form .field- textarea { background: #c2c2c2; padding: 7px 15px; width: 468px; border: 1px solid #c2c2c2; font: bold 15px arial; }
.popup-form .double- .field- { float: right; }
.popup-form .double- .field-:first-child { float: left; }
.popup-form .double- .field- input { width: 210px; }
.popup-form .field-.error- input,
.popup-form .field-.error- textarea { border: 1px solid #d00; }
.popup-form .error-str- { padding: 2px 15px 0; font-size: 12px; color: #d00; display:none; }

.order-list { width: 100%; margin: 0 0 15px; border-spacing: 0; border-collapse: collapse; }
.order-list th { color: #666; text-align: left; font-weight: normal; font-size: 15px; padding: 0 15px 2px; }
.order-list th.field- { padding-left: 16px; }
.order-list td { padding: 7px 15px; }
.order-list .field- { width: 1%; padding: 0; }
.order-list .field- input { width: 210px; }

.popup .phones-,
.popup .contacts- { font-size: 15px; }
.popup .phones- { margin: 0 0 25px; }
.popup .phones- dt,
.popup .contacts- dt { float: left; }
.popup .phones- dd,
.popup .contacts- dd { margin: 0 0 7px 300px; }
.popup .contacts- dd { margin-left: 100px; }

.before {
    clear: both;
    display: block;
    padding: 0 0 20px 0;
}.after {
    clear: both;
    display: block;
    padding: 60px 0 0 0;
}