@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, a, img, form, input, dl, dd, dt  {margin: 0px; padding: 0px;}
html {height: 100%;}
body {font: 15px/20px  Arial, Helvetica, sans-serif;  color: #000;  min-width: 1000px;  position: relative; height: 100%; background: #f2f3f5;  }

img {border: none;}
a {cursor: pointer; text-decoration: underline; color: #f35024;}
a:hover {text-decoration: none;}
input, input:focus, textarea, textarea:focus {outline:none;} 

p {padding:0 0 40px;}
h1, h2, h3, h4, h5, h6 {font-family: 'helioscondc';  color: #ed4c21; padding: 0 0 20px; line-height: normal; font-weight: normal;}
h1 {font-size: 25px; }
h2 {font-size: 25px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}
ol {padding:0 0 20px 30px;}
ul {padding: 0 0 20px 0; }
ul li {list-style:none;  background: url(../images/marker_li.png) left 5px no-repeat; padding: 0 0 2px 18px;}
ol li{padding:5px;}

@font-face {
    font-family: 'helioscondc_bold';
    src: url('helioscondc-bold-webfont.eot');
    src: url('helioscondc-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('helioscondc-bold-webfont.woff') format('woff'),
    url('helioscondc-bold-webfont.ttf') format('truetype'),
    url('helioscondc-bold-webfont.svg#helioscondcbold') format('svg');
    font-weight: bold;
    font-style: normal;

    }

@font-face {
    font-family: 'helioscondc_italic';
    src: url('helioscondc-italic-webfont.eot');
    src: url('helioscondc-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('helioscondc-italic-webfont.woff') format('woff'),
    url('helioscondc-italic-webfont.ttf') format('truetype'),
    url('helioscondc-italic-webfont.svg#helioscondcitalic') format('svg');
    font-weight: normal;
    font-style: italic;

    }

@font-face {
    font-family: 'helioscondc';
    src: url('helioscondc-webfont.eot');
    src: url('helioscondc-webfont.eot?#iefix') format('embedded-opentype'),
    url('helioscondc-webfont.woff') format('woff'),
    url('helioscondc-webfont.ttf') format('truetype'),
    url('helioscondc-webfont.svg#helioscondcregular') format('svg');
    font-weight: normal;
    font-style: normal;

    }

@font-face {
    font-family: 'helioscondlightc';
    src: url('helioscondlightc-webfont.eot');
    src: url('helioscondlightc-webfont.eot?#iefix') format('embedded-opentype'),
    url('helioscondlightc-webfont.woff') format('woff'),
    url('helioscondlightc-webfont.ttf') format('truetype'),
    url('helioscondlightc-webfont.svg#helioscondlightcregular') format('svg');
    font-weight: normal;
    font-style: normal;

    }

@font-face {
    font-family: 'helioscondlightc_it';
    src: url('helioscondlightc-italic-webfont.eot');
    src: url('helioscondlightc-italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('helioscondlightc-italic-webfont.woff') format('woff'),
    url('helioscondlightc-italic-webfont.ttf') format('truetype'),
    url('helioscondlightc-italic-webfont.svg#helioscondlightcitalic') format('svg');
    font-weight: normal;
    font-style: italic;

    }
@font-face {
    font-family: 'helioscondblackc';
    src: url('helioscondblackc-webfont.eot');
    src: url('helioscondblackc-webfont.eot?#iefix') format('embedded-opentype'),
    url('helioscondblackc-webfont.woff') format('woff'),
    url('helioscondblackc-webfont.ttf') format('truetype'),
    url('helioscondblackc-webfont.svg#helioscondblackcregular') format('svg');
    font-weight: normal;
    font-style: normal;

    }

.footer:before, .footer:after, .top:before, .top:after, .block_top:before, .block_top:after, .item_block:before, .item_block:after, .bl1:before, .bl1:after, .bl2:before, .bl2:after, .bl3:before, .bl3:after, .elements ul:before, .elements ul:after, .specification:before, .specification:after, .catalog ul:before, .catalog ul:after, .slider:before, .slider:after, .sets:before, .sets:after, .item_block_inner:before, .item_block_inner:after, .item_block_inner .bl_text:before, .item_block_inner .bl_text:after, .bl_t:before, .bl_t:after, .wrap_bl_t:before, .wrap_bl_t:after, .block_float:before, .block_float:after {content: ""; display: table;}
.footer:after, .top:after, .block_top:after, .item_block:after, .bl1:after, .bl2:after, .bl3:after, .elements ul:after, .specification:after, .catalog ul:after, .slider:after, .sets:after, .item_block_inner:after, .item_block_inner .bl_text:after, .bl_t:after, .wrap_bl_t:after, .block_float:after {clear: both;}
.footer, .top, .block_top, .item_block, .bl1, .bl2, .bl3, .elements ul, .specification, .catalog ul, .slider, .sets, .item_block_inner, .item_block_inner .bl_text, .bl_t, .wrap_bl_t, .block_float:after {zoom:1;}


.wrap {min-height: 100%; position: relative; width: 100%;}
.page {width: 100%; padding: 0 0 124px; }
    .header { background: #333 url(../images/fon_grey.png) repeat; margin: 0 0 55px;}
    .top { width: 960px; margin: 0 auto; padding: 16px 0 17px;}
        .logo {float: left; width: 148px; padding: 0 44px 0 0;}
            .logo a {display: block; width: 148px; height: 21px;background: url(../images/logo.png) no-repeat;}
        .menu {float: left; width: 625px; font: 13px/normal 'helioscondc'; padding: 2px 0 0; overflow: hidden; }
            .menu ul {margin: 0; padding: 0; width: 110%;}
            .menu ul li {float: left; padding: 0 45px 0 0; background: none;}
                .menu li a {color: #fff; text-shadow: 0 1px 2px #000; text-transform: uppercase; text-decoration: none; }
                .menu li a:hover {text-decoration: underline;}
                .menu .buy_now a {color: #ffd5ca;}
        .counts {width: 135px; float: right; text-align:  right; color: #999; font: 13px/normal 'helioscondc'; padding: 2px 0 0;}
        .counts a {display: inline-block; margin: 0 0 0 10px;}
        .counts * {vertical-align: middle;}
    .slider_block {width: 100%; overflow: hidden; text-align: center; position: relative; height: 499px; z-index: 10;}
        .slider {width: 1600px; height: 499px; position: absolute; top:0; left:50%; margin-left: -800px; z-index: 10;}
        .lte7 .slider {}
        .slider_Content {float: left; height: 499px; overflow: hidden; position: relative; width: 100%; z-index: 10;}
        .lte7 .slider_Content {zoom:1;}
            .slider_Content .item_slide { position: absolute; width: 100%; height: 499px; left: 0; top:0;}
        .sliderBullets {position: absolute; bottom:21px; z-index: 100; text-align: center; width: 100%; left: 0; zoom:1;}
            .sliderBullets a {display: inline-block; width: 16px; height: 16px; margin: 0 5px; background: url(../images/slider_boulets.png) left -34px no-repeat; text-indent: -40px; text-decoration: none; position: relative; overflow: hidden;}
            .lte7 .sliderBullets a {display: inline; zoom:1;}
            .sliderBullets a.active {background-position: left top;}
    .block_top {width: 960px; margin: 0 auto; padding: 14px 0; color: #fff;}

    .slogan { font: 20px/normal 'helioscondlightc'; width: 180px; padding: 35px 35px 0 0; float: left;}
        .slogan strong {font: 12px/normal 'helioscondc_bold';}

    .items {float: left; width: 500px; font: 15px/normal 'helioscondc';}
        .items ul {margin: 0; padding: 0; width: 110%;}
        .items li {width: 70px; float: left; margin: 0 30px; text-align: center; padding: 78px 0 0; }
            .items .it1 {background: url(../images/im_header1.png) center 12px no-repeat; margin-left: 0;}
            .items .it2 {background: url(../images/im_header2.png) center 10px no-repeat;}
            .items .it3 {background: url(../images/im_header3.png) center 2px no-repeat;}
            .items .it4 {background: url(../images/im_header4.png) center 11px no-repeat;}

.content_part {width: 960px; margin: 0 auto; padding:0 20px; overflow:hidden;}
.item_block { padding: 0 0 47px;}
    .block_video {width: 713px; float: left; }
    .block_text {width: 218px; float: right;}
     .txt_bl {padding: 0 0 25px;}
    .what {}
    .what a {display: block; width: 218px; height: 33px; background: url(../images/sprite_buttons.png) -20px -20px no-repeat;}
    .what a:hover {background-position: -20px -63px;}

    .bl1, .bl2 {width: 445px; float: left; border: 1px solid #c7c7c7; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; padding: 15px 20px 0 0; position: relative; min-height: 249px;}
    .bl2 {float: right;}
    .bl1 .txt_bl, .bl2 .txt_bl {padding: 0 0 10px;}
    .bl2 .bl_im {padding: 10px 0 0;}
    .bl_im {float: left; width: 250px; margin-left: -10px;}
    .bl_text {float: right; width: 197px;}

    .bl3 {padding: 18px; border: 1px solid #c7c7c7; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; position: relative; margin: 0 0 47px;}
        .bl3 .bl_im {width: 280px; margin: 0;}
        .bl3 .bl_text {width: 610px;}

     .bl_im1 {float: left; width: 465px;}
     .bl_text1 {float: right; width: 465px;padding: 37px 0 0;}
        .bl_text1 .txt_bl {}
    .download {}
        .download a {display: block; width: 255px; height: 33px; background: url(../images/sprite_buttons.png) -258px -20px no-repeat; }
        .download a:hover {background-position: -258px -63px;}
.settings {width: 235px; float: right; font: 15px/normal 'helioscondc'; padding: 24px 0 0; }
    .sets {}
    .set_text {padding: 0 0 6px; text-align: right;}
        .sets a {display: block; width: 215px; height:53px; background: url(../images/sprite_buttons.png) -583px -116px no-repeat; float: right; }
            .sets a:hover {background-position: -583px -179px;}

.wrap_block_order { background: #333 url(../images/fon_grey.png) repeat; padding: 47px 0 60px; margin: 0 0 47px;}
    .block_order {width: 960px; margin: 0 auto; padding:0 20px; overflow:hidden;}
    .wrap_block_order h3 {font: 25px Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; text-align: center;}
    .elements{color: #fff; padding:0 0 30px;}
    .elements ul {margin: 0; padding: 0; width: 110%;}
    .elements li {float: left; width: 300px; position: relative; background: url(../images/border_top.png) no-repeat; padding: 23px 0 0; margin: 0 30px 0 0;}
        .wr1 { background: url(../images/border_left.png) repeat-y;}
         .wr2 {background: url(../images/border_left.png) right top repeat-y; height: 276px; position: relative; padding: 0 20px;}
         .image_item {text-align: center; position: absolute; bottom: 7px; left: 7px; width: 300px; z-index: 0;}
            .image_item
         .data {position: absolute; top:0; left: 20px; z-index: 10;}
            .size1 {font: 24px/normal 'helioscondblackc';}
            .prix { display:inline-block; font: 24px/normal 'helioscondlightc'; background: url(../images/price.png) right center no-repeat; padding: 0 17px 0 0;}
            .lte7 .prix {display: inline; zoom:1;}
            .size2 {position: absolute; bottom: 42px; right: 20px; color: #cba7a7; font: 16px/normal 'helioscondlightc'; }
        .elements li .buy {position: absolute; bottom: -33px; left:0px;}
            .buy a {display: block; background: url(../images/sprite_buttons.png) -20px -116px no-repeat; width: 300px; height: 53px;}
                .buy a:hover {background-position: -20px -179px;}
.specification {width: 110%; color: #777; font-size: 15px;}
    .centr {text-align: center;}
    .item_spec {float: left; width: 300px; margin: 0 30px 0 0;}
    .specification h4 { background: url(../images/title_back.png) left 11px repeat-x; font-size: 18px ; color: #000;text-align: center; }
        .specification h4 span {padding: 0 20px; background: #f2f3f5;}
    .table_size {padding: 0 0 23px;}
    .table_size table {border-collapse: collapse; font-size: 15px; line-height: normal; color: #777; width: 100%;}
    .table_size table td { padding: 4px 15px 4px 0; }
    .table_size table td span {color: #c3c3c3;}
    .table_size table td:first-child {width:109px; text-align: right; }
    .text_spec {padding: 0 0 25px;}
    .find_size { padding: 0 0 40px;}
    .find_size a {display: block;background: url(../images/sprite_buttons.png) -533px -20px no-repeat;  width:300px; height: 33px; }
        .find_size a:hover {background-position: -533px -63px;}

.table_weight {padding: 0 0 40px;}
    .table_weight table {border-collapse: collapse; width: 100%; line-height: 16px;}
    .table_weight table td {background: url(../images/td_fon.png) left 15px repeat-x; text-align: right; padding: 2px 0;}
        .table_weight table td:first-child {text-align: left;}
    .table_weight table td span {background: #f2f3f5; display: inline-block;}

.catalog {width: 960px; margin: 0 auto; color: #fff; padding:0 20px; overflow:hidden; }
.catalog ul {margin: 0; padding: 0; width: 110%;}
.catalog li {background: none; width: 300px; float: left;  position: relative; padding: 0; margin: 0 30px 0 0;}
    .catalog li .image_item {position: relative; height: 274px; vertical-align: bottom;}
        .catalog li .image_item i {display: inline-block; width: 1px; height: 274px;}
        .lte7 .catalog li .image_item i {display: inline; zoom:1;}
        .catalog li .image_item * {vertical-align: bottom;}
    .name_item {font-size: 20px;line-height: normal; padding: 0 0 25px;}
    .description {padding: 0 0 25px; }
    .disponible { font-size: 12px; background:url(../images/dispon.png) left 6px no-repeat;  padding: 0 0 15px 15px;}
    .non {background-position: 0 -35px; color: #777;}
    .disponible a {color: #fff;}



    .content_part h1 {background: url(../images/bord_h1.png) left 15px repeat-x; text-transform: uppercase; text-align: center;}
        .content_part h1 span {background: #f2f3f5; padding: 0 }
.item_block_inner {position: relative; z-index: 0; padding: 0 0 0 143px;}
.item_block_inner .bl_im {float: left;  width:400px;position: relative; z-index: 10; margin: 0;}
.item_block_inner .bl_text {float: left; width: 243px; position: relative; z-index: 0; margin-top: 35px;}
.bl_t {padding: 26px 0 0; background: url(../images/block_inner_top.png) no-repeat; width: 396px; margin-left: -153px; position: relative; float: left;}
    .bl_t1 {background: url(../images/block_inner_bottom.png) left bottom no-repeat; padding: 0 0 24px;  position: relative;float: left;}
         .bl_t2 {background: url(../images/block_inner_centr.png) repeat-y; padding: 0 20px 0 0;  position: relative; float: left;}
             .bl_t3 {position: relative; float: left; width: 223px; padding: 0 0 0 153px;line-height: normal; margin: -5px 0 ;}

                .your_choise {background: #f8f8f8;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; font-size: 12px; color: #777; text-align: center; padding: 10px; margin: 0 0 10px; }
                .bl_t3 dt, .bl_t3 dd {display: block; padding: 0 0 14px;}
                    .bl_t3 .inpt {background: url(../images/input.png) no-repeat; height: 39px; padding: 1px 10px 8px;}
                    .inpt input[type="text"] {height: 30px; font:15px/30px Arial, Helvetica, sans-serif; color: #000; border: none; width: 100%; background: none; text-align: center;}
                    .link_br {font-size: 12px; color: #777;text-align: center;}
                    .link_br a{color: #777; text-decoration: none; border-bottom: 1px dashed #777; }
                        .link_br a:hover {border: none;}

                    .bl_t3 .order {padding: 0;}
                        .order a {display: block; background: url(../images/sprite_buttons.png) -340px -118px no-repeat; width: 223px; height: 31px; }
                        .order a:hover {background-position: -340px -181px;}
.wrap_bl_t {padding: 0 0 15px;}
.call_us {text-transform: uppercase; font: 14px 'helioscondc'; color: #777; text-align: center; line-height:20px; }
    .content_page {}
    .content_page h2 {color: #777; text-transform: uppercase; text-align: center;}
.title_top {position: relative;}
    .back {position: absolute; top:0; left:0; width: 153px; height: 32px; padding: 0 0 16px; background: #f2f3f5;}
        .back a {display: block; width: 137px; height: 32px; background: url(../images/sprite_buttons.png) -533px -252px;}
            .back a:hover {background-position: -533px -315px;}
.block_float {padding: 0 0 40px;}
    .item_block_float1 {float: left; width:465px; }
    .item_block_float2 {float: right; width: 465px;}
.content_page .call_us {color: #ed4c21; text-align: left;}
.footer {height: 78px; position: relative; padding: 46px 0 0; width: 960px; margin: -124px auto 0; line-height: normal; font-size: 12px;}
    .footer a {color: #000;}
    .foot1 {float: left; width: 248px;}
    .foot2 {float: right; width: 220px; text-align: right;}