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