@charset "UTF-8";

/* CSS Document */
/********************************************************************
 * Содержание                                                *
 ********************************************************************/
/*
/*
1. Cтилизация header
3. Стили section "banner_star"
3. Стили section "why"
4. Стили section "more"
5. Стили section "advantages"
6. Стили section "color_laces"
7. Стили section "x_laces"
8. Стили section "callback1"
9. Стили section "using"
10. Стили section "selection"
11. Стили section "ways_lacing"
12. Стили section "reviews"
13. Стили section "working"
14. Стили section "pay_delivery"
15. Стили section "callback2"
16. Стили section "banner_star_classik"
17. Стили section "banner_star_kids"

*/


/* =========/*=================================================================
   Стили section "banner_star"
   ========================================================================== */

section.banner_star{
    background: url(../images/bg/bg1.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
    height: auto;
    position: relative;
    padding: 0px;
}
section.banner_star_classik .btn_banner_classik.home{margin-left: 0px;
text-align: center;}
section.banner_star .logo_banner_star{margin: 70px 0px 160px;}
section.banner_star.home_classik .logo_banner_star{
    margin: 80px 0px 100px 8%;
}
section.banner_star .box_banner_star{margin-top: 110px;}
section.banner_star .box_banner_star .product_banner{text-align: center;margin-bottom: 10px;}
section.banner_star .box_item_text{padding: 0px 30px;margin-top: -40px;margin-bottom: 70px;}
section.banner_star .box_item_text .font_five_text{
    font-family: "Five", sans-serif;
    color: #fff;
    font-size: 37px;
    text-transform: none;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}
section.banner_star .box_item_text .heading_text{
    font-family: "GothaProBla", sans-serif;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}
section.banner_star .box_banner_star .product_banner img{max-width: 100%;}

/********************************************************************
 * Стили section "why"                                             *
 ********************************************************************/

section.why{}
.item_why{margin-bottom: 10px;height: 215px;}
section.why .box_text_why1{margin-top: 40px;}
section.why .box_text_why2{margin-top: 40px;}
section.why .box_text_why3{margin-top: 30px;}
section.why .box_text_why4{margin-top: 40px;}


/********************************************************************
 * Стили section "more"                                             *
 ********************************************************************/

section.more{
    background: url(../images/bg/bg2.jpg) no-repeat;
    background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
    height: auto;
}
section.more .quantity{
    font-family: "GothaProBol", sans-serif;
    color: #fff;
    font-size: 180px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    margin-top: -60px;
}
section.more .text_quantity{
    font-family: "GothaProReg", sans-serif;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
}


/********************************************************************
 * Стили section "advantages"                                             *
 ********************************************************************/

section.advantages{background: #f5f5f5;}
section.advantages h2{margin-bottom: 20px;}
section.advantages .item_advantages{overflow: hidden;display: inline-block;}
section.advantages .box_advantages.right{text-align: right;height: 104px;line-height: 90px;}
section.advantages .box_advantages .color_lace{
    display: inline-block;
    vertical-align: middle;
    padding-right: 45px;
    width:15%;
    height:97px;
}
section.advantages .box_advantages .color_lace.right{
    float: right;
    display: inline-block;
    vertical-align: middle;
    padding-right: 0px;
    padding-left: 45px;
}
section.advantages .box_advantages .color_lace.blue{background: url(../images/Lace/lace11.png) no-repeat;background-position: left center;}
section.advantages .box_advantages .color_lace.l_blue{background: url(../images/Lace/lace12.png) no-repeat;background-position: left center;}
section.advantages .box_advantages .color_lace.lime{background: url(../images/Lace/lace13.png) no-repeat;background-position: left center;}
section.advantages .box_advantages .color_lace.green{background: url(../images/Lace/lace14.png) no-repeat;background-position: left center;}
section.advantages .box_advantages .color_lace.yellow{background: url(../images/Lace/lace15.png) no-repeat;background-position: left center;}

section.advantages .box_advantages .color_lace.l_orange{background: url(../images/Lace/lace11.png) no-repeat;background-position: right center;}
section.advantages .box_advantages .color_lace.orange{background: url(../images/Lace/lace12.png) no-repeat;background-position: right center;}
section.advantages .box_advantages .color_lace.red{background: url(../images/Lace/lace13.png) no-repeat;background-position: right center;}
section.advantages .box_advantages .color_lace.pink{background: url(../images/Lace/lace14.png) no-repeat;background-position: right center;}
section.advantages .box_advantages .color_lace.violet{background: url(../images/Lace/lace15.png) no-repeat;background-position: right center;}
section.advantages .box_advantages .text_advantages{
    display: inline-block;
    vertical-align: middle;
    width:75%;
    font-size: 18px;
    line-height: 1;
    line-height: 1.1;
    text-transform: uppercase;
}
section.advantages .slider_advantages{width: 100%;height: auto;}
section.advantages .slider_advantages .slider-for img{width: 100%;height: auto;}
section.advantages .slider_advantages .slider-nav img{ width: 122px;height: auto;}



/********************************************************************
 * Стили section "color_laces"                                             *
 ********************************************************************/

section.color_laces{}
section.color_laces h2.star{padding-bottom: 30px;}
section.color_laces .wrap_product_buy{
    text-align: center;
    margin-top: 0px;
    
}
section.color_laces .wrap_product_buy .box_price{
    display: inline-block;
    width: auto;
    vertical-align: bottom;
    padding-right: 30px;
}
section.color_laces .wrap_product_buy .box_price span{
    font-family: "GothaProReg", sans-serif;
    color: #42bae7;
    display: inline-block;
    font-size: 20px;
    padding-left:7px;
 }
section.color_laces .wrap_product_buy .box_price .curency{
    font-family: "GothaProReg", sans-serif;
    color: #42bae7;
    display: inline-block;
    font-size: 20px;
    padding-left:3px;
 }
section.color_laces .wrap_product_buy .box_prices .price{
    font-family: "GothaProNarBol", sans-serif;
    color: #42bae7;
    display: inline-block;
    font-size: 65px;
    line-height: 1
 }
section.color_laces .wrap_product_buy .box_prices{margin-top: 25px;}
section.color_laces .wrap_product_buy .box_prices.old{margin-top: 0px;}
section.color_laces .wrap_product_buy .box_prices.old .price{
    font-family: "GothaProNarBol", sans-serif;
    color: #e12c58;
    display: block;
    font-size: 65px;
    line-height: 1
 }
section.color_laces .wrap_product_buy .box_prices.old .price{
    font-family: "GothaProNarBol", sans-serif;
    color: #e12c58;
    display: block;
    font-size: 65px;
    line-height: 1
 }
section.color_laces .wrap_product_buy .box_prices.old .old_price{
    font-family: "GothaProNarBol", sans-serif;
    color: #42bae7;
    display: block;
    font-size: 26px;
    line-height: 1;
    text-align: left;
    position: relative;
 }
section.color_laces .wrap_product_buy .box_prices.old .old_price{display: block;}
section.color_laces .wrap_product_buy .box_prices .old_price{display: none;}
section.color_laces .wrap_product_buy .box_prices.old .old_price:before{
    content: '';
    background: #e12c58;
    position: absolute;
    top: 50%;
    left: -3px;
    font-size: 20px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(160deg);
    width: 62px;
    height: 2px;
    display: block;
}
section.color_laces .wrap_product_buy .box_order{display: inline-block;width: auto;}
section.color_laces .wrap_product_buy .box_order .box_fast_order{
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}
section.color_laces .wrap_product_buy .box_order .box_buy_order{
    display: inline-block;
    vertical-align: middle;
}
section.color_laces .slider_variant_color .product_slider-for img{
    width: 100%;
    height: auto;
}
section.color_laces .slider_variant_color .product_slider-for img.fn-img{z-index: 9999;}
section.color_laces .slider_variant_color{padding: 0px 20px;}
section.color_laces .variants_color_lacer .product_slider-nav img{
    width: 122px;
    height: auto;
}
section.color_laces .variants_color_lacer .product_slider-nav2{overflow: hidden;}
section.color_laces .variants_color_lacer .item_sl_nav_img{
    width: 33.3%;
    float: left;
    text-align: center;
    /*margin-top: 15px;*/
    margin-bottom: 15px;
}
section.color_laces .variants_color_lacer .item_sl_nav_img .variant_name{
    display: inline-block;
    border: 2px solid #fff;
    margin: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
section.color_laces .variants_color_lacer .item_sl_nav_img .variant_name:hover,
section.color_laces .variants_color_lacer .item_sl_nav_img .variant_name.active{
 border: 2px solid #6ad7ff;
}
section.color_laces .variants_color_lacer .item_sl_nav_img .variant_name:active{
 border: 2px solid #1c82a8;
}
section.color_laces .variants_color_lacer img{ max-width: 100%;max-height: 156px;} 

/********************************************************************
 * Стили section "x_laces"                                             *
 ********************************************************************/
section.x_laces{margin-top: 60px;}
section.x_laces h2.star{padding: 20px 0px;display: none}
section.x_laces .item_images_x_laces{
    display: inline-block;
    vertical-align: middle;
}
section.x_laces .box_x_laces{width: 85%;margin: 0px auto;}
section.x_laces .box_x_laces.right{float: right;}
section.x_laces .item_images_x_laces.left{width: 58%;}
section.x_laces .item_images_x_laces.right{width: 40%;}
section.x_laces .box_images_x_laces a img{ width: auto;max-width: 100%;}
section.x_laces .wrap_product_buy{text-align: center;}
section.x_laces .wrap_product_buy .box_price{display: block;padding: 15px;}
section.x_laces .wrap_product_buy .box_price span{
    font-family: "GothaProReg", sans-serif;
    color: #42bae7;
    display: inline-block;
    font-size: 20px;
    padding-left:7px;
 }
section.x_laces .wrap_product_buy .box_price .curency{
    font-family: "GothaProReg", sans-serif;
    color: #42bae7;
    display: inline-block;
    font-size: 20px;
    padding-left:3px;
 }
section.x_laces .wrap_product_buy .box_prices .price{
    font-family: "GothaProNarBol", sans-serif;
    color: #42bae7;
    display: inline-block;
    font-size: 65px;
    line-height: 1;
 }
section.x_laces .wrap_product_buy .box_prices{margin-top: 25px;}
section.x_laces .wrap_product_buy .box_prices.old{margin-top: 0px;}
section.x_laces .wrap_product_buy .box_prices.old .price{
    font-family: "GothaProNarBol", sans-serif;
    color: #e12c58;
    display: block;
    font-size: 65px;
    line-height: 1
 }
section.x_laces .wrap_product_buy .box_prices.old .old_price{
    font-family: "GothaProNarBol", sans-serif;
    color: #42bae7;
    display: block;
    font-size: 26px;
    line-height: 1;
    text-align: left;
    position: relative;
 }
section.x_laces .wrap_product_buy .box_prices.old .old_price:before{
    content: '';
    background: #e12c58;
    position: absolute;
    top: 50%;
    left: -3px;
    font-size: 20px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(160deg);
    width: 62px;
    height: 2px;
    display: block;
}
section.x_laces .wrap_product_buy .box_order{display: inline-block;width: auto;}
section.x_laces .wrap_product_buy .box_order .box_buy_order,
section.x_laces .wrap_product_buy .box_order .box_fast_order{
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    margin-bottom: 3px;
}

/********************************************************************
 * Стили section "callback1"                                             *
 ********************************************************************/

section.callback1{
    background: url(../images/bg/bg3.jpg) no-repeat;
    background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
    height: auto;
}
section.callback1 .callback_box .callback_form{text-align: center;}
section.callback1 .callback_box .box_call_group{display:inline-block;vertical-align: middle;}
section.callback1 .callback_box .box_call_btn{display:inline-block;vertical-align: middle;}
section.callback1 h2.star.transparency span {margin: 30px -1px 30px -15px;}

/********************************************************************
 * Стили section "using"                                             *
 ********************************************************************/

section.using{}
section.using .item_using{position: relative;text-align: center;margin-bottom: 20px;}
section.using .item_using img{max-width: 100%;border-radius: 30px;}
section.using .item_using .box_number{
    font-family: "GothaProBol", sans-serif;
    width: 50px;
    height: 50px;
    color: #fff;
    background: #42bae7;
    border-radius: 50%;
    display: inline-block;
    line-height: 50px;
    font-size: 21px;
    position: absolute;
    bottom: -22px;
    left: 42%;
}

/********************************************************************
 * Стили section "selection"                                             *
 ********************************************************************/

section.selection{
    background: url(../images/bg/bg4.png) no-repeat;
    background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
    height: auto;
    display: none;
}
/*section.selection h2.star{margin: 0px -40px;}*/
section.selection .text_selection{
    padding-left: 60px;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
}
section.selection + .link_color{display: none;}
/********************************************************************
 * Стили section "ways_lacing"                                             *
 ********************************************************************/

section.ways_lacing{}
section.ways_lacing .box_ways_lacing{margin-top: -20px;margin-bottom: -80px;}
section.ways_lacing .item_ways_lacing{}
section.ways_lacing .wrap_box{overflow: hidden;}
section.ways_lacing h2.star span {margin: 30px -13px 30px -1px;}
section.ways_lacing .item_box{width: 20%; float: left;text-align: center;margin-bottom: 20px;}
section.ways_lacing .image_ways_lacing{max-height: 275px;padding: 15px;}
section.ways_lacing .image_ways_lacing img{max-width:100%; width: 100%;}
section.ways_lacing .item_box .textways_lacing{
    font-family: "GothaProMed", sans-serif;
    color: #000;
    line-height: 1.4;
    font-size: 13px;
    text-transform: uppercase;
    padding-top: 20px;
}
/********************************************************************
 * Стили section "reviews"                                             *
 ********************************************************************/

section.reviews{}
section.reviews .lable_vk a{
    font-family: "GothaProMed", sans-serif;
    display: inline-block;
    background: url(../images/icons/vk_bg.png) no-repeat;
    width: 195px;
    height: 45px;
    overflow: hidden;
    text-align: right;
    padding-right: 35px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
}
section.reviews .lable_facebook a{
    font-family: "GothaProMed", sans-serif;
    display: inline-block;
    background: url(../images/icons/f_bg.png) no-repeat;
    width: 195px;
    height: 45px;
    overflow: hidden;
    text-align: right;
    padding-right: 35px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
}
section.reviews .wrap_reviews{ margin-bottom: 20px;}
section.reviews .wrap_reviews.right{padding-left: 50px;}
section.reviews .lable_facebook a i,
section.reviews .lable_vk a i{margin-right: 20px;}
section.reviews .lable_facebook a span,
section.reviews .lable_vk a span{display:inline-block;vertical-align:middle;}
section.reviews .lable{margin-bottom: 50px;}
section.reviews .lable_facebook .facebook svg,
section.reviews .lable_vk .vk svg {
    fill: #fff;
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align:middle;
}
section.reviews .box_reviews{
    margin-top: 30px;
    display: block;
    overflow: hidden;
}
section.reviews .image_reviews img{
    width: 100%;
    max-width: 70px;
    height: auto;
}
section.reviews .wrap_reviews .box_user_reviews {padding-right: 70px;}
section.reviews .wrap_reviews.right .box_user_reviews {padding-right: 30px;}
section.reviews .box_user_reviews .name{
    font-family: "GothaProMed", sans-serif;
    color: #000;
    font-size: 16px;
    margin-bottom: 5px;
}
section.reviews .box_user_reviews .rew_text{
    font-family: "GothaProLig", sans-serif;
    color: #000;
    font-size: 13px;
    line-height: 1.4
}


/********************************************************************
 * Стили section "working"                                             *
 ********************************************************************/

section.working{background: #f5f5f5;margin-bottom: -80px;}
section.working .item_working{
    text-align: center;
    margin-top: -50px;
    padding: 0px 20px;
}
section.working .item_working .icon_working{
    height: 190px;
    line-height: 190px;
    margin-bottom: 30px;
}
section.working .item_working .icon_working.work1{line-height: 200px;padding-right: 30px;}
section.working .item_working .icon_working.work2{line-height: 180px;padding-left: 40px;}


/********************************************************************
 * Стили section "pay_delivery"                                             *
 ********************************************************************/

section.pay_delivery{background: #f5f5f5;}
section.pay_delivery .pay_delivery{
    text-align: center;
    margin-top: -50px;
    padding: 0px 35px;
}
section.pay_delivery .pay_delivery .icon_pay_delivery{
    height: 190px;
    line-height: 190px;
    margin-bottom: 20px;
}
section.pay_delivery .pay_delivery .icon_pay_delivery.delivery_icon{padding-right: 20px;}

/********************************************************************
 * Стили section "callback2"                                             *
 ********************************************************************/

section.callback2{
    background: url(../images/bg/bg5.jpg) no-repeat;
    background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
    height: auto;
}
section.callback2 .callback_box{}
section.callback2 .callback_box .callback_form{text-align: center;}
section.callback2 .callback_box .box_call_group{display:inline-block;vertical-align: middle;}
section.callback2 .callback_box .box_call_btn{display:inline-block;vertical-align: middle;}

/* =========/*=================================================================
   Стили section "banner_star_classik"
   ========================================================================== */

section.banner_star_classik{
    background: url(../images/bg/bg9.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
    height: auto;
    position: relative;
}
section.banner_star_classik .bg_opacity_blue{background: url(../images/bg/op_bg.png) repeat;}
.box_bg_opacity .bg_opacity_blue{background: url(../images/bg/op_bg.png) repeat;}
section.banner_star_classik .logo_banner_classik{margin: 70px 0px 40px;
padding-left: 50px;}
section.banner_star_classik .btn_banner_classik{margin: 80px 0px 40px 6%;}
section.banner_star.home_classik .btn_banner_classik{
    margin: 80px 0px 100px 16%;
}
section.banner_star_classik .box_banner_star_classik{margin-top: 80px;} 
section.banner_star_classik .box_item_text .font_five_text{
    font-family: "Five", sans-serif;
    color: #fff;
    font-size: 37px;
    text-transform: none;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}
section.banner_star_classik .box_banner_star_classik .heading_text{
    font-family: "GothaProBla", sans-serif;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}
section.banner_star_classik .box_banner_star_classik .product_banner img{max-width: 100%;}
/* =========/*=================================================================
   Стили section "banner_star_kids"
   ========================================================================== */

section.banner_star_kids{
    background: url(../images/bg/bg7.png) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center center;
    height: auto;
    position: relative;  
    
}
section.banner_star_kids .logo_banner_kids{margin: 80px 0px 40px;}
section.banner_star_kids .btn_banner_classik{margin: 80px 0px 40px 6%;}
section.banner_star_kids .box_banner_star_kids{margin-top: 80px;}
section.banner_star_kids .box_item_text .font_five_text{
    font-family: "Five", sans-serif;
    color: #fff;
    font-size: 37px;
    text-transform: none;
    text-align: center;
    line-height: 0.8;
    margin-bottom: 20px;
    padding: 0px 40px;
}
section.banner_star_kids .box_banner_star_kids .heading_text{
    font-family: "GothaProBla", sans-serif;
    color: #fff;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    margin-bottom: 20px;
}
section.banner_star_kids .box_banner_star_kids .product_banner img{ max-width: 100%;}