* { margin: 0px; padding: 0px; border: 0px none; outline: medium none; }
li { list-style: outside none none; }
@font-face {
  font-family: "HeloisC";  src: url('/fonts/heliosc-bold.otf') format("opentype");}
h1 { font-family: "HeloisC",arial,sans-serif; font-size: 30px; color: rgb(38, 38, 38); }
h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
img { vertical-align: bottom; }
body, input, select, textarea, button { font-family: "Roboto",arial,sans-serif; font-size: 14px; line-height: 1.25;  }
.form-group label { display: block; padding: 7px 0px; }
.form-group input[type="text"], .form-group select { border: 1px solid rgb(136, 136, 136); background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: block; border-radius: 5px; width: 260px; height: 40px; padding: 0px 15px; box-sizing: border-box; }
.form-group input[type="text"]:focus { border-color: rgb(76, 81, 224); }
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix { clear: both; }
.container { padding: 0px 30px; margin: 0px auto; position: relative; }
.text-center { text-align: center; }
.btn { background: transparent linear-gradient(to right, rgb(117, 72, 180) 0%, rgb(65, 107, 204) 100%) repeat scroll 0% 0%; position: relative; font-family: "HeliosC",arial,sans-serif; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); text-decoration: none; line-height: 50px; height: 50px; display: inline-block; padding: 0px 40px; border-radius: 25px; cursor: pointer; }
.btn:hover { background: transparent linear-gradient(to right, rgb(65, 107, 204) 0%, rgb(117, 72, 180) 100%) repeat scroll 0% 0%; }
a.btn:hover{color:#fff;text-decoration: underline}
.navigation { background: rgb(255, 255, 255) none repeat scroll 0% 0%; height:112px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); position: relative; width: 100%; z-index: 5; left: 0px; top: 0px;margin: auto}
.navigation .logo {padding: 5px 0px 0px;text-align:center;font-size: 1.5em;color: #000;font-weight: bold;}
.navigation .mobile { display: none; }
.navigation ul > li { padding:0; float: left; }
.navigation ul > li::before { content: ""; background: rgb(134, 134, 134) none repeat scroll 0% 0%; width: 5px; height: 5px; border-radius: 50%; display: block; float: left; margin: 6px 20px 0px; }
.navigation ul > li:first-child::before { display: none; }
.navigation ul > li > a { color: rgb(0, 0, 0); font-weight: 700; font-size: 12px; text-transform: uppercase; text-decoration: none; }
.navigation ul > li > a:hover { text-decoration: underline; }
.header { background-color: transparent; background-image: url('/images/background.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-position: center 0px; background-size: cover ! important; padding:112px 0px 0px; z-index: 10}
.header h1 { padding: 30px 0px 0px; text-align: center; font-size:50px; }
.header h2 { font-family: "HeliosC",arial,sans-serif; padding: 5px 0px 5px; text-align: center; font-size: 24px; color: rgb(38, 38, 38); }
.header .item { padding: 0px 0px 30px; width: 49%; display: inline-block; vertical-align: top; }
.header .item > img { vertical-align: middle; display: inline-block; }
.header .item > div { vertical-align: middle; display: inline-block; width: 165px; margin: 0px 0px 0px 12px; }
.header .item > div > span { color: rgb(38, 38, 38); font-size:18px; padding: 0px 0px 5px; display: block; }
.header .btn-center { display: inline-block; width: 49%; text-align: center; padding: 24px 0px 0px; }
.head_main_item p{font-size:12px;}
.characteristics { padding: 0px 0px 25px; }
.characteristics h1 { text-align: center; padding: 35px 0px 0px; }
.characteristics h2 { font-size: 18px; text-align: center; padding: 5px 0px 45px; }
.characteristics .item { text-align: center; width: 255px; padding: 0px 30px 50px 0px; position: relative; }
.characteristics .item.last { padding-right: 0px; }
.characteristics .item img.back-icon { position: absolute; top: 28px; left: 13px; }
.characteristics .item > div { position: relative; z-index: 2; color: #000}
.characteristics .item h3 { padding: 11px 0px 7px; font-family: "HeliosC",arial,sans-serif; font-size: 20px; color: rgb(38, 38, 38); }
.characteristics .item p { line-height: 24px; }
.info-block,.info-block1 { background-color: transparent; background-image: url('/images/info-block1.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-clip: border-box; background-origin: padding-box; background-position: center center; background-size: cover ! important; position: relative; padding: 0px 0px 50px; }
.info-block::before,.info-block1::before { content: ""; background: rgb(245, 245, 245) none repeat scroll 0% 0%; z-index: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; opacity: 0.8; }

.info-block h1,.info-block1 h1 {padding: 50px 0px 20px 0; text-align: center;    font-size: 2em;}
.info-block h2,.info-block1 h2 {padding:10px 0 10px 0; text-align: center;font-size:1.6em;}

.info-block p { line-height: 24px; width: 475px; text-align: justify; padding: 0px 0px 55px; }
.components { padding: 0px 0px 48px; }
.components h1 { padding: 42px 0px 62px; text-align: center; }
.components .item { width: 250px; margin: 0px 20px 0px 0px; text-align: center; }
.components .item.last { margin: 0px; }
.components .item h2 { font-family: "HeliosC",arial,sans-serif; font-size: 20px; color: rgb(38, 38, 38); }
.info-block2 { background-color: transparent; background-image: url('/images/info-block2.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-clip: border-box; background-origin: padding-box; background-position: center center; background-size: cover ! important; position: relative; padding: 0px 0px 35px; }
.info-block2::before { content: ""; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 0; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; opacity: 0.9; }
.info-block2 h1 { padding: 25px 0px 30px; }
.info-block2 .left-side ul { width: 415px; }
.info-block2 .left-side ul > li { background: transparent url('/images/icon16.png') no-repeat scroll 0px 4px; padding: 0px 0px 15px 37px; }
.info-block2 .right-side { padding: 35px 0px 0px; width: 555px; }
.info-block2 .right-side h2 { font-size: 24px; font-family: "HeliosC",arial,sans-serif; color: rgb(38, 38, 38); padding: 0px 0px 25px; }
.info-block2 .right-side .preview > img { display: none; }
.info-block2 .right-side .preview > img.active { display: block; }
.info-block2 .right-side .content { margin: 0px 0px 0px 285px; padding: 25px 0px 0px; }
.info-block2 .right-side .content ul > li { padding: 0px 0px 15px; }
.info-block2 .right-side .content ul > li > div { border: 1px solid rgb(136, 136, 136); height: 37px; padding: 7px 25px 0px 7px; border-radius: 23px; display: inline-block; cursor: pointer; }
.info-block2 .right-side .content ul > li > div:hover, .info-block2 .right-side .content ul > li > div.active { border-color: rgb(76, 81, 224); }
.info-block2 .right-side .content ul > li > div > span { display: inline-block; vertical-align: middle; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; }
.info-block2 .right-side .content ul > li.gold > div > span { background-color: rgb(209, 166, 114); }
.info-block2 .right-side .content ul > li.white > div > span { background-color: rgb(136, 136, 136); }
.info-block2 .right-side .content ul > li.black > div > span { background-color: rgb(67, 68, 70); }
.info-block2 .right-side .content ul > li > div > p { display: inline-block; vertical-align: middle; font-size: 20px; color: rgb(136, 136, 136); font-weight: 300; padding: 0px 0px 0px 10px; }
.info-block2 .right-side .btn { margin: 10px 0px 0px; }
.steps { padding: 0px 0px 40px; }
.steps h1 { padding: 20px 0px 25px; text-align: center; }
.steps .item { padding: 0px 0px 0px 95px; width: 254px; }
.steps .item::before { content: ""; height: 100px; display: inline-block; vertical-align: middle; }
.steps .item img { display: inline-block; vertical-align: middle; }
.steps .item p { width: 180px; display: inline-block; vertical-align: middle; padding: 0px 0px 0px 10px; }
.steps .item p span { font-family: "HeliosC",arial,sans-serif; color: rgb(38, 38, 38); font-size: 18px; display: block; }
.footer { background-color: transparent; background-image: url('/images/background.jpg'); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-position: center 0px; background-size: cover ! important; }
.footer h1 { text-align: center; }

.footer .left-side .price { background: transparent url('/images/overlay.png') repeat scroll 0% 0%; position: relative; border-radius: 5px; color: rgb(38, 38, 38); font-weight: 700; text-align: center; padding: 0px 0px 10px; }
.footer .left-side .price p { font-size: 18px; padding: 10px 0px 0px; }
.footer .left-side .price div { font-family: "HeliosC",arial,sans-serif; font-size: 40px; line-height: 0.9; padding: 10px 0px; }
.footer .left-side .price div,.footer .left-side .price div > span { font-size: 25px; }
.footer .left-side .price del { display: block; font-size: 14px; color: rgb(157, 147, 147); }
.footer  .product_m img{ position: relative; left: 0; top: -100px;     margin-bottom: -100px;}
.footer .left-side h2 { padding: 38px 0px 18px; font-family: "HeliosC",arial,sans-serif; font-size: 20px; color: rgb(38, 38, 38); text-align: center; }
.footer .left-side .countdown { text-align: center; }
.footer .left-side .countdown > div { background: rgb(76, 81, 224) none repeat scroll 0% 0%; border-radius: 5px; display: inline-block; vertical-align: top; width: 70px; text-align: center; color: rgb(255, 255, 255); overflow: hidden; }
.footer .left-side .countdown > b { display: inline-block; padding: 0px 5px; font-size: 39px; color: rgb(38, 38, 38); line-height: 54px; }
.footer .left-side .countdown > div > span { font-family: "HeliosC",arial,sans-serif; font-size: 39px; line-height: 54px; height: 54px; text-align: center; }
.footer .left-side .countdown > div > p { background: rgb(121, 125, 232) none repeat scroll 0% 0%; line-height: 31px; height: 31px; font-size: 16px; }
.footer .right-side { padding: 35px 0px 0px; }
.footer .color-block ul > li { display: inline-block; vertical-align: top; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; margin: 0px 32px 0px 0px; }
.footer .color-block ul > li:hover { box-sizing: border-box; border: 2px solid rgb(51, 51, 51); }
.footer .color-block ul > li.active{box-sizing: border-box; border: 2px solid rgb(51, 51, 51);}
.footer .text-center { padding-top: 17px; }
.bottom { text-align: center; padding: 15px 0px; }
.bottom a { color: rgb(136, 136, 136); }
.bottom a:hover { text-decoration: none; }


#m1-form, #m1-form > div, .close-m1, .popup-m1-title, .popup-m1-cont, .popup-m1-form, .popup-m1-text2, .popup-m1-text1, #m1-form .popup-m1-form input[type="text"], #m1-form .popup-m1-form button { width: auto; max-width: none; height: auto; max-height: none; margin: 0px; padding: 0px; border: 0px none; outline: 0px none; float: none; position: relative; background: transparent none repeat scroll 0% 0%; line-height: normal; font-family: "Tahoma","Geneva","Kalimati",sans-serif; box-sizing: border-box; }
#m1-form { position: fixed; display: none; width: 450px; margin-left: -225px; margin-top: -280px; top: 50%; left: 50%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 9999; border-radius: 8px; box-shadow: 0px 0px 0px 0px transparent; }
#m1-form a.close-m1 { position: absolute; display: block; width: 28px; height: 28px; line-height: 26px; top: 3px; right: 3px; background: transparent none repeat scroll 0% 0%; font-size: 24px; color: rgb(255, 255, 255); text-decoration: none; text-align: center; cursor: pointer; z-index: 999; }
#m1-form a.close-m1::before { content: "×"; }
#m1-form > div { position: relative; width: 100%; overflow: hidden; border-radius: 8px; }
#m1-form .popup-m1-title { position: relative; padding: 20px 0px 16px; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 25px; letter-spacing: 0.7px; line-height: 1.3em; color: rgb(255, 255, 255); background: rgb(100, 202, 80) none repeat scroll 0% 0%; }
#m1-form .popup-m1-title::before, #m1-form .popup-m1-title::after { content: ""; position: absolute; width: 50%; height: 20px; bottom: -10px; background: rgb(100, 202, 80) none repeat scroll 0% 0%; }
#m1-form .popup-m1-title::before { left: 0px; transform: skew(0deg, 4deg); }
#m1-form .popup-m1-title::after { right: 0px; transform: skew(0deg, -4deg); }
#m1-form .popup-m1-cont, .popup-m1-cont { position: relative; padding: 45px 20px 30px; color: rgb(51, 51, 51); font-size: 17px; line-height: 1.5em; }
#m1-form .popup-m1-cont div.popup-m1-text1, .popup-m1-cont div.popup-m1-text1 { text-align: center; }
#m1-form .popup-m1-form, .popup-m1-form { position: relative; display: block; height: auto; width: auto; background: transparent none repeat scroll 0% 0%; padding: 30px 0px; border-radius: 0px; box-shadow: 0px 0px 0px 0px; }
#m1-form .popup-m1-form::after, .popup-m1-form::after { content: ""; display: block; clear: both; height: 0px; }
#m1-form .popup-m1-form input[type="text"], .popup-m1-form input[type="text"], #m1-form .popup-m1-form button, .popup-m1-form button { border: 0px none; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 0px 0px 0px 0px; position: relative; display: block; margin: 0px auto; text-align: left; border-radius: 4px; outline: medium none; }
#m1-form .popup-m1-form input[type="text"]:-moz-placeholder, .popup-m1-form input[type="text"]:-moz-placeholder { color: rgb(169, 169, 169); opacity: 1; }
#m1-form .popup-m1-form input[type="text"]::-moz-placeholder, .popup-m1-form input[type="text"]::-moz-placeholder { color: rgb(169, 169, 169); opacity: 1; }
#m1-form .popup-m1-form input[type="text"], .popup-m1-form input[type="text"] { width: 90%; height: 64px; margin-bottom: 16px; line-height: 64px; font-size: 17px; color: rgb(34, 34, 34); background: rgb(255, 255, 255) none repeat scroll 0% 0%; text-indent: 20px; border: 1px solid rgb(204, 204, 204); }
#m1-form .popup-m1-form input[type="text"]:focus,.popup-m1-form input[type="text"]:focus { border-color: rgb(170, 170, 170); }
#m1-form .popup-m1-form button, .popup-m1-form button { width: 90%; height: 68px; line-height: 68px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; text-transform: uppercase; font-size: 22px; font-weight: 700; letter-spacing: 0.7px; border-bottom: 3px solid rgb(205, 108, 0); background: rgb(255, 131, 0) none repeat scroll 0% 0%; cursor: pointer; box-shadow: 0px 0px 0px 0px; text-shadow: 0px 0px 0px; }
#m1-form .popup-m1-form button:hover, .popup-m1-form button:hover { background: rgb(255, 143, 0) none repeat scroll 0% 0%; }
#m1-form .popup-m1-form button:active, .popup-m1-form button:active { top: -1px; }
#m1-form .popup-m1-cont div.popup-m1-text2, .popup-m1-cont div.popup-m1-text2 { text-align: center; }
#m1-form .popup-m1-cont div.popup-m1-text2::before,.popup-m1-cont div.popup-m1-text2::before { content: ""; position: relative; display: inline-block; width: 16px; height: 15px; margin: 0px 10px 0px 0px; top: 2px; background: transparent url('/images/popup-m1-phone.png') no-repeat scroll 0px 0px; }
#overlay-popup-m1 { display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.4; z-index: 999; }
.item_wrap{border:5px solid #06aaf5;margin-bottom: 20px;padding-bottom: 5px;height: 360px;display: block;position: relative;box-shadow: 0px 0px 8px rgba(0,0,0,0.2), 0px 0px 8px rgba(0,0,0,0.2);}
.item_wrap:hover{border:5px solid #919597;}
.item_wrap img{max-width: 100%;max-height: 260px}
#colors_before{text-align: center;background: url(/images/colors_bg.jpg) center center no-repeat;height:300px;  }
#characteristics,#components,#colors_before,#how-work,#order
{

    padding: 15px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 0;
}



#colors_before .container{padding:85px 0 0 30px;}
.dpc_1_1, .dpc_1_2 {
    text-transform: uppercase;
    color: #fff;
    font-family: 'Panton';
    font-weight: bold;
    font-size: 26px;
    text-align: left;
}
.dpc_1_1_content, .dpc_1_2_content {
    display: inline-block;
    background: #fb9400;
    padding: 14px 12px 9px 12px;
    margin-bottom: 2px;
    line-height: 26px;
}
.dpc_1_2_content .color_r, .dpc_1_2_content .color_y, .dpc_1_2_content .color_g, .dpc_1_2_content .color_b, .dpc_1_2_content .color_bb, .dpc_1_2_content .color_rr {
    font-size: 36px;
}
.dpc_2_1, .dpc_2_2, .dpc_2_3 {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Panton';
    font-weight: bold;
    font-size: 26px;
}
.dpc_2_1_content, .dpc_2_2_content, .dpc_2_3_content {
    display: inline-block;
    background: #000;
    padding: 10px 12px;
    margin-bottom: 2px;
    line-height: 26px;
}
.dpc_2_3_content .color_rr {
    color: #ff3d3d;
}
.dpc_2_3_content {
    padding: 11px 16px 10px 16px;
    color: #fa4ebf;
}
.color_r {
    color: #fe0107;
}.color_y {
     color: #fff838;
 }.color_g {
      color: #9af227;
  }.color_b {
       color: #29cce9;
   }.color_bb {
        color: #8145db;
    }.color_rr {
         color: #6a1f0a;
     }
.product_name {
    min-height: 80px;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.2), 0px 0px 8px rgba(0,0,0,0.2);
    background-color: #EAEAEA;
    border-radius: 10px 10px 0px 0px;
    font-size: 22px;
    text-align: center;
    line-height: 34px;
    font-family: 'Panton';
    font-weight: 700;
    position: relative;
    display: flex;
    padding: 5px;
}
.product_name b{    margin: auto;color:#000; cursor: pointer}
.price {
    display: block;
    position: absolute;
    Left: -5px;
    top: -5px;
    min-height: 38px;
    background-color: #f82021;
    border-radius: 0px 0px 20px 0px;
    color: #FFFFFF;
    font-size: 29px;
    text-align: center;
    line-height: 35px;
    font-family: 'BebasNeue';
    font-weight: 700;
    padding: 0 18px;
}
.why_we {
    display: flex;

    border-color: #000000;
    padding-bottom: 33px;
    padding-top: 53px;
    background: #FFFFFF url(/images/why_we_background.jpg) repeat center center;
    color: #000;
}
.why_we .row:first-child .why_we_item {
    background: url(/images/why_we_vertical_line.png) right 0px bottom 18px no-repeat;
}
.why_we_item {
    text-align: center;
    padding: 0 20px;
    min-height: 256px;
}
.why_we_image {
    margin-bottom: 20px;
}
.why_we_name {
    min-height: 39px;
    background: url(/images/why_we_title_line.png) bottom center no-repeat;
    font-size: 23px;
    line-height: 28px;
    font-family: 'Panton';
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.why_we_text {
    padding-bottom: 32px;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Panton';
    font-weight: 600;
}
.back-icon{
    margin: auto;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 0.1;
    width: 50%;
}

.about_company {
    padding: 34px 0px 0px 0px;
    background-size: cover;
    position: relative;
}
.about_company:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/about_company_back.jpg) center center no-repeat;
    background-size: 100%;
    width: 100%;
    height: 100%;
    opacity : 0.45;
    z-index: -1;
}
.about_company_title {
    min-height: 44px;
    color: #000;
    font-size: 40px;
    text-align: center;
    line-height: 40px;
    font-family: 'BebasNeue';
    font-weight: 700;
    text-transform: uppercase;

}
.about_company_text {
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    margin-bottom: 54px;
}
.profil{cursor: pointer;    max-width: 100%;}
.contacts {
    position: relative;
}
.contacts_info {
    color: #FFF;
    font-family: 'Panton';
    position: absolute;
    left: 50%;
    top: -3px;
    width: 346px;
    margin-left: -497px;
    z-index: 4;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    height: 356px;
    background: #000;
    background-size: cover;
    border-style: solid;
    border-width: 6px;
    border-color: #1b1b1b;
    padding: 30px 60px 30px 25px;
}
.cont_inf {
    margin-bottom: 25px;
}
.skidka{font-weight: bold;color:#000;font-size: 20px}

/* миниатюры изображений */

.pl-left,
.pl-right {
    width: 25%;
    height: auto;
}
/* миниатюра справа */

.pl-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* миниатюра слева */

.pl-left {
    float: left;
    margin: 5px 15px 5px 0;
}
/* встраиваемое видео в модальном окне */

.video {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* рисуем кнопарь закрытия */

.close {
    z-index: 9999;
    float: right;
    width: 30px;
    height: 30px;
    color: #cfd8dc;
    text-align: center;
    text-decoration: none;
    line-height: 26px;
    cursor: pointer;
}
.close:after {
    display: block;
    border: 2px solid #cfd8dc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: 'X';
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}
/* кнопка закрытия при наведении */

.close:hover:after {
    border-color: red;
    color: red;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.final-price,.cart-summary-line{color: green;font-size: 2em;text-align: center;}
.confirm_pay,.btn_confirn-order,.btn_change-order{text-align: center;font-size: 2em;margin: 20px;border: 2px solid #000;padding: 5px;cursor: pointer;color: #000;text-decoration: none}
.confirm_pay:hover,.btn_confirn-order:hover,.btn_change-order:hover{background-color: #acacac;text-decoration: none;color: #000;}

#place-order p{padding: 0}
#place-order h2{margin: 20px 0 20px 0;font-size: 22px;padding: 0}
#place-order .form-services_service-inp, #place-order input.place-order_agree, #place-order input.form_agree,
#i_agree{
    -webkit-appearance: checkbox;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.error-input {
    border: 5px solid red !important;
}

.status{margin: 30px;font: 26px bold;color: green!important;}

/* варианты фонвой заливки модального блока */

.green {
    background: #388e3c!important;
}
.cyan {
    background: #0097a7!important;
}
.teal {
    background: #00796b!important;
}
/* движуха при появлении блоков с содержанием */

@-moz-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@-webkit-keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1
    }
}
.bottom .container p{color:#000;font-size:10px;padding:0;margin:0;}
.bottom .container p a.page_open{color:#000;font-size:12px;padding:0;margin:0;}
.bottom .container p a.page_open:hover{text-decoration:underline}
.fancybox-slide div.container div.row div h1,.fancybox-slide div.container div.row div h2,.fancybox-slide div.container div.row div div,.fancybox-slide div.container div.row div p{color: #000}
.form-group input[type="text"].error-input{border:3px solid darkred}

#jquery-script-menu {
    position: fixed;
    height: 90px;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 5px solid #316594;
    background: #fff;
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
    z-index: 999999;
    padding: 10px 0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

.jquery-script-center {
    width: 960px;
    margin: 0 auto;
}
.jquery-script-center ul {
    width: 212px;
    float:left;
    line-height:45px;
    margin:0;
    padding:0;
    list-style:none;
}
.jquery-script-center a {
    text-decoration:none;
}
.jquery-script-ads {
    width: 728px;
    height:90px;
    float:right;
}
.jquery-script-clear {
    clear:both;
    height:0;
}
.p_custom-select{z-index: 0;position: relative    }
.custom-select:hover,.custom-select:focus{
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23ffffff" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>') no-repeat right,linear-gradient(to right, rgb(65, 107, 204) 0%, rgb(117, 72, 180) 100%);
    background-size: 20px 20px, 100% 100%;
    background-position: 98% 8px, 100% 100%;
}
.custom-select{
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23ffffff" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>') no-repeat right,linear-gradient(to right, rgb(117, 72, 180) 0%, rgb(65, 107, 204) 100%);
    background-size: 20px 20px, 100% 100%;
    background-position: 98% 8px, 100% 100%;
}
.custom-select option{
    background: #0e84b5;
}
.color_item_m a img{width: 100%;max-width:136px;max-height:136px;margin-bottom: 10px}
@media screen and (min-width: 1169px) {
  .navigation ul { display: block ! important;margin: auto}
}
@media screen and (max-width: 1169px) and (min-width: 640px) {
  .container { width: 600px; padding: 0px 20px; }
  .navigation ul > li::before { margin: 6px 10px 0px; }
  .header {  padding: 130px 0px 0px; }
  .header .content { padding: 0px 0px 0px 250px; }
  .header .product_m { top: 95px; left: 20px; }
  .header .product_m img { width: 200px; }
  .header h1 { padding: 30px 0px 0px; font-size: 36px; }
  .header h2 { padding: 5px 0px 30px; font-size: 18px; }
  .header .item { padding: 0px 0px 20px; width: auto; display: block; }
  .header .btn-center { display: block; width: auto; text-align: center; padding: 10px 0px 0px; }
  .characteristics .item { text-align: center; width: 50%; padding: 0px 0px 50px; position: relative; }
  .characteristics .item img.back-icon { position: absolute; top: 28px; left: 33px; }
  .info-block h1 { padding: 40px 0px; text-align: center; font-size: 30px; }
  .info-block p { width: auto; float: none; padding: 0px 0px 20px; }
  .info-block .text-center { padding: 25px 0px 0px; }
  .components { padding: 0px 0px 8px; }
  .components .item { width: 250px; margin: 0px 25px 40px; text-align: center; }
  .components .item.last { margin: 0px 25px 40px; }
  .info-block2 h1 { text-align: center; }
  .info-block2 .left-side { float: none; }
  .info-block2 .left-side ul { width: auto; }
  .info-block2 .left-side ul > li { background: transparent url('/images/icon16.png') no-repeat scroll 0px 0px; padding: 5px 0px 15px 37px; }
  .info-block2 .right-side { padding: 35px 0px 0px; width: auto; float: none; }
  .steps { padding: 0px 0px 40px; text-align: center; }
  .steps h1 { padding: 20px 0px 25px; text-align: center; }
  .steps .item { padding: 0px; text-align: left; width: 254px; display: inline-block; vertical-align: top; float: none; }
  .footer { background: transparent url('/images/background.jpg') no-repeat scroll center 0px; padding: 0px 0px 20px; height: auto; }
  .footer h1 { text-align: center; padding: 20px 0px 0px 220px; font-size: 32px; }
  .footer .left-side { margin: 0px 0px 0px 220px; width: auto; float: none; }
  .footer .left-side .price { margin: 25px auto 0px; }
  .footer .left-side .product_m { left: 20px; top: -27px; }
  .footer .left-side .product_m img { width: 200px; }
  .footer .left-side h2 { padding: 15px 0px; }
  .footer .right-side { padding: 35px 0px 0px; float: none; width: 260px; margin: 0px auto; }
  .footer .right-side .text-center { padding-top: 17px; }
  .contacts_info{    margin-left: -384px;}
    .h1.btn.profil,.btn.btn-complete.addtoCartN.fixbtn.spblock, .goods-list__item div .btn.buy_btn.text-center{padding: 0px 5px;font-size: 14px;}
    .price,.product_name{font-size: 14px;}
    .product_name{min-height: 65px;}
}
@media screen and (max-width: 639px) and (min-width: 0px) {
  h1 { font-size: 24px; }
    .navigation .logo{font-size: 1.3em; }
  .container { width: 300px; padding: 0px 10px; }
  .fancybox-slide .container{ width: 100%; padding: 0px 10px; }
    .fancybox-close-small{background: transparent linear-gradient(to right, rgb(117, 72, 180) 0%, rgb(65, 107, 204) 100%) repeat scroll 0% 0%;}
    .fancybox-close-small:after{color:#fff}
    .contacts_info{position: relative;margin: 0;left: 0;width: 100%}
  .navigation .container { width: auto; padding: 0px 10px; }
  .navigation .mobile { margin: 15px 0px 0px; display: block; cursor: pointer; }
  .navigation ul { border-top: 1px solid rgb(136, 136, 136); display: none; float: none; position: absolute; width: 100%; top: 65px; left: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
  .navigation ul > li { float: none; padding: 0px; font-size: 13px; }
  .navigation ul > li:hover { background: rgb(248, 248, 248) none repeat scroll 0% 0%; }
  .navigation ul > li::before { display: none; }
  .navigation ul > li > a { padding: 10px 15px; display: block; }
  .header { height: auto; padding: 65px 0px 30px; }
  .header .content { padding: 0px; }
  .header .product { text-align: center; position: static; padding: 0px 0px 30px; }
  .header .product img { width: 150px; text-align: center; }
  .header h1 { padding: 30px 0px 0px; font-size: 36px; }
  .header h2 { padding: 5px 0px 30px; font-size: 18px; }
  .header .item { padding: 0px 0px 20px; width: auto; display: block; }
  .header .item > img { width: 40px; }
  .header .item > div { width: 250px; margin: 0px 0px 0px 5px; font-size: 13px; }
  .header .item > div > span { font-size: 16px; font-weight: 400; }
  .header .btn-center { display: block; width: auto; text-align: center; padding: 10px 0px 0px; z-index: 20}
  .characteristics h2 { font-size: 16px; text-align: center; padding: 5px 0px 45px; }
  .characteristics .item { text-align: center; width: auto; float: none; padding: 0px 0px 50px; position: relative; }
  .characteristics .item img.back-icon { position: absolute; top: 28px; left: 33px; }
  .info-block h1 { padding: 40px 0px; }
  .info-block p { width: auto; float: none; padding: 0px 0px 20px; }
  .info-block .text-center { padding: 25px 0px 0px; }
  .components { padding: 0px 0px 20px; }
  .components h1 { padding: 30px 0px; }
  .components .item { width: auto; float: none; text-align: center;}
  .components .item.last { margin: 0px 30px 20px; }
  .info-block2 h1 { text-align: center; }
  .info-block2 .left-side { float: none; }
  .info-block2 .left-side ul { width: auto; }
  .info-block2 .left-side ul > li { background: transparent url('/images/icon16.png') no-repeat scroll 0px 0px; padding: 5px 0px 15px 37px; }
  .info-block2 .right-side { padding: 35px 0px 50px; width: auto; float: none; position: relative; }
  .info-block2 .right-side h2 { font-size: 20px; padding: 0px 0px 15px; }
  .info-block2 .right-side .preview > img { display: none; width: 145px; }
  .info-block2 .right-side .content { margin: 0px 0px 0px 160px; padding: 0px; }
  .info-block2 .right-side .content > h1 { padding: 0px 0px 25px; }
  .info-block2 .right-side .content ul > li { padding: 0px 0px 10px; }
  .info-block2 .right-side .btn { position: absolute; width: 144px; left: 0px; right: 0px; margin: 0px auto; top: 279px; }
  .steps { padding: 0px 0px 10px; }
  .steps h1 { padding: 20px 0px 25px; text-align: center; }
  .steps .item { padding: 0px 0px 30px; width: auto; float: none; }
  .steps .item::before { display: none; }
  .steps .item p { width: 220px; padding: 0px 0px 0px 10px; }
  .steps .item p br { display: none; }
  .steps .item img { width: 40px; }
  .footer { background: transparent url('/images/background.jpg') no-repeat scroll center 0px; padding: 0px 0px 20px; height: auto; }
  .footer h1 { text-align: center; padding: 20px 10px 0px; margin-bottom: 100px;}
  .footer .left-side { margin: 0px; width: auto; float: none; }
  .footer .left-side .price { margin: 25px auto 0px; }
  .footer .left-side .product { padding: 30px 0px 15px; text-align: center; position: static; }
  .footer .left-side .product img { width: 150px; }
  .footer .left-side h2 { padding: 15px 0px; }
  .footer .left-side .countdown > div { width: 50px; }
  .footer .left-side .countdown > b { font-size: 29px; line-height: 45px; }
  .footer .left-side .countdown > div > span { font-size: 29px; line-height: 45px; height: 45px; }
  .footer .left-side .countdown > div > p { line-height: 20px; height: 20px; font-size: 12px; }
  .footer .right-side { padding: 35px 0px 0px; float: none; width: 260px; margin: 0px auto; }
  .footer .right-side .text-center { padding-top: 17px; }
    .footer .product_m img{margin-bottom: -100px;}
    .product_m.left-side{padding-bottom: 30px}
    .profil{padding: 0 5px 0 5px;}
}
@media screen and (max-width: 400px) {
    .header .item .head_main_item{width:210px}
    .color_item_m{display: flex;width: 25%;}
    #colors_before {background: url(/images/colors_bg.jpg) left center no-repeat;}
    #colors_before .container{padding:25px 0 0 0}
    .dpc_2_1, .dpc_2_2, .dpc_2_3{font-size: 20px;}
    .color_item_m a img{max-width: 100px}
    .contacts_info{display: block;width: 100%;margin: 0;top:0;left:0;    position: relative;height: auto;}
    .about_company:after{    background: url(/images/about_company_back.jpg) center center repeat-y;}
    .profil{padding: 0 5px 0 5px;}
}