/* Start:/bitrix/templates/babyliss_pro/components/bitrix/search.title/input_search/style.min.css?15566134193445*/ .bx-searchtitle{margin:10px 0 0}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-right:0;border-radius:2px 0 0 2px;outline:0;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell}.bx-searchtitle .bx-input-group-btn button{position:relative;border:0;background:#95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:6px 12px;border-radius:0 2px 2px 0;color:#fff;font-size:16px;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background:#1484ce}div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:999;min-width:370px;margin-top:-3px;background-color:#FFF}div.title-search-fader{display:none;background-image:url('/bitrix/templates/babyliss_pro/components/bitrix/search.title/input_search/images/fader.png');background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_searche .bx_img_element{background:#fafafa;float:left;width:67px;padding:5px 10px;position:absolute;top:0;bottom:0}.bx_searche .bx_item_block{min-height:65px;position:relative}.bx_searche .bx_image{width:45px;height:45px;background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid #e8e8e8}.bx_searche .bx_item_element{padding-left:10px;margin-left:70px}.bx_searche .bx_item_element hr{margin:0;border:0;border-bottom:1px solid #e5e5e5}.bx_searche .bx_item_element a{margin-top:10px;display:inline-block;color:#4788cb;font-size:13px;text-decoration:none}.bx_searche .bx_item_element a b{color:#000;font-weight:normal}.bx_searche .bx_item_element a:hover,.bx_searche .bx_item_element a:hover b{text-decoration:underline}.bx_searche .bx_price{font-weight:bold;font-size:13px}.bx_searche .bx_price .old{font-weight:normal;text-decoration:line-through;color:#636363}.bx_item_block.all_result{min-height:0}.bx_item_block.others_result{min-height:0;padding:0 0 12px;line-height:12px}.bx_item_block.all_result .all_result_title{display:block;font-size:12px;color:#a7a7a7;padding-top:15px;padding-bottom:10px}.bx_item_block.all_result .all_result_title a{color:#a7a7a7}.bx_item_block.all_result .all_result_title a:hover{color:#4788cb}.bx_item_block.all_result a{margin-top:0} /* End */ /* Start:/bitrix/templates/babyliss_pro/components/bitrix/sale.basket.basket.line/icon_basket/style.min.css?15566134184008*/ .basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/bitrix/templates/babyliss_pro/components/bitrix/sale.basket.basket.line/icon_basket/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/bitrix/templates/babyliss_pro/components/bitrix/sale.basket.basket.line/icon_basket/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em} /* End */ /* Start:/bitrix/templates/babyliss_pro/components/bitrix/menu/catalog_menu/style.min.css?15566134177784*/ .bx-top-nav-container{position:relative;padding:0 10px;border-radius:2px;background:var(--theme-color-primary);color:#fff}.bx-nav-list-1-lvl{display:flex;margin:0;padding:0;list-style:none;flex-wrap:wrap}.bx-nav-1-lvl{position:relative}.bx-nav-1-lvl-link{display:block;padding-top:6px;padding-bottom:2px;border-bottom:0;border-radius:1px;text-decoration:none;transition:250ms linear all}.bx-nav-1-lvl-link:hover{text-decoration:none}.bx-nav-1-lvl.bx-hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-active>.bx-nav-1-lvl-link,.bx-nav-1-lvl:hover>.bx-nav-1-lvl-link{border-bottom:0;background:var(--theme-color-second)}.bx-nav-1-lvl-link-text{display:block;padding:10px 14px 14px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:600;font-size:14px;transition:250ms linear all}.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background-color:transparent;color:var(--theme-color-primary)}.bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background:#fff}.bx-nav-parent-arrow{display:none}.bx-nav-2-lvl-container,.bx-nav-2-lvl-container-advanced{z-index:999;display:none;padding:0;min-width:100%;border-top:0;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);color:#000;opacity:0}.bx-nav-2-lvl-container>ul,.bx-nav-2-lvl-container>div,.bx-nav-2-lvl-container-advanced>ul,.bx-nav-2-lvl-container-advanced>div{flex:1}.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-nav-1-lvl.hover .bx-nav-2-lvl-container{position:absolute;top:calc(100% - 5px);z-index:999;display:flex;background:#fff;opacity:1;align-items:stretch}.bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-nav-2-lvl{display:block;padding:0;min-width:180px}.bx-nav-2-lvl-link{display:block;padding:5px 15px 5px;border-bottom:none!important;text-decoration:none!important}.bx-nav-2-lvl-link-text{color:var(--theme-color-primary);text-decoration:none;font-weight:bold;font-size:13px;line-height:16px}.bx-nav-2-lvl>.bx-nav-list-2-lvl.bx-active .bx-nav-list-2-lvl-text,.bx-nav-2-lvl>.bx-nav-list-2-lvl:hover .bx-nav-list-2-lvl-text{background:var(--theme-color-light);color:var(--theme-color-primary)}.bx-nav-3-lvl-container-advanced:before,.bx-nav-3-lvl-container:before{position:absolute;top:-5px;right:0;left:0;display:block;height:5px;background:#fff;content:" "}.bx-nav-list-3-lvl{margin:0;padding:0 0 14px 0}.bx-nav-3-lvl{display:block;box-sizing:border-box;margin:0;padding:0;min-width:180px}.bx-nav-3-lvl-link{display:block;padding:3px 15px 3px 20px;border-bottom:0;color:#555;text-decoration:none;font-size:13px;line-height:14px}.bx-nav-3-lvl-link.bx-active,.bx-nav-3-lvl-link:hover{background:#f0f0f0;color:var(--theme-color-primary);text-decoration:none}.bx-nav-list-4-col{position:static}.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;right:0;left:0}.bx-nav-list-4-col .bx-nav-2-lvl-container,.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{right:0;left:0}.bx-nav-catinfo{position:relative;z-index:120;padding:15px 15px 5px;min-width:200px;border-left:1px solid #ecefef;background:#f7fafb}.bx-nav-catinfo img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #e7e9ea}.bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-aside-nav-control{position:fixed;top:5px;left:5px;z-index:1750;width:40px;height:40px;color:#fff;text-align:center;font-size:28px;line-height:40px;cursor:pointer;transition:left .15s linear}.bx-aside-nav-control .fa{position:relative;z-index:2100;vertical-align:middle;line-height:40px}.bx-wrapper,.bx-aside-nav{transition:transform .15s linear}.bx-opened .bx-footer,.bx-opened .workarea{overflow:hidden}.bx-aside-nav{position:fixed;top:50px;bottom:0;left:0;z-index:1600;display:none;width:100%;background:#4c5c65;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.bx-aside-nav.bx-opened{overflow-y:scroll;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.bx-aside-nav ul{margin:0;padding:0;list-style:none}.bx-aside-nav a{display:block;overflow:hidden;padding-left:15px;max-width:100%;height:48px;border-bottom:1px solid #3d4b53!important;color:#fff;vertical-align:middle;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:48px}.bx-aside-nav .bx-nav-list-1-lvl{z-index:1700;flex-direction:column}.bx-aside-nav .bx-nav-1-lvl-link-text{padding:0 0 0 15px}.bx-aside-nav .bx-nav-1-lvl-link{padding:0}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link,.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link{box-shadow:none!important}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background:transparent;color:#fff}.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container{display:block;opacity:1}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-2-lvl-link-text,.bx-aside-nav .bx-nav-3-lvl-link-text,.bx-aside-nav .bx-nav-4-lvl-link-text{color:#fff;font-weight:500;font-size:14px}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl-link{padding:0 0 0 30px}.bx-aside-nav .bx-nav-2-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-3-lvl-link{padding:0 0 0 45px}.bx-aside-nav .bx-nav-3-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-4-lvl-link{padding:0 0 0 60px}.bx-aside-nav .bx-nav-4-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;top:0;right:0;z-index:200;margin-top:6px;width:46px;height:34px;border-left:1px solid #5a6971;text-align:center}.bx-aside-nav .bx-nav-parent-arrow i{color:#fff;font-style:normal;font-size:17px;line-height:34px}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo{display:none}@media(min-width:1200px){.bx-nav-1-lvl>a{font-size:15px}.bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-nav-1-lvl>a{font-size:13px}.bx-nav-1-lvl>a span{padding:9px 11px 12px}}@media(min-width:768px) and (max-width:991px){.bx-nav-1-lvl>a{font-size:11px}.bx-nav-1-lvl>a span{padding:5px 6px 9px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control{display:flex;align-items:center;justify-content:center}.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display:none}} /* End */ /* Start:/bitrix/templates/babyliss_pro/components/bitrix/breadcrumb/universal/style.css?15566134151139*/ .bab-nav_content .bab-nav_content_hold, .bab-nav_content .bab-nav_content_hide_mob { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .bab-nav_content { margin-bottom: 24px; } .bab-nav_content .bab-nav_content_hold { border-bottom: 1px solid #e7e7e7; align-items: center; justify-content: flex-start; flex-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; line-height: 20px; color: #000; letter-spacing: 0.1px; padding: 14px 0; white-space: nowrap; } .bab-nav_content .bab-nav_content_hold a { color: #9b9b9b; } .bab-nav_content .bab-nav_content_hold a:hover { color: #9b9b9b; } .bab-nav_content .bab-nav_content_hold a:before { display: none; } .bab-nav_content .bab-nav_content_hold .bab-nav_arr { flex-shrink: 0; margin: 0 9px; width: 10px; height: 10px; background: url(/bitrix/templates/babyliss_pro/components/bitrix/breadcrumb/universal/images/content_nav_arr.svg) no-repeat center; background-size: contain; } .bab-nav_content .bab-nav_content_hide_mob { align-items: center; justify-content: flex-start; flex-wrap: nowrap; } /* End */ /* Start:/bitrix/templates/babyliss_pro/components/bitrix/sender.subscribe/subscribe_footer/style.css?1556613419902*/ .bab-mailing_sec .bab-mailing_sec_hold{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .bab-mailing_form { position: relative; flex-shrink: 0; width: 420px; margin: 0 0 0 30px; padding: 0; } .bab-mailing_form .bab-input { margin: 0 !important; } .bab-mailing_form input { height: 44px; letter-spacing: -0.4px; padding-left: 15px; padding-right: 135px; } .bab-mailing_form .bab-btn { position: absolute; top: 0; right: 0; z-index: 3; height: 44px; } .bab-mailing_sec { background: #fafafa; padding: 40px 0; } .bab-mailing_sec .bab-mailing_sec_hold { align-items: center; justify-content: center; flex-wrap: nowrap; } .bab-mailing_sec .bab-mailing_sec_text { font-size: 18px; line-height: 24px; letter-spacing: 0.2px; font-weight: 700; color: #000; } /* End */ /* Start:/bitrix/templates/babyliss_pro/styles.css?17927654266341*/ p{ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 14px; } p.bxe-first-letter:first-letter, .bxe-first-letter-s{ font-weight: bold; font-size: 56px; line-height: 56px; margin-right: 10px; float: left; vertical-align: top; } .lead { color: #757575; margin-left: 40px; padding:0 0 0 15px; font-size: 13px; font-weight: 300; line-height: 1.4; border-left: 3px solid #99cded; } @media (min-width: 768px){ .lead { font-size: 16px; margin-left: 20px; } } blockquote { padding:0 0 0 15px; margin: 0 0 20px 20px; border-left: 3px solid #c2c2c2; } blockquote p{ font-size: 20px; font-style: italic; color: #757575; font-family: Georgia, "Helvetica Neue", Arial, Helvetica, sans-serif; } @media (max-width: 768px){ blockquote p { font-size: 16px; } } blockquote.bxe-quote { position: relative; padding-left: 70px; padding-top: 8px; min-height: 50px; border-left: none; } blockquote.bxe-quote:after{ content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzOS45OTYgMzcuOTk1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzOS45OTYgMzcuOTk1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6I0Q2RDdENjsiIGQ9Ik0wLjAxLDM3Ljk5NXYtMTguMTFjLTAuMDc5LTIuNjA0LDAuMjk0LTUuMDQ5LDEuMTE4LTcuMzM4YzAuODI0LTIuMjg4LDEuOTgxLTQuMywzLjQ3Mi02LjAzNmMxLjQ5LTEuNzM1LDMuMjc2LTMuMTc2LDUuMzU2LTQuMzIxYzIuMDc4LTEuMTQzLDQuMzM1LTEuODczLDYuNzY4LTIuMTl2Ny44MTJjLTIuOTgzLDEuMDI3LTUuMDIzLDIuNTQ1LTYuMTIxLDQuNTU3Yy0xLjEsMi4wMTItMS42NDgsNC40NzktMS42NDgsNy4zOThoNy43Njl2MTguMjI4SDAuMDF6IE0yMy4yODEsMzcuOTk1di0xOC4xMWMtMC4wNzktMi42MDQsMC4yOTQtNS4wNDksMS4xMTgtNy4zMzhjMC44MjQtMi4yODgsMS45ODEtNC4zLDMuNDcyLTYuMDM2YzEuNDktMS43MzUsMy4yNzYtMy4xNzYsNS4zNTYtNC4zMjFjMi4wNzgtMS4xNDMsNC4zMzUtMS44NzMsNi43NjgtMi4xOXY3LjgxMmMtMi45ODMsMS4wMjctNS4wMjMsMi41NDUtNi4xMjEsNC41NTdjLTEuMSwyLjAxMi0xLjY0OCw0LjQ3OS0xLjY0OCw3LjM5OGg3Ljc2OXYxOC4yMjhIMjMuMjgxeiIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position: top left; position: absolute; left: 10px; top: 10px; -webkit-background-size: 40px; background-size: 40px; width: 40px; height:40px; } hr{ border: none; border-bottom: 1px solid #ccc; } hr.bxe-bolder{ border-bottom-width: 5px; } hr.bxe-dashed{ border-bottom-style: dashed; border-bottom-width: 2px; } hr.bxe-normal{} hr.bxe-light{ border-bottom-color: #e5e5e5 } hr.bxe-dotted{ border-bottom-width: 2px; border-bottom-style: dotted; } /**/ .bg-primary {background: #60aadb!important;color: #fff;} .bg-success {background: #64ba4e!important;color: #fff;} .bg-info {background: #9bc6dd!important;color: #fff;} .bg-warning {background: #fec139!important;color: #fff;} .bg-danger{} /**/ img.pull-left{ padding: 5px 15px 5px 0; } img.pull-right{ padding: 5px 0 5px 15px; } /**/ .alert{ border: none; border-radius: 1px; font-size: 14px; } .alert.alert-note{ background: #f2f2f3; } .alert.alert-sys{ background: #f5f2ec; color: #81641F; } .alert.bxe-icon{ padding-left: 90px; min-height: 100px; position: relative; } .alert.bxe-icon:after{ left:22px; top: 20px; position: absolute; content: " "; width:48px; height: 48px; background-repeat: no-repeat; background-position: center; background-image:url(/bitrix/templates/babyliss_pro/images/editor_sprite.png); background-repeat: no-repeat; } .alert.bxe-icon.alert-success:after {background-position:0 0} .alert.bxe-icon.alert-info:after {background-position:0 -50px} .alert.bxe-icon.alert-warning:after {background-position:0 -100px} .alert.bxe-icon.alert-danger:after {background-position:0 -200px} .alert.bxe-icon.alert-note:after {background-position:0 -150px} .alert.bxe-icon.alert-sys:after {background-position:0 -250px} .bxe-aleft-title{ font-weight: bold; padding-bottom: 5px; } .bx-panel-tooltip { z-index: 2210 !important; overflow: hidden !important; position: absolute !important; letter-spacing: normal !important; list-style: none !important; text-align: left !important; text-indent: 0 !important; text-transform: none !important; visibility: visible !important; white-space: normal !important; word-spacing: normal !important; vertical-align: baseline !important; margin: 0 !important; padding: 15px !important; float: none !important; text-decoration: none !important; -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; border-radius: 1px !important; -webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important; -moz-box-shadow: 0 12px 10px rgba(0,0,0,.25) !important; box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important; border: 1px solid; border-color: #f0f0f0; background: #fff; color: #35414e; font-size: 14px; } /**/ tab, tabsection, .bxe-tab-title{ display: block; padding: 5px; border: 1px dashed #ccc; } /**/ .bxe-list, .bxe-list ul{ list-style: none; margin: 5px 0; padding-left: 15px; } .bxe-list-default, .bxe-list-default ul{ } .bxe-list .fa{ color: #9fb2bd; margin-right: 6px; } .bxe-lis-blue .fa{ color: #0083d1; } .bab-galery_slide .bab-galery_slide_item{ display: block } @media screen and (max-width: 768px) { .bab-catalog_item { min-height: 160px; } .bab-catalog_item_link .product-item-image-slider-control-container{ display:none } .variant-container-m{ display: flex; padding: 0 10px 0 125px; flex-direction: column; } } .form-group.bx-soa-customer-field[data-property-id-row="43"]{ position: relative; } .form-group.bx-soa-customer-field[data-property-id-row="43"] .bx-soa-custom-label{ margin-left: 6px !important; } .form-group.bx-soa-customer-field[data-property-id-row="43"] .soa-property-container{ float: left; height: 15px; } .form-group.bx-soa-customer-field[data-property-id-row="43"] .soa-property-container > [type="checkbox"]{ height: 15px; } @media screen and (max-width: 415px) { #tooltip-soa-property-43 { bottom: -64px !important; left: 24px !important; } #tooltip-soa-property-43 .tooltip-inner{ text-align: left; line-height: 10px !important; } [for=soa-property-43]{ width: calc(100% - 25px); float: right; } } /* End */ /* Start:/bitrix/templates/babyliss_pro/template_styles.css?1792765426215493*/ @media (max-width:767px){#bx-panel{display:none !important}} @charset "utf-8"; * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clearfix:after, .bab-container:after, .bab-text_block:after, .bab-text_block_bd:after, .bab-adr .bab-adr_block:after, .bab-video_wrap:after, .bab-prod_dis:after, .bab-download_hold:after, .bab-prod_info:after, .bab-prod_sec_btn_hold:after { content: ' '; clear: both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; } html, body { width: 100%; min-height: 100vh; margin: 0; padding: 0; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased; } html { font: 400 16px/1.688 'Roboto', Arial, Helvetica, sans-serif; color: #262626; letter-spacing: 0.2px; } body { text-align: left; background: #000; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; max-height: 9001em; } fieldset, form, figure, legend { outline: none; border: none; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } img { border: 0; vertical-align: top; max-width: 100%; height: auto; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } b, strong { font-weight: bold; } hr { height: 1px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background: #e7e7e7; padding: 0; margin: 0; border: none; box-shadow: none; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } dfn, address { font-style: normal; } /* Input */ input, textarea, select, button { font: normal 15px 'Roboto', Arial, Helvetica, sans-serif; color: #333; outline: none; line-height: normal; background: none; -webkit-appearance: none; } input, textarea, select { margin: 0; border: 1px solid #dddddd; outline: none; border-radius: 4px; padding: 3px 20px; line-height: 20px; letter-spacing: 0.1px; background: #fff; color: #000; height: 56px; } input:focus, textarea:focus { border-color: #dddddd; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; } button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner { padding: 0; border: 0 none; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-shadow: none; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } input[type="checkbox"] + label, input[type="radio"] + label { cursor: pointer; } ::-webkit-input-placeholder { color: #878787; opacity: 1; } ::-moz-placeholder { color: #878787; opacity: 1; } :-moz-placeholder { color: #878787; opacity: 1; } :-ms-input-placeholder { color: #878787; opacity: 1; } textarea { resize: vertical; height: 116px; min-height: 56px; } [hidden], template { display: none; } .bab-input { margin-bottom: 22px; position: relative; } .bab-input input, .bab-input textarea, .bab-input select { width: 100%; } .bab-input input[type="button"], .bab-input input[type="reset"], .bab-input input[type="submit"], .bab-input input[type="checkbox"], .bab-input input[type="radio"] { width: auto; } .bab-input2 input { padding-top: 15px; } .bab-input2 textarea { padding-top: 23px; } .bab-placeholder_txt { color: #878787; font-size: 11px; line-height: 23px; font-weight: 400; position: absolute; z-index: 1; left: 0; top: 5px; padding-left: 20px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; pointer-events: none; letter-spacing: 0.1px; } .bab-placeholder.bab-input-focus .bab-placeholder_txt { font-size: 11px; top: 5px; } .bab-placeholder .bab-placeholder_txt { font-size: 15px; top: 17px; } .bab-input2.bab-valid:before, .bab-input2.bab-invalid:before { content: ''; z-index: 2; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 15px; width: 22px; height: 22px; background: url("/bitrix/templates/babyliss_pro/images/bab/approved.svg") no-repeat center; background-size: 22px auto; pointer-events: none; } .bab-input2.bab-invalid:before { background-image: url(/bitrix/templates/babyliss_pro/images/bab/error.svg); } .bab-input2.bab-invalid input { border-color: #eb1c23; } .bab-input2.bab-valid input, .bab-input2.bab-invalid input { padding-right: 41px; } /* END Input */ /* Table */ table { width: 100%; border-collapse: collapse; } td, th { vertical-align: middle; text-align: center; border: none; padding: 21px 10px 19px; } td:first-child, th:first-child { padding-left: 0; } td:last-child, th:last-child { padding-right: 0; } th { color: #787878; font-size: 13px; line-height: 17px; font-weight: 400; padding-top: 0; padding-bottom: 13px; } td { border-top: 1px solid #e7e7e7; } .bab-table-responsive { width: 100%; } .bab-table-responsive table { margin-bottom: 0 !important; } /* END Table */ article { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } blockquote { display: block; padding: 4px 0 5px 20px; margin: 0 0 40px; font-size: 18px; font-weight: 500; line-height: 1.85rem; color: #262626; border-left: 4px solid #262626; } p + blockquote { margin-top: -2px; } p, ul, ol, table, form, .bab-table-responsive { margin: 0 0 27px; } ul, ol { padding: 0 0 0 36px; } li { margin: 0 0 12px; padding: 0; } p + ul, p + ol { margin-top: -3px; } h1, h2, h3, h4, h5, h6, .bab-h1, .bab-h2, .bab-h3, .bab-h4, .bab-h5, .bab-h6 { font-weight: bold; line-height: 32px; font-size: 24px; color: #000; margin: 0 0 14px; letter-spacing: 0.25px; } h2, .bab-h2 { font-size: 22px; line-height: 30px; margin-bottom: 5px; } p + h2, p + .bab-h2 { margin-top: -6px; } h3, .bab-h3 { font-size: 20px; line-height: 28px; margin-bottom: 6px; } p + h3, p + .bab-h3 { margin-top: -8px; } h4, .bab-h4, h5, .bab-h5, h6, .bab-h6 { font-size: 18px; line-height: 24px; color: #262626; margin-bottom: 7px; } p + h4, p + .bab-h4, p + h5, p + .bab-h5, p + h6, p + .bab-h6 { margin-top: -6px; } a { display: inline-block; position: relative; cursor: pointer; color: #eb1c23; text-decoration: none; outline: none; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } a:before { content: ''; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; opacity: 0.3; background-color: #eb1c23; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } a:hover { text-decoration: none; color: #262626; } a:hover:before { background-color: #262626; } #panel a:before, .bx-component-opener a:before{ display: none; } *:focus { outline: none; outline-offset: 0; } .bab-nowrap { white-space: nowrap; } .bab-nofloat { height: 100%; overflow: hidden; } .outtaHere { display: none; position: absolute; left: -10000px; } .bab-fl { float: left; } .bab-fr { float: right; } .bab-text-center { text-align: center; } .bab-text-right { text-align: right; } .bab-text-left { text-align: left; } .flex, .bab-head_top .bab-head_top_hold, .bab-nav_top ul, .bab-new_user .bab-new_user_blk, .bab-header_cont .bab-header_cont_hold, .bab-cart_link, .bab-header_ph_hold .bab-header_ph_hold_top, .bab-header_ph_hold ul, .bab-nav_main_menu .bab-main_menu, .bab-nav_main_menu .bab-main_menu li > *, .bab-mobile_menu_in .bab-mobile_menu_user_in, .bab-footer_content, .bab-footer_phone_hold ul, .bab-footer_icon_hold, .bab-soc_footer, .bab-footer_pay_ico, .bab-mailing_sec .bab-mailing_sec_hold, .bab-insta_sec .bab-insta_sec_hold, .bab-insta_sec .bab-insta_item_hover, .bab-rating, .bab-nav_content .bab-nav_content_hold, .bab-nav_content .bab-nav_content_hide_mob, .bab-article_soc, .bab-article_soc li, .bab-article_soc .bab-soc_num, .bab-article_soc_hold, .bab-adv_sec .bab-adv_sec_hold, .bab-compare_label_hold, .bab-catalog, .bab-catalog_item, .bab-catalog_item dl, .bab-catalog_item .bab-catalog_item_bottom, .bab-catalog_item .bab-catalog_item_price, .bab-catalog_item .bab-catalog_item_com_blk, .bab-info_sec .bab-info_sec_hold, .bab-galery_slide .bab-galery_slide_txt_hold, .bab-news_sec .bab-news_sec_hold, .bab-delivery_form, .bab-copy_succses.bab-show, .bab-about_people_hold, .bab-about_people_item, .bab-adr .bab-adr_title, .bab-compare_list li, .bab-sec_top, .bab-compare_sec_hold, .bab-compare_sec_hold .bab-compare_sec_l, .bab-bet .bab-minus, .bab-bet .bab-plus, .bab-table_cart .bab-cart_prod_item, .bab-table_cart .bab-cart_price_final_blk dl, .bab-input_txt_add, .bab-cart_total_sum dl, .bab-cart_form, .bab-sorting_hold, .bab_catalog_filter .bab_catalog_filter_cont, .bab-star_rate, .bab-review_sec .bab-review_btn_hold, .bab-review_hold li, .bab-review_hold .bab-review_item_title, .bab-prod_sec .bab-prod_top, .bab-prod_wrapp, .bab-prod_info dl, .bab_prod_price_hold, .bab_prod_price_hold .bab_prod_price, .bab-payment_ico_hold, .bab-payment_ico_hold li, .bab-offer_sec .bab-offer_sec_bottom, .bab-offer_sec .bab-offer_sec_bottom_cont dl, .bab_timer_hold, .bab_timer_hold .bab_timer { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } .bab-half { width: 48%; flex-shrink: 0; } .bab-body_hold { height: 100vh; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; flex-direction: column; justify-content: space-between; align-items: stretch; position: relative; } .bab-wrapper, .bab-footer { width: 100%; position: relative; overflow: hidden; margin: 0 auto; } .bab-wrapper { flex: 1 0 auto; background: #fff; } .bab-footer { flex: 0 0 auto; } .bab-container { width: 1210px; padding: 0 15px; margin: 0 auto; position: relative; } .bab-content:after { content: ' '; clear: both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; } .bab-video { display: inline-block; width: 100%; margin: 0 auto 17px; overflow: hidden; text-align: center; position: relative; padding-bottom: 56%; } .bab-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bab-btn { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; text-align: center; text-decoration: none; overflow: hidden; cursor: pointer; position: relative; z-index: 1; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: 0.2px; color: #fff !important; height: 38px; min-width: 86px; max-width: 100%; padding: 4px 19px 3px; border: none; border-radius: 4px; background: #eb1c23; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-btn:before { display: none; } .bab-btn:hover { text-decoration: none; color: #fff !important; background: #b11116; } .bab-btn .bab-btn_in { position: relative; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 1; } /* ripple_effect */ .ink { display: block; position: absolute; border-radius: 100%; transform: scale(0); background: #fff; opacity: 0.4; } /*animation effect*/ .ink.animate { animation: ripple 0.4s linear; -webkit-animation: ripple 0.4s linear; } @keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } @-webkit-keyframes ripple { 100% { opacity: 0; transform: scale(2.5); } } /* end ripple_effect */ .bab-btn_big { height: 56px; font-size: 17px; font-weight: 500; padding-top: 3px; padding-bottom: 3px; } .bab-btn_mid { height: 44px; font-size: 15px; letter-spacing: 0.1px; padding-top: 2px; } .bab-btn_hide { background: #d4d4d4; pointer-events: none; } .bab-btn_hide .ink { display: none; } .bab-btn_white { border: 1px solid #eb1c23; color: #eb1c23 !important; background-color: #fff; } .bab-btn_white:hover { color: #fff !important; background: #eb1c23; border-color: #eb1c23; } /* H E A D E R */ .bab-head_info { background: #f5f5f5; border-bottom: 1px solid #e7e7e7; text-align: center; font-size: 11px; line-height: 1.2; color: #474747; padding: 10px 0; } .bab-head_info .bab-head_info_txt { display: inline-block; position: relative; padding-left: 21px; } .bab-head_info .bab-head_info_txt:after { content: ''; position: absolute; left: 2px; top: -1px; width: 14px; height: 14px; background: url(/bitrix/templates/babyliss_pro/images/bab/info-icon.svg) no-repeat center; background-size: 14px auto; } .bab-header { position: relative; background: #fff; } .bab-header a:before { display: none; } .bab-head_top { padding: 7px 0; border-bottom: 1px solid #e7e7e7; margin: 0; } .bab-head_top .bab-head_top_hold { align-items: center; } .bab-nav_top ul { margin: 0; padding: 0; list-style: none; align-items: center; justify-content: flex-start; } .bab-nav_top ul li { margin: 0 28px 1px 0; padding: 0; } .bab-nav_top ul li > * { color: #000; font-size: 14px; line-height: 1.2; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-nav_top ul li > *:before { display: none; } .bab-nav_top ul li.bab-active > *, .bab-nav_top ul li > *:hover { color: #eb1c23; } .bab-new_user_blk { margin: 0; padding: 0; list-style: none; display: none; } .bab-new_user_blk li { margin: 0 0 1px 22px; padding: 0; } .bab-new_user_blk li > * { color: #000; font-size: 14px; line-height: 1.2; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-new_user_blk li > *:before { display: none; } .bab-new_user_blk li.bab-active > *, .bab-new_user_blk li > *:hover { color: #eb1c23; } /* Search */ .bab-search { position: relative; width: 420px; padding: 0; margin: 0; } .bab-search input[type="text"], .bab-search input[type="search"] { width: 100%; border: 1px solid #f5f5f5; padding: 5px 40px 5px 14px; margin: 0; height: 38px; background: #f5f5f5; font-size: 13px; color: #000; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-search input[type="text"]:focus, .bab-search input[type="search"]:focus { background: #fff; border-color: #dddddd; } .bab-search .bab-search_btn { position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer; padding: 0; margin: 0; width: 38px; height: 38px; border: none; box-shadow: none; } .bab-search .bab-search_btn span:before, .bab-search .bab-search_btn span:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("/bitrix/templates/babyliss_pro/images/bab/search.svg") no-repeat center; background-size: 18px auto; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-search .bab-search_btn span:after { opacity: 0; background-image: url(/bitrix/templates/babyliss_pro/images/bab/search_hover.svg); } .bab-search .bab-search_btn:hover span:before { opacity: 0; } .bab-search .bab-search_btn:hover span:after { opacity: 1; } /* end Search */ .bab-new_user .bab-new_user_blk { align-items: center; justify-content: flex-end; } .bab-new_user .bab-search { width: 380px; } .bab-new_user .bab-nav_top ul li { margin-right: 21px; } .bab-header_cont { border-bottom: 1px solid #e7e7e7; padding: 10px 0 9px; } .bab-header_cont .bab-header_cont_hold { align-items: center; } .bab-logo { color: #9e9e9e; text-decoration: none; font-size: 11px; line-height: 1.2; font-weight: 300; font-style: italic; letter-spacing: 0.1px; flex-shrink: 0; } .bab-logo:before { display: none; } .bab-logo:hover { color: #9e9e9e; text-decoration: none; } .bab-logo .bab-logo_img { display: block; height: 46px; margin-bottom: 3px; } .bab-logo .bab-logo_img img { height: 100%; width: auto; } a.bab-logo:hover .bab-logo_img { -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.4s ease; } .bab-cart_link { flex-shrink: 0; align-items: center; height: 30px; position: relative; font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; padding: 0 0 2px 37px; color: #eb1c23; text-decoration: none; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-cart_link .bab-cart_link_ico { position: absolute; top: -1px; left: 0; width: 30px; height: 30px; } .bab-cart_link .bab-cart_link_ico svg { width: 100%; height: auto; fill: #eb1c23; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-cart_link:hover { text-decoration: none; color: #000; } .bab-cart_link:hover .bab-cart_link_ico svg { fill: #000; } .bab-header_ph_hold { padding: 0 10px 0 58px; } .bab-header_ph_hold .bab-header_ph_hold_top { justify-content: flex-start; } .bab-header_ph_hold .bab-header_ph_hold_top span { flex-shrink: 0; margin: 0 19px 6px 0; font-size: 13px; line-height: 1.2; color: #6c6c6c; } .bab-header_ph_hold ul { margin: 0; padding: 0; list-style: none; justify-content: flex-start; } .bab-header_ph_hold ul li { margin: 0 23px 0 0; padding: 0; } .bab-header_ph_hold ul .bab-phone_num { cursor: default; font-size: 18px; line-height: 1.2; font-weight: 500; color: #424242; } .bab-header_ph_hold ul .bab-phone_num:hover { color: #424242; } .bab-nav_main_menu { padding: 24px 0 11px; border-bottom: 1px solid #e7e7e7; } .bab-nav_main_menu .bab-main_menu { margin: 0 -10px; padding: 0; list-style: none; align-items: center; } .bab-nav_main_menu .bab-main_menu li { margin: 0 0 10px; padding: 0 10px; } .bab-nav_main_menu .bab-main_menu li > * { font-size: 14px; line-height: 17px; color: #000; letter-spacing: 0.5px; position: relative; padding: 0 0 3px 41px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; align-items: center; justify-content: flex-start; height: 34px; } .bab-nav_main_menu .bab-main_menu li > *:before { display: none; } .bab-nav_main_menu .bab-main_menu li > * .bab-main_menu_ico { position: absolute; top: 1px; left: 0; width: 30px; height: 30px; } .bab-nav_main_menu .bab-main_menu li > * .bab-main_menu_ico svg { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #000; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-nav_main_menu .bab-main_menu li > *:hover, .bab-nav_main_menu .bab-main_menu li.bab-active > * { color: #eb1c23; } .bab-nav_main_menu .bab-main_menu li > *:hover svg, .bab-nav_main_menu .bab-main_menu li.bab-active > * svg { fill: #eb1c23; } #bab-menu_label { display: none; } .bab-mobile_menu_hold { position: fixed; top: 0; left: 0; overflow: hidden; overflow-y: auto; background: #fff; width: 256px; height: 100vh; display: none; } .bab-mobile_menu_in { padding: 0 15px 90px; font-size: 15px; font-weight: 400; line-height: 18px; letter-spacing: 0.3px; color: #000; } .bab-mobile_menu_in .bab-search { width: 100%; margin-bottom: 27px; } .bab-mobile_menu_in .bab-search input[type="text"], .bab-mobile_menu_in .bab-search input[type="search"] { padding-right: 29px; } .bab-mobile_menu_in hr { margin: 0 -15px; } .bab-mobile_menu_in a, .bab-mobile_menu_in a:hover { color: #000; } .bab-mobile_menu_in a:before { display: none; } .bab-mobile_menu_in ul { margin: 0; padding: 0; list-style: none; } .bab-mobile_menu_in ul li { margin: 0; padding: 0; } .bab-mobile_menu_in ul li.bab-active > * { color: #eb1c23; } .bab-mobile_menu_in .bab-mobile_menu_user_in { justify-content: flex-start; padding: 27px 0 23px; } .bab-mobile_menu_in .bab-mobile_menu_user_in li { border-left: 1px solid #e7e7e7; padding: 0 18px; } .bab-mobile_menu_in .bab-mobile_menu_user_in li:first-child { border: none; padding-left: 0; } .bab-mobile_menu_in .bab-mobile_menu { padding-bottom: 3px; } .bab-mobile_menu_in .bab-mobile_menu li { margin-bottom: 26px; } .bab-mobile_menu_in .bab-mobile_menu2 { padding: 28px 0 6px; font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; } .bab-mobile_menu_in .bab-mobile_menu2 li { margin-bottom: 21px; } .bab-mobile_menu_in .bab-mob_work_tm { padding: 27px 0 20px; font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; color: #6c6c6c; } .bab-mobile_menu_in .bab-mob_work_tm li { margin-bottom: 7px; } .bab-mobile_menu_in .bab-mob_phone { padding: 20px 0 10px; font-size: 16px; font-weight: 500; line-height: 1.2; color: #424242; letter-spacing: 0.1px; } .bab-mobile_menu_in .bab-mob_phone li { margin-bottom: 11px; } /* end H E A D E R */ /* F O O T E R */ .bab-footer { background: #000; font-size: 14px; line-height: 23px; color: #6c6c6c; letter-spacing: 0.2px; padding: 34px 0 10px; position: relative; z-index: 12; } .bab-footer a { color: #6c6c6c; } .bab-footer a:before { display: none; } .bab-desktop_view { display: none; } .bab-copyright { font-size: 11px; font-weight: 300; line-height: 1.2; letter-spacing: 0.6px; color: #4f4f4f; border-top: 1px solid #313131; text-align: center; padding: 9px 0 2px; } .bab-footer_content { align-items: center; padding-bottom: 37px; } .bab-logo_footer { width: 257px; position: relative; top: 5px; } .bab-logo_footer svg { width: 100%; height: auto; fill: #999; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-logo_footer:hover svg { fill: #fff; } .bab-footer_phone_hold { padding: 0 15px 0 37px; } .bab-footer_phone_hold ul { margin: 0; padding: 3px 0 0; list-style: none; align-items: center; justify-content: flex-start; } .bab-footer_phone_hold ul li { margin: 0 25px 0 0; padding: 0; } .bab-footer_phone_hold ul .bab-phone_num { font-size: 18px; line-height: 24px; font-weight: 500; color: #999; letter-spacing: 0.1px; text-decoration: none; cursor: default; } .bab-footer_phone_hold ul .bab-phone_num:hover { color: #999; text-decoration: none; } .bab-footer_icon_hold { align-items: center; justify-content: flex-end; padding-top: 5px; } .bab-soc_footer, .bab-footer_pay_ico { margin: 0; padding: 0; list-style: none; align-items: center; justify-content: flex-end; flex-shrink: 0; } .bab-soc_footer li, .bab-footer_pay_ico li { margin: 0 0 0 8px; padding: 0; flex-shrink: 0; } .bab-soc_footer li:first-child, .bab-footer_pay_ico li:first-child { margin-left: 0; } .bab-soc_footer li > *, .bab-footer_pay_ico li > * { display: block; height: 20px; max-width: 33px; width: auto; } .bab-soc_footer li > * svg, .bab-footer_pay_ico li > * svg { height: 100%; width: auto; fill: #999; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-soc_footer li > *:hover svg, .bab-footer_pay_ico li > *:hover svg { fill: #fff; } .bab-footer_pay_ico li > * { max-width: 66px; } .bab-footer_pay_ico { margin-left: 43px; } /* end F O O T E R */ .bab-img_hold { display: block; padding: 0; margin: 0 0 32px; font-size: 13px; line-height: 1.3; color: #787878; text-align: center; } .bab-img_hold .bab-img_discript { display: block; padding: 0; margin: 0; } .bab-img_hold .bab-img_article { margin-bottom: 14px; } .bab-article_sec { padding-bottom: 26px; } .bab-article { width: 780px; max-width: 100%; padding: 0; margin: 0 auto; } .bab-mailing_form { position: relative; flex-shrink: 0; width: 420px; margin: 0 0 0 30px; padding: 0; } .bab-mailing_form .bab-input { margin: 0 !important; } .bab-mailing_form input { height: 44px; letter-spacing: -0.4px; padding-left: 15px; padding-right: 135px; } .bab-mailing_form .bab-btn { position: absolute; top: 0; right: 0; z-index: 3; height: 44px; } .bab-mailing_sec { background: #fafafa; padding: 40px 0; } .bab-mailing_sec .bab-mailing_sec_hold { align-items: center; justify-content: center; flex-wrap: nowrap; } .bab-mailing_sec .bab-mailing_sec_text { font-size: 18px; line-height: 24px; letter-spacing: 0.2px; font-weight: 700; color: #000; } .bab-insta_sec { text-align: center; position: relative; z-index: 12; } .bab-insta_sec .bab-insta_sec_hold { align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; position: relative; } .bab-insta_sec .bab-insta_item { flex-shrink: 0; position: relative; display: block; width: 12.5%; height: 240px; font-size: 14px; line-height: 20px; letter-spacing: 0.1px; color: #fff; } .bab-insta_sec .bab-insta_item:before { display: none; } .bab-insta_sec .bab-insta_item_img { position: absolute; width: 100%; bottom: 0; height: 240px; overflow: hidden; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-insta_sec .bab-insta_item_img img { max-width: none; min-width: 100%; min-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .bab-insta_sec .bab-insta_item:hover .bab-insta_item_img { height: 252px; } .bab-insta_sec .bab-insta_item_hover { flex-direction: column; align-items: center; justify-content: center; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; padding-bottom: 12px; } .bab-insta_sec .bab-insta_item_hover:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 6px; background: #fff; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; } .bab-insta_sec .bab-insta_item_hover img { flex-shrink: 0; width: 36px; height: auto; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; } .bab-insta_sec .bab-insta_item:hover .bab-insta_item_hover { background: rgba(177, 17, 22, 0.8) !important; top: -12px; } .bab-insta_sec .bab-insta_item:hover .bab-insta_item_hover:after { bottom: 6px; opacity: 1; } .bab-insta_sec .bab-insta_item:hover .bab-insta_item_hover img { opacity: 1; } .bab-insta_sec .bab-insta_item2 { width: 25%; } .bab-insta_sec .bab-insta_item2 .bab-insta_item_img { width: 50%; } .bab-insta_sec .bab-insta_item2 .bab-insta_item_img:first-child { left: 0; } .bab-insta_sec .bab-insta_item2 .bab-insta_item_img:nth-child(2) { right: 0; } .bab-insta_sec .bab-insta_item2 .bab-insta_item_hover { background-color: rgba(0, 0, 0, 0.6); } .bab-insta_sec .bab-insta_item2 .bab-insta_item_hover img { opacity: 1; } .bab-insta_sec .bab-insta_item_txt { width: 320px; max-width: 100%; padding: 16px 10px 0; } .bab-insta_sec .bab-insta_item_txt_big { font-size: 24px; line-height: 32px; font-weight: 500; padding-top: 13px; margin-bottom: 7px; letter-spacing: 0.3px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 26px; height: 26px; line-height: 0; font-size: 0; border-radius: 50%; position: absolute; right: 0 !important; top: 0 !important; text-decoration: none; opacity: 1 !important; padding: 0; background: #b3b3b3 url("/bitrix/templates/babyliss_pro/images/bab/modal_close_ico.svg") no-repeat center !important; background-size: 10px auto !important; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .mfp-close:hover, .mfp-close:focus { background-color: #fff !important; } .mfp-close:active { -webkit-transform: translateY(3px); transform: translateY(3px); } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: -55px 0 0; top: 50%; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding: 0; } } .bab-popup_win { position: relative; width: 518px; max-width: 100%; margin: 20px auto; border-radius: 0; padding: 26px 26px 0 0; font-size: 16px; font-weight: 400; line-height: 1.2; color: #000; box-shadow: none; overflow: hidden; opacity: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transform: translateY(100px); transform: translateY(100px); } .bab-popup_win_in { background: #fff; overflow: hidden; border-radius: 4px; padding: 34px 40px 37px; } .bab-popup_win .bab-pop_title { font-size: 24px; font-weight: 700; line-height: 32px; color: #000; text-align: center; margin-bottom: 32px; } /*====== Zoom effect ======*/ .mfp-bg { opacity: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; background: #000; } /* animate in */ .mfp-ready .bab-popup_win { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .mfp-ready.mfp-bg { opacity: 0.7; } /* animate out */ .mfp-removing .bab-popup_win { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; } .mfp-removing.mfp-bg { opacity: 0; } /* end Magnific Popup CSS */ .bab-small_text { font-size: 12px; font-weight: 400; line-height: 17px; color: #262626; letter-spacing: 0.2px; } .bab-form { margin: 0; } .bab-form .bab-btn_hold { padding-top: 4px; margin-bottom: 17px; } .bab-form .bab-btn_hold .bab-btn { width: 100%; padding-left: 10px; padding-right: 10px; } .bab-pop_win_text { font-size: 14px; line-height: 22px; font-weight: 400; color: #262626; letter-spacing: 0.1px; text-align: center; padding: 4px 0 0; } .bab-modal_img { width: 64px; height: 64px; margin: 6px auto 20px; text-align: center; } .bab-modal_img img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .bab-modal_text { text-align: center; font-size: 14px; font-weight: 400; line-height: 22px; color: #262626; letter-spacing: 0.1px; } .bab-modal_text .bab-modal_titl { color: #000; font-size: 24px; font-weight: 700; line-height: 1.2; margin-bottom: 6px; } .bab-rating { justify-content: flex-start; flex-wrap: nowrap; flex-shrink: 0; margin-bottom: 21px; } .bab-rating i { position: relative; width: 19px; height: 19px; margin: 0 7px 0 0; cursor: pointer; } .bab-rating i:before, .bab-rating i:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("/bitrix/templates/babyliss_pro/images/bab/star_grey.svg") no-repeat 0 0; background-size: 19px auto; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-rating i:after { background-image: url(/bitrix/templates/babyliss_pro/images/bab/star_yellow.svg); opacity: 0; } .bab-rating .bab-hover:after, .bab-rating .bab-selected:after { opacity: 1; } .bab-nav_content { margin-bottom: 24px; } .bab-nav_content .bab-nav_content_hold { border-bottom: 1px solid #e7e7e7; align-items: center; justify-content: flex-start; flex-wrap: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; line-height: 20px; color: #000; letter-spacing: 0.1px; padding: 14px 0; white-space: nowrap; } .bab-nav_content .bab-nav_content_hold a { color: #9b9b9b; } .bab-nav_content .bab-nav_content_hold a:hover { color: #9b9b9b; } .bab-nav_content .bab-nav_content_hold a:before { display: none; } .bab-nav_content .bab-nav_content_hold .bab-nav_arr { flex-shrink: 0; margin: 0 9px; width: 10px; height: 10px; background: url("/bitrix/templates/babyliss_pro/images/bab/content_nav_arr.svg") no-repeat center; background-size: contain; } .bab-nav_content .bab-nav_content_hide_mob { align-items: center; justify-content: flex-start; flex-wrap: nowrap; } .bab-time { font-size: 13px; line-height: 1.2; white-space: nowrap; display: block; color: #787878; margin-bottom: 17px; } .bab-article_soc { flex-shrink: 0; margin: 0; padding: 0; list-style: none; align-items: center; justify-content: flex-start; } .bab-article_soc li { margin: 10px 10px 10px 0; padding: 0; flex-shrink: 0; justify-content: flex-start; } .bab-article_soc a:before { display: none; } .bab-article_soc li > * { flex-shrink: 0; min-width: 32px; height: 32px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; position: relative; z-index: 1; font-size: 12px; line-height: 1; color: #787878; border: 1px solid #f2f2f2; background: #fcfcfc; border-radius: 32px; } .bab-article_soc .bab-article_soc_img { position: absolute; top: -1px; left: -1px; width: 32px; height: 32px; border-radius: 50%; background: #f2f2f2; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; z-index: 2; } .bab-article_soc .bab-article_soc_img svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 16px; max-height: 16px; width: auto; height: auto; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-article_soc li > *:hover .bab-article_soc_img svg { fill: #fff !important; } .bab-article_soc .tw .bab-article_soc_img svg { fill: #55acee; } .bab-article_soc .tw:hover .bab-article_soc_img { background-color: #55acee; } .bab-article_soc .odd .bab-article_soc_img svg { fill: #ed812b; } .bab-article_soc .odd:hover .bab-article_soc_img { background-color: #ed812b; } .bab-article_soc .vk .bab-article_soc_img svg { fill: #45668e; } .bab-article_soc .vk:hover .bab-article_soc_img { background-color: #45668e; } .bab-article_soc .fb .bab-article_soc_img svg { fill: #3b5998; } .bab-article_soc .fb:hover .bab-article_soc_img { background-color: #3b5998; } .bab-article_soc .bab-soc_tooltip { position: absolute; bottom: calc(100% + 10px); left: 50%; -webkit-transform: translate(-50%, 5px); -ms-transform: translate(-50%, 5px); transform: translate(-50%, 5px); background: rgba(0, 0, 0, 0.72); border-radius: 4px; text-align: center; padding: 7px 10px; color: #fff; font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; z-index: 3; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; pointer-events: none; } .bab-article_soc .bab-soc_tooltip:before { content: ""; position: absolute; bottom: -5px; left: 50%; margin-left: -4px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: rgba(0, 0, 0, 0.72) transparent transparent transparent; } .bab-article_soc li > *:hover .bab-soc_tooltip { opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .bab-article_soc .bab-soc_num { flex-shrink: 0; align-items: center; justify-content: center; flex-wrap: nowrap; height: 32px; position: relative; padding: 0 8px 0 34px; min-width: 59px; } .bab-article_soc_hold { border-top: 1px solid #e7e7e7; padding: 10px 0; align-items: center; justify-content: flex-start; font-size: 14px; line-height: 1.2; color: #787878; margin: 35px 0; } .bab-article_soc_hold .bab-article_soc_hold_text { margin: 10px 14px 10px 0; } /* .to_top */ .bab-to_top { position: fixed; bottom: 10px; right: 10px; display: none; border-radius: 50%; width: 44px; height: 44px; background: rgba(0, 0, 0, 0.4) url("/bitrix/templates/babyliss_pro/images/bab/arrow-scroll-top.svg") no-repeat center; background-size: auto 18px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; z-index: 10; } .bab-to_top:hover { background-color: rgba(0, 0, 0, 0.6); } .bab-to_top:before { display: none; } /* end .to_top */ .bab-adv_sec { padding: 53px 0 56px; } .bab-adv_sec .bab-h1 { margin-bottom: 22px; } .bab-adv_sec .bab-adv_sec_hold { justify-content: flex-start; margin: 0 -20px 0 0; } .bab-adv_sec .bab-adv_sec_item { margin: 0 20px 20px 0; width: calc(25% - 20px); flex-shrink: 0; font-size: 14px; line-height: 22px; letter-spacing: 0.15px; } .bab-adv_sec .bab-adv_sec_item .bab-h4 { margin-bottom: 10px; } .bab-adv_sec .bab-adv_sec_item .bab-img { display: block; margin-bottom: 24px; width: 52px; height: 52px; overflow: hidden; position: relative; } .bab-adv_sec .bab-adv_sec_item .bab-img img { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; } .bab-txt_sec { padding: 22px 0 0; } .bab-txt_sec .bab-h1 { margin-bottom: 28px; } .bab-txt_sec .bab-h4 { margin-bottom: 10px; } .bab-txt_sec p { margin-bottom: 22px; } .bab-txt_sec .bab-txt_sec_hold, .bab-txt_sec .bab-txt_sec_hold2 { border-bottom: 1px solid #e7e7e7; font-size: 14px; line-height: 22px; letter-spacing: 0.15px; padding-bottom: 51px; } .bab-txt_sec .bab-txt_sec_hold2 { padding-bottom: 30px; } .bab-txt_sec .bab-txt_sec_hold2 p { margin-bottom: 25px; } .bab-txt_sec .bab-more { top: -4px; } .bab-txt_sec .bab-more:hover { color: #000; } .bab-txt_sec .bab-more:before { display: none; } .bab-rub { display: inline-block; width: 14px; height: 14px; background: url("/bitrix/templates/babyliss_pro/images/bab/ruble.svg") no-repeat center; background-size: contain; } .bab-compare_label_hold { position: relative; align-items: center; justify-content: flex-start; flex-wrap: nowrap; font-size: 14px; font-weight: 400; line-height: 1.2; letter-spacing: 0.15px; color: #262626; cursor: pointer; } .bab-compare_label_hold .bab-compare_label { flex-shrink: 0; margin-right: 9px; border: 1px solid #bdbdbd; background: #fff; width: 20px; height: 20px; position: relative; top: -1px; border-radius: 4px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-compare_label_hold .bab-compare_label:after { content: ''; position: absolute; top: 50%; left: 50%; height: 7px; width: 10px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin: -5px 0 0 -5px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0; } .bab-compare_label_hold input[type="checkbox"]:checked + .bab-compare_label, .bab-compare_label_hold input[type="radio"]:checked + .bab-compare_label { background-color: #6ac259; border-color: #6ac259; } .bab-compare_label_hold input[type="checkbox"]:checked + .bab-compare_label:after, .bab-compare_label_hold input[type="radio"]:checked + .bab-compare_label:after { opacity: 1; } .bab-catalog_sec { padding: 20px 0 54px; } .bab-catalog_sec .bab-h1 { margin-bottom: 22px; } .bab-catalog { align-items: stretch; justify-content: flex-start; padding-right: 1px; } .bab-catalog_item { flex-shrink: 0; flex-direction: column; align-items: stretch; justify-content: flex-start; width: 25%; position: relative; padding: 20px 28px 20px 27px; background: #fff; } .bab-catalog_item:after { content: ''; position: absolute; top: 0; left: -1px; right: 0; bottom: -1px; border: 1px solid #e7e7e7; pointer-events: none; } .bab-catalog_item:hover:after { border-color: #ccc; z-index: 1; } .bab-catalog_item a { color: #000; } .bab-catalog_item a:hover { color: #eb1c23; } .bab-catalog_item a:before { display: none; } .bab-catalog_item .bab-catalog_item_link { display: block; } .bab-catalog_item .bab-catalog_item_img { margin-bottom: 18px; height: 186px; overflow: hidden; position: relative; } .bab-catalog_item .bab-catalog_item_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; } .bab-catalog_item .bab-catalog_item_title { font-size: 16px; line-height: 21px; font-weight: 500; letter-spacing: 0.2px; margin-bottom: 14px; overflow: hidden; width: 100%; height: 64px; } .bab-catalog_item .bab-catalog_item_discr { overflow: hidden; height: 144px; } .bab-catalog_item dl { margin: 0 0 7px; padding: 0; flex-wrap: nowrap; position: relative; font-size: 12px; line-height: 1.2; color: #000; letter-spacing: 0.2px; } .bab-catalog_item dl:after { content: ''; position: absolute; bottom: 3px; left: 0; right: 0; border-bottom: 1px dotted #c0c0c0; } .bab-catalog_item dl dt, .bab-catalog_item dl dd { padding: 0; flex-shrink: 0; background: #fff; position: relative; z-index: 1; } .bab-catalog_item dl dt { padding-right: 2px; color: #787878; margin: 0 10px 0 0; } .bab-catalog_item dl dd { padding-left: 2px; text-align: right; margin: 0 0 0 auto; } .bab-catalog_item .bab-catalog_item_bottom { align-items: center; flex-wrap: nowrap; margin: auto 0 0; padding: 3px 0 0; position: relative; } .bab-catalog_item .bab-catalog_item_discr + .bab-catalog_item_bottom { padding-top: 15px; } .bab-catalog_item .bab-catalog_item_price { flex: 1 1 auto; flex-direction: column; justify-content: center; align-items: flex-start; font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: 0.1px; color: #000; white-space: nowrap; overflow: hidden; position: relative; margin-right: 10px; z-index: 1; } .bab-catalog_item .bab-catalog_item_price .bab-rub { position: relative; left: -1px; } .bab-catalog_item .bab-del { position: relative; font-size: 14px; color: #787878; padding: 0 2px; bottom: -3px; } .bab-catalog_item .bab-del:after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; margin-top: -1px; background: #787878; z-index: 1; } .bab-catalog_item .bab-del .bab-rub { width: 10px; height: 10px; background-image: url(/bitrix/templates/babyliss_pro/images/bab/ruble_grey.svg); left: 0; } .bab-catalog_item .bab-catalog_item_com_blk { flex-direction: column; align-items: center; justify-content: flex-start; padding: 20px 0 0; } .bab-catalog_btn_hold { display: none; } .bab-catalog_btn_hold .bab-btn { width: 100%; } .bab-info_sec { padding: 80px 0 8px; } .bab-info_sec .bab-info_sec_hold { justify-content: flex-start; margin: 0 -20px 0 0; } .bab-info_item { flex-shrink: 0; margin: 0 20px 45px 0; width: calc(33.33% - 20px); background: #000; position: relative; z-index: 1; height: 260px; color: #fff; font-size: 14px; line-height: 20px; letter-spacing: 0.1px; } .bab-info_item:hover { color: #fff; } .bab-info_item:before { display: none; } .bab-info_item .bab-info_item_img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; } .bab-info_item .bab-info_item_img:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; background: #000; opacity: 0.3; z-index: 2; } .bab-info_item .bab-info_item_img:after { content: ''; position: absolute; left: 0; right: 0; bottom: 6px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; background: #fff; height: 6px; z-index: 3; -webkit-transform: translate(0, 13px); -ms-transform: translate(0, 13px); transform: translate(0, 13px); } .bab-info_item .bab-info_item_text { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5; width: 310px; max-width: 100%; padding: 10px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-info_item .bab-info_item_title { margin-bottom: 7px; font-size: 24px; line-height: 32px; letter-spacing: 0.3px; } .bab-info_item .bab-info_item_icon { position: absolute; top: -35px; right: 44px; z-index: 4; border-radius: 50%; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; width: 70px; height: 70px; background: #eb1c23; overflow: hidden; } .bab-info_item .bab-info_item_icon img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 34px; max-height: 34px; width: auto; height: auto; } .bab-info_item:hover .bab-info_item_img { top: -12px; } .bab-info_item:hover .bab-info_item_img:before { background: #b11116; opacity: 0.8; } .bab-info_item:hover .bab-info_item_img:after { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .bab-info_item:hover .bab-info_item_icon { -webkit-transform: translate(0, -12px); -ms-transform: translate(0, -12px); transform: translate(0, -12px); background: #000; } .bab-info_item:hover .bab-info_item_text { padding-bottom: 20px; } /* galery_slide */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; overflow: hidden; margin-bottom: 20px; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { content: ''; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; overflow: hidden; outline: none; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-arrow { display: block; width: 48px; height: 48px; background: #fff; color: #fff; border: 1px solid #e7e7e7; border-radius: 50%; margin: 5px 0 0; padding: 0; position: absolute; top: 50%; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 100; overflow: hidden; text-indent: -9999px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .slick-arrow:after, .slick-arrow:before { content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 16px; background: url("/bitrix/templates/babyliss_pro/images/bab/slider_arr.svg") no-repeat center; background-size: 9px auto; margin-top: -8px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .slick-next { right: 20px; } .slick-next:after, .slick-next:before { margin-left: -3px; } .slick-next:before { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr_red.svg); } .slick-prev { left: 20px; } .slick-prev:after, .slick-prev:before { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr_left.svg); margin-left: -6px; } .slick-prev:before { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr_left_red.svg); } .slick-arrow:before { opacity: 0; } .slick-arrow:hover { border-color: #ebb0b2; } .slick-arrow:hover:before { opacity: 1; } .slick-arrow:hover:after { opacity: 0; } .slick-disabled { opacity: 0; cursor: default; } .slick-dots { margin: 0; padding: 0; list-style: none; line-height: 0; position: absolute; left: 0; right: 0; bottom: 29px; text-align: center; } .slick-dots li { display: inline-block; vertical-align: top; margin: 0 6px; padding: 0; position: relative; } .slick-dots li button { border: none; border-radius: 50%; margin: 0; padding: 0; width: 10px; height: 10px; text-indent: -9999px; background: #fff; -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; position: relative; z-index: 2; } .slick-dots li button:after { content: ''; position: absolute; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; border-radius: 50%; background: rgba(255, 255, 255, 0.37); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2); top: -4px; left: -4px; right: -4px; bottom: -4px; opacity: 0; } .slick-dots li button:hover:after { opacity: 1; } .slick-dots .slick-active button:hover:after { opacity: 0; } .slick-dots .slick-active button { background-color: #a8a8a8; cursor: default; } /* end galery_slide */ .bab-gallery_slide_sec { height: 524px; overflow: hidden; } .bab-galery_slide { margin: 0; } .bab-galery_slide .bab-galery_slide_item { position: relative; height: 524px; background: #000; } .bab-galery_slide .bab-galery_slide_img, .bab-galery_slide .bab-galery_slide_img_mobile { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; } .bab-galery_slide .bab-galery_slide_img_mobile { display: none; } .bab-galery_slide .bab-galery_slide_txt_hold { align-items: center; justify-content: flex-end; height: 524px; position: relative; z-index: 2; } .bab-galery_slide .bab-galery_slide_txt { flex-shrink: 0; width: 495px; font-size: 17px; line-height: 25px; letter-spacing: 0.2px; color: #e7e7e7; padding: 22px 0 0 15px; } .bab-galery_slide .bab-galery_slide_txt p { margin-bottom: 25px; } .bab-galery_slide .bab-galery_slide_title { color: #fff; font-size: 36px; line-height: 48px; font-weight: 700; letter-spacing: 0.35px; margin-bottom: 24px; } .bab-galery_slide .bab-galery_slide_txt_mobile { display: none; } .bab-news_sec { padding-bottom: 70px; } .bab-news_sec .bab-h1 { margin-bottom: 22px; } .bab-news_sec .bab-news_sec_hold { align-items: stretch; justify-content: flex-start; margin-right: -20px; } .bab-news_sec .bab-news_sec_btn_hold { text-align: center; margin: -10px 0 10px; } .bab-news_item { color: #000; margin: 0 20px 18px 0; flex-shrink: 0; width: calc(25% - 20px); overflow: hidden; } .bab-news_item:before { display: none; } .bab-news_item .bab-img { position: relative; height: 187px; overflow: hidden; margin-bottom: 17px; } .bab-news_item .bab-img:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; background: #b11116; opacity: 0; } .bab-news_item .bab-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; max-width: 150%; max-height: 150%; width: auto; height: auto; } .bab-news_item .bab-time { margin-bottom: 13px; } .bab-news_item .bab-news_item_text { height: 84px; overflow: hidden; font-size: 16px; line-height: 21px; font-weight: 500; letter-spacing: 0.2px; } .bab-news_item:hover { color: #eb1c23; } .bab-news_item:hover .bab-img:after { opacity: 0.5; } .bab-text_block, .bab-text_block_bd { font-size: 14px; line-height: 22px; letter-spacing: 0.15px; margin-bottom: 5px; } .bab-text_block .bab-h1, .bab-text_block_bd .bab-h1 { margin-bottom: 8px; } .bab-text_block .bab-h4, .bab-text_block_bd .bab-h4 { margin-bottom: 10px; } .bab-text_block_bd { border-top: 1px solid #e7e7e7; padding: 37px 0 44px; margin-top: 9px; } .bab-delivery_form { justify-content: flex-start; flex-wrap: nowrap; padding-top: 8px; margin-bottom: 31px; } .bab-delivery_form .bab-input { width: 340px; margin: 0 20px 0 0; } .bab-delivery_form .bab-btn { min-width: 198px; } .bab-err404_sec { text-align: center; font-size: 14px; line-height: 22px; padding: 178px 0 200px; letter-spacing: 0.15px; } .bab-err404_sec .bab-title { font-size: 104px; font-weight: 500; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.1px; margin-bottom: 9px; background-image: -webkit-linear-gradient(left, #eb1c23, #747474 70%); background-image: -moz-linear-gradient(left, #eb1c23, #747474 70%); background-image: -ms-linear-gradient(left, #eb1c23, #747474 70%); background-image: -o-linear-gradient(left, #eb1c23, #747474 70%); background-image: linear-gradient(to right, #eb1c23, #747474 70%); color: transparent; -webkit-background-clip: text; background-clip: text; } .bab-err404_sec .bab-big { font-size: 20px; line-height: 26px; font-weight: 700; color: #000; } .bab-err404_sec p { margin: 0 0 14px; } .bab-err404_sec .bab-btn_hold { padding-top: 2px; } .bab-copy_btn.bab-hide { display: none; } .bab-copy_succses { display: none; font-weight: 500; font-size: 14px; line-height: 23px; white-space: nowrap; color: #6ac259; height: 46px; min-height: 46px; } .bab-copy_succses .bab-copy_succses_ico { flex-shrink: 0; width: 17px; height: 17px; background: url("/bitrix/templates/babyliss_pro/images/bab/approved.svg") no-repeat center; background-size: contain; position: relative; top: -1px; margin-right: 9px; } .bab-copy_succses.bab-show { align-items: center; justify-content: center; flex-wrap: nowrap; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10 IE11 */ .bab-err404_sec .bab-title { color: #000; background: none; } } /* slide_around */ .bab-slide_around_sec { width: 100%; position: relative; margin: 0 auto 53px; padding: 37px 220px 0 229px; } .bab-slide_around { margin: 0 !important; padding: 0 !important; list-style: none; } .bab-slide_around li { margin: 0 !important; padding: 0 !important; } .roundabout-holder { height: 520px; margin: 0; padding: 0; list-style: none; } .roundabout-moveable-item { margin: 0; padding: 0; background: none; border: none; overflow: hidden; opacity: 1 !important; cursor: default; } .roundabout-in-focus { opacity: 1 !important; } .bab-slide_around_img { width: 780px !important; height: 520px !important; position: relative; overflow: hidden; background: #000; } .bab-slide_around_img:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 0.4; } .bab-slide_around_img img { height: 100%; min-width: 100%; max-width: none; width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .roundabout-in-focus .bab-slide_around_img:after { opacity: 0; } .around_next, .around_prev { display: block; width: 48px; height: 48px; border: 1px solid #e7e7e7; border-radius: 50%; background: #fff; color: #fff; margin: 15px 0 0; padding: 0; position: absolute; top: 50%; z-index: 300; overflow: hidden; text-indent: -9999px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; } .around_next:after, .around_prev:after, .around_next:before, .around_prev:before { content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 16px; background: url("/bitrix/templates/babyliss_pro/images/bab/slider_arr.svg") no-repeat center; background-size: 9px auto; margin-top: -8px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .around_next { right: 176px; } .around_next:after, .around_next:before { margin-left: -3px; } .around_next:before { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr_red.svg); } .around_prev { left: 176px; } .around_prev:after, .around_prev:before { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr_left.svg); margin-left: -6px; } .around_prev:before { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr_left_red.svg); } .around_next:before, .around_prev:before { opacity: 0; } .around_next:hover, .around_prev:hover { border-color: #ebb0b2; } .around_next:hover:before, .around_prev:hover:before { opacity: 1; } .around_next:hover:after, .around_prev:hover:after { opacity: 0; } /* end slide_around */ .bab-about_sec { font-size: 14px; line-height: 22px; letter-spacing: 0.15px; padding-bottom: 20px; } .bab-about_sec .bab-h1 { margin-bottom: 8px; } .bab-about_sec p { margin-bottom: 22px; } .bab-about_people { padding: 8px 0 46px; } .bab-about_people .bab-h2 { margin-bottom: 20px; } .bab-about_people_item { flex-shrink: 0; width: 46.2%; flex-wrap: nowrap; margin-bottom: 30px; } .bab-about_people_item .bab-about_people_item_img { flex-shrink: 0; width: 190px; height: 190px; border-radius: 50%; overflow: hidden; margin-top: 4px; } .bab-about_people_item .bab-about_people_item_img img { width: 100%; height: 100%; } .bab-about_people_item .bab-about_people_item_txt { flex: 1 1 auto; padding: 0 30px 0 0; font-size: 14px; line-height: 22px; letter-spacing: 0.15px; } .bab-about_people_item .bab-about_people_item_title { font-size: 16px; line-height: 21px; font-weight: 500; color: #000; margin-bottom: 11px; } .bab-about_people_item .bab-sm { display: inline-block; margin-left: 15px; font-size: 13px; line-height: 26px; font-weight: 400; color: #787878; } .bab-map { background-position: center; background-repeat: no-repeat; background-size: cover; height: 520px; } .bab-contact_sec { padding-bottom: 39px; } .bab-contact_sec .bab-h1 { margin-bottom: 5px; } .bab-adr { padding: 9px 0 0; margin: 0; } .bab-adr a:before { display: none; } .bab-adr .bab-adr_block { margin-bottom: 37px; font-size: 14px; line-height: 22px; letter-spacing: 0.15px; } .bab-adr .bab-phone_num, .bab-adr .bab-phone_num:hover { color: #262626; } .bab-adr .bab-adr_title { justify-content: flex-start; flex-wrap: nowrap; margin-bottom: 8px; font-size: 18px; line-height: 24px; font-weight: 700; } .bab-adr .bab-adr_ico { border-radius: 50%; flex-shrink: 0; position: relative; overflow: hidden; width: 32px; height: 32px; background: #f2f2f2; top: -1px; } .bab-adr .bab-adr_ico svg { fill: #eb1c23; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 14px; max-height: 14px; width: auto; height: auto; } .bab-adr .bab-adr_title_txt { padding: 4px 0 0 12px; } .bab-adr .bab-map { margin: 19px 0 4px; } .bab-slide_nav2 .slick-dots { background: rgba(0, 0, 0, 0.1); left: 50%; right: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 20px; padding: 7px 0; bottom: 16px; } .bab-slide_nav2 .slick-dots li button:hover:after { opacity: 1; } .bab-slide_nav2 .slick-dots .slick-active button:hover:after { opacity: 0; } .bab-slide_nav2 .slick-dots .slick-active button { background-color: #eb1c23; } .bab-map_slide { margin: 0; overflow: hidden; } .bab-map_slide .bab-map { margin: 0; } .bab-adr_block .bab-map_slide { padding-top: 11px; height: 531px; margin-bottom: 4px; } .bab-delAll { flex-shrink: 0; display: inline-block; position: relative; padding-left: 20px; color: #010101; font-size: 14px; line-height: 1.2; font-weight: 500; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; margin-bottom: 5px; letter-spacing: 0.1px; white-space: nowrap; } .bab-delAll:before { display: none; } .bab-delAll .bab-delAll_ico { position: absolute; left: 0; top: -2px; width: 14px; height: 16px; } .bab-delAll .bab-delAll_ico svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; width: auto; height: 100%; fill: #010101; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-delAll:hover { color: #eb1c23; } .bab-delAll:hover .bab-delAll_ico svg { fill: #eb1c23; } .bab-compare_list { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e7e7e7; font-size: 13px; line-height: 1.2; color: #000; } .bab-compare_list li { margin: 0; padding: 0 10px 1px 20px; align-items: center; justify-content: flex-start; border-bottom: 1px solid #e7e7e7; height: 39px; overflow: hidden; } .bab-compare_list li:nth-child(odd) { background-color: #fafafa; } .bab-compare_list .bab-compare_list_tit_mob { font-size: 13px; line-height: 17px; color: #787878; margin-bottom: 3px; display: none; } .bab-compare_switch { margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 1.2; letter-spacing: 0.1px; } .bab-compare_switch li { margin: 0 0 20px; padding: 0 0 0 30px; position: relative; cursor: pointer; } .bab-compare_switch li:after { content: ''; position: absolute; top: -3px; left: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; width: 20px; height: 20px; border: 1px solid #bdbdbd; border-radius: 50%; } .bab-compare_switch li.bab-active { cursor: default; } .bab-compare_switch li.bab-active:after { border: 6px solid #6ac259; } .bab-del_icon { display: inline-block; flex-shrink: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; width: 26px; height: 26px; background: #f5f5f5; border-radius: 50%; position: relative; z-index: 5; cursor: pointer; } .bab-del_icon:before, .bab-del_icon:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10px; height: 10px; background: url("/bitrix/templates/babyliss_pro/images/bab/modal_close_ico_mob.svg") no-repeat center; background-size: contain; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-del_icon:after { background-image: url(/bitrix/templates/babyliss_pro/images/bab/modal_close_ico_white.svg); opacity: 0; } .bab-del_icon:hover { background: #ababab; } .bab-del_icon:hover:before { opacity: 0; } .bab-del_icon:hover:after { opacity: 1; } .bab-catalog_item .bab-del_icon { position: absolute; top: 20px; right: 29px; } .bab-sec_top { align-items: flex-end; margin-bottom: 18px; } .bab-sec_top .bab-h1 { margin: 0 10px 0 0; } .bab-compare_sec { padding-bottom: 80px; } .bab-compare_sec_hold { align-items: stretch; flex-wrap: nowrap; } .bab-compare_sec_hold .bab-compare_sec_l { flex-direction: column; flex-shrink: 0; padding-top: 23px; width: 25%; } .bab-compare_sec_hold .bab-compare_sec_l .bab-compare_list { color: #787878; width: 100%; } .bab-compare_sec_hold .bab-compare_sec_main { flex-shrink: 0; width: 75%; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item { width: 100%; height: 365px; margin: 0 0 29px; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item:after { top: 0; left: 0; right: 0; bottom: 0; } .bab-compare_sec_hold .bab-compare_sec_main .bab-compare_list li { padding-left: 27px; } .bab-compare_slide { width: 100%; overflow: visible; margin: 0; line-height: 0; } .bab-compare_slide .slick-slide { overflow: visible; } .bab-compare_slide .slick-arrow { top: 154px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .bab-compare_slide .slick-next { right: -24px; } .bab-compare_slide .slick-prev { left: -24px; } /* input-num */ .bab-bet { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 18px; line-height: 1; } .bab-bet .bab-bet_input { height: 26px; width: 38px; text-align: center; padding: 0 2px; font-size: 20px; font-weight: 700; color: #000; flex-shrink: 0; border: none; } .bab-bet .bab-minus, .bab-bet .bab-plus { height: 26px; width: 26px; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #c7c7c7; border-radius: 50%; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; position: relative; } .bab-bet .bab-minus:active, .bab-bet .bab-plus:active { top: 1px; } .bab-bet .bab-minus:after, .bab-bet .bab-plus:after, .bab-bet .bab-plus:before { content: ''; position: absolute; height: 2px; width: 12px; background: #3f3f3f; top: 50%; left: 50%; margin: -1px 0 0 -6px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-bet .bab-plus:before { height: 12px; width: 2px; margin: -6px 0 0 -1px; } .bab-bet .bab-minus:hover, .bab-bet .bab-plus:hover { border-color: #ebaeb0; } .bab-bet .bab-minus:hover:after, .bab-bet .bab-plus:hover:after, .bab-bet .bab-plus:hover:before { background: #eb1c23; } /* end input-num */ .bab-cart_price { font-size: 20px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1px; color: #000; position: relative; display: inline-block; vertical-align: center; white-space: nowrap; margin: 15px 5px 16px; } .bab-cart_price .bab-rub { margin: 0 0 0 4px; } .bab-cart_price .bab-cart_price_del { position: absolute; top: -13px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); font-size: 14px; color: #787878; padding: 0 2px; margin-left: 2px; } .bab-cart_price .bab-cart_price_del:after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; margin-top: -1px; background: #787878; z-index: 1; } .bab-cart_price .bab-cart_price_del .bab-rub { width: 10px; height: 10px; background-image: url(/bitrix/templates/babyliss_pro/images/bab/ruble_grey.svg); } .bab-cart_price_big { font-size: 24px; color: #eb1c23; } .bab-cart_price_big .bab-rub { width: 16px !important; height: 16px !important; background-image: url(/bitrix/templates/babyliss_pro/images/bab/ruble_red.svg); } .bab-table_cart { font-size: 14px; line-height: 19px; font-weight: 500; letter-spacing: 0.15px; color: #000; margin: 0; } .bab-table_cart a { color: #000; } .bab-table_cart a:hover { color: #000; } .bab-table_cart a:before { display: none; } .bab-table_cart .bab-cart_prod_item { align-items: center; justify-content: flex-start; flex-wrap: nowrap; max-width: 340px; } .bab-table_cart .bab-cart_prod_art { color: #787878; display: block; font-size: 11px; font-weight: 400; line-height: 1.2; letter-spacing: 0.1px; padding-top: 6px; } .bab-table_cart .bab_cart_img { flex-shrink: 0; margin-right: 20px; width: 78px; height: 60px; position: relative; } .bab-table_cart .bab_cart_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; } .bab-table_cart .bab-cart_prod_item_txt { padding-bottom: 3px; } .bab-table_cart td:first-child { width: 429px; } .bab-table_cart td:first-child, .bab-table_cart th:first-child { text-align: left; } .bab-table_cart td:last-child, .bab-table_cart th:last-child { padding-left: 0; padding-right: 0; } .bab-table_cart td:last-child { text-align: right; width: 87px; } .bab-table_cart .bab-eq_mob { display: none; font-size: 14px; } .bab-table_cart .bab-cart_price_final td { padding: 25px 0 0; text-align: right; } .bab-table_cart .bab-cart_price_final_blk { min-width: 340px; max-width: 100%; display: inline-block; } .bab-table_cart .bab-cart_price_final_blk .bab-btn { width: 100%; } .bab-table_cart .bab-cart_price_final_blk .bab-cart_price { margin: 0; } .bab-table_cart .bab-cart_price_final_blk dl { margin: 0 0 25px; padding: 0; flex-wrap: nowrap; align-items: flex-end; position: relative; font-size: 15px; line-height: 1.2; } .bab-table_cart .bab-cart_price_final_blk dl:after { content: ''; position: absolute; bottom: 5px; left: 0; right: 0; border-bottom: 2px dotted #c0c0c0; } .bab-table_cart .bab-cart_price_final_blk dl dt, .bab-table_cart .bab-cart_price_final_blk dl dd { padding: 0; flex-shrink: 0; background: #fff; position: relative; z-index: 1; } .bab-table_cart .bab-cart_price_final_blk dl dt { padding-right: 7px; margin: 0 10px 0 0; top: -1px; } .bab-table_cart .bab-cart_price_final_blk dl dd { padding-left: 7px; text-align: right; margin: 0 0 0 auto; } .bab-cart_sec { padding-bottom: 33px; } .bab-cart_sec .bab-sec_top { margin-bottom: 15px; } .bab-sale_icon { position: absolute; top: 20px; right: 27px; z-index: 5; width: 40px; height: 40px; overflow: hidden; pointer-events: none; } .bab-sale_icon img { max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .bab-input_txt_add { padding-top: 13px; color: #787878; font-size: 13px; line-height: 1.2; letter-spacing: 0.1px; } .bab-input_txt_add a { color: #000; } .bab-input_txt_add a:before { bottom: -4px; background: #000; } .bab-input_txt_add a:hover { color: #000; } .bab-input_txt_add a:hover:before { opacity: 0; } /* custom select */ .jcf-select { display: block; vertical-align: top; background: #fff; margin: 0; min-width: 1px; text-align: left; cursor: default; position: relative; line-height: 1; height: 56px; font-size: 15px; color: #000; letter-spacing: 0.15px; padding: 26px 30px 0 19px; border: 1px solid #dddddd !important; border-radius: 4px; width: 100%; max-width: 100%; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .jcf-select:after { content: ''; display: block; position: absolute; top: 50%; right: 14px; pointer-events: none; width: 10px; height: 6px; margin-top: -2px; background: url("/bitrix/templates/babyliss_pro/images/bab/droodown-arrow.svg") no-repeat center; background-size: contain; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .jcf-select.jcf-focus, .jcf-select:hover { border-color: #bdbdbd !important; } .jcf-select.jcf-drop-active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .jcf-select select { z-index: 1; left: 0; top: 0; } .jcf-select .jcf-select-text { cursor: default; display: block; text-align: left; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jcf-select .jcf-select-opener { display: none; } body > .jcf-select-drop { position: absolute; margin: -1px 0 0; z-index: 9999; } body > .jcf-select-drop.jcf-drop-flipped { margin: 1px 0 0; } .jcf-select .jcf-select-drop { position: absolute; margin-top: 0; z-index: 9999; top: calc(100% + 3px); left: -1px; right: -1px; } .jcf-select .jcf-drop-flipped { bottom: 100%; top: auto; } .jcf-select.jcf-compact-multiple { max-width: 220px; } .jcf-select.jcf-compact-multiple .jcf-select-opener:before { display: inline-block; padding-top: 2px; content: '...'; } .jcf-select-drop .jcf-select-drop-content { border: none; padding: 1px 0 0; } .jcf-select-drop.jcf-compact-multiple .jcf-hover { background: none; } .jcf-select-drop.jcf-compact-multiple .jcf-selected { background: #e6e6e6; color: #000; } .jcf-select-drop.jcf-compact-multiple .jcf-selected:before { display: inline-block; content: ''; height: 4px; width: 8px; margin: -7px 5px 0 -3px; border: 3px solid #777; border-width: 0 0 3px 3px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"; } /* multiple select styles */ .jcf-list-box { overflow: hidden; display: inline-block; border: 1px solid #b8c3c9; min-width: 200px; margin: 0 15px; } /* select options styles */ .jcf-list { display: inline-block; vertical-align: top; position: relative; line-height: 1.2; font-size: 15px; width: 100%; -webkit-box-shadow: 0 16px 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 16px 30px 0 rgba(0, 0, 0, 0.2); background: #fff; overflow: hidden; border: 1px solid #e7e7e7; border-radius: 4px; } .jcf-list .jcf-list-content { vertical-align: top; display: inline-block; overflow: auto; width: 100%; /*max-height:250px !important;*/ } .jcf-list ul { list-style: none; margin: 0; padding: 7px 0; } .jcf-list ul li { overflow: hidden; display: block; margin: 0; padding: 0; } .jcf-list .jcf-overflow { overflow: auto; } .jcf-list .jcf-option { white-space: nowrap; overflow: hidden; cursor: default; display: block; color: #000; text-decoration: none; text-overflow: ellipsis; padding: 12px 19px 10px; font-size: 15px; line-height: 1; letter-spacing: 0.15px; text-align: left; height: auto; min-height: 1px; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .jcf-list .jcf-disabled { background: #fff !important; } .jcf-select-drop .jcf-hover, .jcf-list .jcf-selected { background: #f5f5f5; } .jcf-list .jcf-optgroup-caption { white-space: nowrap; font-weight: bold; display: block; padding: 5px 9px; cursor: default; color: #000; } .jcf-list .jcf-optgroup .jcf-option { padding-left: 30px; } /* scrollbars */ .jcf-select-drop .jcf-scrollable-wrapper { box-sizing: content-box; position: relative; } .jcf-select-drop .jcf-scrollbar-vertical { position: absolute; cursor: default; bottom: 30px; right: 4px; top: 7px; background: none; width: 7px; padding: 0; background: #ebebeb; border-radius: 10px; } .jcf-select-drop .jcf-scrollbar-vertical:before, .jcf-select-drop .jcf-scrollbar-vertical:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 16px; background: #fff; } .jcf-select-drop .jcf-scrollbar-vertical:after { bottom: 14px; background: #ebebeb; border-radius: 0 0 10px 10px; height: 10px; z-index: 1; } .jcf-select-drop .jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-select-drop .jcf-scrollbar-vertical .jcf-scrollbar-inc, .jcf-select-drop .jcf-scrollbar-horizontal .jcf-scrollbar-handle, .jcf-select-drop .jcf-scrollbar-horizontal .jcf-scrollbar-slider, .jcf-select-drop .jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-select-drop .jcf-scrollbar-horizontal .jcf-scrollbar-inc, .jcf-select-drop .jcf-scrollbar-horizontal { display: none; } .jcf-select-drop .jcf-scrollbar-vertical .jcf-scrollbar-handle { height: 1px; width: 7px; border-radius: 10px; background: #bcbcbc; z-index: 2; } .jcf-select-drop .jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle { visibility: hidden; } /* end scrollbars */ .jcf-list-content .jcf-option-placeholder { display: none; } /* end custom select */ .bab-cart_total_sum { padding: 0 0 17px; margin-top: -6px; } .bab-cart_total_sum .bab-cart_price { margin: 0; } .bab-cart_total_sum dl { margin: 0 0 8px; padding: 0; flex-wrap: nowrap; align-items: flex-end; position: relative; font-size: 15px; line-height: 1.2; } .bab-cart_total_sum dl:after { content: ''; position: absolute; bottom: 5px; left: 0; right: 0; border-bottom: 2px dotted #c0c0c0; } .bab-cart_total_sum dl dt, .bab-cart_total_sum dl dd { padding: 0; flex-shrink: 0; background: #fff; position: relative; z-index: 1; } .bab-cart_total_sum dl dt { padding-right: 7px; margin: 0 10px 0 0; top: -1px; } .bab-cart_total_sum dl dd { padding-left: 7px; text-align: right; margin: 0 0 0 auto; } .bab-cart_form_sec { padding-bottom: 77px; } .bab-cart_form_sec .bab-h1 { margin-bottom: 23px; } .bab-cart_form_sec .bab-small_text { letter-spacing: 0.1px; } .bab-cart_form { justify-content: flex-start; margin: 0 -80px 0 0; } .bab-cart_form .bab-col-3 { flex-shrink: 0; margin: 0 80px 0 0; width: calc(33.33% - 80px); } .bab-cart_form .bab-h4 { margin-bottom: 18px; } .bab-cart_form .bab-cart_form_btn_hold { margin-bottom: 17px; } .bab-cart_form .bab-cart_form_btn_hold .bab-btn { width: 100%; } .bab-cart_form textarea { height: 167px; resize: none; } .bab-cart_form .bab-hide_delivery { display: none; } .jcf-select.jcf-select-bab-sort_select { padding-top: 11px; padding-left: 0; border-color: #bdbdbd !important; height: 38px; font-size: 14px; font-weight: 500; color: #010101; width: auto; min-width: 245px; margin-right: auto; } .jcf-select.jcf-select-bab-sort_select.jcf-focus, .jcf-select.jcf-select-bab-sort_select:hover { border-color: #878787 !important; } .jcf-option-bab-sort_item1, .jcf-option-bab-sort_item2, .jcf-option-bab-sort_item3 { position: relative; padding-left: 40px !important; font-size: 14px !important; font-weight: 500 !important; color: #010101 !important; } .jcf-option-bab-sort_item1:after, .jcf-option-bab-sort_item2:after, .jcf-option-bab-sort_item3:after { content: ''; position: absolute; left: 18px; top: 50%; width: 15px; height: 14px; margin-top: -7px; background: url("/bitrix/templates/babyliss_pro/images/bab/sorting-default.svg") no-repeat center; background-size: contain; } .jcf-option-bab-sort_item2:after { background-image: url(/bitrix/templates/babyliss_pro/images/bab/sorting-decrease.svg); } .jcf-option-bab-sort_item3:after { background-image: url(/bitrix/templates/babyliss_pro/images/bab/sorting-increase.svg); } .bab-sorting_hold { align-items: center; margin-bottom: 10px; } .bab_catalog_filter_sec .bab-h1 { margin-bottom: 17px; } .bab_catalog_filter { border-radius: 4px; background: #fafafa; border: 1px solid #e7e7e7; padding: 23px 0 0; display: table; width: 100%; margin: 0 0 30px; position: relative; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab_catalog_filter .bab_catalog_filter_hold { margin: 0; padding: 0; display: table-row; } .bab_catalog_filter .bab_catalog_filter_hold .bab_catalog_filter_title, .bab_catalog_filter .bab_catalog_filter_hold .bab_catalog_filter_cont_wrap { margin: 0; padding: 2px 0 12px; display: table-cell; vertical-align: top; } .bab_catalog_filter .bab_catalog_filter_hold .bab_catalog_filter_title { font-size: 15px; font-weight: 500; line-height: 1.2; color: #000; padding-right: 39px; padding-left: 29px; } .bab_catalog_filter .bab_catalog_filter_cont { justify-content: flex-start; } .bab_catalog_filter .bab-compare_label_hold { margin: 0 30px 10px 0; } .bab_catalog_filter .bab_catalog_filter_mob_titl { font-size: 22px; font-weight: 700; line-height: 1.2; color: #000; margin-bottom: 9px; padding-right: 30px; letter-spacing: 0.2px; display: none; } .bab_catalog_filter .bab_catalog_filter_mob_btn_hold { display: none; } .bab_catalog_filter .bab_catalog_filter_mob_btn_hold .bab-btn { width: 100%; } .bab_catalog_filter .bab_catalog_filter_close { position: absolute; z-index: 5; top: 15px; right: 2px; width: 40px; height: 40px; background: url("/bitrix/templates/babyliss_pro/images/bab/modal_close_ico_mob.svg") no-repeat center; background-size: 14px auto; display: none; } .bab-btn_disabled { opacity: 0.3; pointer-events: none; } .bab_r_btn_hold { padding: 31px 0 0; text-align: right; margin-bottom: -3px; } #bab-mob_filter_toggle { display: none; } .bab-loading_layer { position: absolute; z-index: 9; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); } /* spin*/ .bab-lds-spinner { display: inline-block; position: absolute; top: 255px; left: 50%; margin: 0 0 0 -28px; width: 54px; height: 54px; } .bab-lds-spinner span { display: block; transform-origin: 28px 26px; animation: bab-lds-spinner 0.7s linear infinite; } .bab-lds-spinner span:after { content: " "; display: block; position: absolute; top: 0; left: 26px; width: 5px; height: 16px; border-radius: 35%; background: #000; } .bab-lds-spinner span:nth-child(1) { transform: rotate(0deg); animation-delay: -0.7s; } .bab-lds-spinner span:nth-child(2) { transform: rotate(45deg); -moz-transform: rotate(45deg); animation-delay: -0.6s; } .bab-lds-spinner span:nth-child(3) { transform: rotate(88deg); -moz-transform: rotate(88deg); animation-delay: -0.5s; } .bab-lds-spinner span:nth-child(4) { transform: rotate(134deg); -moz-transform: rotate(134deg); animation-delay: -0.4s; } .bab-lds-spinner span:nth-child(5) { transform: rotate(180deg); -moz-transform: rotate(180deg); animation-delay: -0.3s; } .bab-lds-spinner span:nth-child(6) { transform: rotate(224deg); -moz-transform: rotate(224deg); animation-delay: -0.2s; } .bab-lds-spinner span:nth-child(7) { transform: rotate(268deg); -moz-transform: rotate(268deg); animation-delay: -0.1s; } .bab-lds-spinner span:nth-child(8) { transform: rotate(314deg); -moz-transform: rotate(314deg); animation-delay: 0s; } @keyframes bab-lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } /* end spin */ .bab-star_rate { justify-content: flex-start; flex-wrap: nowrap; } .bab-star_rate span { flex-shrink: 0; width: 12px; height: 12px; margin-right: 4px; background: url("/bitrix/templates/babyliss_pro/images/bab/star_grey.svg") no-repeat center; background-size: contain; } .bab-star_rate span.bab-active { background-image: url(/bitrix/templates/babyliss_pro/images/bab/star_yellow.svg); } .bab-review_sec { padding: 74px 0 21px; } .bab-review_sec .bab-h1 { margin-bottom: 19px; } .bab-review_sec .bab-review_btn_hold { justify-content: flex-start; padding: 3px 0 60px 32px; border-bottom: 1px solid #e7e7e7; } .bab-review_sec .bab-review_btn_hold .bab-btn { margin: 0 0 20px 20px; } .bab-review_hold { margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 20px; letter-spacing: 0.13px; width: 780px; max-width: 100%; } .bab-review_hold li { margin: 0 0 27px; padding: 0 0 28px; justify-content: flex-start; flex-wrap: nowrap; position: relative; } .bab-review_hold li:after { content: ''; display: block; position: absolute; left: 52px; right: 0; bottom: 0; height: 1px; background: #e7e7e7; } .bab-review_hold .bab-review_item_img { flex-shrink: 0; position: relative; width: 42px; height: 42px; border-radius: 50%; overflow: hidden; border: 1px solid #e7e7e7; background: #fafafa url("/bitrix/templates/babyliss_pro/images/bab/user-avatar.svg") no-repeat 50% 10px; background-size: 17px auto; margin-top: 3px; } .bab-review_hold .bab-review_item_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; min-height: 100%; height: auto; } .bab-review_hold .bab-review_item_cont { flex: 1 1 auto; padding: 0 0 0 10px; } .bab-review_hold .bab-review_item_title { align-items: flex-end; justify-content: flex-start; margin-bottom: 11px; } .bab-review_hold .bab-review_item_user { flex-shrink: 0; font-size: 16px; font-weight: 500; color: #000; margin-right: 9px; } .bab-review_hold .bab-time { margin: 0 0 2px; font-size: 12px; color: #9b9b9b; } .bab-review_hold .bab-star_rate { margin-bottom: 13px; } .bab-video_custom { flex-shrink: 0; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; } .bab-video_custom:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.3; z-index: 1; } .bab-video_custom .bab-play_ico { width: 66px; height: 46px; position: absolute; z-index: 5; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .bab-video_custom .bab-play_ico:before, .bab-video_custom .bab-play_ico:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; background: url("/bitrix/templates/babyliss_pro/images/bab/youtube.svg") no-repeat center; background-size: contain; } .bab-video_custom .bab-play_ico:after { background-image: url("/bitrix/templates/babyliss_pro/images/bab/youtube_red.svg"); opacity: 0; } .bab-video_custom:hover .bab-play_ico:before { opacity: 0; } .bab-video_custom:hover .bab-play_ico:after { opacity: 1; } .bab-video_wrap { position: relative; margin-bottom: 40px; } .bab-video_wrap .bab-video { padding: 0; height: 440px; margin-bottom: 0; display: block; } .bab-video_wrap .bab-video:before { display: none; } .bab-prod_sec .bab-h1 { margin-bottom: 8px; } .bab-prod_sec .bab-prod_top { justify-content: flex-start; font-size: 13px; line-height: 17px; letter-spacing: 0.1px; margin-bottom: 20px; } .bab-prod_sec .bab-prod_art { color: #787878; white-space: nowrap; flex-shrink: 0; margin: 0 30px 0 0; } .bab-prod_sec .bab-prod_avail, .bab-prod_sec .bab-prod_avail_not { flex-shrink: 0; white-space: nowrap; color: #6ac259; position: relative; padding-left: 13px; } .bab-prod_sec .bab-prod_avail:before, .bab-prod_sec .bab-prod_avail_not:before { content: ''; display: block; position: absolute; top: 5px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: #6ac259; } .bab-prod_sec .bab-prod_avail_not { color: #787878; } .bab-prod_sec .bab-prod_avail_not:before { background: #787878; } .bab-prod_wrapp { justify-content: flex-start; flex-wrap: nowrap; padding-bottom: 15px; } .bab-prod_wrapp .bab-prod_l { flex-shrink: 0; width: 780px; } .bab-prod_wrapp .bab-prod_r { flex: 1 1 auto; padding: 0 0 0 20px; } .bab-prod_wrapp2 { padding-bottom: 40px; } .bab-prod_dis { font-size: 14px; line-height: 22px; letter-spacing: 0.15px; margin-bottom: 35px; } .bab-prod_dis .bab-h3 { margin-bottom: 21px; } .bab-prod_dis p { margin-bottom: 22px; } .bab-download_item { display: inline-block; position: relative; font-size: 15px; line-height: 21px; font-weight: 500; color: #000; text-align: left; padding: 2px 0 0 55px; min-height: 44px; } .bab-download_item:hover { color: #eb1c23; } .bab-download_item:before { display: none; } .bab-download_item .bab-download_item_title { display: block; margin-bottom: -1px; } .bab-download_item .bab-download_item_sm { font-size: 11px; line-height: 1.2; color: #787878; } .bab-download_item .bab-download_item_img { position: absolute; overflow: hidden; top: 0; left: 0; width: 43px; height: 44px; } .bab-download_item .bab-download_item_img img { max-width: 100%; max-height: 100%; width: auto; height: auto; } .bab-download_hold { margin-bottom: 10px; } .bab-download_hold ul { margin: 0; padding: 17px 0 0; list-style: none; } .bab-download_hold ul li { margin: 0 0 25px; padding: 0; } .bab-prod_info { margin-bottom: 19px; } .bab-prod_info dl { margin: 0 0 11px; padding: 0; flex-wrap: nowrap; align-items: flex-end; position: relative; font-size: 13px; line-height: 1.2; color: #000; letter-spacing: 0.15px; } .bab-prod_info dl:after { content: ''; position: absolute; bottom: 3px; left: 0; right: 0; border-bottom: 1px dotted #c0c0c0; } .bab-prod_info dl dt, .bab-prod_info dl dd { padding: 0; background: #fff; position: relative; z-index: 1; } .bab-prod_info dl dt { padding-right: 2px; color: #787878; margin: 0 10px 0 0; } .bab-prod_info dl dd { padding-left: 2px; text-align: right; margin: 0 0 0 auto; flex-shrink: 0; max-width: 60%; } .bab-fast_order_form_wrapp { border-radius: 4px; background: #fafafa; border: 1px solid #e7e7e7; padding: 17px 19px 19px; margin-bottom: 20px; } .bab-fast_order_form_wrapp .titl { font-size: 16px; font-weight: 700; line-height: 22px; margin-bottom: 10px; } .bab-fast_order_form { margin: 0; position: relative; } .bab-fast_order_form .bab-input { margin: 0; } .bab-fast_order_form .bab-input input { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-fast_order_form .bab-input input:focus { border-color: #bdbdbd; } .bab-fast_order_form .bab-btn { position: absolute; top: 50%; right: 9px; margin-top: -19px; z-index: 1; min-width: 103px; } .bab_prod_price_hold { align-items: flex-end; justify-content: flex-start; margin: -4px 0 21px; min-height: 51px; } .bab_prod_price_hold .bab_prod_price { flex-shrink: 0; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-right: 20px; min-width: 122px; } .bab_prod_price_hold .bab-prod_price_num { color: #010101; font-size: 28px; font-weight: 700; line-height: 1.2; letter-spacing: 0.1px; } .bab_prod_price_hold .bab-prod_price_num .bab-rub { width: 18px; height: 20px; margin-left: -1px; } .bab_prod_price_hold .bab-del { font-size: 15px; font-weight: 700; line-height: 1.2; color: #787878; position: relative; padding: 0 2px; } .bab_prod_price_hold .bab-del:after { content: ''; display: block; position: absolute; height: 1px; background: #787878; top: 50%; left: 0; right: 0; } .bab_prod_price_hold .bab-del .bab-rub { width: 11px; height: 11px; background-image: url(/bitrix/templates/babyliss_pro/images/bab/ruble_grey.svg); margin-left: -1px; } .bab-payment_ico_hold { margin: 0 -10px 0 0; padding: 10px 0 0; list-style: none; align-items: flex-end; justify-content: flex-start; } .bab-payment_ico_hold li { flex-shrink: 0; align-items: flex-end; justify-content: center; margin: 0 10px 9px 0; padding: 0; height: 16px; } .bab-payment_ico_hold li img { flex-shrink: 0; max-width: 50px; width: auto; height: 100%; } .bab-prod_sec_btn_hold { margin-bottom: 8px; } .bab-prod_sec_btn_hold .bab-btn { width: 100%; margin-bottom: 20px; } .bab-prod_slide_sec { padding: 0 0 10px; width: 680px; max-width: 100%; } .bab-prod_slide { height: 526px; overflow: hidden; margin-bottom: 12px; } .bab-prod_slide .bab-prod_slide_img { display: block; position: relative; height: 526px; } .bab-prod_slide .bab-prod_slide_img:before { display: none; } .bab-prod_slide .bab-prod_slide_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; } .bab-slide_nav { height: 66px; margin: 0 13px 10px; overflow: visible; } .bab-slide_nav .bab-slide_nav_img { position: relative; overflow: hidden; height: 66px; cursor: pointer; } .bab-slide_nav .bab-slide_nav_img:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.6; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-slide_nav .bab-slide_nav_img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; } .bab-slide_nav .slick-current .bab-slide_nav_img:after, .bab-slide_nav .bab-slide_nav_img:hover:after { opacity: 0; } .bab-slide_nav .slick-current .bab-slide_nav_img { cursor: default; } .bab-slide_nav .slick-arrow { width: 24px; height: 24px; background-color: rgba(255, 255, 255, 0.8); margin-top: -3px; } .bab-slide_nav .slick-arrow:after, .bab-slide_nav .slick-arrow:before { width: 6px !important; height: 10px !important; background-size: 6px auto !important; margin-top: -5px; } .bab-slide_nav .slick-next { right: -12px; } .bab-slide_nav .slick-prev { left: -12px; } .bab-slide_nav .slick-prev:after, .bab-slide_nav .slick-prev:before { margin-left: -3px !important; } .bab-slide_nav .slick-prev:after { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr_left_black.svg); } .bab-slide_nav .slick-next:after, .bab-slide_nav .slick-next:before { margin-left: -2px !important; } .bab-slide_nav .slick-next:after { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr_black.svg); } .bab-zoom_ico { position: absolute; top: 0; left: 0; width: 36px; height: 36px; border-radius: 50%; background: #f5f5f5; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-zoom_ico:before, .bab-zoom_ico:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; width: 18px; height: 18px; background: url("/bitrix/templates/babyliss_pro/images/bab/zoom.svg") no-repeat center; background-size: contain; } .bab-zoom_ico:after { background-image: url(/bitrix/templates/babyliss_pro/images/bab/zoom_white.svg); opacity: 0; } .bab-prod_slide .bab-prod_slide_img:hover .bab-zoom_ico, .bab-zoom_ico:hover { background: #969696; } .bab-prod_slide .bab-prod_slide_img:hover .bab-zoom_ico:before, .bab-zoom_ico:hover:before { opacity: 0; } .bab-prod_slide .bab-prod_slide_img:hover .bab-zoom_ico:after, .bab-zoom_ico:hover:after { opacity: 1; } /* fancybox */ body.fancybox-active { overflow: hidden; width: auto; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; } .fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; visibility: visible; transition: opacity 0.25s, visibility 0s; } .fancybox-infobar { font-family: 'Roboto Condensed', sans-serif; bottom: 20px; left: 0; right: 0; font-size: 15px; font-weight: 400; padding: 0 10px; line-height: 1; color: #fff; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translateZ(0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image:before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #e5e3df; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(0%); max-height: calc(12%); overflow: visible; background: #fff; } .fancybox-iframe { display: block; padding: 0; border: 0; height: 100%; } .fancybox-error, .fancybox-iframe { margin: 0; width: 100%; background: #fff; } .fancybox-error { padding: 40px; max-width: 380px; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; background: rgba(255, 255, 255, 0.8) no-repeat center !important; background-size: 9px auto !important; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button:hover { background-color: #ffffff !important; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3px; } .fancybox-button--share svg path { stroke-width: 1px; } .fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -20px 0 0; z-index: 99997; background: transparent; } .fancybox-navigation .fancybox-button--arrow_left { left: 15px; } .fancybox-navigation .fancybox-button--arrow_right { right: 15px; } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: ""; position: absolute; top: 11px; right: 11px; width: 30px; height: 30px; font: 16px/30px Arial, Helvetica Neue, Helvetica, sans-serif; color: #a6a6a6; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: url("/bitrix/templates/babyliss_pro/images/bab/modal_close_ico_mob.svg") no-repeat center; background-size: 12px 12px; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: none; } .fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0; background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8)); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; } .fancybox-caption a { color: #fff; text-decoration: underline; } .fancybox-slide > .fancybox-loading { border: 6px solid rgba(99, 99, 99, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: a .8s infinite linear; animation: a .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes a { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } .fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scaleX(1); transform: scaleX(1); opacity: 1; } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-1turn); transform: rotate(-1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scaleX(1) translateZ(0); transform: scaleX(1) translateZ(0); opacity: 1; } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); } .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; transition: all 0.2s; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { box-sizing: border-box; width: 100%; margin: 10px 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-bottom: 2px solid #d7d7d7; } .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(46%); max-height: calc(92%); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } @media (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(90%); } } .fancybox-is-open .fancybox-bg { background: #000 !important; opacity: 0.86 !important; } .fancybox-button--close { width: 27px !important; height: 27px !important; margin: 15px !important; padding: 0 !important; background: #3d3d3f url("/bitrix/templates/babyliss_pro/images/bab/modal_close_ico_white.svg") no-repeat center !important; background-size: 11px 11px !important; border-radius: 50%; top: 0; right: 0; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } .fancybox-button--close:hover { background-color: #6c6c6c !important; } .fancybox-button--close svg { display: none !important; } .fancybox-button--arrow_right:before, .fancybox-button--arrow_left:before { display: none !important; } .fancybox-button--arrow_right svg, .fancybox-button--arrow_left svg { display: none !important; } .fancybox-button--arrow_right { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr.svg) !important; } .fancybox-button--arrow_left { background-image: url(/bitrix/templates/babyliss_pro/images/bab/slider_arr_left.svg) !important; } .fancybox-button--play, .fancybox-button--fullscreen, .fancybox-button--thumbs, .fancybox-button--share { display: none !important; } /* end fancybox */ .bab-offer_sec { background: #fafafa; padding: 74px 0 80px; font-size: 14px; line-height: 22px; letter-spacing: 0.15px; } .bab-offer_sec .bab-h1 { margin-bottom: 8px; } .bab-offer_sec p { margin-bottom: 23px; } .bab-offer_sec .bab-catalog { background: #fff; } .bab-offer_sec .bab-catalog_item { right: -1px; } .bab-offer_sec .bab-catalog_item:before { content: ''; display: block; position: absolute; width: 40px; height: 40px; border: 1px solid #e7e7e7; border-radius: 50%; background: #fafafa url("/bitrix/templates/babyliss_pro/images/bab/plus-big.svg") no-repeat center; background-size: 16px auto; top: 93px; left: -21px; z-index: 3; pointer-events: none; } .bab-offer_sec .bab-catalog_item:nth-child(1):before, .bab-offer_sec .bab-catalog_item:nth-child(5):before, .bab-offer_sec .bab-catalog_item:nth-child(9):before, .bab-offer_sec .bab-catalog_item:nth-child(13):before { display: none; } .bab-offer_sec .bab-catalog_item.bab-catalog_item_empty a:hover { color: #000; } .bab-offer_sec .bab-catalog_item.bab-catalog_item_empty .bab-catalog_item_title, .bab-offer_sec .bab-catalog_item.bab-catalog_item_empty .bab-catalog_item_price { opacity: 0.4; } .bab-offer_sec .bab-catalog_item.bab-catalog_item_empty .bab-compare_label_hold { opacity: 0; pointer-events: none; } .bab-offer_sec .bab-catalog_item.bab-catalog_item_empty:after { border-color: #b5b5b5; z-index: 2; } .bab-offer_sec .bab-offer_sec_bottom { align-items: center; justify-content: center; background: #fff; border: 1px solid #e7e7e7; border-top: none; padding: 14px 10px; } .bab-offer_sec .bab-offer_sec_bottom_cont { padding-right: 22px; } .bab-offer_sec .bab-offer_sec_bottom_cont dl { margin: 3px 0; padding: 0 10px 0 0; align-items: flex-end; justify-content: flex-start; flex-wrap: nowrap; font-size: 14px; line-height: 1.2; font-weight: 400; } .bab-offer_sec .bab-offer_sec_bottom_cont dl dt, .bab-offer_sec .bab-offer_sec_bottom_cont dl dd { margin: 0; padding: 0; position: relative; } .bab-offer_sec .bab-offer_sec_bottom_cont dl dt { padding-right: 8px; } .bab-offer_sec .bab-offer_sec_bottom_cont dl dd { font-size: 15px; font-weight: 700; color: #000; } .bab-offer_sec .bab-offer_sec_bottom_cont dl .bab-rub { position: relative; width: 10px; height: 11px; left: 1px; } .bab-offer_sec .bab-offer_sec_bottom_cont dl:first-of-type { font-size: 16px; font-weight: 500; color: #000; } .bab-offer_sec .bab-offer_sec_bottom_cont dl:first-of-type dd { font-size: 20px; font-weight: 700; top: 1px; } .bab-offer_sec .bab-offer_sec_bottom_cont dl:first-of-type .bab-rub { width: 14px; height: 14px; left: -2px; } .bab_timer_hold { padding: 0; flex-shrink: 0; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .bab_timer_hold .bab-timer_title { font-size: 12px; line-height: 1.2; color: #6f6f6f; letter-spacing: 0.1px; margin-bottom: 9px; } .bab_timer_hold .bab_timer { align-items: stretch; flex-wrap: nowrap; border-radius: 4px; overflow: hidden; background: #f5f5f5; font-size: 10px; line-height: 1.2; font-weight: 400; color: #908f8f; white-space: nowrap; padding: 7px 28px 9px; } .bab_timer_hold .bab-timer_item { flex-shrink: 0; text-align: center; letter-spacing: 0.1px; } .bab_timer_hold .bab-timer_num { font-size: 13px; line-height: 1.2; font-weight: 700; color: #000; letter-spacing: 0.1px; display: block; margin-bottom: 1px; } .bab_timer_hold .bab-timer_dot { flex-shrink: 0; position: relative; width: 3px; margin: 0 25px; } .bab_timer_hold .bab-timer_dot:before, .bab_timer_hold .bab-timer_dot:after { content: ''; position: absolute; left: 0; right: 0; height: 3px; background: #000; } .bab_timer_hold .bab-timer_dot:before { top: 7px; } .bab_timer_hold .bab-timer_dot:after { bottom: 7px; } .bab-compare_label_hold + .bab_timer_hold { padding: 16px 0 0; } .bab-prod_sec .bab_timer_hold { padding: 0; margin-bottom: 30px; } #bx-soa-order-form * { box-sizing: border-box; } #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total+.form{padding-top:20px;} #content #bx-soa-order-form *{box-sizing:border-box;} #content #bx-soa-order-form #pickUpMap, #content #bx-soa-order-form #pickUpMap *, #content #bx-soa-order-form #propsMap, #content #bx-soa-order-form #propsMap *{box-sizing:content-box;} #bx-soa-order-form{font-size:12px;} #bx-soa-order .form-control:focus{outline:none;box-shadow:none;border-color:#f2f2f2;} #content #bx-soa-order-form .row{margin-top:0px;} #content #bx-soa-order-form .row.bx-soa-more{margin-top:30px;} #bx-soa-orderSave{/*display:block !important;*/} .bx-soa-section.bx-step-completed .bx-soa-section-content, .bx-soa-section.bx-selected .bx-soa-section-content{padding:0;line-height:20px;font-size:14px;transition:none;} .bx-soa-section{transition:none;} #bx-soa-order ul li:before{display:none;} #bx-soa-order .alert-danger{font-size:14px;line-height:20px;border-radius:0;padding:15px 29px;background:#ffeeee;color:#e83333;} #bx-soa-order .bx-soa-section{border-radius:0;margin:0 0 20px;} #bx-soa-order .bx-soa-section.bx-selected{border:1px solid #f2f2f2;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container{padding:29px 19px 29px 79px;border-bottom:1px solid #f2f2f2;background:#fbfbfb;cursor:pointer;} #bx-soa-order .bx-soa-section.bx-selected .bx-soa-section-title-container{cursor:default;} #bx-soa-order .bx-soa-section .bx-soa-section-title{position:relative;font-size:20px;line-height:24px;color:#333;padding-left:0!important;padding-top:1px;font-weight:bold;} #bx-soa-order .bx-soa-section .bx-soa-section-title:before{content:"";position:absolute;left:-50px;top:-3px;margin:0;width:30px;height:30px;background:url(/bitrix/templates/babyliss_pro/images/svg/order.svg) 0 0 no-repeat;} #bx-soa-order:not(.orderform--v1) .bx-soa-section.bx-step-completed .bx-soa-section-title:before{background-color:#52c200;background-position:-30px -30px !important;} #bx-soa-order .bx-soa-section.bx-step-error:not(.bx-selected) .bx-soa-section-title:before{background:none;background:url(/bitrix/templates/babyliss_pro/images/svg/order.svg) -60px -30px no-repeat !important;} #bx-soa-order .bx-soa-editstep{display:inline-block;margin:1px 0 0;font-size:14px;line-height:20px;border:none;} #bx-soa-order .bx-soa-editstep:first-letter{text-transform:uppercase;} #bx-soa-order .bx-soa-editstep:hover{text-decoration:none;} #bx-soa-order .bx-soa-section.bx-selected .bx-soa-editstep{display:none;} #bx-soa-order #bx-soa-region{border:1px solid #f2f2f2;} #bx-soa-order #bx-soa-region .bx_soa_location{} #bx-soa-order #bx-soa-region .bx_soa_location .form-group .bx-soa-custom-label{display:block;} #bx-soa-order #bx-soa-region .bx_soa_location .form-group:first-child br{display:none;} #bx-soa-order #bx-soa-region .bx_soa_location .form-group:first-child>label{margin:0 0 5px;} #bx-soa-order #bx-soa-region .bx_soa_location .form-group.bx-soa-location-input-container{margin:0 0 25px;} #bx-soa-order #bx-soa-region .bx_soa_location .radio-inline{margin:5px 40px 5px 0;} #bx-soa-order .bx-soa .bx-soa-custom-label, .bx-soa .form-group label, .bx-soa .form-group .bx-soa-customer-label{margin:0;padding:0;font-size:13px;line-height:20px;margin-bottom:2px;color:#777777;z-index:1;} #bx-soa-order div[class*=bx-sls] .quick-locations{margin:7px 0 12px;} #bx-soa-order div[class*=bx-sls] .quick-locations .quick-location-tag{margin:3px 1px 1px 1px;padding:0;padding:5px 15px;height:auto;background:none;border:1px solid #ddd;font-size:14px;line-height:20px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;} #bx-soa-order div[class*=bx-sls] .quick-locations .quick-location-tag:hover{color:#FFF;} #bx-soa-order .bx-ui-sls-tree-trunk{font-size:14px;padding-left:45px;} #bx-soa-order div[class*=bx-sls] .form-control.dropdown-block{font-size:14px;color:#333;line-height:20px;border:1px solid #ececec;background:#f7f7f7;padding-left:44px;} .bx-soa-location-input-container .bx-ui-slst-pool > div{padding-left:44px;} #bx-soa-order .bx-sls .form-control.dropdown-block{position:relative;height:auto;} #bx-soa-order div[class*=bx-sls] .form-control.dropdown-block .bx-ui-sls-container input{padding-right:27px!important;} div[class*=bx-sls] .dropdown-icon{position:absolute;left:17px;top:50%;margin:-8px 0 0;width:16px;height:16px;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -5px -75px no-repeat;} div[class*=bx-sls] .bx-ui-sls-clear{position:absolute;margin:0;height:auto;right:0;top:0;bottom:0;width:44px;height:auto;cursor:pointer;background:none;} div[class*=bx-sls] .bx-ui-sls-clear:before{content:"";position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px;width:20px;height:20px;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -82px -61px no-repeat !important;border-radius:100%;} div[class*=bx-sls] .bx-ui-sls-clear:hover:before{background-position:-82px -82px !important;background-color:#ddd;} .bx-sls .dropdown-block{background:#f7f7f7;padding:1px 44px 1px;font-size:14px;color:#333;line-height:20px;border:1px solid #ececec;box-shadow:none;} body .filter.label_block input + label{padding-left:23px;font-size:13px;color:#888;} #bx-soa-order .bx-slst .dropdown-block.form-control{margin-bottom:10px;} #bx-soa-order #bx-soa-orderSave{margin:20px 0 0;padding:0!important;text-align:center;} #bx-soa-order #bx-soa-orderSave .checkbox{display:none;} #bx-soa-order .form{text-align:center;} #bx-soa-order .form .licence_block{display:inline-block;padding-bottom:5px;} #bx-soa-order .form .licence_block label{font-size:14px;color:#333;} #bx-soa-order .form .licence_block label.error{font-size:12px;} #bx-soa-order #bx-soa-orderSave a{float:none!important;text-shadow:none;color:#FFF;padding:11px 40px 13px;font-size:17px;line-height:20px;font-weight:bold;display:inline-block !important;margin-top:0px !important;} #bx-soa-order .bx-soa-more{border:none;padding:25px 29px 0 29px;margin:27px -29px 0 -79px;border-top:1px solid #f1f1f1;} #bx-soa-order .bx-soa-more .bx-soa-more-btn{padding:0;} #bx-soa-order .bx-soa-more .bx-soa-more-btn .pull-left{background:none;} #bx-soa-order .bx-soa-more .bx-soa-more-btn .pull-left:hover{color:#FFF;} #bx-soa-order #bx-soa-region .bx_soa_location .form-group[data-property-id-row]{margin-top:20px;} #bx-soa-order .bx-soa-section-title-count{display:none;} #bx-soa-order .alert .row{margin-top:0px;} #bx-soa-order .alert .row div{font-size:12px;} .bx-sls .dropdown-fade2white{display:none;} #bx-soa-order .form-group{position:relative;font-size:14px;} #bx-soa-order .form-group label[for="zipProperty"]:not(.error){top:0px;left:0px;font-weight:normal;cursor:text;display:block;font-size:13px;margin-bottom:7px;color:#777777;} #bx-soa-order .form-group.value_y label:not(.error){position:absolute;background:#FFF;font-size:12px;top:-10px;left:10px;padding:0 7px;} #bx-soa-order .form-group.value_y input, #bx-soa-order .form-group.value_y textarea{background:#FFF;} #bx-soa-order .bx-soa-reference{margin:-8px 0 0;padding:0;font-size:12px;line-height:14px;color:#999999;border:none;} #bx-soa-order .bx-soa .form-group .radio-inline{padding:0;} #bx-soa-order .bx-soa .form-group .radio-inline label{display:inline-block;float:none;margin:0;font-size:15px;font-weight:bold;color:#333333;cursor:pointer;position:relative;padding:0 0 0 32px!important;} #bx-soa-order .bx-soa .form-group .radio-inline label:before{content:"";display:block;position:absolute;left:0;top:-1px;width:20px;height:20px;background:#fbfbfb;border:1px solid #e9e9e9;border-radius:100%;} #bx-soa-order .bx-soa .form-group .radio-inline label:hover:before{border:none;} #bx-soa-order .bx-soa .form-group .radio-inline.checked label{cursor:default;} #bx-soa-order .bx-soa .form-group .radio-inline.checked label:before{border:none;} #bx-soa-order .bx-soa .form-group .radio-inline.checked label:after{content:"";position:absolute;left:5px;top:5px;width:10px;height:8px;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -64px -9px no-repeat;} #bx-soa-order .bx-soa .form-group .radio-inline input{display:none;} #bx-soa-order .bx-soa-tooltip{position:absolute;bottom:-22px;left:0px;padding:0;background:none;max-width:100%;box-shadow:none;top:auto;} #bx-soa-order .bx-soa-tooltip .tooltip-arrow{display:none;} #bx-soa-order .bx-soa-tooltip .tooltip-inner{max-width:100%;padding:0;font-size:12px;line-height:20px;color:#fe5252;background:none;} #bx-soa-order .has-error .form-control{border-color:#fe5252;} #bx-soa-order .form-group.has-error{margin-bottom:41px!important;} #bx-soa-order .form-group.has-error input{border-color:#fe5252;} #bx-soa-order .form-group.has-error .form-control.dropdown-block{border-color:#fe5252;} #bx-soa-order .form.form-group.bx-soa-customer-field{text-align:center;padding-top:4px;margin-bottom:20px !important;} #bx-soa-order .form.form-group.bx-soa-customer-field .licence_block{display:inline-block;padding:0px;text-align:center;} #bx-soa-order .form.form-group.bx-soa-customer-field .licence_block .license{display:inline-block;} #bx-soa-order .form.form-group.bx-soa-customer-field .licence_block .bx-soa-tooltip{bottom:-35px;position:static;} #bx-soa-order .form.form-group.bx-soa-customer-field .licence_block .bx-soa-tooltip .tooltip-inner{text-align:left;} #bx-soa-order .form.form-group + #bx-soa-orderSave{margin-top:15px;} #bx-soa-order #bx-soa-delivery .bx-soa-section-title:before{background-position:-30px 0;} #bx-soa-order #bx-soa-delivery .bx-soa-pp-price{white-space:nowrap;} #bx-soa-order .bx-soa .bx-soa-location-input-container:before{display:none;} #bx-soa-order .bx-soa-pp-item-container:after{content:"";display:table;clear:both;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company{clear:both;position:relative;float:none;border:none;margin:19px 0 0;padding:0 0 24px;width:auto;transition:none;cursor:pointer;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company:after{content:"";display:table;clear:both;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company:first-child{margin-top:0;} #bx-soa-order .bx-soa-pp-company-graf-container{position:relative;padding:0;border:1px solid #fbfbfb;border-radius:0;width:120px;height:72px;background:#fbfbfb;cursor:pointer;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{/*float:left;*/} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-graf-container{display:table-cell;vertical-align:middle;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-graf-container:before{content:"";position:absolute;top:7px;left:7px;width:20px;height:20px;border:1px solid #f2f2f2;background:#FFF;border-radius:100%;z-index:1;} #bx-soa-order .bx-soa-pp-item-container:hover .bx-soa-pp-company-graf-container:before{/*border:none;*/} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container:before{border:none;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container:after{content:"";position:absolute;left:12px;top:13px;width:10px;height:8px;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -64px -9px no-repeat;z-index:2;} #bx-soa-order .bx-soa-pp-company-graf-container .bx-soa-pp-company-image{position:relative;border:1px solid #f2f2f2;width:118px;height:70px;top:auto;right:auto;bottom:auto;left:auto;background-position:center center!important;background-size:auto!important;background-repeat:no-repeat!important;} #bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container .bx-soa-pp-company-image{cursor:default;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-graf-container input{display:none;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle{display:table-cell;vertical-align:middle;padding:0 0 0 20px;font-size:15px;font-weight:bold;line-height:20px;color:#777;text-align:left;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected{cursor:default;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle{color:#333;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-delivery-cost{font-size:14px;line-height:20px;color:#333;padding:1px 5px;background:#fbfbfb;text-align:center;left:0;right:0;bottom:-24px;border:1px solid #f2f2f2;border-top:none;} #bx-soa-order .bx-soa-pp-desc-container{padding-top:0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company{position:relative;padding:22px 24px 20px;border:1px solid #f2f2f2;border-top:none;background:#fbfbfb;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company:before{content:"";position:absolute;top:0;right:-1px;left:-1px;height:2px;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company:after{content:"";display:table;clear:both;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-image{margin:5px 0 0;background:#FFF;cursor:default;border-radius:0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block:after{content:"";display:table;clear:both;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block>br{display:none;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{padding:10px 0 0 0px;font-size:13px;line-height:20px;color:#777777;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list{padding:0;margin:17px 0 0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list li{padding:0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-list-termin{margin:0 3px 0 0;display:inline-block;vertical-align:top;font-size:15px;font-weight:bold;line-height:20px;color:#333;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-list-description{display:inline-block;vertical-align:top;font-size:15px;font-weight:bold;line-height:20px;color:#333;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-logo{padding:0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-subTitle{margin:0 0 10px;font-size:15px;font-weight:bold;line-height:20px;color:#383838;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-field label:not(.error){position:relative;top:auto;left:auto;margin:0 0 5px;padding:0;font-size:13px;line-height:20px;color:#777777;background:none;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-field .bx-soa-service-small{margin:7px 0 0;font-size:12px;line-height:14px;color:#999999;} #bx-soa-order .bx-soa-pp-desc-container .checkbox{margin:21px 0 0;} #bx-soa-order .bx-soa-pp-desc-container .checkbox:first-child{margin-top:0;} #bx-soa-order .bx-soa-pp-desc-container .checkbox input{display:none;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label{position:relative;padding:0 0 0 27px;font-size:14px;line-height:20px;color:#333333;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label:before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border:1px solid #e9e9e9;background:#FFF;border-radius:2px;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label:hover:before{border:none;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label.checked:before{border:none;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label.checked:after{content:"";position:absolute;top:6px;left:4px;width:10px;height:8px;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -64px -9px no-repeat;} #bx-soa-order .bx-soa-pp-desc-container .checkbox .bx-soa-service-small{margin:1px 0 0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-field{margin:13px 0 0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-field:first-of-type{margin-top:22px;} #bx-soa-order .bx-soa-section{border:1px solid #f2f2f2;} #bx-soa-order .bx-soa-section.bx-step-completed{border:1px solid #f2f2f2;} #bx-soa-order .bx-soa-pp-company-block .form-control{font-size:12px;} #bx-soa-order .form-control{margin-bottom:0px;} body #bx-soa-order .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted{background:#ffd02e;padding:3px 8px 2px;border-radius:3px;margin:10px 0px 10px;} #bx-soa-order .bx-soa-section .bx-soa-section-content{padding:25px 29px 25px 79px;font-size:15px;line-height:20px;color:#333333;transition:none;} #bx-soa-order .bx-soa-section.bx-active .bx-soa-section-content strong{font-weight:bold;margin:0;} #bx-soa-order .bx-soa-coupon{margin:30px -29px -2px -79px;padding:25px 29px 0 29px;border-top:1px solid #f2f2f2;} #bx-soa-order #bx-soa-basket .bx-soa-coupon{margin:0 0 27px;} #bx-soa-order #bx-soa-basket .bx-soa-more{margin:0 0 25px;} #bx-soa-order .bx-soa-coupon-label{margin:2px 0 0;padding:0;display:inline-block;vertical-align:top;} #bx-soa-order .bx-soa-coupon-block{display:inline-block;vertical-align:top;} #bx-soa-order .bx-soa-coupon label{margin:0;width:90px;font-size:14px;font-weight:normal;line-height:15px;color:#333333;} #bx-soa-order .bx-soa-coupon.bx-soa-coupon-item-fixed .bx-soa-coupon-label{margin-top:0;} #bx-soa-order .bx-soa-coupon-input{width:260px;display:block;position:relative;overflow:hidden;border-radius:2px;} #bx-soa-order .bx-soa-coupon-input:after{content:"";position:absolute;top:-1px;bottom:-1px;right:0;margin:0;width:45px;height:auto;cursor:pointer;border:none;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -30px -28px no-repeat;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} #bx-soa-order .bx-soa-coupon-input:hover:after{background-position:9px -28px;} #bx-soa-order .bx-soa-coupon-input input[type=text].form-control,#bx-soa-order textarea.form-control{padding:8px 67px 7px 17px;height:auto;color:#333;background:#fbfbfb;font-size:14px;line-height:20px;border-radius:2px;} #bx-soa-order .bx-soa-coupon-input input[type=text].form-control:focus{background:#FFF;} #bx-soa-order .bx-soa-section.bx-active .bx-soa-section-content .bx-soa-pp-company-selected img{display:none;} #bx-soa-order .bx-soa-pp-company-selected{padding-top:0;padding-bottom:0;} #bx-soa-order .bx-soa-pp-price{padding:0;font-size:15px;font-weight:bold;line-height:20px;color:#333;} #bx-soa-order #bx-soa-paysystem .bx-soa-section-title:before{background-position:-60px 0;} #bx-soa-order #bx-soa-properties .bx-soa-section-title:before{background-position:-90px 0;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]){margin:4px 0 0;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]):first-child{margin-top:0;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]) .bx-soa-custom-label{margin:0 3px 0 0;display:inline-block;vertical-align:top;font-size:15px;font-weight:bold;line-height:20px;color:#333;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]) .bx-soa-custom-label:after{content:":";} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]) .bx-soa-custom-label .bx-authform-starrequired{display:none;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row])>div{display:inline-block;vertical-align:top;} #bx-soa-order #bx-soa-basket .bx-soa-section-title:before{background-position:0 -30px;} #bx-soa-order .bx-soa-section .bx-soa-coupon-item{display:block;} #bx-soa-order .bx-soa-section .bx-soa-section-content .bx-soa-coupon-item>strong{display:block;margin:16px 0 0;font-weight:normal;text-transform:none;font-size:14px;line-height:20px;color:#333333;} #bx-soa-order .bx-soa-section .bx-soa-coupon-item .bx-soa-tooltip{float:right;display:block;margin:0 0 0 15px;opacity:1;position:relative;left:auto;bottom:auto;} #bx-soa-order #bx-soa-paysystem .bx-soa-pp-item-container .bx-soa-pp-company{padding-bottom:0;} #bx-soa-order .bx-soa-coupon-item .bx-soa-tooltip .tooltip-inner{font-size:14px;color:#333;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-danger{position:relative;padding:0 0 0 30px;color:#333;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-used{position:relative;padding:0 0 0 30px;color:#333;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-success{position:relative;padding:0 0 0 30px;color:#333;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-danger:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -32px -73px no-repeat;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-used:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -26px -4px no-repeat;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-success:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -5px -4px no-repeat;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-remove{float:right;width:20px;height:20px;margin:2px 0 0 3px;border-radius:100%;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -82px -62px no-repeat;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-remove:hover{background-position:-82px -82px;} #bx-soa-order #bx-soa-properties .form-group{margin:0 0 30px;} #bx-soa-order #bx-soa-properties.bx-selected .form-group label{position:relative;top:0px;left:0px;cursor:text;font-size:13px;margin-bottom:6px;} #bx-soa-order #bx-soa-properties.bx-selected .form-group.value_y label{background:#FFF;top:-10px;left:10px;padding:0 7px;} #bx-soa-order #bx-soa-properties .form-group textarea{height:106px;} #bx-soa-order #propsMap{margin:0 0 20px;height:332px!important;} #bx-soa-order #propsMap>ymaps{height:332px!important;} #bx-soa-order .bx-soa-cart-total{padding:30px 29px 40px;border:1px solid #f2f2f2;border-radius:0;background:#FFF;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line{margin:2px 0 0;padding:0;font-size:14px;line-height:20px;color:#333333;border:none;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line:first-child{margin-top:0;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-t{width:46%;font-weight:normal;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-d{width:54%;text-align:right;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total{margin:27px 0 0;padding:25px 0 0;border-top:1px solid #f2f2f2;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t{font-size:16px;font-weight:bold;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d{font-size:18px!important;font-weight:bold;} #bx-soa-order .bx-soa-cart-total-button-container{padding:0;margin:26px 0 0;} #bx-soa-order .bx-soa-cart-total-button-container .btn{padding:10px 12px 12px;font-size:17px!important;} #bx-soa-order #bx-soa-basket .bx-soa-section-content{padding:0;} #bx-soa-order #bx-soa-basket .bx-soa-coupon.bx-soa-coupon-item-fixed{margin:0 0 30px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table{margin:0 0 -1px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td{padding:39px 10px 25px!important;border-top:none;border-bottom:1px solid #f2f2f2;position:relative;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-info-shower{padding:0px 20px 10px;display:inline-block;} .bx-soa-info-shower + .bx-soa-item-info-block{padding:0px 20px 0px;} .bx-soa-info-block .bx-soa-info-line td{font-size:13px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td .bx-soa-item-td-title{padding:0;font-size:13px;line-height:20px;color:#999999;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td{padding:7px 10px 8px!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child{padding-left:30px!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:last-child{padding-right:24px!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-block{padding:0;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-img-block{margin:0px 0 0;padding:0;width:70px;height:70px;line-height:70px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-img-block .bx-soa-item-imgcontainer{width:70px;height:70px;line-height:70px;padding:0;border-radius:0;border:none;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-content{padding:0 0 0 90px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-title{margin:0 0 6px;padding:0;font-size:14px;font-weight:normal;line-height:20px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-title a{color:#333;} #bx-soa-order #bx-soa-basket .bx-soa-item-content .bx-scu-container{max-width:100%;height:auto;margin:0 0 10px;} #bx-soa-order #bx-soa-basket .bx-soa-item-content .bx-scu-container:after{background:none;} #bx-soa-order #bx-soa-basket .bx-soa-item-content .bx-scu-container .bx-soa-item-td-title{margin:0;padding:0;font-size:12px;line-height:16px;color:#999999;} #bx-soa-order #bx-soa-basket .bx-soa-item-content .bx-scu-container .bx-soa-item-td-text{margin:0 0 0 6px;padding:0;font-size:12px;line-height:16px;color:#999999;} #bx-soa-order #bx-soa-basket .bx-soa-item-td-text small{display:block;margin:-1px 0 0;font-size:11px;line-height:14px;color:#aeaeae;} #bx-soa-order #bx-soa-basket .bx-soa-item-properties.bx-text-right{text-align:left;} #bx-soa-order #bx-soa-basket .bx-soa-item-properties.bx-text-right>div{text-align:left;} #bx-soa-order #bx-soa-basket .bx-soa-item-td-text{line-height:20px;} #bx-soa-order #bx-soa-basket .bx-price{font-size:18px;line-height:16px;color:#333;} #bx-soa-order #bx-soa-basket .bx-price+br{/*display:none;*/} #bx-soa-order #bx-soa-basket .bx-soa-item-td-title{font-size:12px;color:#999;vertical-align:top;} #bx-soa-order .bx-price-old{margin:0 0 0 4px!important;font-size:13px;font-weight:normal!important;line-height:20px;color:#777777;} #bx-soa-order #bx-soa-total-mobile{margin:0 0 20px!important;} .bx-soa-item-tr.bx-soa-item-info-container+.bx-soa-basket-info .bx-soa-item-td{border-top:1px solid #f2f2f2 !important;} .bx-soa-item-tr.bx-soa-item-info-container .bx-soa-item-td{border:none !important;} #content noscript + b{display:none;} .sale_order_full_table{position:relative;display:block;margin:0 auto;max-width:730px;} .sale_order_full_table:first-of-type{padding:101px 0 0 !important;text-align:center;color:#333;border:none !important;} .sale_order_full_table:first-of-type:before{content:"";position:absolute;left:50%;top:0;margin:0 0 0 -35px;width:70px;height:70px;background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -103px -5px no-repeat;} .sale_order_full_table:last-of-type{border:1px solid #f2f2f2;padding:34px 39px 34px;} .sale_order_full_table:last-of-type tr:last-child td:first-child{padding-top:20px;} .sale_order_full_table > tbody{display:block;} .sale_order_full_table > tbody > tr{display:block;} .sale_order_full_table .ps_logo{display:block;} .sale_order_full_table .ps_logo br{display:none;} .sale_order_full_table .ps_logo .pay_name{margin:0 0 22px;font-size:18px;font-weight:bold;line-height:20px;color:#333;} .sale_order_full_table .ps_logo .image{margin:0 25px 0 0;display:inline-block;vertical-align:middle;width:120px;height:72px;line-height:68px;text-align:center;border:1px solid #f2f2f2;} .sale_order_full_table .ps_logo .paysystem_name{display:inline-block;vertical-align:middle;font-size:14px;line-height:20px;color:#333333;} .sale_order_full_table td>.tablebodytext{display:block;color:#333;} .sale_order_full_table .tablebodytext br:first-of-type{display:none;} .sale_order_full_table input[name="BuyButton"]{margin:-7px 0 0;padding:7px 19px 9px;font-size:14px;line-height:20px;font-weight:bold;color:#fff;border:1px solid transparent;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;} .sale_order_full_table form[name="ShopForm"] .tablebodytext{display:block;margin:8px 0 0;font-size:12px;line-height:18px;color:#777777;} .sale_order_full_table form[name="ShopForm"] .tablebodytext b{font-weight:normal;color:#333333;} #bx-soa-order a{text-decoration:none;} #bx-soa-order .bx-soa-cart-total .change_basket{font-size:16px;font-weight:600;position:relative;color:#333;border-bottom:1px solid #f2f2f2;margin:0px -29px 43px;padding:2px 29px 31px;} #bx-soa-order .bx-soa-cart-total .change_basket .change_link{position:absolute;top:3px;right:29px;font-size:14px;font-weight:400;} .bx-soa-auth .bx-authform-input-container input[type="text"], .bx-soa-auth .bx-authform-input-container input[type="password"]{box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;background:#f7f7f7;border:1px solid #eaebec; border-radius:2px;box-shadow:none;color:#383838;height:auto;font-size:12px;padding:8px 13px 7px;width:100%;line-height:20px;} .bx-soa-auth .bx-authform-input-container label{font-size:12px;margin-bottom:2px;color:#777;} #bx-soa-order input[type=text], #bx-soa-order input[type=password], #bx-soa-order input[type=email], #bx-soa-order select, #bx-soa-order textarea{font-size:14px;} #bx-soa-order #bx-soa-auth .bx-title{margin-top:0;} #bx-soa-order #bx-soa-auth .bx-soa-reference{display:none;} #bx-soa-order #bx-soa-auth .bx-soa-section-content{margin-left:-30px;margin-right:-30px;} #bx-soa-order #bx-soa-auth .bx-soa-section-content.reg{margin-left:-15px;margin-right:-15px;} #bx-soa-order .bx-authform-formgroup-container{margin:0 0 30px;} #bx-soa-order .bx-authform-content-container, #bx-soa-order .bx-authform-label-container{padding:0;font-size:13px;line-height:20px;color:#777777;z-index:1;margin-bottom:2px;} #bx-soa-order .bx-authform-formgroup-container .bx-captcha{margin-top:1px;} #bx-soa-order .bx-soa-section-content.reg input[type=submit]{margin-right:10px;} #bx-soa-order #bx-soa-auth .bxe-light{display:none;} #bx-soa-order #bx-soa-auth .bx-soa-reg-block{background-color:#f7f7f7;padding:28px 35px;} #bx-soa-order #bx-soa-auth .bx-soa-reg-block p{color:#999999;font-size:0.800em;line-height:1.5em;} #bx-soa-order #bx-soa-auth .bx-authform-social ul{margin-top:-10px;} #bx-soa-order #bx-soa-auth .bx-soa-section-content>.col-md-6{padding-left:30px;padding-right:30px;} #bx-soa-order #bx-soa-auth .filter .checkbox label{font-size:13px;padding:0px 0px 0px 23px;margin:0px;} #bx-soa-order #bx-soa-auth .alert{margin-right:15px;margin-left:15px;} #bx-soa-order #bx-soa-auth .checkbox, #bx-soa-order #bx-soa-auth .checkbox label{display:inline-block;margin:0;} #NEW_GENERATE_Y{margin-bottom:30px;} #bx-soa-order.orderform--v1 .pandd{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;} #bx-soa-order.orderform--v1 .pandd>div{flex-grow:1;} #bx-soa-order.orderform--v1 #pickUpMap>ymaps{width:100%;} #bx-soa-order.orderform--v1 #bx-soa-pickup{width:100%;} #bx-soa-order.orderform--v1 .bx-soa-section .bx-soa-section-title-container{ cursor:default; background-color:transparent; } #bx-soa-order.orderform--v1 .bx-soa-section:not(#bx-soa-basket) .bx-soa-section-title-container{ border-bottom-color:transparent; padding-bottom:5px; } #bx-soa-order.orderform--v1 .bx-soa-section .bx-soa-section-title{ font-weight:600; } #bx-soa-order.orderform--v1 #bx-soa-delivery,#bx-soa-order.orderform--v1 #bx-soa-paysystem{ position:relative; order:0; max-width:100%; } #bx-soa-order.orderform--v1 #bx-soa-delivery+#bx-soa-paysystem{order:2;} #bx-soa-order.orderform--v1 #bx-soa-delivery+#bx-soa-paysystem+#bx-soa-pickup{order:1;} #bx-soa-order.orderform--v1 #bx-soa-paysystem+#bx-soa-delivery{order:1;} #bx-soa-order.orderform--v1 #bx-soa-paysystem+#bx-soa-delivery+#bx-soa-pickup{order:2;} #bx-soa-order.orderform--v1 #bx-soa-coupon{ display:none; order:3; } #bx-soa-order.orderform--v1 #bx-soa-coupon .bx-soa-coupon{ border:none; margin:0; padding:0; } #bx-soa-order.orderform--v1 .bx-soa-coupon-label{ margin:-1px; } #bx-soa-order.orderform--v1 .bx-soa-coupon label{ color:#777; margin-bottom:6px; font-size:13px; line-height:20px; } #bx-soa-order.orderform--v1 .bx-soa-item-tr.bx-soa-item-info-container + .bx-soa-basket-info .bx-soa-item-td{ border:none; } #bx-soa-order.orderform--v1 .bx-soa .bx-soa-custom-label, #bx-soa-order.orderform--v1 .bx-soa .form-group label{ margin-bottom:6px; } #bx-soa-order.orderform--v1 div[class*="bx-sls"] .quick-locations{ margin-top:-3px; } #bx-soa-order.orderform--v1 .bx-soa-pp-company-graf-container{ height:20px; width:20px; border:none !important; background:transparent; padding:0; margin:0; display:inline-block; position:absolute; left:0; top:0; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-cost{ position:relative; float:none; bottom:inherit; left:inherit; right:inherit; background:none; border:none; text-align:left; padding:0; display:block; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-cost .bx-soa-pp-list-description{ padding:5px 7px 5px 9px; background:#f0f0f0; border:none; color:#333; border-radius:10px; display:inline-block; line-height:10px; vertical-align:top; margin:0 0 0 5px; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company-graf-container:before{ top:0; left:0; border:1px solid #eaeaea; background:#fbfbfb; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container::after{ left:5px; top:6px; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle{ padding:0; color:#333; display:block; word-wrap:break-word; hyphens:auto; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company{ position:relative; padding:0 0 0 35px; } #bx-soa-order.orderform--v1 .bx-soa-pp-company-description{ color:#777; font-size:13px; max-width:100%; } #bx-soa-order.orderform--v1 #bx-soa-delivery .bx-soa-pp-company-description{ padding:0; width:265px; margin:8px 0 9px 0; } #bx-soa-order.orderform--v1 #bx-soa-paysystem .bx-soa-pp-company-description{ margin:32px 0 9px 0; } #bx-soa-order.orderform--v1 .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn .btn{ position:relative; } #bx-soa-order.orderform--v1 .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn .btn:before{ content:""; position:relative; width:10px; height:8px; background:url(/bitrix/templates/babyliss_pro/images/svg/order_ext.svg) -64px -9px no-repeat; z-index:2; display:inline-block; margin:0 10px 0 0; } #bx-soa-order.orderform--v1 .bx-soa-item-tr.bx-soa-item-info-container+.bx-soa-basket-info .bx-soa-item-td{ border-top:none !important; } #bx-soa-order.orderform--v1 .bx-soa-section.bx-step-error .bx-soa-section-title::before{ background:none; background:url(/bitrix/templates/babyliss_pro/images/svg/order.svg) -60px -30px no-repeat !important; } #bx-soa-order.orderform--v1 .bx-soa-coupon{display:flex;flex-direction:row;} #bx-soa-order.orderform--v1 .bx-soa-coupon-block{ width:100%; } #bx-soa-order.orderform--v1 .bx-soa-coupon-input{ width:inherit; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-period, #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-cost{ font-size:14px; word-wrap:break-word; hyphens:auto; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-list-termin{ display:inline; margin:0 3px 0 0; color:#777; word-wrap:break-word; hyphens:auto; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-period .bx-soa-pp-list-description{ display:inline; color:#333; word-wrap:break-word; hyphens:auto; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container{ width:100%; padding:0; min-height:inherit; margin:0; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company{ border:none; background:none; padding:0; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{ display:none; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc ~ div{ margin-top:8px; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company::before, #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company::after{ display:none; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .checkbox{ padding:0; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-field label, #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .checkbox label{ font-size:13px; color:#777; line-height:20px; font-weight:normal; display:inline-block; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company-block>div:first-of-type{ margin-top:8px; } #bx-soa-order.orderform--v1 .bx-soa-pp-inner-ps{ margin:5px 0 0 0; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company--hasprice .bx-soa-pp-company-smalltitle, #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company--hasperiod .bx-soa-pp-company-smalltitle, #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company--hascalculate .bx-soa-pp-company-smalltitle{ margin-bottom:8px; } #bx-soa-order.orderform--v1 .bx-authform-content-container, #bx-soa-order.orderform--v1 .bx-authform-label-container{margin-bottom:6px;} #bx-soa-order.orderform--v1 .bx-authform-formgroup-container .bx-captcha{margin-top:5px;} .bx-sls .bx-ui-sls-container, .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route { height: 40px; } @media only screen and (max-width: 1174px){ #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{float: none;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc { margin-top: 15px; padding-left: 0; } } @media all and (max-width: 1100px) and (min-width:992px){ body #bx-soa-order .bx-soa{width:70%;} body #bx-soa-order .bx-soa-sidebar{width:30%;} } @media all and (max-width: 992px){ /* ORDER */ #bx-soa-total{width:100%;display:none;} #bx-soa-total-mobile{display:block!important;} #bx-soa-order #bx-soa-orderSave{/*display:none;*/} #bx-soa-order .bx-soa-cart-total-button-container{display:none !important;} #bx-soa-order>.bx-soa{width:100%;} #bx-soa-order #bx-soa-total .bx-soa-cart-total.bx-soa-cart-total-fixed{position:relative!important;opacity:1!important;} #bx-soa-order #bx-soa-total .bx-soa-cart-total-ghost{padding:0!important;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{float:left;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{margin-top:0;padding-left:140px;} #bx-soa-order .bx-soa-section .bx-soa-section-content{padding-left:29px;} #bx-soa-order .bx-soa-pp-company-selected{float:left;width:75%;} #bx-soa-order .bx-soa-pp-price{float:right;width:25%;} #bx-soa-order .bx-soa-item-tr{padding:20px 20px 20px 110px;border-top:1px solid #f3f3f3;} #bx-soa-order .bx-soa-item-tr.bx-soa-item-tr-first{border-top:none;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-block{padding-left:0;overflow:visible;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td{border:none;padding:0!important;min-width:0!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-img-block{margin-left:-90px;margin-top:0;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-content{padding-left:0;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties{margin-top:10px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties>div{padding:0;text-align:left;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child{padding-left:0!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:last-child{padding-right:0!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-td-title{padding-bottom:0;} #bx-soa-order .bx-soa-coupon{margin-left:-29px;} #bx-soa-order .bx-soa-more{margin-left:-29px;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d{white-space:normal;} .bx-soa-item-tr.bx-soa-item-info-container, .bx-soa-item-tr .bx-soa-item-td{height:auto;} #bx-soa-order .bx-soa-section.bx-soa-auth .bx-soa-section-content{padding-left:14px;padding-right:14px;} } @media screen and (max-width:991px), projection and (max-width:991px), tv and (max-width:991px), handheld and (max-width:991px){ #bx-soa-order .bx-soa-cart-total.bx-soa-cart-total-fixed{position:static;width:100% !important;} #bx-soa-order .bx-authform-social {padding-top:25px;border-top:1px solid #e5e5e5;} } @media all and (min-width: 768px){ #bx-soa-order.orderform--v1 #bx-soa-delivery,#bx-soa-order.orderform--v1 #bx-soa-paysystem{width:calc(50% - 10px);margin-right:10px;} #bx-soa-order.orderform--v1 #bx-soa-delivery+#bx-soa-paysystem, #bx-soa-order.orderform--v1 #bx-soa-paysystem+#bx-soa-delivery{margin-right:0;margin-left:10px;} #bx-soa-order.orderform--v1 #bx-soa-delivery .bx-soa-coupon,#bx-soa-order.orderform--v1 #bx-soa-paysystem .bx-soa-coupon{display:none;} #bx-soa-order.orderform--v1 #bx-soa-coupon{display:block;} #bx-soa-order.orderform--v1 #bx-soa-pickup{order:2;} #bx-soa-order.orderform--v1 #bx-soa-delivery+#bx-soa-paysystem{order:1;} } @media screen and (max-width:767px), projection and (max-width:767px), tv and (max-width:767px), handheld and (max-width:767px){ /* ORDER */ #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{float:left;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{margin-top:0;padding-left:140px;} #bx-soa-order .bx-soa-pp-desc-container{margin-top:20px;padding-left:0;padding-right:0;} #bx-soa-order .bx-soa-pp-list-termin{width:auto;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .col-sm-9{float:left;width:75%;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .col-sm-3{float:left;width:25%;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties{width:50%!important;display:inline-block;vertical-align:top;float:none;} .bx-soa-item-nth-4p1{display:none;} } @media all and (max-width: 570px){ /* ORDER */ #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-img-block{float:left;} #bx-soa-order .bx-soa-coupon-item{text-align:left;} #bx-soa-order .bx-soa-section .bx-soa-coupon-item .bx-soa-tooltip{float:none;margin-left:0;} #bx-soa-order .bx-soa-coupon-item .bx-soa-tooltip .tooltip-inner{margin-top:3px;text-align:left;} #bx-soa-order .bx-scu-container{padding-top:0;} #bx-soa-order .bx-soa-item-td-title, #bx-soa-order .bx-soa-item-td-text{display:block!important;} #bx-soa-order .bx-soa-item-td-title, #bx-soa-order .bx-soa-item-td-text{font-size:15px;} } @media all and (max-width: 520px) { /* ORDER */ #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-img-block{float:none;margin:0 0 15px;} #bx-soa-order .bx-soa-item-tr{padding-left:20px;} } @media all and (max-width: 450px){ /* ORDER */ #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{float:none;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{margin-top:15px;padding-left:0;} #bx-soa-order .bx-soa-coupon-label{width:auto;display:block;margin-top:0;margin-bottom:4px;} #bx-soa-order .bx-soa-coupon label{width:auto;} #bx-soa-order .bx-soa-coupon-block{display:block;} #bx-soa-order .bx-soa-coupon-input{width:auto;} #bx-soa-order .bx-soa-section .bx-soa-section-title{padding-right:0;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .text-right{padding:0;text-align:left;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .col-sm-9{width:100%;float:none;text-align: left;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .col-sm-3{width:100%;float:none;} #bx-soa-order .bx-soa-editstep{margin-top:5px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties {width: 100%!important;} #bx-soa-order .form{text-align:left;} body .bx-soa-pickup-l-item-btn{margin-top: 11px;position:static;} body .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn{padding-left:0px;} } @media all and (max-width: 400px){ /*ORDER*/ #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-graf-container{display:block;margin: 0px 0px 10px;height: auto;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle{display:block;padding: 0px;} #bx-soa-pickup .bx-soa-section-content .bx-soa-pickup-preview-img{float:none;float: none;display: block;margin: 0px 0px 10px;} .bx-soa-pp-company-graf-container .bx-soa-pp-delivery-cost{position:static;} } @media only screen and (max-width: 1174px){ #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container { float: none; } #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc { margin-top: 15px; padding-left: 0; margin-bottom: 10px; } } #bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container:before { background-color: #da3737; } #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company:hover .bx-soa-pp-company-smalltitle, #bx-soa-order .bx-soa-more .bx-soa-more-btn .pull-left { color: #da3737; } #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container, #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container { border-color: #da3737; } #bx-soa-order .bx-soa .form-group .radio-inline.checked label:before, #bx-soa-order .bx-soa .form-group .radio-inline label:hover:before, #bx-soa-order .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container:before, #bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container:before { background-color: #da3737; } #bx-soa-order a:before, .bx-soa-section-title-container > .text-right > .bx-soa-editstep{ display:none !important; } #bx-soa-order .bx-soa-section .bx-soa-section-title:before { content: ""; position: absolute; left: -50px; top: -3px; margin: 0; width: 30px; height: 30px; background: url(/bitrix/templates/aspro_next/images/svg/order.svg) no-repeat; } #bx-soa-order .bx-soa-section .bx-soa-section-title:before { background-color: #da3737; } #basket-root a:before{ display:none } /* M O B I L E */ @media screen and (max-width: 1210px) { .bab-container { width: 100%; } .bab-table-responsive { overflow-y: hidden; overflow-x: auto; } .bab-mailing_sec .bab-mailing_sec_hold { flex-direction: column; } .bab-mailing_sec .bab-mailing_sec_text { font-size: 16px; line-height: 20px; margin-bottom: 20px; } .bab-mailing_form { margin: 0; width: 290px; } .bab-mailing_form .bab-input { margin: 0 0 20px !important; } .bab-mailing_form input { padding-right: 15px; } .bab-mailing_form .bab-btn { position: relative; top: auto; right: auto; width: 100%; } .bab-insta_sec .bab-insta_item, .bab-insta_sec .bab-insta_item_img { height: 160px !important; } .bab-insta_sec .bab-insta_item_hover { padding: 10px 0; } .bab-insta_sec .bab-insta_item:hover .bab-insta_item_hover { top: 0; } .bab-insta_sec .bab-insta_item_txt_big { font-size: 22px; line-height: 28px; padding-top: 10px; margin-bottom: 5px; } .bab-insta_sec .bab-insta_item { font-size: 13px; line-height: 18px; } .bab-insta_sec .bab-insta_item_txt { padding: 10px 17px 0; } .bab-insta_sec .bab-insta_item { width: 160px; } .bab-insta_sec .bab-insta_item2 { width: 320px; } .bab-insta_sec .bab-insta_sec_hold { justify-content: center; } .bab-footer_content { flex-direction: column; justify-content: flex-start; align-content: center; text-align: center; padding-bottom: 23px; } .bab-desktop_view { display: block; } .bab-logo_footer { width: 167px; top: 0; margin: 0 0 17px; } .bab-footer { padding: 39px 0 35px; } .bab-footer_phone_hold { padding: 0 0 22px; } .bab-footer_phone_hold ul { padding: 12px 0 0; justify-content: center; } .bab-footer_phone_hold ul .bab-phone_num { font-size: 16px; } .bab-footer_phone_hold ul li { margin: 0 10px 6px; } .bab-footer_icon_hold { flex-direction: column; align-items: center; justify-content: flex-start; padding: 0 0 5px; } .bab-soc_footer, .bab-footer_pay_ico { margin: 0 0 20px; justify-content: center; } .bab-soc_footer li, .bab-footer_pay_ico li { margin: 0 7px !important; } .bab-soc_footer li > *, .bab-footer_pay_ico li > * { height: 18px; } .bab-copyright { line-height: 16px; } .bab-head_top, .bab-nav_main_menu, .bab-header_ph_hold { display: none; } .bab-header_cont { padding: 0; } .bab-header_cont .bab-header_cont_hold { position: relative; justify-content: center; height: 68px; padding-top: 6px; } .bab-logo .bab-logo_img { height: 26px; margin-bottom: 3px; } .bab-logo .bab-logo_txt { display: none; } .bab-cart_link { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; height: 26px; color: #fff; font-size: 10px; padding: 0 0 0 36px; } .bab-cart_link .bab-mob_hide { display: none; } .bab-cart_link .bab-cart_link_num { position: absolute; top: -10px; right: 0; border-radius: 50%; width: 17px; height: 17px; background: #eb1c23; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: center; align-items: center; border: 1px solid #fff; overflow: hidden; } .bab-cart_link:hover { color: #fff; } .bab-cart_link .bab-cart_link_ico { width: 26px; height: 26px; top: 1px; } .bab-cart_link .bab-cart_link_ico svg, .bab-cart_link:hover .bab-cart_link_ico svg { fill: #000; } /* ICON */ #bab-menu_label { display: inline-block; cursor: pointer; position: absolute; top: 20px; left: -5px; } #bab-nav-toggle { width: 34px; height: 28px; position: relative; display: inline-block; vertical-align: middle; } #bab-nav-toggle span:before, #bab-nav-toggle span:after { content: ''; } #bab-nav-toggle span, #bab-nav-toggle span:before, #bab-nav-toggle span:after { height: 2px; display: block; position: absolute; left: 0; right: 0; background: #000; cursor: pointer; } #bab-nav-toggle span { transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); left: 5px; right: 5px; top: 13px; } #bab-nav-toggle span:before { transition: top 0.1s 0.14s ease, opacity 0.1s ease; top: -8px; } #bab-nav-toggle span:after { transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); bottom: -8px; } .bab-menu_open #bab-nav-toggle span { transform: rotate(45deg); transition-delay: 0.14s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .bab-menu_open #bab-nav-toggle span:before { top: 0; opacity: 0; transition: top 0.1s ease, opacity 0.1s 0.14s ease; } .bab-menu_open #bab-nav-toggle span:after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } .bab-mobile_menu_hold { display: block; z-index: 10; } .bab-body_hold { z-index: 12; -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .bab-menu_open .bab-body_hold { -webkit-transform: translateX(256px); transform: translateX(256px); } .bab-menu_open { overflow: hidden; } .bab-popup_win { margin: 70px auto; padding: 0; } .mfp-close { background-color: #f5f5f5 !important; background-image: url(/bitrix/templates/babyliss_pro/images/bab/modal_close_ico_mob.svg) !important; right: 10px !important; top: 10px !important; } .mfp-close:hover, .mfp-close:focus { background-color: #f5f5f5 !important; } .bab-popup_win_in { padding: 36px 15px 37px; } .bab-popup_win .bab-pop_title { font-size: 22px; line-height: 28px; margin-bottom: 24px; } .bab-pop_win_text { padding-top: 6px; } .bab-to_top { width: 32px; height: 32px; right: 15px; bottom: 15px; background-size: auto 13px; } .bab-catalog_item { width: 50%; } .bab-info_sec .bab-info_sec_hold { margin: 0 -15px 0 0; } .bab-info_item { width: calc(33.33% - 15px); margin-right: 15px; } .bab-news_sec .bab-news_sec_hold { margin-right: -15px; } .bab-news_item { margin-right: 15px; width: calc(25% - 15px); } .bab-news_sec .bab-news_sec_btn_hold { margin: 0; padding-top: 15px; } .bab-news_sec { padding-bottom: 57px; } .around_next { right: 0; } .around_prev { left: 0; } .bab-about_people_item { width: calc(50% - 15px); } .bab-about_people_item .bab-about_people_item_txt { padding-right: 10px; } .bab-about_people_item .bab-about_people_item_img { width: 87px; height: 87px; } .bab-slide_around_sec { padding: 37px 0 0 8px; } .bab-adr .bab-map { margin-right: -15px; margin-left: -15px; } .bab-adr_block .bab-map_slide { margin-left: -15px; margin-right: -15px; } .bab-adr_block .bab-map_slide .bab-map { margin-right: 0; margin-left: 0; } .bab-compare_sec_hold { margin: 0 -15px; } .bab-compare_sec_hold .bab-compare_switch { padding-left: 15px; } .bab-compare_list li { padding: 0 15px 1px !important; } .bab-compare_slide .slick-next { right: 5px; } .bab-compare_slide .slick-prev { left: 5px; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item { padding-left: 15px; padding-right: 15px; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item .bab-catalog_item_bottom { padding-left: 0; padding-right: 0; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item .bab-del_icon { right: 15px; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item:after { display: none; } .bab-table_cart td:first-child { width: auto; } .bab-cart_form { margin: 0; } .bab-cart_form .bab-col-3 { margin: 0 0 15px; width: 100%; } .bab_catalog_filter_sec .bab-h1 { margin-bottom: 9px; } .bab_catalog_filter { position: fixed; display: block; top: 0; left: 0; right: 0; border: none; height: 100vh; z-index: 1010; overflow-y: auto; padding: 23px 15px 70px; background: #fff; -webkit-transform: translate(101%, 0); -ms-transform: translate(101%, 0); transform: translate(101%, 0); } .bab_catalog_filter.bab-filter_open { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .bab_catalog_filter .bab_catalog_filter_hold { display: block; padding: 27px 15px 9px; margin: 0 -15px; border-top: 1px solid #e7e7e7; } .bab_catalog_filter .bab_catalog_filter_hold:nth-child(2) { border: none; } .bab_catalog_filter .bab_catalog_filter_hold .bab_catalog_filter_title, .bab_catalog_filter .bab_catalog_filter_hold .bab_catalog_filter_cont_wrap { display: block; padding: 0; } .bab_catalog_filter .bab_catalog_filter_hold .bab_catalog_filter_title { margin-bottom: 17px; } .bab_catalog_filter .bab_catalog_filter_cont { flex-direction: column; align-items: flex-start; justify-content: flex-start; } .bab_catalog_filter .bab-compare_label_hold { font-size: 14px; } .bab_catalog_filter .bab-compare_label_hold .bab-compare_label { margin-right: 9px; top: -1px; } .bab_catalog_filter .bab-compare_label_hold { margin: 0 0 20px; } .bab_catalog_filter .bab_catalog_filter_mob_titl, .bab_catalog_filter .bab_catalog_filter_close, .bab_catalog_filter .bab_catalog_filter_mob_btn_hold { display: block; } .bab_catalog_filter .bx-filter-button-box{ display: none; } .bab-sorting_hold { margin-bottom: 20px; flex-direction: column; align-items: stretch; justify-content: flex-start; } #bab-mob_filter_toggle { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } .bab-sorting_btn_hold { order: 0; padding: 15px 15px 0; background-color: #fff; margin: 0 -15px 5px; } .bab-sorting_btn_hold .bab-btn { width: 100%; margin-bottom: 15px; } .bab-sorting_btn_hold .bab-btn_disabled { display: none; } .jcf-select.jcf-select-bab-sort_select { order: 1; width: 100%; } .bab-sorting_btn_hold.bab-fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.2); z-index: 1005; margin: 0; } .bab-video_wrap { margin-bottom: 41px; } .bab-video_wrap .bab-video { width: 100%; padding: 0 0 56%; height: auto; } .bab-prod_slide_sec { width: calc(100% + 30px); max-width: none; margin-left: -15px; margin-right: -15px; } .bab-prod_wrapp .bab-prod_l, .bab-review_hold { width: 100%; } .bab-prod_wrapp { flex-direction: column; align-items: stretch; justify-content: flex-start; } .bab-prod_wrapp .bab-prod_r { padding: 0; } .bab-fast_order_form_wrapp { margin-right: -15px; margin-left: -15px; padding-left: 15px; padding-right: 15px; border-radius: 0; } .bab-prod_wrapp2.bab-prod_wrapp .bab-prod_l { order: 1; } .bab-prod_wrapp2.bab-prod_wrapp .bab-prod_r { order: 0; } .bab-zoom_ico { left: 15px; } .bab-slide_nav .slick-list { overflow: visible; } .bab-slide_nav { margin: 0 0 10px; padding: 0 10px 0 8px; } .bab-slide_nav .slick-next { right: 15px; } .bab-slide_nav .slick-prev { left: 15px; } .bab-offer_sec .bab-catalog_item:nth-child(1):before, .bab-offer_sec .bab-catalog_item:nth-child(5):before, .bab-offer_sec .bab-catalog_item:nth-child(9):before, .bab-offer_sec .bab-catalog_item:nth-child(13):before { display: block; } .bab-offer_sec .bab-catalog_item:nth-child(odd):before { display: none; } } /* end 1210px */ @media screen and (max-width: 950px) { .bab-adv_sec .bab-adv_sec_item { width: calc(50% - 20px); } .bab-info_item .bab-info_item_icon { right: 20px; } .bab-galery_slide .bab-galery_slide_txt { font-size: 14px; line-height: 1.3; width: 350px; padding-top: 17px; } .bab-galery_slide .bab-galery_slide_title { font-size: 24px; line-height: 1.4; margin-bottom: 15px; } .bab-galery_slide .bab-galery_slide_txt p { margin-bottom: 10px; } .bab-news_item { width: calc(33.33% - 15px); } .bab-compare_sec_hold .bab-compare_sec_l { width: 30%; } .bab-compare_sec_hold .bab-compare_sec_main { width: 70%; } .bab-review_hold { width: 100%; } .bab-prod_slide .bab-prod_slide_img, .bab-prod_slide { height: 347px; } } /* end 950px */ @media screen and (max-width: 768px) { .bab-half { width: 100%; } .bab-popup_win, .bab-popup_win2 { width: 100%; } .bab-popup_win_in { min-height: calc(100vh - 70px); } .bab-nav_content { margin-bottom: 16px; } html { font-size: 15px; line-height: 1.74; } h1, .bab-h1 { font-size: 22px; line-height: 28px; margin-bottom: 14px; } h2, .bab-h2 { font-size: 20px; line-height: 26px; margin-bottom: 7px; } p + h2, p + .bab-h2 { margin-top: -7px; } h3, .bab-h3 { font-size: 18px; line-height: 22px; margin-bottom: 8px; } p + h3, p + .bab-h3 { margin-top: -5px; } h4, .bab-h4, h5, .bab-h5, h6, .bab-h6 { font-size: 16px; line-height: 20px; color: #262626; margin-bottom: 8px; } p + h4, p + .bab-h4, p + h5, p + .bab-h5, p + h6, p + .bab-h6 { margin-top: -5px; } p + ul, p + ol { margin-top: -9px; } ul, ol { padding: 0 0 0 25px; } li { margin: 0 0 12px; } .bab-img_hold { margin: 0 -15px 24px; } .bab-img_hold .bab-img_discript { padding: 0 15px; } blockquote { padding: 2px 0 6px 11px; margin: 0 0 30px; font-size: 17px; line-height: 28px; } .bab-article_soc_hold { margin: -2px 0; } .bab-article_sec { padding-bottom: 40px; } .bab-catalog { border: none; padding: 0; } .bab-catalog_item { width: 100%; margin-bottom: 16px; padding: 11px 10px; } .bab-catalog_item:after { left: 0; } .bab-catalog_item .bab-btn { display: block; width: 38px; height: 38px; border-radius: 50%; border: 1px solid #e7e7e7 !important; padding: 0; margin: 0; min-width: 1px; max-width: none; background: #fff url("/bitrix/templates/babyliss_pro/images/bab/shopping-cart.svg") no-repeat center !important; background-size: 18px auto !important; position: absolute; bottom: -2px; right: 7px; } .bab-catalog_item .bab-btn .bab-btn_in { display: none; } .bab-catalog_mob_hide .bab-catalog_item { display: none; margin-bottom: 21px; } .bab-catalog_mob_hide .bab-catalog_item:nth-child(1), .bab-catalog_mob_hide .bab-catalog_item:nth-child(2), .bab-catalog_mob_hide .bab-catalog_item:nth-child(3), .bab-catalog_mob_hide .bab-catalog_item:nth-child(4) { display: block; } .bab-catalog_mob_hide .bab-catalog_item .bab-btn { display: none; } .bab-catalog_item .bab-catalog_item_discr { display: none; } .bab-catalog_item .bab-catalog_item_link { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; justify-content: flex-start; align-items: flex-start; } .bab-catalog_item .bab-catalog_item_link_name{ padding: 10px 0 0 125px; margin-top: -95px; } .bab-catalog_item .bab-catalog_item_img { width: 115px; height: 89px; margin: -1px 10px 0 0; flex-shrink: 0; } .bab-catalog_item .bab-catalog_item_title { font-size: 14px; line-height: 18px; margin-bottom: 0; height: 72px; color: #000; } .bab-catalog_item .bab-catalog_item_bottom { padding: 0 10px 0 125px; margin-top: -7px; } .bab-catalog_item .bab-catalog_item_discr + .bab-catalog_item_bottom { padding-top: 0; } .bab-catalog_sec .bab-h1 { margin-bottom: 18px; padding-left: 0; } .bab-catalog_sec_small .bab-h1 { margin-bottom: 23px; padding-left: 0; } .bab-catalog_sec_small .bab-catalog_item { padding-bottom: 17px; margin-bottom: 16px; } .bab-catalog_item .bab-catalog_item_price { font-size: 16px; margin-right: 0; padding-right: 43px; min-height: 33px; justify-content: flex-end; } .bab-rub { width: 12px; height: 12px; } .bab-catalog_item .bab-catalog_item_price .bab-rub { left: 0; } .bab-catalog_btn_hold { display: block; } .bab-catalog_sec { padding: 20px 0 15px; } .bab-catalog_item .bab-del { font-size: 12px; bottom: 0; } .bab-catalog_item .bab-del .bab-rub { width: 9px; height: 9px; } .bab-txt_sec .bab-h1 { margin-bottom: 17px; } .bab-txt_sec .bab-txt_sec_mob_hide { display: none; } .bab-txt_sec .bab-more { top: 0; } .bab-txt_sec p { margin-bottom: 12px; } .bab-txt_sec .bab-txt_sec_hold { padding-bottom: 36px; } .bab-adv_sec { padding: 36px 0 34px; } .bab-adv_sec .bab-adv_sec_hold { margin: 0; } .bab-adv_sec .bab-adv_sec_item { width: 100%; margin: 0 0 21px; } .bab-adv_sec .bab-h1 { margin-bottom: 10px; } .bab-adv_sec .bab-adv_sec_item .bab-img { margin-bottom: 17px; } .bab-info_sec { padding: 10px 0 15px; } .bab-info_sec .bab-info_sec_hold { margin: 0; } .bab-info_item { width: 100%; margin: 45px 0 0; height: 202px; font-size: 13px; line-height: 18px; } .bab-info_item .bab-info_item_icon { width: 50px; height: 50px; top: -25px; right: 29px; } .bab-info_item .bab-info_item_icon img { max-width: 26px; max-height: 26px; } .bab-info_item .bab-info_item_title { margin-bottom: 7px; font-size: 22px; line-height: 28px; } .bab-info_item .bab-info_item_text { padding-bottom: 15px; } .bab-gallery_slide_sec, .bab-galery_slide .bab-galery_slide_item, .bab-galery_slide .bab-galery_slide_txt_hold { height: 252px; } .bab-galery_slide .bab-galery_slide_item:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%); opacity: 0.7; } .bab-galery_slide .bab-galery_slide_img { display: none; } .bab-galery_slide .bab-galery_slide_img_mobile { display: block; } .bab-galery_slide .bab-galery_slide_txt_hold { justify-content: center; align-items: flex-end; } .bab-galery_slide .bab-galery_slide_title { font-size: 18px; line-height: 24px; margin-bottom: 5px; letter-spacing: 0.15px; } .bab-galery_slide .bab-galery_slide_txt { font-size: 12px; line-height: 16px; width: 100%; padding: 0 0 38px; letter-spacing: 0.1px; } .bab-galery_slide .bab-galery_slide_txt .bab-galery_slide_txt_desktop { display: none; } .bab-galery_slide .bab-galery_slide_txt .bab-galery_slide_txt_mobile { display: block; } .slick-dots { bottom: 22px; } .slick-dots li { margin: 0 4px; } .slick-dots li button { width: 8px; height: 8px; } .bab-news_item { width: calc(50% - 15px); } .bab-news_sec .bab-h1 { margin-bottom: 24px; } .bab-news_sec .bab-news_sec_btn_hold .bab-btn { width: 100%; } .bab-delivery_form { flex-direction: column; padding-top: 0; margin-bottom: 32px; } .bab-delivery_form .bab-input { width: 100%; margin: 0 0 22px; } .bab-delivery_form .bab-btn { width: 100%; } .bab-text_block .bab-h1, .bab-text_block_bd .bab-h1 { margin-bottom: 10px; } .bab-text_block, .bab-text_block_bd { margin-bottom: 7px; } .bab-text_block .bab-h4, .bab-text_block_bd .bab-h4 { margin-bottom: 15px; } .bab-text_block_bd { padding-bottom: 18px; } .bab-err404_sec { padding: 29px 0 58px; line-height: 22px; } .bab-err404_sec .bab-title { font-size: 50px; letter-spacing: 0.1px; margin-bottom: 13px; } .bab-err404_sec .bab-big { font-size: 18px; line-height: 22px; text-align: left; } .bab-err404_sec p { margin: 0 0 15px; } .bab-err404_sec .bab-btn_hold { padding-top: 1px; } .bab-slide_around_sec { padding: 5px 0 0; width: auto !important; min-width: 100%; margin: 0 -15px 25px; } .bab-slide_around_img { width: 100% !important; } .bab-slide_around_img:after { display: none; } .roundabout-moveable-item { width: 100% !important; left: 0 !important; top: 0 !important; right: 0 !important; } .around_next, .around_prev { width: 30px; height: 30px; margin: 0; } .around_next:after, .around_prev:after { width: 6px; height: 10px; background-size: 6px auto; margin-top: -5px; } .around_next:after { margin-left: -2px; } .around_prev:after { margin-left: -4px; } .around_next { right: 15px; } .around_prev { left: 15px; } .bab-about_sec .bab-h1 { margin-bottom: 10px; } .bab-about_sec { padding-bottom: 1px; } .bab-about_people { padding: 7px 0 26px; } .bab-about_people .bab-h2 { margin-bottom: 15px; } .bab-about_people_hold { flex-direction: column; } .bab-about_people_item { width: 100%; position: relative; padding-top: 98px; margin-bottom: 27px; } .bab-about_people_item .bab-about_people_item_img { margin: 0; position: absolute; top: 0; left: 0; } .bab-about_people_item .bab-about_people_item_title { margin-bottom: 7px; } .bab-about_people_item .bab-about_people_item_txt { padding-right: 0; } .bab-contact_sec .bab-h1 { margin-bottom: 7px; } .bab-adr .bab-adr_title { letter-spacing: 0.1px; font-size: 16px; line-height: 20px; } .bab-adr { padding: 0; } .bab-adr .bab-adr_block { margin-bottom: 27px; } .slick-arrow { width: 30px; height: 30px; } .slick-arrow:after { width: 6px; height: 10px; background-size: 6px auto; margin-top: -5px; } .slick-prev { left: 15px; } .slick-next { right: 15px; } .slick-next:after { margin-left: -2px; } .slick-prev:after { margin-left: -4px; } .bab-slide_nav2 .slick-dots { display: none !important; } .bab-map { height: 214px; } .bab-adr_block .bab-map_slide { height: 225px; } .bab-contact_sec { padding-bottom: 26px; } .bab-compare_sec_hold { flex-direction: column; justify-content: flex-start; } .bab-compare_sec_hold .bab-compare_sec_l { margin-bottom: 10px; width: 100%; } .bab-compare_sec_hold .bab-compare_sec_l .bab-compare_list { display: none; } .bab-compare_sec_hold .bab-compare_sec_main { width: 100%; } .bab-compare_slide .slick-arrow { top: 80px; } .bab-compare_slide .slick-next { right: 15px; } .bab-compare_slide .slick-prev { left: 15px; } .bab-compare_list { line-height: 17px; } .bab-compare_list li { height: auto; flex-direction: column; align-items: stretch; justify-content: flex-start; padding: 10px 8px 11px 15px !important; } .bab-compare_list .bab-compare_list_tit_mob { display: block; } .bab-compare_sec .bab-sec_top { flex-direction: column; align-items: stretch; justify-content: flex-start; margin-bottom: 3px; } .bab-compare_sec .bab-sec_top .bab-h1 { margin: 0 0 25px; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item { height: 255px; overflow: hidden; margin: 0 0 21px; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item .bab-catalog_item_link { flex-direction: column; margin-bottom: 18px; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item .bab-catalog_item_img { width: 100%; height: 104px; margin: 0 0 12px; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item .bab-btn { right: 0; } .bab-compare_sec_hold .bab-compare_sec_main .bab-catalog_item .bab-del_icon { right: 15px; top: 11px; } .bab-compare_sec { padding-bottom: 57px; } .bab-cart_sec { padding-top: 1px; padding-bottom: 16px; } .bab-cart_sec .bab-sec_top { margin-bottom: 12px; } .bab-table_cart { display: block; } .bab-table_cart thead tr { display: none; } .bab-table_cart tr { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; position: relative; padding: 21px 0 45px; border-top: 1px solid #e7e7e7; } .bab-table_cart tr:first-child { border: none; } .bab-table_cart td { flex-shrink: 0; position: relative; padding: 0; border: none; } .bab-table_cart td:first-child { width: 100%; } .bab-table_cart td:last-child { position: absolute; z-index: 5; top: 20px; right: 0; width: auto; } .bab-table_cart .bab-bet_hold { position: absolute; bottom: 16px; left: 87px; } .bab-table_cart .bab-cart_prod_item { align-items: flex-start; max-width: none; padding-right: 34px; } .bab-table_cart .bab_cart_img { margin-right: 10px; } .bab-table_cart .bab-cart_prod_item_txt { padding: 1px 0 0; line-height: 18px; } .bab-table_cart .bab-cart_prod_art { padding-top: 7px; } .bab-table_cart .bab-cart_price { margin: 30px 5px 16px; } .bab-table_cart .bab-rub { width: 14px; height: 14px; } .bab-table_cart .bab-cart_price_td { padding-left: 82px; } .bab-table_cart .bab-cart_price_del { left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .bab-table_cart .bab-cart_price_td_total { margin-right: -4px; } .bab-table_cart .bab-eq_mob { display: inline-block; } .bab-table_cart .bab-cart_price_final { display: block; padding: 0; } .bab-table_cart .bab-cart_price_final td { display: block; position: static; padding-top: 35px; } .bab-table_cart .bab-cart_price_final_blk { min-width: 1px; width: 100%; } .bab-sale_icon { width: 25px; height: 25px; top: 10px; right: auto; left: 100px; } .bab-cart_form_sec { padding: 6px 0 39px; } .bab-cart_form_sec .bab-h1 { margin-bottom: 15px; } .bab-cart_form .bab-h4 { margin-bottom: 15px; } .bab-input_txt_add { padding-bottom: 4px; } .bab-catalog_item .bab-catalog_item_com_blk { align-items: flex-start; padding: 10px 0 0 125px; margin-bottom: -2px; } .bab-compare_label_hold { font-size: 13px; } .bab-compare_label_hold .bab_mobile_hide { display: none; } .bab-compare_label_hold .bab-compare_label { margin-right: 7px; top: 0; } .bab_timer_hold { padding: 0; } .bab-compare_label_hold + .bab_timer_hold { padding: 18px 0 0; margin-bottom: 1px; } .bab-catalog_sec2 .bab-catalog_item .bab-btn { width: 40px; height: 40px; border: none !important; border-radius: 0; background-image: url(/bitrix/templates/babyliss_pro/images/bab/catalog_cart.svg) !important; background-size: 26px auto !important; bottom: -4px; right: -1px; display:block; } .bab_r_btn_hold { padding: 25px 0 0; margin-bottom: -1px; } .bab_r_btn_hold .bab-btn { width: 100%; } .bab-lds-spinner { top: 110px; } .bab-nav_content .bab-nav_content_hide_mob { display: none; } .bab-review_sec { padding: 36px 0 0; } .bab-review_sec .bab-h1 { margin-bottom: 15px; } .bab-review_hold .bab-review_item_img { display: none; } .bab-review_hold .bab-review_item_cont { padding: 0; width: 100%; } .bab-review_hold li:after { left: 0; } .bab-review_sec .bab-review_btn_hold { flex-direction: column; align-items: stretch; padding: 3px 0 20px; } .bab-review_sec .bab-review_btn_hold .bab-btn { width: 100%; margin-left: 0; } .bab-review_sec .bab-review_btn_hold .bab-btn:nth-child(1) { order: 1; } .bab-review_sec .bab-review_btn_hold .bab-btn:nth-child(2) { order: 0; } .bab-video_custom { min-height: 194px !important; } .fancybox-navigation button { display: none !important; } .bab-prod_sec .bab-h1 { margin-bottom: 4px; } .bab-prod_slide .bab-prod_slide_img, .bab-prod_slide { height: 247px; } .bab-prod_slide { margin-bottom: 9px; } .bab-slide_nav, .bab-slide_nav .bab-slide_nav_img { height: 46px; } .bab-slide_nav .slick-arrow { margin-top: 0; } .bab-prod_slide_sec { padding: 0 0 31px; } .bab-payment_ico_hold li { margin-right: 9px; } .bab-fast_order_form_wrapp { margin-bottom: 14px; } .bab-download_hold ul { padding: 11px 0 0; } .bab-download_hold { margin-bottom: 28px; } .bab-prod_dis .bab-h3 { margin-bottom: 15px; } .bab-prod_dis { margin-bottom: 14px; } .bab-video_custom .bab-play_ico { width: 51px; height: 36px; } .bab-video_wrap { margin-bottom: 24px; } .bab-offer_sec .bab-catalog_item:nth-child(odd):before { display: block; } .bab-offer_sec .bab-catalog_item:first-child:before { display: none; } .bab-offer_sec .bab-catalog_item { right: 0; margin: 0; padding-top: 17px; padding-bottom: 20px; } .bab-offer_sec .bab-catalog_item .bab-catalog_item_bottom { flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 0 10px 0 125px; margin-top: -20px; } .bab-offer_sec .bab-catalog_item .bab-catalog_item_img { margin-top: 12px; z-index: 1; } .bab-offer_sec .bab-catalog_item .bab-catalog_item_price { padding-right: 0; margin-bottom: 10px; } .bab-offer_sec { padding: 11px 0 40px; } .bab-offer_sec .bab-h1 { margin-bottom: 8px; } .bab-offer_sec p { margin-bottom: 16px; } .bab-offer_sec .bab-catalog_item:before { top: -20px; left: 47px; } .bab-offer_sec .bab-offer_sec_bottom { justify-content: flex-start; flex-direction: column; padding: 13px 20px 20px; } .bab-offer_sec .bab-offer_sec_bottom .bab-btn { width: 100%; } .bab-offer_sec .bab-offer_sec_bottom_cont { padding: 0; margin-bottom: 13px; width: 100%; } .bab-offer_sec .bab-offer_sec_bottom_cont dl { margin: 3px auto; padding: 0; justify-content: center; } .bab-txt_sec .bab-txt_sec_hold2 { padding-bottom: 8px; } .bab-txt_sec_hold2 .bab-h1 { margin-bottom: 20px; } .bab-txt_sec .bab-txt_sec_hold2 p { margin-bottom: 29px; } .bab-cart_price .bab-rub { width: 14px; height: 14px; } } /* end 768px */ @media screen and (max-width: 568px) { .bab-mailing_form { width: 100%; } .bab-insta_sec .bab-insta_sec_hold { flex-wrap: wrap; } .bab-insta_sec .bab-insta_item { display: none; } .bab-insta_sec .bab-insta_item.bab-inst1, .bab-insta_sec .bab-insta_item.bab-inst2, .bab-insta_sec .bab-insta_item.bab-inst3 { display: block; width: 50%; } .bab-insta_sec .bab-insta_item.bab-inst1 { order: 1; } .bab-insta_sec .bab-insta_item.bab-inst2 { order: 0; width: 100%; } .bab-insta_sec .bab-insta_item.bab-inst3 { order: 3; } .bab-insta_sec .bab-insta_item_txt { width: 100%; padding: 0 10px; } .bab-footer_phone_hold ul { flex-direction: column; justify-content: flex-start; } .bab-head_info { text-align: left; } .bab-head_info .bab-container { padding: 0 15px 0 8px; } .bab-news_sec .bab-news_sec_hold { margin-right: 0; } .bab-news_item { margin: 0 0 39px; width: 100%; } .bab-news_item .bab-img { height: 194px; } .bab-news_item .bab-news_item_text { height: auto; max-height: 63px; } .bab-news_sec .bab-news_sec_btn_hold { padding-top: 0; } .bab-err404_sec .bab-btn { width: 100%; } .bab-slide_around_img, .roundabout-holder { height: 214px !important; } .bab-slide_around_img img { width: 100%; height: auto; } .bab_prod_price_hold .bab_prod_price { margin-right: 10px; min-width: 118px; } } /* end 568px */ @media screen and (max-width: 450px) { .bab-catalog_item .bab_timer_hold .bab_timer { padding-right: 8px; padding-left: 8px; } .bab-catalog_item .bab_timer_hold .bab-timer_dot { margin: 0 9px; } } /* end 450px */ @media (pointer: coarse) { .bab-insta_sec .bab-insta_item .bab-insta_item_hover, .bab-insta_sec .bab-insta_item .bab-insta_item_hover:after { display: none; } .bab-insta_sec .bab-insta_item2 .bab-insta_item_hover, .bab-insta_sec .bab-insta_item2:hover .bab-insta_item_hover { background-color: rgba(0, 0, 0, 0.6) !important; display: -ms-flexbox; display: -webkit-flex; display: flex; } .bab-to_top:hover { background-color: rgba(0, 0, 0, 0.4); } .bab-info_item:hover .bab-info_item_img { top: 0; } .bab-info_item:hover .bab-info_item_img:before { background: #000; opacity: 0.6; } .bab-info_item:hover .bab-info_item_img:after { -webkit-transform: translate(0, 12px); -ms-transform: translate(0, 12px); transform: translate(0, 12px); } .bab-info_item:hover .bab-info_item_icon { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); background: #eb1c23; } .bab-info_item:hover .bab-info_item_text { padding-bottom: 10px; } .bab-catalog_item:hover:after { border-color: #e7e7e7; } .slick-dots li button:after { display: none; } .around_next:before, .around_prev:before, .slick-arrow:before { display: none; } .around_next:hover, .around_prev:hover, .slick-arrow:hover { border-color: #e7e7e7; } .around_next:hover:before, .around_prev:hover:before, .slick-arrow:hover:before { display: none; } .around_next:hover:after, .around_prev:hover:after, .slick-arrow:hover:after { opacity: 1; } .bab-bet .bab-minus:hover:after, .bab-bet .bab-plus:hover:after, .bab-bet .bab-plus:hover:before { background: #3f3f3f; } .bab-bet .bab-minus:hover, .bab-bet .bab-plus:hover { border-color: #c7c7c7; } .bab-btn:hover { background: #eb1c23; } .bab-btn_white:hover { color: #eb1c23 !important; background-color: #fff; } .bab-prod_slide .bab-prod_slide_img:hover .bab-zoom_ico, .bab-zoom_ico:hover { background: #f5f5f5; } .bab-prod_slide .bab-prod_slide_img:hover .bab-zoom_ico:before, .bab-zoom_ico:hover:before { opacity: 1; } .bab-prod_slide .bab-prod_slide_img:hover .bab-zoom_ico:after, .bab-zoom_ico:hover:after { opacity: 0; } .bab-video_custom:hover .bab-play_ico:before { opacity: 1; } .bab-video_custom:hover .bab-play_ico:after { opacity: 0; } } body.bx-opened { overflow: hidden; } .wrap, .bx-wrap, .bx-wrapper{ position: relative; } body.bx-background-gradient{ background: rgb(246,247,251); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(246,247,251,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,247,251,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7fb', endColorstr='#ffffff',GradientType=0 ); background-attachment: fixed; } .icon-empty { opacity: 0; } img { width: auto; max-width: 100%; height: auto; } .bx-header {} /*Logo*/ .bx-logo { padding-left: 17px; padding-bottom: 19px; } .bx-logo .bx-logo-block { display: block; height: 50px; border-bottom: none; } .bx-logo .bx-logo-block img{ width: auto; max-width: 100%; height: auto; max-height:100%; } .bx-logo-text, .bx-logo-text:hover, .bx-logo-text:active { font-size: 32px; font-weight: 700; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #000; line-height: 37px; text-decoration: none; border: none; vertical-align: bottom; } .bx-logo-text small { font-size: 37px; } .bx-logo-desc { text-transform: uppercase; display: block; font-weight: 700; font-size: 13px; line-height: 10px; color: #b8b8b8; } @media (max-width: 767px) { .bx-logo { background: #1484ce; position: fixed; left: 0; right: 0; top: 0; z-index: 1400; padding: 10px 60px; } .bx-logo .bx-logo-block { text-align: center; height: 30px; } .bx-logo-text { font-size: 24px; color: #fff; line-height: 30px; vertical-align: middle; } .bx-logo-text:hover, .bx-logo-text:active { color: #fff; } .bx-logo-text small { font-size: 24px; color: #fff; } .bx-logo-desc { display: none; } } /* Sections */ .bx-header-section { border-left: 1px solid #eaebec; border-right: 1px solid #eaebec; padding: 28px 45px 10px; background: #fff; } .bx-content-seection { min-height: 50vh; padding: 0 45px 5px; background: #fff; border-left: 1px solid #eaebec; border-right: 1px solid #eaebec; } @media (min-width: 1200px) { .bx-header-section { padding: 31px 45px 10px; } .bx-content-seection { padding: 0 45px 5px; } } @media (min-width: 992px) and (max-width: 1199px) { .bx-header-section { padding: 31px 30px 10px; } .bx-content-seection { padding: 0 30px 5px; } } @media (min-width: 768px) and (max-width: 991px) { .bx-header-section { padding: 31px 15px 10px; } .bx-content-seection { padding: 0 15px 5px; } } @media (max-width: 767px) { .bx-header-section { padding: 60px 15px 10px } .bx-content-seection { padding: 0 15px 10px } } /* header / phone */ .bx-inc-orginfo { padding-left: 28px; } @media (max-width: 767px) { .bx-inc-orginfo { text-align: center; padding-bottom: 10px; } } .bx-inc-orginfo-phone { color: #000; font-size: 21px; font-weight: 700; white-space: nowrap; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; } .bx-inc-orginfo-phone i { color: #97a1ab; position: relative; margin-left: -23px; } .bx-inc-orginfo-recall {} .bx-inc-orginfo-recall a { color: #039be5; border-bottom: 1px dashed; font-size: 12px; margin-left: 2px; } .bx-inc-orginfo-recall a:hover { text-decoration: none; border-bottom-color: transparent; } /* header / worktime */ .bx-worktime {} @media (max-width: 767px) { .bx-worktime { text-align: center; } } .bx-worktime-title { color: #8d8d8d; font-size: 12px; } .bx-worktime-prop { font-size: 13px; color: #000; } .bx-worktime-prop>span { white-space: nowrap; } /*sidebar*/ .bx-sidebar-block { margin-bottom: 40px; } .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-footer .bx-block-title{ margin: 0; padding: 0; font-size: 17px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; font-weight: 600; } /* Breadcrumb Custom*/ .bx-breadcrumb-item a { color: #757575; } .bx-breadcrumb-item a:hover { color: #2d2d2d; } /* workarea */ /*TITLE*/ h1.bx-title, h2.bx-title, h3.bx-title, h4.bx-title, h5.bx-title, h6.bx-title { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; } h1.bx-title, h2.bx-title, h3.bx-title { padding-bottom: 15px; } h4.bx-title, h5.bx-title, h6.bx-title {} h1.bx-title { margin-top: 0; padding-bottom: 10px; } h2.bx-title {font-size: 25px} h3.bx-title {} h4.bx-title {} h5.bx-title {} h6.bx-title {} /* FORMS */ input[type=text], input[type=password] { margin: inherit 4px; padding: 0 4px; border: 1px solid #CCD5DB; border-radius: 2px; background: #f8fafc; outline: none; } textarea { display: block; width: 100%; max-width: 100%; min-width: 100%; font-size: 18px; min-height: 150px; max-height: 450px; margin: 0; padding: 0 4px; border: 1px solid #CCD5DB; border-radius: 2px; background: #f8fafc; outline: none; } /* INC.banners */ .bx-incbanners { margin: 10px 0 25px; text-align: center; } /* INC.links.footer */ .bx-inclinksfooter a { border-bottom: none; } .bx-inclinksfooter .bx-block-title { margin: 0; padding: 0; font-size: 17px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; font-weight: 600; } .bx-inclinksfooter-container { margin-top: 15px; padding: 0; color: #fff; border-radius: 2px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; } .bx-inclinksfooter-list { list-style: none; margin: 0; padding: 0; } .bx-inclinksfooter-item { padding: 0 0 5px 0; } /* INC.logo.footer */ .bx-inclogofooter { color: #fff; } .bx-inclogofooter a.bx-inclogofooter-logo:hover, .bx-inclogofooter a.bx-inclogofooter-logo { border-bottom: none; } .bx-inclogofooter-logo img { max-width: 180px; height: auto; } .bx-inclogofooter-block { padding-bottom: 20px; } .bx-inclogofooter-tel { color: #cfd0d0; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; padding-bottom: 5px; } .bx-inclogofooter-worktime { color: #cfd0d0; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; } /* INC.social.widget */ .bx-banners { margin: 10px 0; } .bx-banners .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } /* INC.wt */ .bx-wt-block { color: #fff; padding: 5px 15px; background: url(/bitrix/templates/babyliss_pro/images/wt.png) no-repeat center top; -webkit-background-size: cover; background-size: cover; border-radius: 3px; } .bx-wt .bx-block-title { font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 600; text-transform: uppercase; margin-bottom: 14px; color: #fff; } .bx-wt-block ul { margin: 0; padding: 0; list-style: none; font-size: 12px; } .bx-wt-block ul li { padding-bottom: 7px; } .bx-wt-others-block { text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 7px; margin-top: 4px; } /* news.list.sidebar */ .bx-s-info { margin: 10px 0; padding-top: 5px; } .bx-s-info-block { display: block; margin-bottom: 25px; } .bx-s-info-title { display: block; min-height: 29px; padding-left: 36px; margin-bottom: 5px; position: relative; } .bx-s-info-titleicon{ display: block; background: #007FCA; border-radius: 50%; width: 30px; height: 30px; position: absolute; left: 0; top: 50%; margin-top: -15px; line-height: 30px; color: #fff; text-align: center; font-weight: bold; } .bx-s-info-titleicon i{ line-height: 30px; vertical-align: middle; font-style: normal; } .bx-s-info-titletext { display: block; padding: 6px 0; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; font-weight: 600; } .bx-s-info-content { display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #3e454c; padding-left: 36px; } /* FOOTER */ .bx-footer { background: #292d2e; color: #c8cece; } .bx-footer-section.bx-center-section { padding-top: 40px; padding-bottom: 40px; } .bx-footer-section.bx-center-section>div { margin-bottom: 20px; } .bx-footer a { color: #c8cece; } .bx-footer a:hover { color: #fff; border-bottom: 1px solid; text-decoration: none; } .bx-footer-line { background: #1f496a; } .bx-footer-bottomline { background: #222425; font-size: 14px; padding: 22px 0; } .bx-up { text-align: right; } .bx-up a, .bx-up a:hover { border-bottom: none; } @media (min-width: 1200px) {} @media (min-width: 992px) and (max-width: 1199px) {} @media (min-width: 768px) and (max-width: 991px) {} @media (max-width: 767px) { .bx-footer { text-align: center; } .bx-up { text-align: center; } } /**/ .btn, .btn:hover, .btn:active, .btn:focus{ text-shadow: none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; outline:none !important; } .btn-primary { background-color: #1485ce; border-color: #1485ce; } .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { background-color: #53a4d8; border-color: #53a4d8; } .btn-link { color: #1485ce; } .btn-link:focus, .btn-link:hover { color: #53a4d8; text-decoration: none; } /*404*/ .bx-404-container { width: 100%; margin: 0 auto; text-align: center; } .bx-404-block { margin-top: 100px; margin-bottom: 66px; } @media (max-width: 768px) { .bx-404-block { margin-top: 50px; margin-bottom: 33px; } } .bx-404-text-block { font-size: 20px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; padding-bottom: 20px; } .bx-maps-title { color: #8f8f8f; font-size: 16px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; padding-bottom: 20px; padding-top: 10px; border-bottom: 1px solid #e9eaea; } .map-columns { padding-top: 20px; } .bx-map-title { font-weight: bold; font-size: 14px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; position: relative; min-height: 20px; padding-left: 25px; margin-bottom: 20px; } .bx-map-title .fa { color: #0083d1; position: absolute; left: 0; top: 2px; font-size: 15px; } .map-columns ul { list-style: none; margin-bottom: 5px; } .map-level-0 { margin-left: 0; padding-left: 25px; margin-bottom: 20px; } .map-level-0 li { margin-left: 0; padding-left: 0; } .map-level-0 ul { padding-left: 15px; } ul.map-level-1 { margin-bottom: 30px; } /*ABOUT*/ .bxd-block { width: 100%; border: 1px solid #e3e6e7; display: block; background: #fff; padding: 15px; min-height: 210px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.bxd-block:hover {} .bxd-icon { display: block; border-radius: 50%; height: 68px; width: 68px; margin: 0 auto; -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; } .bxd-block:hover .bxd-icon {} .bxd-icon .fa { margin-left: -1px; position: relative; font-size: 35px; height: 68px; width: 68px; text-align: center; line-height: 68px; vertical-align: middle; -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; } .bxd-link:hover .bxd-icon .fa {} .bxd-title { display: block; padding-top: 10px; padding-bottom: 10px; font-weight: bold; text-align: center; color: #000; font-size: 15px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; text-transform: uppercase; } .bxd-desc { display: block; text-align: center; color: #737373; font-size: 12px; } .bx-up-button { border-radius: 2px; color: #fff; position: fixed; right: 30px; bottom: 30px; font-size: 12px; line-height: 20px; cursor: pointer; vertical-align: middle; padding: 9px 18px 7px 38px; -webkit-transition: background-color .3s ease, opacity .3s ease; -moz-transition: background-color .3s ease, opacity .3s ease; -ms-transition: background-color .3s ease, opacity .3s ease; -o-transition: background-color .3s ease, opacity .3s ease; transition: background-color .3s ease, opacity .3s ease; background: #c2c4c7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAAAfSURBVHgBYwACRkYgAaKZmBihNJAFpaFiTExAgjwGAA1BAD3lDqDYAAAAAElFTkSuQmCC) 18px 13px no-repeat; } .bx-up-button:hover{ background-color: #9fa0a3; } .bab-catalog_item .bab-catalog_item_title { min-height: 64px; height: auto !important; margin-bottom: 14px !important; } .bab-catalog_item dl dd { flex-shrink: 1; } .bab-catalog_item dl:after { bottom: auto; top: 10px; } .bab-catalog_item .bab-catalog_item_discr { overflow: hidden; height: auto; min-height: 144px; } .bab-prod_info dl { align-items: flex-start; } .bab-prod_info dl:after { bottom: auto; top: 11px; } .bab-compare_sec .bab-catalog_item .bab-catalog_item_title { height: 64px !important; } .bab-nav_main_menu .bab-main_menu li > * .bab-main_menu_ico svg, .bab-sale_icon img { width: 100%; } @media screen and (max-width: 768px) { .bab-compare_sec .bab-catalog_item .bab-catalog_item_title { height: 72px !important; margin-bottom: 0 !important; } .bab-offer_sec .bab-catalog_item .bab-catalog_item_bottom { margin-top: -15px !important; } } .smartfilter .bx-filter-button-box .bx-filter-block{ padding: 12px; padding-bottom: 15px; } #bx-soa-order #bx-soa-region .bx_soa_location .form-group[data-property-id-row] { margin-top: 0; } .bab-recommended-block a:before{ display:none; } .bab-recommended-block a:hover { color: #eb1c23; } @media screen and (max-width: 768px){ .bab-adr .bab-adr_block:nth-child(5){ margin-top: 307px; } } .bab-mobile_menu_user_in { display:none !important; } .bab-mobile_menu_hold .bab-search{ margin-top:10px } .bx-soa-coupon, #bx-soa-coupon{ display:none !important; } @media screen and (max-width: 768px){ .product-item { position: relative !important; } .bab-catalog_item .bab-catalog_item_link_name{ margin-top: 0 !important; position: absolute !important; top: 0 !important; } .variant-container-m{ margin-top: -26px !important; margin-bottom: 10px !important; } } /* End */ /* /bitrix/templates/babyliss_pro/components/bitrix/search.title/input_search/style.min.css?15566134193445 */ /* /bitrix/templates/babyliss_pro/components/bitrix/sale.basket.basket.line/icon_basket/style.min.css?15566134184008 */ /* /bitrix/templates/babyliss_pro/components/bitrix/menu/catalog_menu/style.min.css?15566134177784 */ /* /bitrix/templates/babyliss_pro/components/bitrix/breadcrumb/universal/style.css?15566134151139 */ /* /bitrix/templates/babyliss_pro/components/bitrix/sender.subscribe/subscribe_footer/style.css?1556613419902 */ /* /bitrix/templates/babyliss_pro/styles.css?17927654266341 */ /* /bitrix/templates/babyliss_pro/template_styles.css?1792765426215493 */