@font-face { font-family: arian amu; src: url(/templates/beautyStore/css/arlamu.woff) format('woff2'), url(/templates/beautyStore/css/arlamu.woff) format('woff'); font-weight: 400; font-style: normal } @font-face { font-family: "montserrat-regular"; font-display: swap; src: url("/templates/beautyStore/fonts/Montserrat-Regular/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("/templates/beautyStore/fonts/Montserrat-Regular/Montserrat-Regular.otf") format("opentype"), url("../fonts/Montserrat-Regular/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular/Montserrat-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "montserratarm-regular"; font-display: swap; src: url("/templates/beautyStore/fonts/Montserratarm-Regular/Montserratarm-Regular.eot?#iefix") format("embedded-opentype"), url("/templates/beautyStore/fonts/Montserratarm-Regular/Montserratarm-Regular.otf") format("opentype"), url("/templates/beautyStore/fonts/Montserratarm-Regular/Montserratarm-Regular.woff") format("woff"), url("/templates/beautyStore/fonts/Montserratarm-Regular/Montserratarm-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "montserrat-medium"; font-display: swap; src: url("/templates/beautyStore/fonts/Montserrat-Medium/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("/templates/beautyStore/fonts/Montserrat-Medium/Montserrat-Medium.otf") format("opentype"), url("/templates/beautyStore/fonts/Montserrat-Medium/Montserrat-Medium.woff") format("woff"), url("/templates/beautyStore/fonts/Montserrat-Medium/Montserrat-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "montserratarm-medium"; font-display: swap; src: url("/templates/beautyStore/fonts/Montserratarm-Medium/Montserratarm-Medium.eot?#iefix") format("embedded-opentype"), url("/templates/beautyStore/fonts/Montserratarm-Medium/Montserratarm-Medium.otf") format("opentype"), url("/templates/beautyStore/fonts/Montserratarm-Medium/Montserratarm-Medium.woff") format("woff"), url("/templates/beautyStore/fonts/Montserratarm-Medium/Montserratarm-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "montserrat-light"; font-display: swap; src: url("/templates/beautyStore/fonts/Montserrat-light/Montserrat-light.eot?#iefix") format("embedded-opentype"), url("/templates/beautyStore/fonts/Montserrat-light/Montserrat-light.otf") format("opentype"), url("/templates/beautyStore/fonts/Montserrat-light/Montserrat-light.woff") format("woff"), url("/templates/beautyStore/fonts/Montserrat-light/Montserrat-light.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "montserratarm-light"; font-display: swap; src: url("/templates/beautyStore/fonts/Montserratarm-light/Montserratarm-light.eot?#iefix") format("embedded-opentype"), url("/templates/beautyStore/fonts/Montserratarm-light/Montserratarm-light.otf") format("opentype"), url("/templates/beautyStore/fonts/Montserratarm-light/Montserratarm-light.woff") format("woff"), url("/templates/beautyStore/fonts/Montserratarm-light/Montserratarm-light.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "icon"; font-display: "auto"; src: url("/templates/beautyStore/fonts/icons/icomoon.eot?n0i860"); src: url("/templates/beautyStore/fonts/icons/icomoon.eot?n0i860#iefix") format("embedded-opentype"), url("/templates/beautyStore/fonts/icons/icomoon.ttf?n0i860") format("truetype"), url("/templates/beautyStore/fonts/icons/icomoon.woff?n0i860") format("woff"); font-weight: normal; font-style: normal; } @font-face{ font-family: "GeForce Bold-Alt"; src: url("/templates/beautyStore/fonts/GeForce/Web Fonts/cf67b63a12a22d6fe21be02b8dfdf060.eot"); src: url("/templates/beautyStore/fonts/GeForce/Web Fonts/cf67b63a12a22d6fe21be02b8dfdf060.eot?#iefix")format("embedded-opentype"), url("/templates/beautyStore/fonts/GeForce/Web Fonts/cf67b63a12a22d6fe21be02b8dfdf060.woff")format("woff"), url("/templates/beautyStore/fonts/GeForce/Web Fonts/cf67b63a12a22d6fe21be02b8dfdf060.woff2")format("woff2"), url("/templates/beautyStore/fonts/GeForce/Web Fonts/cf67b63a12a22d6fe21be02b8dfdf060.ttf")format("truetype"), url("/templates/beautyStore/fonts/GeForce/Web Fonts/cf67b63a12a22d6fe21be02b8dfdf060.svg#GeForce Bold-Alt")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } .isSafari.notTouch a { font-family: arian amu !important } .isSafari.notTouch .arial, body .isSafari.notTouch, .isSafari.notTouch button, .isSafari.notTouch input, .isSafari.notTouch select, .isSafari.notTouch textarea{ font-family: arian amu !important } .heart { position: absolute; top: -1vh; width: 25px; height: auto; transform: translateY(0); animation: fall 3s linear forwards; z-index:1; } @keyframes fall { to { transform: translateY(101vh); } } .frame-btn-wish:hover i { color: #0c9acb; } .frame-user-toolbar { display: none; } .items-brands>li { width: 176px; } .horizontal-carousel .cats .group-button-carousel .arrow { width: 37px; height: 37px; } .horizontal-carousel .cats .group-button-carousel .arrow .icon_arrow_p{ background-position: -100px 0; } .swiper-slide:hover .category-block-hoverline { border-bottom: 3px solid #f18b30; transition: ease all .4s; } .swiper-slide:hover .category-block-hoverline { animation: line 0.2s linear forwards; } @keyframes line { from { left:50%; width:0%; } to { left:0%; width:100%; } } .frame-drop-menu .frame-l2>ul>li { margin-bottom: 0px; } .menu-main .frame-l2 [class^=column2_]>a { display: inline-block; padding: 8px 14px; position: relative; width: 100%; box-sizing: border-box; color: #333; font-size: 16px; text-transform: none; font-weight: 500; } .menu-row-category .frame-drop-menu .frame-l2>ul { padding: 0px 0px 10px; } .menu-row-category .frame-drop-menu.left-drop .title-category-l1.is-sub:after, .menu-row-category .title-category-l1.is-sub:after { right: 7px; content: "\f054"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: Font Awesome\ 5 Free; font-weight: 900; font-size: 12px; background: none; color: #ccc; font-family: "Font Awesome 6 Pro"; } .menu-row-category .title-category-l1.is-sub .ie, .menu-row-category .title-category-l1.is-sub:after { content: ""; position: absolute; top: 50%; margin-top: -6px; width: 5px; height: 8px; } .menu-row-category .frame-l2>ul>li>a:hover, .menu-row-category .frame-l2>ul>li>ul>li>a:hover { background-color: #ddd; color: #f18b30; } .check-variant-payment .cusel-scroll-wrap span[val='17']:before { content: "\f2bb"; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; box-shadow: none; font-family: Font Awesome\ 5 Free; font-weight: 900; line-height: 20px; vertical-align: bottom; font-family: "Font Awesome 6 Pro"; } .check-variant-payment .cusel-scroll-wrap span[val='19']:before { margin-right: 8px; color: #27ab27cc; content: ""; margin-left: 0; background-image: url(/uploads/Payment-methods/log0-acba-mini.png); background-position: center; width: 40px; display: inline-block; background-size: 100%; background-repeat: no-repeat; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; box-shadow: none; font-family: Font Awesome\ 5 Free; font-weight: 900; line-height: 20px; vertical-align: bottom; font-family: "Font Awesome 6 Pro"; } .cuselText.pay-18:before{ content: ""; font-size: 0; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 40px; height: 20px; box-shadow: none; font-weight: 900; line-height: 20px; vertical-align: middle; background-image: url(/templates/beautyStore/images/logo_idram.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; } .cuselText.pay-19:before { color: #27ab27cc; content: ""; margin-left: 0; background-image: url(/uploads/Payment-methods/log0-acba-mini.png); background-position: center; width: 40px; display: inline-block; background-size: contain; background-repeat: no-repeat; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 40px; height: 20px; box-shadow: none; font-family: Font Awesome\ 5 Free; font-weight: 900; line-height: 20px; vertical-align: middle; font-family: "Font Awesome 6 Pro"; } .cuselText.pay-17:before { color: #27ab27cc; content: ""; margin-left: 0; background-image: url(/uploads/Payment-methods/logo-vtb.svg); background-position: center; width: 40px; display: inline-block; background-size: 100%; background-repeat: no-repeat; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 40px; height: 20px; box-shadow: none; font-family: Font Awesome\ 5 Free; font-weight: 900; line-height: 20px; vertical-align: middle; font-family: "Font Awesome 6 Pro"; } .cuselText.pay-1:before { content: "\f4de"; color: #0c9acb; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 20px; box-shadow: none; line-height: 20px; width: 40px !important; display: inline-block; text-align: center; background-size: contain !important; } .cuselText.pay-15:before { content: "\f09d"; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 20px; box-shadow: none; font-family: Font Awesome\5 Free; font-weight: 900; line-height: 20px; width: 40px !important; display: inline-block; text-align: center; background-size: contain !important; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #ffb01f; } .items a .title-brand { height: 15px; } .product-colors{ display: block; line-height: 30px; margin-bottom: 20px; padding-left: 10px; } .crumbs .items { font-size: 0; padding: 8px 15px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .btn-crumb .divider a span, .btn-crumb a span { color: #da751a; font-size: 14px !important; } .globalFrameProduct.to-cart .frame-count-buy { padding: 0; } .btn-crumb .text-el { font-size: 14px; } .product-colors a{ display: inline-block; width: 20px; height: 20px; border-radius: 4px; overflow: hidden; vertical-align: middle; border: 1px solid #f1f1f1; margin-right: 5px; } .product-colors a div{ display:inline-block; width:20px; height:20px; } .product-colors a div i{ display:inline-block; width:20px; height:20px; } .icon-plus { width: 30px; height: 30px; font-family: Font Awesome\ 5 Free; background: none; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 28px; font-weight: 900; border: 1px solid #ddd; border-radius: 30px; box-sizing: border-box; font-family: "Font Awesome 6 Pro"; } .icon-plus:before { content: "\f067"; } .icon-minus { width: 30px; height: 30px; background-position: -360px -100px; font-family: Font Awesome\ 5 Free; background: none; font-size: 20px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 28px; font-weight: 900; border: 1px solid #ddd; border-radius: 30px; box-sizing: border-box; font-family: "Font Awesome 6 Pro"; } .icon-minus:before { content: "\f068"; } .btn-minus button { border-width: 0 1px 0 0; border-color: transparent; border-style: solid; height: 30px; line-height: 100%; width: 30px; border: none; border-radius: 5px; } .btn-plus button { border-width: 1px 1px 0 0; border-color: transparent; border-style: solid; line-height: 100%; height: 30px; -webkit-appearance: none; border: none; width: 30px; border-radius: 5px; } .btn-minus{ float: left; } .btn-plus{ float: right; } .btn-minus, .btn-plus { display: inline-block; height: 100%; line-height: 100%; border-radius: 30px; } .btn-minus:hover span, .btn-plus:hover span{ color: #fff !important; background: #b90003; border: 1px solid #b90003; } #photo .frame-count>.number .frame-change-count, .item-product .frame-count>.number .frame-change-count { position: absolute !important; right: 0; width: 120px; left: 0; } #photo .frame-count>.number, .item-product .frame-count>.number { display: block; } .frame-count>.number { display: inline-block; vertical-align: middle; min-width: auto; position: relative; } #photo .frame-count, .item-product .frame-count { margin-bottom: 20px; width: 120px; display: block; } input.plus-minus.product { width: 40px; margin: auto; border: none; text-align: left; margin-left: 50px; font-size: 18px; background: none; } input.plus-minus.product:focus { background-color: transparent; } .frame-variant-name-code { margin-bottom: 5px; display: inline-block; height: 24px; width: 100%; box-sizing: border-box; line-height: 24px; } .frame-variant-name-code .frame-variant-code{ line-height: 24px; } .frame-variant-name-code .frame-variant-code .product-widh-compare{ display: inline-block; float: right; vertical-align: top; } .frame-variant-name-code .frame-variant-code .product-widh-compare [class*=btn-]{ width: 24px; height: 24px; text-align: center; line-height: 24px; margin-right: 10px; } .frame-variant-name-code .frame-variant-code .product-widh-compare [class*=btn-] .btn-compare, .frame-variant-name-code .frame-variant-code .product-widh-compare [class*=btn-] .btn-wish{ margin-bottom: 0; line-height: 24px; height: 24px; box-sizing: border-box; } .frame-variant-name-code .frame-variant-code .product-widh-compare [class*=btn-] button { width: 24px; } .frame-variant-name-code .frame-variant-code .product-widh-compare [class*=btn-] button i { font-size: 20px; color: #ccc; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; line-height: 24px; width: 24px; margin: 0; padding: 0; } .variant-button.active { background: #abb6c5; border-color: #abb6c5; color: #fff; width: 24px; height: 24px; margin: 5px 3px 0 0; } .variant-button { float: left; cursor: pointer; z-index: 0; position: relative; font-size: 12px; float: left; width: 20px; height: 20px; border-radius: 3px; border: 1px solid #f1f1f1; margin: 7px 5px 0 0; box-sizing: border-box; overflow: hidden; display:block; } .variant-button .color-palitte{ width: 100%; height: 100%; display: block; } #variantSwitcher{ font-size:20px; } .variant-button.active { z-index: 1; cursor: default; } .check-variant-product { position: relative; right: 0; margin-bottom: 20px; height: 40px; } .frame-count-buy{ padding: 0 10px; } .menu-header .fa, .menu-header .fab, .menu-header .fal, .menu-header .far, .menu-header .fas, .menu-header .fa-solid { color: #fff; } #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 11104; } .lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; } #fancybox-loading div { position: absolute; border: 4px solid #e16900; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; background-image: none; } #fancybox-loading div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 20px; left: 20px; width: 0; height: 0; opacity: 0; } 4.9% { top: 20px; left: 20px; width: 0; height: 0; opacity: 0; } 5% { top: 20px; left: 20px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 40px; height: 40px; opacity: 0; } } .frame-btn-comp:hover i { color: #eb6400; } .frame-btn-wish:hover i { color: #eb6400; } .long-menu .inside-padd li { display: inline-block; list-style: none; padding: 0 10px; color: #777; vertical-align: middle; font-size: 22px; color: #999 !important; } .long-menu .inside-padd .fab.fa-instagram { width: 22px; height: 22px; background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); padding: 0; line-height: 22px; border-radius: 5px; color: #fff; background: #888; font-size: 22px; } .long-menu .inside-padd .social-footer .fab.fa-facebook { color: #3b5998; font-size: 22px; vertical-align: middle; color: #888; } .all-right-reserved { width: 100%; display: inline-block; flex: 0 1 calc(75% - 0px); } @media screen and (min-width: 767px){ .affix.content-header .logo img { height: 30px; } .compare-list-btn .text-compare-list .compareListCount { margin-left: 3px; } .menu-row-category .frame-drop-menu > ul > li { display: block; width: 272px; position: static; border-bottom: 1px solid #ddd; } .menu-row-category .frame-drop-menu.left-drop > ul > li:after { left: 272px; background-position: 0 0; } .level-four{ padding: 0px !important; font-size: 14px; background: #fff; letter-spacing: normal; margin: 0 !important; } .menu-row-category .frame-l2>ul>li>.level-four>li>a:hover { background-color: transparent; color: #ffffff; } .menu-row-category .frame-l2>ul>li>.level-four>li>a { color: #08317c; padding: 4px; } .menu-row-category .frame-l2>ul>li>.level-four>li:hover { background-color: #3c4a88; color: #ffffff; } .level-four li{ padding-left: 30px !important; } .level-four a:after{ display:none !important; } .level-four a{padding: 6px;} .left-product-left { width: 100%; margin: 0 auto; position: relative; } .leftProduct .photo-block { width: 100%; height: 390px; padding: 0; overflow: visible; } .items-thumbs .photo-block { width: 80px; height: 60px; padding: 0px; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; } .frame-prices-prod.credit-block { background: none; border-top: 1px solid #ddd; } .item-product .frame-prices { display: flex; vertical-align: middle; padding-bottom: 0; margin: 18px 0px 18px 0; width: 100%; box-sizing: border-box; position: relative; flex-wrap: wrap; } .credit-item { display: inline-block; float: left; box-sizing: border-box; width: 50%; text-align: left; padding: 10px; border-right: 4px solid #fff; } .current-prices { display: inline-block; width: 50%; padding: 10px; box-sizing: border-box; text-align: left; } .right-product-left .frame-prices .price.priceCashVariant, .right-product-left .frame-prices .price.priceVariant { font-size: 24px !important; } #photo .funcs-buttons, .right-product-left .funcs-buttons { display: block; padding: 10px; } .credit-item.help{ width: 12%; position: absolute; right: 0; } .check-variant-product { position: relative; right: 0; margin-bottom: 20px; margin-top: 20px; height: 40px; } .right-product-left .buy-wish-compare .btn-buy, .right-product-left .buy-wish-compare .btn-cart { display: inline-block; width: 60%; float: none; max-width: 120px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-radius: 5px; } .right-product-left .buy-wish-compare .btn-buy i, .right-product-left .buy-wish-compare .btn-cart i { padding-right: 6px; font-size: 14px; color: #fff; } .right-product-left .buy-wish-compare{ display: inline-block; width: calc(100% - 130px); margin-top: 0; } .frame-prices-buy-wish-compare .buy-wish-compare .frame-btn-wish { display: inline-block; float: left; width: 20%; height: 36px; text-align: center; border-left: 1px solid #ddd; box-sizing: border-box; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .frame-prices-buy-wish-compare .buy-wish-compare .frame-btn-comp { display: inline-block; float: left; width: 20%; height: 36px; text-align: center; border-left: 1px solid #ddd; box-sizing: border-box; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .right-product-left { width: calc(100% - 50%); float: right; box-sizing: border-box; } .wrap-left-product-left { margin-right: calc(100% - 50%); padding-bottom: 10px; overflow: hidden; } .left-product { width: 100%; float: left; position: relative; } .content-header .logo img { height: 40px; position:unset; } .menu-header .fa, .menu-header .fab, .menu-header .fal, .menu-header .far, .menu-header .fas, .menu-header .fa-solid{ display: inline-block !important; vertical-align: unset; font-size: 14px; padding-right: 3px; } .menu-header.second .frame-item-menu > .frame-title .text-el.glav{ padding-left: 0; } .btn-bask i, .btn-search .fa, .compare-list-btn i, .wish-list-btn i { background-position: 0 0; width: 16px; height: 16px; top: 0; margin-right: 0px; vertical-align: middle; line-height: 16px; font-size: 16px; } .btn-bask .text-cleaner { display: inline-block; padding: 0; vertical-align: middle; font-weight: 500; text-transform: uppercase; } .btn-bask .text-cleaner .text-el.count-bask, .wish-list-btn>button .wishListCount { margin-left: 3px; } .frame-btn-comp:hover i { color: #eb6400; } .frame-btn-wish:hover i { color: #eb6400; } } body.webview .right-header { display:none !important } body.webview .menu-main td td .frame-drop-menu>ul { border: 0; height: 100% !important; overflow: scroll; } body.webview .frame-item-menu-out td .frame-drop-menu { margin: auto !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: inherit!important; visibility: hidden; opacity: 0; top: 0; position: fixed; margin-top: 100% !important; left: 10px !important; right: 10px !important; border-radius: 15px !important; bottom: 0; width: calc(100% - 20px) !important; overflow: hidden; } body.webview .frame-item-menu-out td.hoverM.firstH .frame-drop-menu.left-drop { margin: auto !important; margin-top: 0% !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; left: auto!important; visibility: visible; opacity: 1; box-shadow: none; position: fixed; top: 5%; left: 10px !important; right: 10px !important; border-radius: 15px !important; bottom: 0; width: calc(100% - 20px) !important; overflow: hidden; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; box-shadow: 0 0 35px #333; border-color: #d6d6d6; padding-top: 14px; } body.webview .frame-item-menu-out>.frame-title, body.webview .frame-item-menu>.frame-title { position: relative; height: 100%; z-index: 0; cursor: pointer; display: none; } body.webview .content-header .logo { display:none !important; } body.webview .drop-bask { max-width: 655px; width: calc(100% - 20px); border-radius: 10px; } body.webview .drop-bask .content-frame-foot>.inside-padd>.btn-trans { display:none !important; } body.webview .drop-bask .content-frame-foot>.inside-padd { padding: 10px; text-align: center; } body.webview .drop-bask .content-frame-foot>.inside-padd .btn-buy{ float: none !important; border-radius: 5px; } body.webview .drop-bask .footer-bask>.inside-padd>.clearfix { padding: 10px 20px; } body.webview .drop-bask .footer-bask>.inside-padd .cart-bottom-title { font-size: 15px; line-height: 50px; } body.webview .price-discount { margin-right: 5px; line-height: 50px; } body.webview .drop-bask .footer-bask>.inside-padd>.clearfix .f_r { margin: 0px !important; } body.webview .btn-buy { border-radius: 5px; } body.webview .content-header { padding-top: 0; display:none; } body.webview input.input-search { height: 45px; } body.webview .wrap-input-search { margin: 0; top: 0 !important; height: 70px; position: fixed !IMPORTANT; } body.webview .wrap-input-search button { position: absolute; right: 12px; cursor: pointer!important; top: 0; margin-top: 0; width: 20px; height: 100%; line-height: 45px; } body.webview .icon_search-dr { background: none; width: 20px; height: auto; font-family: Font Awesome\ 5 Free; font-weight: 900; font-size: 20px; line-height: 45px; font-family: "Font Awesome 6 Pro"; } body.webview .icon_search-dr:before { content: "\f002"; } body.webview .wrap-input-search form { position: relative; } body.webview .drop-profile, body.webview .frame-drop-top-menu { background-color: #fff; box-shadow: 0 0 35px #333; border-color: #d6d6d6; position: fixed !important; margin: 0; width: calc(100% - 20px); left: 10px !important; height: 100%; border-radius: 20px; overflow: hidden; bottom: auto !important; top: 100% !important; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; display: block !important; } body.webview .drop-profile.active, body.webview .frame-drop-top-menu.active { top: 5% !important; } body.webview .drop-profile .drop-content{ overflow: hidden; padding: 0px; width: 100% !important; height: 100% !important; } body.webview .drop-profile .drop-content .jspContainer { overflow: hidden; position: relative; width: 100% !important; height: 100% !important; } body.webview .drop-profile .drop-content .jspContainer .jspPane { position: absolute; width: 100% !important; height: 100% !important; } body.webview .drop-profile .drop-content .jspContainer .jspPane ul{ padding: 20px; padding-top:0px; } .usermenu-actions{ display:none; } body.webview .usermenu-actions{ display:block; border-bottom: 1px solid #ddd; } body.webview .usermenu-actions .box-1, body.webview .usermenu-actions #tinyBask{ width: 33%; box-sizing: border-box; } body.webview .usermenu-actions .box-1 div, ody.webview .usermenu-actions #tinyBask div{ text-align: center; } body.webview .usermenu-actions .box-1 div button i, body.webview .usermenu-actions #tinyBask div button i{ float: none; font-size: 20px; height: auto; line-height: initial; padding-right: 10px; padding-left: 10px; color: #888; } body.webview .usermenu-actions .box-1 div button span.text-el, body.webview .usermenu-actions #tinyBask div button span.text-el{ color: #f18b30; border-radius: 0; } body.webview .drop>.drop-content { min-height: 100px; width: 100% !IMPORTANT; } body.webview .jspContainer { overflow: hidden; position: relative; width: 100% !important; box-sizing: border-box; } body.webview .jspPane { position: absolute; width: 100% !important; box-sizing: border-box; display: inline-block; height: 100%; left:0; } body.webview .jspPane .inside-padd{ padding: 0; box-sizing: border-box; height: 100%; padding:10px; } body.webview .jspPane .inside-padd .table-order{ display: inline-block; box-sizing: border-box; height: 100%; } body.webview .jspPane .inside-padd .table-order tbody{ display: inline-block; box-sizing: border-box; height: 100%; width: 100%; } body.webview .jspPane .inside-padd .table-order tbody tr{ display: inline-block; box-sizing: border-box; width: 100%; padding: 10px; height: auto; position: relative; letter-spacing: normal !important; } body.webview .jspPane .inside-padd .table-order tbody tr td{ padding-top: 10px; padding-bottom: 10px; vertical-align: middle; display: inline-block !important; padding: 0; border: none; } body.webview .jspPane .inside-padd .table-order tbody tr .frame-remove-bask-btn { border-top: 0; width: 5%; display: inline-block; float: left; height: 100%; box-sizing: border-box; } body.webview .jspPane .inside-padd .table-order tbody tr .frame-items { width: 60%; padding-right: 0; margin-left: 10px; } body.webview .jspPane .inside-padd .table-order tbody tr .frame-items .photo-block { float: none; display: inline-block; } body.webview .jspPane .inside-padd .table-order tbody tr .frame-items .title { font-weight: lighter; font-size: 12px; display: inline-block; vertical-align: top; overflow: hidden; max-width: calc(100% - 100px); } body.webview .jspPane .inside-padd .table-order tbody tr .frame-count{ width: 30px; max-width: 30px; min-width: auto; position: absolute; right: 20px; top: 44px; height: auto; } body.webview .jspPane .inside-padd .table-order tbody tr .frame-count .number { display: inline-block; vertical-align: middle; min-width: auto; position: relative; } body.webview .jspPane .inside-padd .table-order tbody tr .frame-count .number input{ width: 30px; margin: 0; } body.webview .jspPane .inside-padd .table-order tbody tr .frame-cur-sum-price { width: calc(35% - 10px); top: 10px; padding: 0; height: auto; right: 20px; text-align: right; vertical-align: top; } body.webview .jspPane .inside-padd .table-order tbody tr .frame-cur-sum-price .current-prices { display: inline-block; width: 100%; } body.webview .drop-enter .drop-content .inside-padd, body.webview .drop-forgot .drop-content .inside-padd, body.webview .drop-order-call .drop-content .inside-padd, body.webview .drop-register .drop-content .inside-padd { padding: 24px 60px 24px 60px; box-sizing: border-box; width: 100%; } body.webview .inside-padd input[type=password], body.webview .inside-padd input[type=text], body.webview .inside-padd textarea, body.webview input[type=text], body.webview input[type=password], body.webview input[type=text], body.webview textarea { border-color: #cdcdcd; border-radius: 4px; font-size: 12px; padding-left: 10px; box-sizing: border-box; -webkit-appearance: none !important; } body.webview .btn-cart>a, body.webview .btn-cart>button, body.webview .btn-cart>input { height: 40px; line-height: 40px; padding: 0 20px 0 20px; } body.webview .btn-buy>a, body.webview .btn-buy>button, body.webview .btn-buy>input[type=submit] { height: 40px; line-height: 40px; padding: 0 20px 0 20px; } body.webview .items-wish-list>li .frame-wish-compare-list .funcs-buttons .btn-buy, body.webview .items-wish-list>li .frame-wish-compare-list .funcs-buttons .btn-cart { width: 100%; } body.webview .items-wish-list>li .frame-wish-compare-list .funcs-buttons .frame-count { display: none; } body.webview .btn-cart, body.webview .frame-payment input[type=submit], body.webview .btn-buy { background: #e01112; font-weight: 500; text-transform: capitalize; border-radius: 4px; height: 40px; line-height: 40px; max-width: 144px; } body.webview .order-form .btn-buy { max-width: 100%; } body.webview .btn-cart button .fa-shopping-bag:before { content: "\f07a"; } body.webview .frame-count-buy { padding: 0 0px; } body.webview .drop-auth, body.webview .drop-comulativ-discounts, body.webview .drop-enter, body.webview .drop-forgot, body.webview .drop-order-call, body.webview .drop-register { width: 445px; width: calc(100% - 20px) !important; border-radius: 15px; } body.webview .drop-header .title { font-size: 15px; text-transform: unset; text-align: center; color: #555; font-family: arian amu !important; } body.webview [class*=d_l] { text-decoration: none; cursor: pointer; position: relative; display: inline; border-bottom: 1px dotted transparent; line-height: 1.2; text-transform: unset; } body.webview .swiper-slide a{ text-transform: unset !important; } body.webview .frame-register { width: 100%; box-sizing: border-box; padding: 0px 40px; } #similar_products .frame-title>.title, .drop-bask .footer-bask>.inside-padd .cart-bottom-title, .drop-header .title, .frame-complect .frame-title>.title, .frame-description-benefit .title, .frame-news .frame-title .title, .frame-news .frame-title a, .roboto, .seo-text h1, .tabs-data>li>a, .tabs-data>li>button, .title-proposition-h .frame-title>.title, footer [class^=box] .main-title, h1, h2 { font-family: unset; } body.webview .title-h1, body.webview h1 { font-size: 20px; } body.webview #similar_products .items-catalog>li, body.webview .items-catalog.table>li { box-sizing: border-box; float: left; margin-bottom: 6px; width: calc(50% - 3px)!important; margin-right: 6px; border-radius: 4px; overflow: hidden; } body.webview .frame-scroll-pane .items-h-carousel { white-space: unset; } body.webview .price-discount, body.webview .price-new { margin-right: 5px; line-height: 16px; } body.webview .items-catalog.table>li .frame-prices { position: inherit; height: 100%; } body.webview .items-catalog .frame-photo-title .title { max-height: 28px; display: inline-block; overflow: hidden; min-height: 28px; line-height: 28px; width: 100%; box-sizing: border-box; font-size: 14px; font-weight: 500; } body.webview .items-catalog .photo-block { margin: 0; width: 100%; } body.webview .photo-block img { max-height: 100%; width: 100%; object-fit: contain; } body.webview .items-catalog .title-brand { color: #a0a0a0; display: none; } body.webview .items-catalog .btn-buy{ border-radius:0px; } body.webview .fon-header { background: #fff; height: 0px; overflow: visible; } body.webview footer { background: #fff; position: fixed; top: 0; height: 100%; left: 0; z-index: 10; margin: 0; } body.webview .long-menu .inside-padd { text-align: left; padding: 0; display: inline-block; width: 100%; } body.webview .long-menu .inside-padd .menu li { display: inline-block; list-style: none; padding: 0 10px; color: #777; width: 100%; } body.webview .long-menu .inside-padd .menu li a { display: block; padding: 10px 10px; color: #333; opacity: .9; transition: ease all .4s; font-weight: 500; } body.webview footer .content-footer { min-height: 140px; background: #ffffff; position: relative; } body.webview footer .box-1 { width: 100%; text-align: left; border-top: 1px solid #ddd; padding-top: 10px; line-height: 20px; padding-left: 20px; box-sizing: border-box; } body.webview footer .box-1 p{ margin-top:10px; } body.webview .inside-padd .fa, body.webview .inside-padd .far, body.webview .inside-padd .fas { float: none; font-size: 15px; height: auto; line-height: initial; padding-right: 10px; padding-left: 0px; color: #555; } body.webview .inside-padd b { color: #555; letter-spacing: 1px; } body.webview footer.mob-foot{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; top:100% !important -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; top: 100% !important; border-radius: 15px; overflow: hidden; width: calc(100% - 20px); left: 0; right: 0; margin-left: auto; margin-right: auto; border-bottom-right-radius: 0; border-bottom-left-radius: 0; overflow-y: scroll; padding: 10px; box-sizing: border-box; } body.webview footer.mob-foot .footer-footer.first { padding-bottom: 20px; } body.webview footer.mob-foot.active{ top:5% !important; box-shadow: 0 0 35px #333; } body.webview footer.mob-foot.active .footer-footer.last{ display:block; } body.webview .footer-footer.last{ width: calc(100% - 20px); box-sizing: border-box; left: 0; bottom: 0; right: 0; margin: auto; border-top: 1px solid #ddd; background: #fff; display:none; } body.webview .footer-footer.last #unitedBenefits, body.webview .footer-footer.last .container { border-top-color: transparent; } body.webview .footer-footer.last .all-right-reserved { width: 100%; display: block; box-sizing: border-box; } body.webview .footer-footer.last .cards { display: none; } body.webview .h-footer{ display:none; } .show-footer{ display:none; } body.webview #united-title-product{ display:none; } body.webview ._show_1e.wrap_mW{ display:none !important; } body.webview .menu-row-category td td .frame-drop-menu>ul>li { padding-right: 10px; border-bottom: 1px solid #ddd; letter-spacing: 0px !important; } body.webview .menu-row-category .frame-drop-menu.left-drop .title-category-l1.is-sub:after, body.webview .menu-row-category .title-category-l1.is-sub:after { right: 7px; content: "\f054"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: Font Awesome\ 5 Free; font-weight: 900; font-size: 15px; background: none; color: #ccc; margin: 0; top: 0px; height: 52px; width: 20px; line-height: 52px; transition: 300ms linear all; font-family: "Font Awesome 6 Pro"; } body.webview .menu-row-category .frame-drop-menu.left-drop li.hoverM .title-category-l1.is-sub:after, body.webview .menu-row-category .frame-drop-menu.left-drop li.hoverM .menu-row-category .title-category-l1.is-sub:after { right: 7px; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: Font Awesome\ 5 Free; font-weight: 900; font-size: 15px; background: none; color: #ccc; margin: 0; top: 0px; height: 52px; width: 20px; line-height: 52px; content: "\f054"; transition: 310ms linear all; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); font-family: "Font Awesome 6 Pro"; } body.webview .menu-main td td .frame-l2 [class^=column2_]>a { padding: 8px 0px; } body.webview .menu-row-category .frame-drop-menu .frame-l2>ul>li { display: inline-block; font-size: 15px; border-bottom: 1px solid #fff; } body.webview .menu-row-category td td li:hover>.title-category-l1>.text-el { color: #de2124; } body.webview .menu-main td td .frame-l2 [class^=column2_]>a { padding: 8px 16px; } body.webview .menu-main .frame-l2 [class^=column2_]>a { display: inline-block; padding: 8px 14px; position: relative; width: 100%; box-sizing: border-box; color: #333; font-size: 15px; text-transform: none; font-weight: 500; } body.webview .menu-row-category .frame-drop-menu .frame-l2>ul>li { display: inline-block; font-size: 15px; border-bottom: 0px solid #fff; margin-bottom: 2px; background: #f5f5f5; } body.webview .menu-row-category td td .frame-drop-menu .frame-l2>ul { padding-left: 0; } body.webview .menu-row-category .frame-drop-menu .frame-l2>ul>li:last-child { background: #f5f5f5; } body.webview .menu-row-category .frame-drop-menu .frame-l2>ul>li:last-child a:after { display:none; } body.webview .menu-row-category .frame-l2, .menu-row-category .left-drop .frame-l2 { background-color: #fff; } body.webview .items-catalog.table .btn-buy i, body.webview .items-catalog.table .btn-cart i, body.webview .items-catalog.table .btn-not-avail i { padding-right: 0; font-size: 18px; line-height: 40px; } body.webview .frame-category-menu, .body.webview .frame-check-filter { border-bottom: none; } body.webview .frame-category-menu { margin-bottom: 0; padding-bottom: 0px; } body.webview .frame-category-menu .nav>li>a, .body.webview .nav-category>li>span { font-size: 15px; padding: 10px; border-bottom: 1px solid #ddd; color: #333; } body.webview .left-catalog { float: none; margin-bottom: 0; margin-right: auto; margin-left: auto; width: 100%; } body.webview .right-catalog .title-category { margin-bottom: 0px; background: #fff; padding: 14px; } body.webview .frame-group-checks .inside-padd { padding: 0px 0 10px; } body.webview .frames-checks-sliders .title { color: #000; font-size: 15px; margin-bottom: 20px; padding: 0px 10px; background: #f2f2f2; padding: 10px; } body.webview .frames-checks-sliders .title .text-el { font-size: 15px; } body.webview .niceCheck + .name-count .count { font-size: 12px; background: #f2f2f2; border-radius: 5px; float: right; padding: 0px 4px; } body.webview .filters-content li { padding: 6px; } body.webview .form-cost label input[type=text] { height: 40px; font-size: 15px !important; } body.webview .form-cost label { width: 45%; } .mob-foot .close-footer{ display:none; } body.webview .mob-foot.active .close-footer{ width: 40px; height: 40px; position: absolute; top: 0; text-align: center; line-height: 40px; right: 0; z-index: 1; border-top-right-radius: 15px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 14px; border-bottom-left-radius: 15px; display:block; } body.webview .btn-cart .text-el, body.webview .btn-cart>input { font-size: 13px; text-transform: capitalize; font-weight: 500; } body.webview .btn-additional-s_c2{ display:none !important; } body.webview .filter.left-catalog{ padding: 0 !important; } body.webview .__jivoMobileButton{ display:none !important; } body.webview .content-footer-lang-switch .box-1{ padding: 20px 0px; margin: 0; } body.webview .content-footer-lang-switch .box-1 .inside-padd li{ border-right: 1px solid #ddd; width: calc(33% - 0px); text-align: center; padding: 0; margin: 0; } body.webview .content-footer-lang-switch .box-1 .inside-padd li:last-child{ border-right: none; } body.webview .content-footer-lang-switch .box-1 .inside-padd li a{ display: block; width: 100%; height: 100%; } body.webview .content-footer-lang-switch{ display: block; } .content-footer-lang-switch{ display: none; } .open-chat{ display:none; } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; display: none; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; width: 100%; max-width: 94%; padding: 0 15px; position: static; height: 100%; } .swiper-big-container .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; display: inline-block; text-align: center; } .swiper-big-container .swiper-wrapper{ position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; max-width: 1440px; padding-left: 0; margin: 0 auto; text-align: center; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; align-items: center; } .swiper-big-container .swiper-wrapper{ max-width: 100%; } .swiper-big-container .swiper-slide a{ display: block; width: 100%; padding:0; height:100%; } .swiper-big-container .swiper-slide span{ display: block; width: 100%; padding:0; height:100%; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 18px; width: 50px; height: 98px; margin-top: -18px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; font-size: 28px; background-color: rgba(255,255,255,.9); } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; left: auto; } .swiper-button-prev i, .swiper-button-next i { color: #999; font-size: 26px; } .swiper-slide a span.img { width: 44px; height: 44px; margin: 0 auto 10px; display: block; } .swiper-slide a span.img img { display: block; width: auto; max-height: 44px; } .swiper-slide a .text { margin: 0; font-size: 12px; line-height: 1; margin: 0; padding: 0; font-weight: 600; color: #1e4386; } .frame-baner { margin-bottom: 3px; } .container.start-page.cats-carousel{ height: 100px; background: #fff; margin-bottom: 6px; height: 100px; text-align: center; position: relative; margin: 0 0 6px; } .items-brands.cats>li{ margin-bottom: 0; margin-right: 0px; border: 2px solid #f2f2f2; border-radius: 0; border-top: none; border-bottom: none; } .swiper-slide:hover a{ box-shadow: 0 0 15px #ccc; position: relative; z-index: 90; transition: all ease .4s;} .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; display: none; } .swiper-container .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; width: 100%; max-width: 94%; padding: 0 15px; position: static; height: 100%; } .swiper-container .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; display: inline-block; width: auto; text-align: center; } .swiper-container .swiper-wrapper{ position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; max-width: 1440px; padding-left: 0; margin: 0 auto; text-align: center; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto;} .swiper-container .swiper-slide a{ display: block; width: 100%; padding: 15px 20px; border: solid #f1f1f1; border-width: 0 1px; margin: 0; text-transform: uppercase; color: #000; min-width: 185px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 18px; width: 50px; height: 98px; margin-top: -18px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; font-size: 28px; background-color: transparent; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; left: auto; } .swiper-button-prev i, .swiper-button-next i { color: #999; font-size: 26px; } .swiper-slide a span.img { width: 44px; height: 44px; margin: 0 auto 10px; display: block; } .swiper-slide a span.img img { display: block; width: auto; max-height: 44px; } .swiper-slide:first-child a span.img img { filter:unset; } .swiper-slide a .text { margin: 0; font-size: 12px; line-height: 1; margin: 0; padding: 0; font-weight: 600; color: #333; } .frame-baner { margin-bottom: 3px; } .container.start-page.cats-carousel{ height: 100px; background: #fff; margin-bottom: 6px; height: 100px; text-align: center; position: relative; margin: 0 0 6px; } .items-brands.cats>li{ margin-bottom: 0; margin-right: 0px; border: 2px solid #f2f2f2; border-radius: 0; border-top: none; border-bottom: none; } .iframe-container { overflow: hidden; padding-top: 29.25%; position: relative; } @media screen and (max-width: 767px){ .iframe-container { overflow: hidden; padding-top: 100%; position: relative; } .swiper-container .swiper-slide a{ min-width: 150px; } .swiper-slide a span.img{ float: none; display: block; width: 36px; height: auto; margin: 5px auto 0; } .swiper-slide a span.img img {display: block; width: auto; max-height: 36px; } .swiper-slide a .text{ font-size: 12px; line-height: 2.5; } .swiper-big-container .swiper-button-prev, .swiper-big-container .swiper-button-next { display: none !important; } .swiper-button-prev, .swiper-button-next { display: none !important; } } :root { --swiper-theme-color: #f18b30 !important; } .right-slider { margin-left: 0; margin-left: -18px; } .ui-slider-handle { position: absolute; z-index: 2; width: 22px; height: 22px; cursor: pointer; top: -7px; background-position: -140px 0; background: #ddd; border-radius: 4px; box-sizing: border-box; border: 1px solid #ccc; } .ui-widget-header { background: #b6b6b6; } .drop-secure-halper { width: 600px; } .icon-arrow-tab, .icon_comment-tab { font-family: 'Font Awesome 6 Free'; font-weight: 900 !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; background:none; font-family: "Font Awesome 6 Pro"; } #my_data .icon-arrow-tab::before{ content: "\e49a"; font-weight: 300; font-family: "Font Awesome 6 Pro"; } .icon-arrow-tab::before{ content:"\f2db"; } .icon_comment-tab::before { content:"\f075"; font-weight: 400; } @media screen and (min-width: 768px){ .filya.hide{display:block !important;} .niceCheck input[type=checkbox], input[type=radio] { -webkit-appearance: none; border-radius: 4px; display: inline-block; position: relative; margin: 0; color: #c73032; font-size: 15px; line-height: 18px; border: 1px solid #999; width: 18px; height: 18px; background: 0 0; -webkit-transition: border-color .15s linear, opacity .15s linear; transition: border-color .15s linear, opacity .15s linear; } .niceCheck input[type=checkbox]:checked:after, input[type=radio]:checked:after { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 18px; height: 18px; box-shadow: none; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; -webkit-transition: border-color .15s linear, opacity .15s linear; transition: border-color .15s linear, opacity .15s linear; opacity: 1; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-family: "Font Awesome 6 Pro"; } .frames-checks-sliders .filters-content .frame-label { cursor: pointer; width: auto; float: left; } .toggle-filter .niceCheck{ display:none; } .filters-content .toggle-filter{ height: 66px; transition: max-height .2s ease-out; overflow: hidden; } .filters-content.open .toggle-filter{ max-height: 1000px; transition: max-height .3s ease-in; } .niceCheck + .name-count .text-el{font-size: 14px;} .niceCheck + .name-count .count{font-size: 14px;display: none;} .niceCheck + .name-count{ margin: unset; padding: unset; color: #333; padding: 5px 10px; background: #f1f1f1; border-radius: 3px; margin: 0 2px 2px 0; } .niceCheck+.name-count:hover{ background: #f18b30; color: #fff; transition: ease all 0.1s; } .frame-label.active .name-count .text-el { font-weight: 500; } .frame-label.active .name-count { background: #f18b30; color: #fff; transition: ease all 0.1s; } .frame-category-menu.layout-highlight{ display:none; } .filter-brands .frame-label { right: 0; } .filter-brands.disabled { opacity:0.3; } .frame-group-checks.brands .brands-title{ font-size: 15px!important; margin: 0 0 20px; text-transform: uppercase; font-weight: 700; } .list-check-filter > li { overflow: hidden; margin-bottom: 1px; min-height: 30px; line-height: 30px; } .list-check-filter > li button{ font-size:14px; } } @media screen and (max-width: 768px){ .filya.hide{display:none !important;} .niceCheck + .name-count .text-el{font-size: 16px;} .niceCheck + .name-count .count{font-size: 16px;} .niceCheck + .name-count{ margin-left: 30px; } .list-check-filter > li { overflow: hidden; margin-bottom: 1px; min-height: 30px; line-height: 30px; } .list-check-filter > li button{ font-size:14px; } .niceCheck input[type=checkbox], input[type=radio] { -webkit-appearance: none; border-radius: 4px; display: inline-block; position: relative; margin: 0; color: #c73032; font-size: 17px; line-height: 20px; border: 1px solid #999; width: 20px; height: 20px; background: 0 0; -webkit-transition: border-color .15s linear, opacity .15s linear; transition: border-color .15s linear, opacity .15s linear; } .niceCheck input[type=checkbox]:checked:after, input[type=radio]:checked:after { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; box-shadow: none; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; -webkit-transition: border-color .15s linear, opacity .15s linear; transition: border-color .15s linear, opacity .15s linear; opacity: 1; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-family: "Font Awesome 6 Pro"; } .filters-content .frame-label { cursor: pointer; width: 100%; } .niceCheck + .name-count .count { font-size: 12px; background: #f2f2f2; border-radius: 5px; float: right; padding: 0px 4px; } } .credit-page-underblocks:before{ display:none; } .credit-page-underblocks{ display: inline-block; height: 72px; border: 1px solid #ddd; padding: 10px; width: calc(30% - 10px); float: left; margin: 10px; font-size: 16px; font-weight: 600; text-align: center; color: #333; line-height: 36px; } .credit-page-images img{ object-fit: contain; height: 80px; margin-bottom: 0px; } .credit-page-images{ border: 1px solid #ddd; display: inline-block; height: auto; width: calc(33% - 20px); margin: 10px; font-size: 16px; font-weight: 600; text-align: center; color: #333; line-height: 36px; padding: 20px; border-radius: 8px; box-sizing: border-box; vertical-align: top; } .credit-page-images p{ font-size: 13px; font-weight: 500; text-align: left; display:none; } .credit-middle-text{ display: inline-block; margin: 20px 0px; padding: 0; font-weight: 600; } .credit-page-images:before{ display: none !important; } .credit-page-images ::marker{ display: none !important; } .credit-page-underblocks-text-red{ display: block; color: #c41a1a; font-size: 20px; } .banner-gen{ width: 100%; height: 100%; display: flex; background-size: 100%; font-family: "GeForce Bold-Alt"; } .image-badge{ background-image: url("/uploads/banners/love%20(3).png"); background-size: 100%; z-index: 999; width: 15%; height: 17%; position: absolute; right: 100%; rotate: -45deg; background-repeat: no-repeat; } .image-badge-sale{ background-image: url("/uploads/banners/sale.png"); background-size: 100%; z-index: 999; width: 15%; height: 17%; position: absolute; right: 100%; background-repeat: no-repeat; } .image-badge-gift{ background-size: 100%; z-index: 999; width: 15%; height: 18%; position: absolute; right: 56%; background-repeat: no-repeat; top: 35%; animation: zoom-in-zoom-out 1s ease infinite; } @keyframes zoom-in-zoom-out { 0% { scale: 100%; } 50% { scale: 150%; } 100% { scale: 100%; } } .image-badge-gift-bag{ background-size: 100%; z-index: 999; width: 15%; height: 18%; position: absolute; right: 95%; rotate: -25deg; background-repeat: no-repeat; top: 45%; animation: zoom-in-zoom-out-less 4s ease infinite; } @keyframes zoom-in-zoom-out-less { 0% { scale: 100%; } 50% { scale: 130%; } 100% { scale: 100%; } } .image-badge-gift-sense{ background-size: 100%; z-index: 999; width: 20%; height: 20%; position: absolute; right: 60%; rotate: none; background-repeat: no-repeat; top: 65%; animation: zoom-in-zoom-out-less-zoomless 4s ease infinite; } @keyframes zoom-in-zoom-out-less-zoomless { 0% { scale: 120%; } 50% { scale: 130%; } 100% { scale: 120%; } } .image-badge-rotating-glow { background-size: 100%; z-index: 999; width: 30%; height: 30%; position: absolute; right: 60%; rotate: none; background-repeat: no-repeat; top: 50%; animation: rotatong-glow 4s ease infinite; } @keyframes rotatong-glow{ 0% { scale: 120%; rotate: 0deg; } 30% { scale: 130%; rotate: 90deg; } 50% { scale: 130%; rotate: 180deg; } 80% { scale: 120%; rotate: 360deg; } 100% { scale: 120%; rotate: 0deg; } } .textgr{ background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 200% auto; color: #000; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientBG 15s ease infinite; } @keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .image-badge-new { background-image: url("/uploads/banners/newgreen.png"); background-size: 100%; z-index: 999; width: 15%; height: 17%; position: absolute; right: 100%; } .banner-gen .b1{ flex: 1; padding: 0; text-align: center; height: 100%; display: inline-block; } .banner-gen .b1.left{background: transparent;position: relative;} .banner-gen .b1.middle{background: transparent;display: flex; align-items: center; justify-content: center;} .banner-gen .b1.right{ background: transparent; display: flex; align-items: center; position: relative; } .banner-gen .b1.right img{ right: 40%; position: absolute; height: 70%; } .p-name-block{ position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; flex-direction: column; left: 20%; color: #444; } .p-name{ font-weight: 600; font-size: 3.6vw; } .p-model{ font-size: 2.2vw; } .p-price{ border-radius: 8px; background: #ee7f1a; display: inline-block; padding: 2px 16px; font-weight: 600; color: #fff; margin-top: 20px; font-size: 2.8vw; } .p-params{ text-align: left; width: 60%; display: flex; flex-direction: column; gap: 14px; color: #555; font-size: 1.6vw; font-weight: 600 !important; font-family: "GeForce Bold-Alt"; } .p-params img { width: 12%; margin-right: 3%; } .p-params div{ font-weight: 600 !important; } .swiper-slide:hover .banner-gen a{ box-shadow: none; color:#fff; transition: all ease .4s;} .p-price:hover { background: #df781c; } .swiper-slide .banner-gen a { color: #fff; text-decoration: none; } .swiper-big-container .swiper-slide span { display: block; width: 100%; padding: 0; height: 100%; position: absolute; margin-top: -4px; margin: 0; } .frame-inside.page-text .text-right{ max-width: 100%; background: #fff; padding: 30px; } .frame-inside.page-text .text-right .text-style-new{ max-width: 1100px; font-size: 14px; color: #333; LINE-HEIGHT: 28PX; } .frame-inside.page-text .text-right .text-style-new span{ color:#333; font-weight:500; font-size: 14px; -webkit-font-smoothing: antialiased; } .icon_times_cart { width: 10px; height: 10px; background-position: -200px -20px; font-family: 'Font Awesome 6 Free'; font-weight: 900; background-image:none; color: #999; } .icon_times_cart:before{ content:"\f2ed"; font-size:12px; } @media screen and (max-width: 767px){ .frame-variant-name-code { height: 44px; } .credit-page-images{ display: block; width: auto; } .credit-page-underblocks { display: block; height: 72px; border: 1px solid #ddd; padding: 6px; width: auto; float: left; margin: 10px; font-size: 14px; font-weight: 600; text-align: center; color: #333; line-height: 36px; float: none; } .buy-wish-compare{ display: inline-block; width: 100%; } .right-product-left .btn-buy, .right-product-left .btn-cart { display: inline-block; width: 100%; float: left; border-radius: 5px; max-width: unset; box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); } .right-product-left .btn-buy i, .right-product-left .btn-cart i{ padding-right: 6px; font-size: 14px; color: #fff; } .right-product-left .btn-cart i{ padding-right: 6px; font-size: 14px; color: #000; } .tabs-data>li .inside-padd { padding: 2px 10px 10px; } .characteristic table { border-spacing: 0px; table-layout: fixed; border-collapse: separate; margin-left: -5px; margin: 0; } .characteristic tbody th { width: 50%; text-decoration: none; padding-left: 6px; font-size: 13px; background: #f5f5f5; padding: 10px 15px; border: #fff solid; color: #999; border-width: 0 0 1px; } .characteristic tbody th:after { border-bottom: none; } .characteristic tbody td { color: #333; padding-right: 6px; width: 50%; text-decoration: none; padding-left: 6px; font-size: 13px; background: #f5f5f5; padding: 10px 15px; border: #fff solid; border-width: 0 0 1px; } .page-product>.container.white { background-color: transparent!important; width: calc(100% - 20px); } .frame-crumbs { display:none !important; } .frame-inside { padding-top: 10px; } .right-product-left .product-colors { padding: 0 10px; } .left-product-left { width: 100%; } .left-cart { padding: 20px; } .horizontal-form .frame-label>.title, .horizontal-form label>.title { text-align: left; float: none; width: 100% !important; font-weight: 500; display: block; font-size: 14px; } input, textarea { font-size: 14px; outline: 0; } .check-variant-delivery .cuselText, .check-variant-payment .cuselText { height: 40px; line-height: 40px; font-size: 14px; padding-left: 10px; padding-right: 35px; cursor: pointer; overflow: hidden; z-index: 1; position: absolute; top: 0; left: 0; text-overflow: ellipsis; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .help-block { margin-top: 10px; line-height: 1.2; font-size: 11px; } .without-crumbs { margin-top: 20px; margin-bottom: 20px; text-align: center; } .container.start-page.cats-carousel { display: block; } #popular_products, .frame-brands { display: block; } .items-brands>li { width: 120px; } .menu-header.second { margin-top: -64px; } .items-brands.cats>li .photo-block { height: 78px; } .items-brands.cats>li .photo-block img { height: 30px; margin-bottom: 10px; } .photo-block .title-block { font-size: 10px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cats .items .frame-photo-title { text-decoration: none; display: block; height: 80px; } .items-brands>li { width: 105px !important; height: 80px; } .container.start-page.cats-carousel { height: 78px; } .frame-brands.cats { max-width: 92%; } .frame-baner-start_page .baner { height: 100%; } .leftProduct .photo-block img{ width:100%; object-fit: contain; } .content-header .logo { width: auto; margin-left: 0; float: none; margin-top: -20px; margin-bottom: 0; height: 0px; line-height: 60px; position: absolute; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: absolute; } .content-header .logo img { height: 26px; position: absolute; bottom: 4px; top: -30px; left: 2px; } .menu-row-category td td li:hover > .title-category-l1 > .text-el { color: #fff; } .menu-row-category td td li:hover .title-category-l1:after { color: #fff !important; } .menu-row-category td td li:hover > .title-category-l1{ background: #08317c; } .level-four a{ padding: 6px 0px; } } .lang-swich { border-radius: 5px; overflow: hidden !important; } .lang-swich li:hover { background-color: #f18b30; -webkit-transition: all 0.5s ease !important; -moz-transition: all 0.5s ease !important; -o-transition: all 0.5s ease !important; } .frame-drop-menu { border-top-color: #3c4a88; } .menu-header .long-menu .inside-padd li a:hover { color: #f18b30; } .menu-row-category .frame-drop-menu > ul > li .text-el { font-size: 15px; text-transform: none; font-weight: 500; letter-spacing: initial; display: inline-block; width: calc(100% - 40px); vertical-align: middle; } .menu-row-category li:hover > .title-category-l1 > .text-el { color: #ffffff; } .menu-row-category li:hover > .title-category-l1 > img { filter: brightness(0) invert(1); } .menu-row-category li:hover > .title-category-l1, .menu-row-category li:hover > .title-category-l1.active { background: #ef7f1a !important; } .menu-main .frame-l2 [class^=column2_]>a { font-size: 16px; letter-spacing: initial; } .menu-row-category .frame-l2>ul>li>a:hover, .menu-row-category .frame-l2>ul>li>ul>li>a:hover { background-color: #3c4a88; color: #ffffff; } .frame-drop-menu { border-radius: 0px; overflow: hidden; } .menu-row-category .frame-drop-menu .frame-l2 > ul > li { display: inline-block; font-size: 16px; border-bottom: 1px solid #ddd; } .menu-row-category .frame-drop-menu .frame-l2>ul { padding: 0px 0px 0px; } .wrap-input-search { background-color: #fff; border-color: #d6d6d6; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-radius: 5px; } .wrap-input-search button { position: absolute; right: 0; cursor: pointer !important; top: 0; margin-top: 0; height: 100%; width: 28px; font-size: 14px; } .wrap-input-search button:hover { color: #ef7f1a; } .menu-header .long-menu .inside-padd li a { color: #fff; font-weight: 500; letter-spacing: initial; } .menu-header.second .frame-item-menu > .frame-title .text-el { display: inline-block; padding: 0 15px; word-break: normal; word-wrap: normal; font-size: 13px; font-weight: 500; letter-spacing: initial; } .long-menu .inside-padd .fab.fa-instagram { vertical-align: middle; } .long-menu .inside-padd .fab.fa-facebook { color: #3b5998; font-size: 30px; vertical-align: middle; } .long-menu .inside-padd li a { display: block; padding: 5px 10px; color: #333; opacity: 0.9; transition: ease all 0.4s; font-weight: 500; } .long-menu .inside-padd li a:hover { color: #f18b30; } .btn-buy { background: #ef7f1a; } .btn-buy:active, .btn-buy:hover { background: #df781c; } #similar_products .items-catalog > li, .items-catalog.table > li { border-radius: 5px; overflow: hidden; } .items-catalog .frame-photo-title .title { color: #333; display: inline-block; overflow: hidden; font-size: 14px; font-weight: 700; padding-left: 10px; padding-right: 10px; height: 60px; text-overflow: ellipsis; font-size: 14px; line-height: 20px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; max-height: 60px; } .left-catalog { margin-bottom: 30px; border-radius: 5px; } .form-cost label input[type="text"] { color: #333; border-radius: 5px; height: 32px; font-size: 14px; padding-left: 10px; } .form-cost label { width: 48%; } .right-slider { margin-left: -18px; } .ui-slider-handle { position: absolute; z-index: 2; width: 22px; height: 22px; cursor: pointer; top: -7px; background-position: -140px 0; background: #ffffff; border-radius: 4px; box-sizing: border-box; border: 3px solid #f28f30; border-radius: 500%; } .cuselFrameRight { border-color: #3c4a88; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #3c4a88; } .cuselFrameRight { border-color: #999; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #ffffff; } .cusel { border-color: #cdcdcd; background-color: #fff; border-radius: 5px; } .cusel { border-color: #999; background-color: #fff; border-radius: 5px; } .btn-def:hover, .cuselFrameRight:hover { background: #e7e7e7; } .cusel span { display: block; cursor: pointer; white-space: nowrap; padding: 6px 5px 6px 5px; } .cusel span { font-size: 13px; } .items-catalog .photo-block { margin-bottom: 0; width: auto; height: auto; margin-right: 0; overflow: hidden; } .items-catalog .photo-block { margin-bottom: 0; width: 100%; height: auto; margin-right: 0; overflow: hidden; height: 180px; object-fit: cover; } .globalFrameProduct img { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; width: 100%; object-fit: contain; height: 100%; } .swiper-slide a .text { text-transform: capitalize; } .frame-count-buy { padding: 0; } .btn-cart .text-el, .btn-cart > input { font-size: 12px; text-transform: capitalize; font-weight: 500; color: #000; } .btn-buy .text-el, .btn-buy > input[type="submit"] { font-size: 12px; text-transform: capitalize; font-weight: 500; } .items-catalog.table > li:hover { overflow: hidden; } .drop { border-radius: 5px; } .drop-bask .footer-bask > .inside-padd > .clearfix .f_r { margin-top: 0px; } input.plus-minus { color: #666; border-color: transparent; border-radius: 5px; } .btn-trans .f-s_14, .btn-trans .text-el { color: #3c4a88; text-transform: unset; font-weight: 600; } .drop { border-radius: 5px; } .drop-bask .footer-bask > .inside-padd .cart-bottom-title { font-size: 18px; } .frame-bask-order { border-color: transparent; background: #fff; border-radius: 5px; } .current-prices { display: inline-block; width: 100%; padding: 0px; box-sizing: border-box; text-align: center; color: #f18b30; } input[type="password"], input[type="text"], textarea, input[type="tel"], { border-color: #cdcdcd; border-radius: 5px; } input[type="password"], input[type="text"], textarea, input[type="tel"] { border-color: #999; border-radius: 5px; background: #fff; font-size: 14px; } .cuselText, .f-s_0>*, .frame-kit .title, .items>li, .items>td, .nav>li, .t-a_j>*, .text-el, body, button, select { font-size: 13px; } .left-cart { background-color: #fff; border-radius: 5px; } .left-cart { float: left; width: calc(50% - 50px); margin-bottom: 30px; padding: 20px 25px 20px 25px; } .horizontal-form .frame-label > .title, .horizontal-form label > .title { font-size: 14px; font-weight: 500; width: 154px !important; color: #333; } .check-variant-delivery .cuselText, .check-variant-payment .cuselText { font-size: 14px; } .order-form .btn-buy { border-radius: 5px; } .slider-cont { margin: 17px 0 17px; position: relative; box-sizing: border-box; display: block; width: 100%; } .header-category > .inside-padd { padding: 0; } .right-catalog .title-category { margin-bottom: 12px; display: none; } .swiper-slide:hover .category-block-hoverline { border-bottom: 2px solid #1c4184 transition: ease all .4s; } .action { background-position: -260px 0; width: auto; background: #0284e5db; color: #fff; padding: 0px 8px; border-radius: 5px; margin-top: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; line-height: 28px; height: 28px; display: block; font-size: 14px; } .contacts-left { font-size: 14px; margin-bottom: 20px; width: 25%; display: inline-block; float: left; } .contact-map{ width: 73%; display: inline-block; } .contat-list div div div{ margin-bottom: 10px; } .contat-list div div div span a{ text-decoration: none; } .contat-list .fa, .contat-list .fas, .contat-list .fab { color: #6f6f6f; font-size: 18px; } .name-check-filter:hover, .ref:hover, .selected a, a:hover { color: #505d94; } footer .content-footer { min-height: 100px; background: #454545; } footer .container { border-top-color: transparent; } .footer-footer { background-color: #2f2d2d; border-top: none; } .btn-to-up { background-color: #1d1d1de6; border-radius: 50%; overflow: hidden; border: 1px solid #1d1d1de6; } .btn-to-up > button { border: none; } .btn-to-up > button { border-color: transparent; } .item-product.globalFrameProduct:hover img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .btn-minus:hover span, .btn-plus:hover span { color: #fff !important; background: #f18b30; border: 1px solid #f18b30; } .icon-minus { width: 30px; height: 30px; background-position: -360px -100px; font-family: Font Awesome\ 5 Free; background: none; font-size: 15px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 28px; font-weight: 900; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; color: #3c4a88; font-family: "Font Awesome 6 Pro"; } .icon-plus { width: 30px; height: 30px; font-family: Font Awesome\ 5 Free; background: none; font-size: 15px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 28px; font-weight: 900; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; color: #3c4a88; font-family: "Font Awesome 6 Pro"; } input.plus-minus.product { width: 40px; margin: auto; border: none; text-align: left; margin-left: 50px; font-size: 15px; background: none; } .right-product-left .cards{ display: none !important; } .right-product-left .price-descr { display: block; text-align: center; height: 20px; line-height: 10px; color: #888; font-size: 10px; vertical-align: top; } .right-product-left .current-prices { display: inline-block; padding: 0px; box-sizing: border-box; text-align: revert; padding: 10px; background: #fff; margin: 5px; border-radius: 5px; text-align: center; } #photo .frame-prices .price-new, .right-product-left .frame-prices .price-new { color: #3c4a88; width: 100%; margin-right: 0; } .right-product-left .item-product .frame-prices { background: none; } .right-product-left .credit-item { display: inline-block; float: left; box-sizing: border-box; width: 50%; text-align: left; padding: 10px; display: inline-block; width: calc(50% - 20px); padding: 0px; box-sizing: border-box; text-align: revert; padding: 0px; background: #f4f4f4; margin: 5px; border-radius: 5px; text-align: center; border-right: none; } .frame-prices-prod.credit-block { background: none; display: none; } .right-product-left .credit-item.help { width: 12%; position: absolute; right: 0; background: transparent; } #photo .frame-prices .price-new .price, .right-product-left .frame-prices .price-new .price { font-weight: 700; font-size: 14px; } .curr.cash { color: unset; } .btn-cart, .frame-payment input[type="submit"] { background: #ef7f19; font-weight: 500; text-transform: capitalize; } .btn-cart:active, .btn-cart:hover, .frame-payment input[type="submit"]:active, .frame-payment input[type="submit"]:hover { background: #df781c; } .tabs-data > li > a, .tabs-data > li > button, .tabs-data > li > button .text-el, .tabs-data > li > button span { font-weight: 500; text-transform: capitalize; font-size: 14px; color: #596699; } .btn-form { border-color: #f18b30; border-radius: 5px; overflow: hidden; background: #ed8325; } .btn-form input, form .btn-form .text-el { color: #ffffff; } .btn-form input, form .btn-form .text-el { font-weight: 500; font-size: 12px; text-transform: capitalize; } .btn-form:active, .btn-form:hover { background: #f18b30; } .d_i-b img{ width: 200px; } .cat-img{ width: 24px; height: 24px; display: inline-block; padding-right: 12px; vertical-align: middle; } .menu-row-category .frame-l2, .menu-row-category .left-drop .frame-l2 { left: 272px; } .menu-row-category .title-category-l1 { display: inline-block; padding: 8px 14px; width: 100%; position: relative; box-sizing: border-box; } .menu-row-category .frame-l2 { min-width: 320px; } .menu-row-category .frame-drop-menu .frame-l2 > ul > li:last-child a:after { content: "\f105"; font-family: Font Awesome\ 5 Free; float: right; font-weight: 700; display: inline-block; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 6 Pro"; } .menu-row-category .frame-drop-menu .frame-l2 > ul > li a:after{ content: "\f105"; font-family: Font Awesome\ 5 Free; float: right; font-weight: 700; display: inline-block; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 6 Pro"; } .credit-page-underblocks-text-red { display: block; color: #cd3f38; font-size: 20px; font-weight: 600; } .frame-title.order-view{ line-height: 40px; font-size: 20px; color: #333; } .frame-title.order-view i{ color: #2bc72b; font-size: 20px; } .credit-page-underblocks { display: inline-block; height: 72px; border: 1px solid #c83538; padding: 10px; width: calc(30% - 10px); float: left; margin: 10px; font-size: 16px; font-weight: 500; text-align: center; color: #c83538; line-height: 36px; border-radius: 8px; background: #fff; } .menu-header .long-menu .inside-padd li.active a{ color: #ef7f1a; } .nav-enter-reg li button:hover .text-el { color: #f18b30; } .menu-header.second { border-top: 5px solid #373435; letter-spacing: 1px; } .check-variant-payment .cusel-scroll-wrap span[val="15"]:before { font-family: 'Font Awesome 6 Free'; font-weight: 900; } .check-variant-payment .cusel-scroll-wrap span[val="1"]:before { font-family: 'Font Awesome 6 Free'; font-weight: 900; } .check-variant-payment .cusel-scroll-wrap span[val='18']:before { content: ""; font-size: 0px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; box-shadow: none; font-weight: 900; line-height: 20px; vertical-align: bottom; background-image: url(/templates/beautyStore/images/logo_idram.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; margin-right: 8px; } .check-variant-payment .cusel-scroll-wrap span[val="15"]:before { margin-right: 8px; color: #ffb01f; } .check-variant-payment .cusel-scroll-wrap span[val="1"]:before { margin-right: 8px; content: "\f0d1"; color: #607D8B; } .check-variant-payment .cusel-scroll-wrap span[val='17']:before { margin-right: 8px; color: #27ab27cc; content: "\f571"; margin-left: 4px; } .cusel .cuselOptHover, .cusel span:hover { color: #f18b30; } .blue { color: #555; } .cusel-scroll-pane span:hover { background: #f18b30; color: #fafafa; } .cusel .cuselActive, .cusel .cuselActive:hover { background: #f18b30; color: #fafafa; } .cusel .jScrollPaneContainer { border-color: #cdcdcd; box-shadow: 0 2px 3px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 2px 3px rgb(0 0 0 / 15%); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); border-radius: 5px; } .check-variant-delivery .cusel span, .check-variant-payment .cusel span { padding: 8px 6px 8px 6px; } .frame-form-field input[type="checkbox"]:checked { background: #f18b30; } .frame-form-field input[type="checkbox"]:checked:before { content: "\f00c"; font-size: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; box-shadow: none; font-family: 'Font Awesome 6 free'; font-weight: 900; line-height: 20px; } .frame-form-field input[type="checkbox"] { -webkit-appearance: none; border-radius: 2px; display: inline-block; position: relative; margin: 0; color: #ffffff; font-size: 13px; line-height: 13px; border: 1px solid #999; width: 20px; height: 20px; margin-top: 2px; background: 0 0; margin-right: 5px; background: #fff; } .menu-row-category .frame-drop-menu .frame-l2 > ul > li a:after { content: "\f105"; font-family: Font Awesome\ 5 Free; float: right; font-weight: 700; font-family: "Font Awesome 6 Pro"; } .column_0.hoverM a:last-child a:after { content: "\f105"; font-family: Font Awesome\ 5 Free; float: right; font-weight: 700; font-family: "Font Awesome 6 Pro"; } .column_0.hoverM .all-cats{ display: none !important; } .column_0 .all-cats{ display: none !important; } .header-category { border-top: none; } .inside-padd .fa, .inside-padd .far, .inside-padd .fas, .inside-padd .fa-solid { float: left; font-size: 30px; height: 60px; line-height: 40px; padding-right: 10px; color: #fff; } .frame-bask-order .table-order td { text-align: left; vertical-align: top; line-height: 100%; } input[type=password], input[type=text], select, input[type="tel"], { height: 40px; } .frame-form-field .l-h_40{ position: absolute; right: 0; z-index: 1; width: 20px; text-align: center; } .frame-form-field .d_b.o_h{ padding-right:0px; } .inWishlist i { color: #9E9E9E; } .frame-btn-wish:hover i { color: #f53519; } .action { position: absolute; right: 0; top: 10px; z-index: 1; height: 26px; text-align: center; left: 10px; border-radius: unset; padding: 0; background: #fff; line-height: 26px; width: 70px; color: #E91E63; letter-spacing: 0px; font-size: 13px; border-radius: 3px; text-align: center; box-shadow: 0 0 3px #ccc; border-top-left-radius: 0; border-bottom-left-radius: 0; } .action:before { bottom: 0; width: 0; height: 0; content: ""; position: absolute; z-index: 2; right: -13px; left: 100%; border-top: 28px solid #232f3ebf; border-right: 13px solid transparent; display:none; } .nowelty { width: 70px; height: 26px; left: 0; color: #fff; top: 30px; background-color: #4caf50f2; text-align: center; background-image: none!important; position: absolute; display: inline-block; vertical-align: top; float: left; border-radius: 0 3px 3px 0px; } .nowelty:before { display:none; } .right-product-left .frame-prices-prod .current-prices.cash-price-prod { display: none; } .drop-profile .drop-content .inside-padd li a, .drop-profile .drop-content .inside-padd li button, .frame-drop-top-menu li a, .frame-drop-top-menu li span { padding: 0 6px; height: 36px; font-size: 12px; border-bottom: 1px solid #ddd; line-height: 36px; white-space: nowrap; } .not-avail-label{ position: absolute; top: 180px; left: 0; background: red; padding: 0px 10px; color: #fff; } .hit { position: absolute; right: 5px; top: 5px; z-index: 1; overflow: hidden; width: 24px; height: 24px; text-align: right; left: auto; background: 0 0; background: #f44e4e; text-align: center; line-height: 24px; border-radius: 50%; box-shadow: 0 0 9px #ddd; } .hit i{ padding: 0; font-size: 15px; color: #fff; line-height: 24px; } .hit span { font-size: 13px; font-weight: 500; color: #fff; text-transform: capitalize; text-align: center; line-height: 13px; width: auto; display: block; background: 0 0; background: 0 0; box-shadow: 0 3px 10px -5px #000; position: absolute; top: 16px; right: -32px; padding: 4px 0; word-spacing: 9999px; } .hit span { background: #f53519; background: linear-gradient(#ff1e00 0,#e31c00 100%); } .hit span::before { display: none; } .hit span::after { display: none; } #contact { width: 50%; max-width: 100%; background: #fff; padding: 30px; } #contact .row .submit_btn{ color: #fff; background: #3c4a88; vertical-align: middle; padding: 10px; border-radius: 5px; font-size: 14px; } #contact .row{ padding: 10px 0px; width: 50%; } #contact .row .col-full{ padding: 0px 0px; } #contact .col-full{ padding: 10px 0px; } #contact .col-full.right{ padding: 0px 0px; } #contact .fb-nreq{ display:inline-block; } .col-full.right .submit_btn{ float:right; } input[type="email"] { border-color: transparent; border-radius: 5px; background: #f2f2f2; font-size: 14px; height:40px; width: 100%; max-width: 100%; padding: 0 5px; box-sizing: border-box; } .frame-inside.page-register{ background:#fff; } .drop.globalFrameProduct:hover img { -webkit-transform: unset; -moz-transform: unset; -o-transform: unset; transform: unset; } .items-catalog>.not-avail .photo-block .not-avail-label { color: #fff; background-color: rgba(255,87,34,.89); display: none; } .white-popup-block { background: #fff ; padding: 10px !important; text-align: left; max-width: 650px; margin: 40px auto; position: relative; border-radius: 5px !important; } #frameCollection{ z-index:0 !important; } .right-product-left .buy-block .alert-exists{ color: #fff; text-transform: unset; margin-bottom: 10px; display: inline-block; padding: 0 10px; border-radius: 5px; } .item-product .frame-prices-buy { padding: 0px; } .right-product-left .buy-block .funcs-buttons .btn-not-avail { background: #21ad50; color: #fff; width: 100%; padding: 0px 10px; display: flex; float: none; border-radius: 5px; height: 40px; line-height: 40px; } .items-catalog .funcs-buttons .btn-not-avail { background: #21ad50; color: #fff; width: 100%; } .right-product-left .buy-block .funcs-buttons .btn-not-avail button{ display: flex; align-items: center; justify-content: center; } .right-product-left .buy-block .funcs-buttons .btn-not-avail .infoBut i{ font-size: 20px; } .right-product-left .buy-block .funcs-buttons .btn-not-avail .infoBut .text-el{ font-size: 14px; } .right-product-left .buy-block .funcs-buttons .btn-not-avail:hover { background: #44c06d; } .items-catalog .funcs-buttons .btn-not-avail:hover { background: #44c06d; } .right-product-left .buy-block .funcs-buttons { display: inline-block; padding: 0; width: 100%; margin-top: 20px; text-align: left; } .right-product-left .buy-block .funcs-buttons form{ display: flex; align-items: end; justify-content: space-between; } .alert-exists.product-status{ width: auto; background: red; color: #fff; padding: 0 8px; border-radius: 5px; margin-top: 40px; border-top-right-radius: 0; border-bottom-left-radius: 0; line-height: 28px; height: 28px; display: block; font-size: 14px; } .desirable-alert{ color: green; border: 1px solid #ddd; padding: 20px; font-size: 13px; text-align: center; border-radius: 5px; } .globalFrameProduct img { background: #fff; } .btn-not-avail .text-el, .btn-not-avail>input[type=submit] { font-size: 12px; } .items-wish-list>li .frame-wish-compare-list .funcs-buttons .btn-buy, .items-wish-list>li .frame-wish-compare-list .funcs-buttons .btn-cart { width: 100% !important; } .items-wish-list>li .frame-wish-compare-list .funcs-buttons .frame-count { display: none; } .jspPane .items-wish-list>li { height: 362px !important; } .btn-compare .d_l, .btn-order-call .d_l, .btn-wish .d_l, .d_l_1, .old-buyer .d_l { color: #3c4a88; } .icon_profile-wl { border-top-color: #3c4a88; } .items-compare>li .icon_times { position: absolute!important; left: 0; top: 0; background-position: -320px -120px; width: 24px; height: 24px; } .items-compare .items-catalog .funcs-buttons { margin-bottom: 0; width: 75%; } .right-compare .group-button-carousel { display: none; } .similar-products .frame-wish-compare-list>.frame-btn-comp, .similar-products .frame-wish-compare-list>.frame-btn-wish { width: 25%; margin-bottom: 0; padding: 0; text-align: center; } .similar-products .globalFrameProduct .description .frame-prices .credit-price-block{ width: 100% !important; } .compare-characteristic>li { background-color: #fff; color: #555; font-size: 12px; line-height: 28px; height: 34px!important; outline: 1px solid #ddd; } .tabs-compare-category>.active>button:after { content: ""; position: absolute; left: 100%; top: 0; border-width: 14px 9px; border-style: solid; } .tabs-compare-category>.active .text-el { color: #fff; font-size: 14px; } .tabs-compare-category>li>button { padding: 4px 14px; text-align: left; } .compare-characteristic>li { min-height: 34px; padding-left: 4px; } .btn-def:hover button, .btn-def:hover button .text-el { color: #fff; } .check-variant-payment .cusel-scroll-wrap span[val='17']:before { margin-right: 8px; color: #27ab27cc; content: ""; margin-left: 0; background-image: url(/uploads/Payment-methods/logo-vtb.svg); background-position: center; width: 40px; display: inline-block; background-size: 100%; background-repeat: no-repeat; } .check-variant-payment .cusel-scroll-wrap span:before { width: 40px !important; display: inline-block; text-align: center; background-size: contain !important; } .niceCheck+.name-count:hover { background: #f18b30 !important; } .toggle-filter-trigger { color: #f18b30 !important } .product-status.soon { position: absolute; right: 0; top: 0; z-index: 1; overflow: hidden; width: 100px; height: 100px; text-align: right; left: auto; background: 0 0; } .product-status.soon span { font-size: 13px; font-weight: 500; color: #fff; text-transform: capitalize; text-align: center; line-height: 13px; width: auto; display: block; background: 0 0; background: 0 0; box-shadow: 0 3px 10px -5px #000; position: absolute; top: 16px; right: -32px; padding: 4px 0; word-spacing: 9999px; background: #ff7518; -webkit-transform: rotate(45deg); } ::placeholder { color: #c4c4c4; opacity: 1; } :-ms-input-placeholder { color: #c4c4c4; } ::-ms-input-placeholder { color:#c4c4c4; } .items-catalog .price-discount+.current-prices { margin-bottom: 10px; display: block; width: 100%; } .items-catalog .price-discount { margin-bottom: 10px; display: block; line-height: 100%; font-size: 16px; margin-right: 0; } .frame-form-field input.error { border-color: red !important; } .btn-buy.disabled { background: #c8c8c8; } .cusel .cusel-scroll-wrap { max-height: 444px !important; overflow-y: scroll; height: auto !important; -ms-overflow-style: none; scrollbar-width: none; } .cusel .cusel-scroll-wrap::-webkit-scrollbar { display: none; } .long-menu .inside-padd .social-footer .fab.fa-facebook{ color:#3b5998; } .long-menu .inside-padd .social-footer .fab.fa-instagram{ color:#fff; background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: #fff; } .long-menu .inside-padd .social-footer .fab.fa-telegram{ color:#0088cc; } .long-menu .inside-padd .social-footer .fab.fa-tiktok{ color:#ee1d52; } .long-menu .inside-padd .social-footer .fab.fa-whatsapp{ color:#25d366; } footer { background: transparent; } #unitedBenefits, .footer-footer .container { border-top-color: #1a1a1a; display: flex; } .cards-ul li { width: 50px; } .btn-buy > a, .btn-buy > button, .btn-buy > input[type="submit"] { height: 40px; line-height: 40px; padding: 0 35px 0 35px; font-size:14px; } .frame-label.aditional-apps{ position:relative; } .frame-label.aditional-apps .aditional-apps-info{ position: absolute; right: 0; top: 6px; z-index: 999; } .drop-installig-apps-info { width: 600px; max-width: 90%; } .drop-credit-buy-info { width: 600px; max-width: 90%; } .filters-content .toggle-filter-trigger{ display:block; } .filters-content.open .toggle-filter-trigger{ display:none; } .filters-content .toggle-filter-trigger.close{ display:none; } .filters-content.open .toggle-filter-trigger.close{ display:block; } .toggle-filter-trigger{ display: block; margin: 10px 0 0; cursor: pointer; font-size: 24px; line-height: 1; } .filter-brands { display: inline-block; border: 2px solid #ddd; height: 64px; width: calc(33% - 16px); float: left; margin: 10px; padding: 3px; border-radius: 5px; position: relative; margin-left: 0px; } .filter-brands:hover{ box-shadow: 1px 2px 6px #8080807d; -webkit-transition: box-shadow 0.2s ease-in; } .be-securep{ padding: 0; } .be-securep button{ color: #555; } .drop-style-width{ width:600px; } .fa-circle-info{ color: #1c7ed6; cursor: pointer; } @media screen and (min-width: 767px){ footer .box-1 { width: 49%; padding: 0; margin-right: 10px; } .items-compare#items-catalog-main { width: unset; } .items-compare#items-catalog-main { width: unset; } .frame-btn-comp:hover i { color: #f18b30 !important; } .frame-btn-wish:hover i { color: #f18b30 !important; } .right-product-left .buy-block { margin-bottom: 18px; border-top: 1px solid #ddd; } .item-product .frame-prices-buy-wish-compare { margin-bottom: 0px; } .right-product-left .credit-item { display: inline-block; float: left; box-sizing: border-box; width: 50%; text-align: left; padding: 10px; display: inline-block; width: calc(50% - 20px); padding: 0px; box-sizing: border-box; text-align: revert; padding: 0px; background: #fff; margin: 0px; border-radius: 5px; text-align: left; border-right: none; } .right-product-left .current-prices { display: inline-block; padding: 0px; box-sizing: border-box; text-align: revert; padding: 10px; background: #fff; margin: 0px; border-radius: 5px; text-align: left; padding: 0; } .right-product-left .price-descr { display: block; text-align: left; height: 30px; line-height: 30px; color: #888; font-size: 15px; vertical-align: unset; font-weight: 600; margin-bottom: 10px; } .right-product-left .frame-prices .price.priceCashVariant, .right-product-left .frame-prices .price.priceVariant { font-size: 30px !important; } #photo .frame-prices .price-new .curr, .right-product-left .frame-prices .price-new .curr { font-size: 30px; margin-left: 10px; } .frame-prices .price { font-size: 20px; } .description .frame-prices .price { font-size: 16px; line-height: 16px; } .items-catalog .price-discount { margin-right: 5px; } .credit-descr { display: block; padding: 6px 2px 6px 2px; color: #888; font-size: 12px; } .frameCount #photo .code, .frameCount .code{ font-size: 14px; text-align: center; margin-bottom: 10px; } #photo .frame-count>.number, .item-product .frame-count>.number { display: flex; align-items: center; } #photo .frame-count, .item-product .frame-count { width: 130px; display: inline-block; margin: 0; margin-right: 30px; } .frameCount #photo .code, .frameCount .code { font-size: 14px; text-align: center; margin-bottom: 10px; } #photo .frame-count>.number .frame-change-count, .item-product .frame-count>.number .frame-change-count { right: 0; width: 100%; left: 0; padding: 0px; height: 40px; width: 40px; position: unset !important; } .btn-minus, .btn-plus { display: inline-block; height: 100%; line-height: 100%; border-radius: 5px; } .btn-plus button { border-width: 1px 1px 0 0; border-color: transparent; border-style: solid; line-height: 100%; height: 40px; -webkit-appearance: none; border: none; width: 40px; border-radius: 5px; } .btn-plus { right: 0; } .btn-minus { left: 0; } .icon-plus { width: 40px; height: 40px; font-family: Font Awesome\ 5 Free; background: none; font-size: 15px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 38px; font-weight: 900; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; color: #3c4a88; font-family: "Font Awesome 6 Pro"; } .btn-minus, .btn-plus { display: inline-block; height: 40px; line-height: 40px; border-radius: 5px; position: absolute; } .btn-minus button { border-width: 0 1px 0 0; border-color: transparent; border-style: solid; height: 40px; line-height: 100%; width: 40px; border: none; border-radius: 5px; } .icon-minus { width: 40px; height: 40px; background-position: -360px -100px; font-family: Font Awesome\ 5 Free; background: none; font-size: 15px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 38px; font-weight: 900; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; color: #3c4a88; font-family: "Font Awesome 6 Pro"; } input.plus-minus.product { width: 100%; margin: auto; border: none; text-align: center; margin-left: 0; font-size: 15px; box-sizing: border-box; height: 30px; background: #fff; width: 130px; margin: 0; padding: 0; } .right-product-left .buy-wish-compare .btn-buy, .right-product-left .buy-wish-compare .btn-cart { display: inline-block; width: 50%; float: none; max-width: 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); border-radius: 5px !important; } #similar_products .items-catalog > li, .items-catalog.table > li { border-radius: 5px; overflow: hidden; } .btn-buy { background: #f18b30; box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); border-radius: 5px !important; } .btn-buy .text-el, .btn-buy > input[type="submit"] { font-size: 13px; text-transform: capitalize; font-weight: 500; } .right-product-left .btn-cart .text-el, .right-product-left .btn-buy .text-el { font-size: 14px; } .btn-cart .text-el { font-size: 12px; } .btn-cart i { display:none; } .btn-cart{ background:#df781c; display: inline-block; float: none; max-width: 100%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); border-radius: 5px !important; } .items-catalog .btn-buy, .items-catalog .frame-count { border-radius: 0 !important; } .hit span { font-size: 13px; font-weight: 500; color: #fff; text-transform: capitalize; text-align: center; line-height: 20px; width: auto; display: block; background: 0 0; background: 0 0; box-shadow: 0 3px 10px -5px #000; position: absolute; top: -8px; right: -60px; padding: 12px 0; word-spacing: 9999px; padding-bottom: 4px; } .hit span { background: #f53519; background: linear-gradient(#eb6400 0,#eb6400 100%); } .globalFrameProduct img { background: #fff; opacity: 0.97; } .items-catalog .photo-block { margin-bottom: 0; width: 100%; height: auto; margin-right: 0; overflow: hidden; height: 180px; object-fit: cover; padding: 0; background: #fff; padding: 10px; } .right-product-left .frame-title .title { font-weight: 600; font-size: 28px; line-height: 33px; color: #1d1d1d; } .frame-baner { margin-bottom: 6px !important; max-width: 100%; margin: 0 auto; } .menu-header .long-menu .inside-padd li { display: flex; list-style: none; padding: 0; color: #777; height: 60px; line-height: 60px; box-sizing: border-box; margin: 0 !important; align-items: center; } .menu-header .long-menu .inside-padd .menu{ display: flex; align-items: center; } .menu-header .long-menu .inside-padd li a { box-sizing: border-box; } .items-catalog.table > li:hover { overflow: visible; } .frame-wish-compare-list { display: block; position: relative; width: 100%; height: 40px; border-top: 1px solid #e8e8e8; box-sizing: border-box; position: absolute; overflow: hidden; height: 0; -o-transition: height .3s; -ms-transition: height .3s; -moz-transition: height .3s; -webkit-transition: height .3s; transition: height .3s; display: flex; background: #fff; z-index: 99999999; } .hover-helper { box-sizing: border-box; outline: 1px solid #ddd; box-shadow: 0 0 9px #ccc; height: 348px; position: relative; border: 1px solid #e5e5e5; position: relative; width: 100%; min-height: auto; background: #fff; z-index: 1; transition: height .3s; overflow: hidden; } #similar_products .items-catalog > li:hover .frame-wish-compare-list, .items-catalog.table > li:hover .frame-wish-compare-list { height: 40px; } #similar_products .items-catalog > li:hover .hover-helper, .items-catalog.table > li:hover .hover-helper { box-shadow: 0 0 15px rgb(0 0 0 / 15%); z-index: 10; height: 100%; height: 380px; border-bottom: none; border: 1px solid #fff; box-shadow: 0 0 15px #ccc; position: relative; z-index: 90; transition: all ease .4s; border-radius: 5px; } .big-container .items-catalog.items-h-carousel { margin-left: 0; display: flex; flex-flow: row wrap; } #similar_products .items-catalog > li, .items-catalog.table > li { min-height: auto !important; height: 336px; margin-left: 0; text-align: center; width: 19.2%; box-sizing: border-box; margin: 0; outline: 1px solid #ddd; margin-right: 0; margin-bottom: 2%; box-shadow: 0 0 9px #ccc; border-radius: 5px; overflow: hidden; } #action_products .horizontal-carousel, #new_products .horizontal-carousel{ position: unset; } .right-catalog .items-catalog > li:nth-child(5n) { margin-right: 0px !important; } .items-catalog.table > li .frame-prices { margin: 0; padding: 0; height: 66px; width: 100%; margin-top: 12px; flex-flow: column; display: flex; align-items: center; justify-content: center; } #action_products .big-container, #new_products .big-container, .left-catalog-first .big-container { max-width: 1200px; left: 0; } .big-container .items-catalog.table { left: 0!important; width: 100% !important; justify-content: space-between; } .container { max-width: 1200px; } .mq-inline-block.mq-w-768.mq-min { display: none !important; } .frame-variant-name-code .frame-variant-code { line-height: 24px; display: flex; align-items: center; width: 100%; justify-content: space-between; border-right-color: transparent; } .frame-variant-name-code { margin-bottom: 5px; display: flex; height: 40px; width: 100%; box-sizing: border-box; line-height: 24px; border-bottom: 1px solid #ddd; align-items: center; } #photo .frame-prices .price-discount, .right-product-left .frame-prices .price-discount { font-size: 24px; margin-bottom: 20px; margin-top: 20px; font-weight: 700; color: #888; } #photo .frame-prices .price-discount .price, .right-product-left .frame-prices .price-discount .price { font-weight: 700; font-size: 24px; } #photo .frame-prices .price-discount .curr, .right-product-left .frame-prices .price-discount .curr { font-size: 24px; font-weight: 700; } #photo .frame-prices .price-new, .right-product-left .frame-prices .price-new { color: #f18b30; width: 100%; margin-right: 0; } .bran-rating{ display: flex; align-items: center; justify-content: space-between; } .title-proposition-h .frame-title > .title .fa-fire{ font-size: 18px; color:#f44e4e; } .title-proposition-h .frame-title > .title .fa-tags{ font-size: 18px; color:#f18b30; } .footer-footer.first { background-color: #fff; border-top: none; display: flex; align-items: center; } .footer-footer.first .container { border-top: none; display: block; width: 100%; padding: 0; } .footer-footer.first .container .long-menu{ display: flex; align-items: center; justify-content: space-between; } .long-menu .inside-padd { text-align: center; padding: 0; display: inline-block; } .nav-enter-reg{ display: flex; align-items: center; justify-content: center; } .nav-enter-reg a{ font-size:13px; } .nav-enter-reg a i, .nav-enter-reg span.text-el{ font-size:13px; } .frame-seo-text .text.seo-text p{ margin-bottom: 0; line-height: 30px; } .frame-seotext-news.container{ background: #fff; padding: 20px; box-sizing: border-box; border-radius: 5px; } .phones-header { display: inline-block; padding: 8px 0 5px; } .icon_search-dr { background-position: -60px 0; width: 40px; height: 40px; font-family: var(--fa-style-family, "Font Awesome 6 Pro"); font-weight: var(--fa-style, 900); background-image: none; font-size: 16px; line-height: 40px; } .icon_search-dr:before { content: "\f002"; } .wrap-input-search button { width: 40px; } .securePay_fastShip{ padding: 12px 12px; background: #f7f7f7; border-radius: 5px; margin: 0; } .securePay_fastShip ul { display: flex; align-items: flex-start; } .securePay_fastShip ul li { display: flex; justify-content: center; align-items: center; height: 40px; color: #666; padding: 0px 10px; border-right: 1px solid #ddd; } .securePay_fastShip ul li:last-child{ border-right: none; } .securePay_fastShip ul li img, .securePay_fastShip ul li i{ height: 20px; object-fit: contain; width: 20px; margin-right: 4px; font-size: 15px; line-height: 20px; background: #fff; padding: 4px; border-radius: 50%; } .securePay_fastShip ul li a{ text-decoration: none; height: 40px; color: #555; display: flex; align-items: center; justify-content: center; } .securePay_fastShip ul li a:hover{ color:#f18b30; } .icon-arrow-tab, .icon_comment-tab { font-family: 'Font Awesome 6 Pro'; font-weight: 900 !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; background:none; } .tabs-data > li.active > a, .tabs-data > li.active > button { color: #666 !important; } .characteristic tbody th { color: #333; } .characteristic tbody td, .characteristic tbody th { padding: 6px 10px 6px 10px; } .characteristic tbody th:after { bottom: 0px; } .tabs-data > li > a, .tabs-data > li > button, .tabs-data > li > button .text-el, .tabs-data > li > button span { font-weight: 600; color: #555; } input[type="password"], input[type="text"], input[type="tel"], select { height: 40px; } .btn-crumb a:after { content: "\f111"; font-size: 7px; font-family: 'Font Awesome 6 Pro'; font-weight: 900; color: #ccc; line-height: 0px; padding: 0px 2px 0px 6px; } .btn-crumb .divider { display: none !important; } .btn-crumb a { display: flex; align-items: center; justify-content: center; } .btn-crumb .divider a span, .btn-crumb a span { color: #555; } .btn-crumb a:hover .text-el{ color: #f18b30; } .crumbs .items { padding: 8px 0px; background-color: #f2f2f2; } .menu-header.second { border-top: 2px solid #373435; letter-spacing: 1px; } .content-header:after { height: 2px; background-position: 0 0; width: 100%; left: 0; bottom: -2px; position: absolute; content: ""; background: #373435; } .product-intro__short-desc{ padding: 12px 12px; background: #f6ffed; border-radius: 5px; margin: 0 0px; margin-top: 10px; } .securePay_fastShip ul li img.shield{ position: absolute; right: -4px; background: transparent; width: 14px; bottom: -4px; padding: 0; margin: 0; } .securePay_fastShip ul li button{ display: flex; align-items: center; color: #666; text-align: left; margin-left: 10px; width: auto; } .row-kits li .photo-block { float: none; margin-right: 10px; width: 80px; position: relative; margin: auto; height: 80px; display: inline-block; vertical-align: top; border: none; } .row-kits li .title{ font-weight: lighter; font-size: 12px; display: inline-block; width: 100%; padding-left: 10px; } .item-report.items-bask .photo-block, .items-bask .photo-block { width: 70px; height: 70px; float: left; margin-right: 10px; } .item-report.items-bask .title, .items-bask .title { text-align: center; } #orderDetails .item-report.items-bask .title, .items-bask .title { text-align: left; } .items-complect{ display: flex; flex-direction: column; } .items-complect [class*="items"] { max-width: 100%; width: auto; display: flex; align-items: center; } .items-complect .row-kits li { width: 240px; padding-bottom: 10px; display: flex; align-items: center; } .items-complect .frame-kit { width: 240px; border: 1px solid #ddd; border-radius: 4px; } .items-complect .frame-kit .frame-photo-title { margin-bottom: 0px; margin: 5px; } .items-complect .complect-gen-sum { width: 220px; text-align: center; display: flex; align-items: center; margin-left: 10px; } .items-complect .complect-gen-sum .btn-buy > a, .items-complect .complect-gen-sum .btn-buy > button, .items-complect .complect-gen-sum .btn-buy > input[type="submit"] { height: 34px; line-height: 34px; padding: 0 35px 0 35px; font-size: 14px; } .items-complect .complect-gen-sum .btn-buy i, .items-complect .complect-gen-sum .btn-cart i { padding-right: 8px; font-size: 14px; } .items-complect .complect-gen-sum .btn-cart .text-el { font-size: 12px; color: #fff; } .complect-gen-sum .frame-prices { margin: 0; } .frame-gen-price-buy-complect { width: 190px; padding: 5px; border-radius: 4px; box-sizing: border-box; } .frame-gen-price-buy-complect .btn-buy i, .frame-gen-price-buy-complect .btn-cart i { color:#fff; } .items-complect .main-product .title { color: #6f6f6f; min-height: 70px; } .items-complect .frame-kit .frame-photo-title{ min-height: 70px; } .items-complect .frame-kit .frame-photo-title .title{ color: #666; font-size: 13px; min-height: 55px; display: inline-block; text-align: left; margin-top: 6px; width: calc(100% - 100px); } .frame-complect .group-button-carousel{ display:none; } .row-kits .description { margin-left: auto; float: none; } .row-kits .description .price-discount, .items-complect .complect-gen-sum .price-discount{ display: block; text-align: center; width: 100%; } .items-complect.items .globalFrameProduct{ display: flex; align-items: flex-start; } .table-order .items-bask .frame-kit { width: calc(100% - 20px); } .table-order .gen-sum-kit, .next-kit { width: 19px; position: relative; top: 19px; left: -5px; line-height: 0.8; text-align: center; position: unset; } .table-order .row-kits li { width: 50%; display: flex; align-items: center; } .table-order .row-kits .items-product{ display: flex; align-items: flex-start; width: 100%; } .table-order .row-kits .description { margin-left: auto; float: none; } .items-bask .frame-photo-title { color: #555; text-align: left; } .drop-content .items-bask .frame-photo-title { display: flex; flex-direction: column; } .table-order .next-kit { display: block; font-size: 30px; } .table-order .row-kits .description { margin-left: auto; float: none; display: none; } .table-order .row-kits .price-discount .curr { font-size: 19px; text-transform: uppercase; font-weight: 400; } .table-order .row-kits .price-discount { text-decoration: line-through; margin-bottom: 7px; font-size: 19px !important; text-align: center; } .frame-bask .footer-bask .price-discount { text-decoration: line-through; margin-bottom: 7px; font-size: 19px !important; } .frame-bask .footer-bask .frame-prices .curr { font-size: 19px; text-transform: uppercase; font-weight: 400; } .gen-sum-kit { display: inline-block; vertical-align: top; top: 0; font-size: 36px; } .drop-bask .footer-bask > .inside-padd > .clearfix .frame-prices .price { font-size: 19px; } .items-bask .product-status { display: block; } .discount { background-position: -306px 0; width: 30px; height: 30px; line-height: 30px; text-align: center; right: 2px; left: auto; bottom: 0 !important; background: #00BCD4; border-radius: 50%; background-image: none; top: 2px; } .items-bask .description { display: none; } .views-count { display:none; } .star-block{ display:none; } #items-catalog-main { width: 100%; justify-content: space-between; display: flex; flex-wrap: wrap; } .right-catalog .items-catalog > li:nth-child(4n) { margin-right: 0 !important; } @keyframes placeHolderShimmer{ 0%{ background-position: -468px 0 } 100%{ background-position: 468px 0 } } .items-catalog.table > li.fake-items { animation-duration: 1.25s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #F6F6F6; background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%); background-size: 800px 104px; position: relative; } .special-proposition .title-proposition-h { color: #555; height: 28px; } .flex{ display:flex !important; } .jc-c-sb{ justify-content:space-between; } .ai-c{ align-items:center; } .special-proposition .title-proposition-h a { cursor: pointer; text-decoration: none; font-size: 18px; } .special-proposition .title-proposition-h .fa-arrow-right { position: relative; display: inline-block; cursor: pointer; margin-right: 15px; transition: all .4s ease; font-size:20px } .special-proposition .title-proposition-h .btn-show-all-statuses:hover .fa-arrow-right { margin-right: 5px; color:orange; } .special-proposition .title-proposition-h .btn-show-all-statuses:hover{ color:#f18b30; } .left-personal .horizontal-form .frame-label > .title, .left-personal .horizontal-form label > .title { font-size: 14px; font-weight: 500; width: 100%; color: #333; text-align: left; } .left-personal .horizontal-form .frame-form-field { margin-left: 0; } .frameItemMenu .fa-bars:before{ font-size: 12px; color: #fff; margin-right: 4px; font-size: 14px; color: #fff; margin-right: 4px; font-weight: 300; font-family: "Font Awesome 6 Pro"; } } } @media screen and (min-width: 1240px){ #items-catalog-main { width: 100%; } } @media screen and (max-width: 960px) and (min-width: 768px){ #similar_products .items-catalog > li, .items-catalog.table > li { background: #fff; margin: 0px; flex: 0 1 calc(25% - 10px); min-height: auto !important; height: 336px; margin-left: 0; text-align: center; box-sizing: border-box; margin: 0; outline: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; box-shadow: 0 0 9px #ccc; border-radius: 5px; overflow: hidden; } .right-catalog .items-catalog.table > li { flex: 0 1 calc(33% - 10px); } .mq-w-959 { display:block; } .menu-row-category .title-category-l1.is-sub:after, td td .frame-item-brand>.frame-title.is-sub>a:after, td td .frame-item-menu>.frame-title.is-sub>a:after { background-position: -220px 0!important; display:none; } .menu-main { padding-left: 10px; } .crumbs { position: relative; padding: 10px 10px; } .menu-row-category .title-category-l1 { display: inline-block; padding: 8px 14px; width: 100%; position: relative; box-sizing: border-box; } .menu-row-category .frame-drop-menu > ul > li { display: block; width: 272px; position: static; border-bottom: 1px solid #ddd; } .frame-group-checks.brands .title{ font-size: 15px !important; margin: 0 0 20px; text-transform: uppercase; font-weight: 700; } .frame-group-checks.brands ul.filters-content{ display: flex !important; width: 100%; justify-content: space-between; align-items: center; flex-wrap: wrap; } .filters-content .filter-brands:nth-child(2n) { margin-right: 0px !important; } .filters-content .filter-brands:nth-child(3n) { margin-right: 0px !important; } .filter-brands { display: inline-block; border: 2px solid #ddd; height: 64px; width: calc(50% - 16px); float: left; margin: 0; padding: 3px; border-radius: 5px; position: relative; margin-left: 0px; margin-bottom: 10px; } } @media screen and (max-width: 1240px) and (min-width: 768px){ #action_products .big-container, #new_products .big-container, .left-catalog-first .big-container { max-width: 1200px; } .menu-main { padding-left: 10px; } .crumbs { position: relative; padding: 10px 10px; } .frame-category-menu .nav.nav-category li a { font-weight: 500; font-size: 14px !important; margin: 0 0 10px; background: #f2f2f2; padding: 4px; text-transform: unset; } .frame-category-menu.layout-highlight { display: block; } #items-catalog-main { width: 100% !important; margin-left: 0; display: flex; flex-flow: row wrap; } .securePay_fastShip{ padding: 12px 12px; background: #f7f7f7; border-radius: 5px; margin: 0; } .securePay_fastShip ul { display: flex; align-items: flex-start; } .securePay_fastShip ul li { display: flex; justify-content: center; align-items: center; height: 40px; color: #666; padding: 0px 10px; border-right: 1px solid #ddd; } .securePay_fastShip ul li:last-child{ border-right: none; } .securePay_fastShip ul li img, .securePay_fastShip ul li i{ height: 20px; object-fit: contain; width: 20px; margin-right: 4px; font-size: 15px; line-height: 20px; background: #fff; padding: 6px; border-radius: 50%; } .securePay_fastShip ul li img.shield{ position: absolute; right: -4px; background: transparent; width: 14px; bottom: -4px; padding: 0; margin: 0; } .securePay_fastShip ul li button{ display: flex; align-items: center; color: #666; text-align: left; margin-left: 10px; width: auto; } .securePay_fastShip ul li a{ text-decoration: none; height: 40px; color: #555; display: flex; align-items: center; justify-content: center; } .securePay_fastShip ul li a:hover{ color:#f18b30; } .icon-arrow-tab, .icon_comment-tab { font-family: 'Font Awesome 6 Free'; font-weight: 900 !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; background:none; } .icon-arrow-tab::before{ content:"\f2db"; } .icon_comment-tab::before { content:"\f075"; font-weight: 400; } .tabs-data > li.active > a, .tabs-data > li.active > button { color: #666 !important; } .characteristic tbody th { color: #333; } .characteristic tbody td, .characteristic tbody th { padding: 6px 10px 6px 10px; } .characteristic tbody th:after { bottom: 0px; } .tabs-data > li > a, .tabs-data > li > button, .tabs-data > li > button .text-el, .tabs-data > li > button span { font-weight: 600; color: #555; } } .bran-rating .star-small, .bran-rating .star-small div, .bran-rating .star-small span { background-size: 12px; } @media screen and (max-width: 767px){ .image-badge-gift-bag { background-size: 100%; z-index: 999; width: 20%; height: 20%; position: absolute; right: 85%; rotate: -25deg; background-repeat: no-repeat; top: 30%; animation: zoom-in-zoom-out-less 2s ease infinite; } #photo .frame-prices .price-new .price, .right-product-left .frame-prices .price-new .price { font-weight: 900; font-size: 30px; } .items-catalog .frame-photo-title .title { max-height: 52px; display: inline-block; overflow: hidden; min-height: 52px; line-height: 18px; margin-top: 10px; text-align: left; font-size: 13px; } .items a .title-brand { height: 15px; display: none; } #contact { width: 100%; max-width: 100%; background: #fff; padding: 30px; box-sizing: border-box; } .right-product-left .buy-block .funcs-buttons { text-align: center; } .inside-padd .fa, .inside-padd .far, .inside-padd .fas, .inside-padd .fa-solid { padding-left: 10px; } .item-product .frame-prices, .item-product .short-desc { padding: 10px; display: block; margin: 0; } .right-product-left .current-prices { width: 100%; } .right-product-left .credit-item { width: 100%; margin: 0; } .btn-bask .text-cleaner .text-el.count-bask, .compare-list-btn > button .compareListCount, .wish-list-btn > button .wishListCount { vertical-align: middle; display: inline-block; padding: 0 4px; font-size: 11px; margin-left: unset; margin-top: unset; } .frame-item-menu-out td .frame-drop-menu { top: 68px; border-top-left-radius: 0; border-top-right-radius: 0; } .frame-item-menu-out td.hoverM.firstH .frame-drop-menu.left-drop { margin-left: 0px!important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; left: auto!important; visibility: visible; opacity: 1; box-shadow: 0 0 9px #000; width: 100vw !important; } .menu-header.second { border-top: none; letter-spacing: 1px; } input.input-search { height: 36px; border: none; } .wrap-input-search { padding: 12px 11px; border: 1px solid transparent; overflow: visible; margin-top: 42px; margin-left: -247px; display: none; width: 100%; left: 0!important; right: auto; margin-left: 0; box-sizing: border-box; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-color: transparent !important; overflow: unset; } .wrap-input-search button { position: absolute; right: 16px; cursor: pointer !important; top: calc(50% - 12px); margin-top: 0; height: 28px; width: 28px; font-size: 14px; } .wrap-input-search:before { display: none; } .wrap-input-search.active { top: 125px; } .menu-main td td .frame-l2 [class^="column2_"]>a { padding: 12px 10px 12px; } .menu-row-category td td .frame-drop-menu .frame-l2>ul { padding-left: 0; } .menu-row-category .frame-drop-menu.left-drop .hoverM .title-category-l1.is-sub:after, .menu-row-category .hoverM .title-category-l1.is-sub:after { right: 16px; content: "\f078"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-family: Font Awesome\ 5 Free; font-weight: 900; font-size: 14px; background: none; color: #333; top: calc(50% - 6px); font-family: "Font Awesome 6 Pro"; } .menu-row-category .frame-drop-menu.left-drop .title-category-l1.is-sub:after, .menu-row-category .title-category-l1.is-sub:after { top: calc(50% - 0px); color: #333; } .menu-main td td .frame-l2 [class^="column2_"]>a { padding: 12px 10px 12px; } .menu-row-category td td .frame-drop-menu .frame-l2>ul { padding-left: 0; } .drop-profile{ border-radius: 5px; right: 0; left: auto !important; } .container.start-page.cats-carousel { height: auto; } .btn-bask i, .btn-search .fa, .compare-list-btn i, .wish-list-btn i { font-size: 20px; } .menu-header .fa, .menu-header .fab, .menu-header .fal, .menu-header .far, .menu-header .fas { color: #fff; } .wrap-input-search.active { top: 80px !important; } .frame-search-form>div:after { display:none; } .column_0 a:last-child{ display: none !important; } .column_0.hoverM a:last-child{ display: block !important; } .menu-row-category td td .frame-drop-menu>ul>li { padding-right: 0px; border-bottom: 1px solid #ddd; width: 100%; } .menu-row-category td td .title-category-l1 { padding-left: 10px; height: 50px; } .items-catalog.similar-products .funcs-buttons { margin-bottom: 0; width: 50%; } .page-product>.container.white { background-color: transparent!important; width: 100%; } .leftProduct .photo-block { height: auto !important; padding: 20px; } .white-popup-block { background: none !important; padding: 0px !important; text-align: left; max-width: 650px; margin: 40px auto; position: relative; border-radius: 5px !important; } .mfp-close-btn-in .mfp-close { border-radius: 50%; color: #fff !important; top: -5px; right: -5px; } .contacts-left { font-size: 14px; margin-bottom: 20px; width: 100%; display: inline-block; float: left; } .contact-map { width: 100%; display: inline-block; } .mapouter { width: 100% !important; } .gmap_canvas { width: 100% !important; } .credit-page-underblocks { display: block; height: 72px; border: 1px solid #576497; padding: 10px; width: calc(30% - 10px); float: left; margin: 10px; font-size: 16px; font-weight: 500; text-align: center; color: #fff; line-height: 36px; border-radius: 8px; background: #576497; box-sizing: border-box; height: auto; width: 100%; float: none; margin: 0; } .order-form .msg>.error { margin-left: 0; } .left-cart { float: left; width: 100%; margin-bottom: 30px; padding: 20px 25px; box-sizing: border-box; } .horizontal-form .frame-label > .title, .horizontal-form label > .title { font-size: 14px; font-weight: 600; width: 100% !important; color: #333; padding: 0px 0px 4px 0px; } .frame-btn-comp:hover i { color: #eb6400; } .frame-btn-wish:hover i { color: #eb6400; } #similar_products .items-catalog > li, .items-catalog.table > li { border-radius: 5px; overflow: hidden; } .btn-buy { background: #f18b30; box-shadow: 0 2px 5px 0 rgba(213,217,217,.5); } .hit span { font-size: 13px; font-weight: 500; color: #fff; text-transform: capitalize; text-align: center; line-height: 20px; width: auto; display: block; background: 0 0; background: 0 0; box-shadow: 0 3px 10px -5px #000; position: absolute; top: -8px; right: -60px; padding: 12px 0; word-spacing: 9999px; padding-bottom: 4px; } .hit span { background: #f53519; background: linear-gradient(#eb6400 0,#eb6400 100%); } .globalFrameProduct img { background: #fff; object-fit: contain; opacity: 1; } .items-catalog .photo-block { margin-bottom: 0; width: 100%; margin-right: 0; overflow: hidden; height: 180px; object-fit: contain; padding: 0; background: transparent; padding: 0; filter: brightness(0.97); } .globalFrameProduct:hover .photo-block{ filter: brightness(1); } .container { max-width: calc(100% - 6px); } #items-catalog-main .photo-block { height: 180px; width: 100%; } .left-header{ display: inline-block; width: 60%; } .left-header .logo { float: none; margin: 0 auto; width: 159px; height: unset; display: block; margin-bottom: 0; width: 100% !important; padding: 10px 10px; display: inline-block; box-sizing: border-box; } .left-header .logo img{ height: 36px;} .right-header{ width: 40%; display: inline-block; } .right-header i{ font-size:12px; } .right-header .phones-header{ display:none; } .right-header>nav { float: right; } .menu-header .flex{ display:flex; align-items:center; } .menu-header .flex .nav.nav-enter-reg{ display:flex; align-items:center; } .content-header .logo { display: none; } .frame-item-menu > .frame-title > .title { display: block; } .content-header { padding-top: 0; } .items-catalog.table>li .frame-prices { display: flex; top: 0; right: 0; width: 100%; flex-flow: row-reverse; justify-content: center; height: 36px; align-items: center; padding: 0px 10px; box-sizing: border-box; margin-top: 0; text-align: left; margin-bottom: 4px; } .items-catalog .current-prices { width: 100%; text-align: left; } .items-catalog .price-new { margin-bottom: 0px; margin: 0px; } .views-count{ text-align: left; padding: 0px 10px; font-size: 12px; font-weight: 500; color: #777; margin-top: 4px; } .views-count span{ font-size: 12px; font-weight: 400; color: #03A9F4; } .items-catalog .price-discount+.current-prices { margin-bottom: 0px; } .frame-prices .price { font-size: 18px; } .frame-prices .curr { font-size: 12px; text-transform: uppercase; font-weight: 400; } .items-catalog .price-discount .price { font-weight: 700; font-size: 12px; } .items-catalog .price-discount { margin-bottom: 0; display: block; line-height: 100%; font-size: 12px; margin-right: 0; margin: 0; } .title-product .frame-title { margin-right: 0; display: block; padding: 6px 10px; text-align: left; } .title-product .frame-title h1 { font-size: 18px; font-weight: 600; line-height: 24px; } .globalFrameProduct .frame-prices-buy-wish-compare form{ display: flex; } #photo .frame-count, .item-product .frame-count { margin-bottom: 20px; width: 100%; display: block; margin: 0; padding: 0 20px; box-sizing: border-box; } #photo .frame-count>.number .frame-change-count, .item-product .frame-count>.number .frame-change-count { position: absolute !important; right: 0; width: 100%; left: 0; } input.plus-minus.product { width: 40px; margin: auto; border: none; margin-left: auto; font-size: 15px; background: none; height: 30px; text-align: center; } .buy-wish-compare { display: flex; width: 100%; margin: 0; padding: 0 20px; box-sizing: border-box; align-items: end; } .item-product .frame-star { line-height: 8px; } #photo .frame-prices .price-new, .right-product-left .frame-prices .price-new { color: #ef7f1a; width: 100%; margin-right: 0; } .right-product-left .current-prices { width: 100%; padding: 0; margin: 0; } #photo .frame-prices .price-discount, .right-product-left .frame-prices .price-discount { color: #999; text-align: center; font-size: 21px; margin-bottom: 10px; } #photo .frame-prices .price-discount .price, .right-product-left .frame-prices .price-discount .price { font-weight: 700; font-size: 21px; } #photo .frame-prices .price-discount .curr, .right-product-left .frame-prices .price-discount .curr { font-size: 21px; } .frame-prices-prod.credit-block { background: none; display: flex; width: 100%; padding: 0 !important; justify-content: center; display: none !important; } .frame-prices-prod.credit-block .credit-item{ background: transparent; } .frame-prices-prod.credit-block .credit-item .credit-price { display: block; padding: 0; padding-top: 6px; } .right-product-left .credit-item.help .credit-price{ padding-top: 0px; } .frame-prices-prod.credit-block .credit-item .credit-price .price { font-size: 14px; font-weight: 700; } .frame-prices-prod.credit-block .credit-item .credit-price .curr { font-size: 14px; text-transform: uppercase; font-weight: 500; } .item-product .frame-prices, .item-product .short-desc { padding: 10px; display: flex; margin: 0; flex-flow: column; border-bottom: none; padding-bottom: 0; padding-top: 20px; } .complect-gen-sum .btn-cart .text-el, .complect-gen-sum .btn-cart > input{ color:#fff; } .complect-gen-sum .btn-buy i, .complect-gen-sum .btn-cart i { padding-right: 8px; font-size: 14px; color:#fff; } .complect-gen-sum .btn-cart .text-el, .complect-gen-sum .btn-cart > input{ color:#fff; } .items-complect>li { padding-bottom: 40px !important; } .items-complect>li .items{display:flex;} .right-product-left .price-descr { display: block; text-align: center; height: 30px; line-height: 30px; color: #666; font-size: 15px; vertical-align: top; margin-bottom: 6px; font-weight: 700; } .right-product-left .credit-item.help { display: flex; } .frame-variant-name-code { margin-bottom: 0; } .table-order > tbody > tr > td.frame-cur-sum-price { padding-left: 10px; padding-right: 10px; width: 150px; text-align: center; } .frame-count { min-width: 40px; } input.plus-minus { width: 40px; height: 29px; display: block; text-align: center; margin-right: 0px; } .drop-bask .cart-product .frame-items { width: 450px; padding-right: 20px; } .frame-remove-bask-btn { width: 100px; } .footer-footer { background-color: #ffffff; border-top: none; background: #1d1d1d; border-top: 1px solid #333333; padding: 0px; } .footer-footer.last { padding: 10px; } .footer-footer .c_pn, .social-footer { display: block!important; text-align: center; line-height: 24px; font-size: 11px !important; margin: 0; } .footer-footer .cards { display: none; } .footer-footer .container { border-top: 1px solid transparent; padding-top: 0; } footer .box-1 .inside-padd{ padding: 0; margin: 0; } footer .box-1 .inside-padd p{ margin: 0; } footer .box-1{ padding: 10px; } .inside-padd .fa, .inside-padd .far, .inside-padd .fas, .inside-padd .fa-solid { float: left; font-size: 20px; height: 30px; line-height: 30px; padding-right: 10px; color: #fff; position: absolute; left: 10px; top: 5px; } footer .content-footer { min-height: auto; background: #3c4a88; } footer .content-footer { min-height: auto; background: #1d1d1d; } .long-menu .inside-padd li a { display: block; padding: 5px 10px; color: #333; opacity: 0.9; transition: ease all 0.4s; font-weight: 700; } .frame-seotext-news { margin-bottom: 0px; margin-top: 0px; } .frame-seo-text .text.seo-text p{ margin-bottom: 10px; line-height: 24px; text-align: unset; padding-left: 10px !important; font-size: 12px; } .frame-seo-text .text.seo-text p:first-child{ font-size: 14px !important; padding-left: 0px !important; line-height: 32px; } .frame-seo-text .text.seo-text{ text-align:unset; } .frame-seotext-news.container{ background: #fff; padding: 10px; box-sizing: border-box; border-radius: 5px; } .frame-header-category { margin-bottom: 14px; position: relative; z-index: 3; padding: 0px 10px; } .left-catalog { padding: 20px; } .frame-category-menu .nav.nav-category li a { font-weight: 500; font-size: 15px !important; margin: 0 0 10px; text-transform: capitalize; margin: 0; height: 36px; line-height: 36px; padding-left: 6px; } .nav-category > li + li { margin-top: 0; border-top: 1px solid #ddd; } .nav-category { margin-bottom: 0; } .frame-group-checks.brands ul.filters-content { display: flex !important; width: 100%; justify-content: space-between; align-items: center; flex-wrap: wrap; } .filter-brands { display: inline-block; border: 2px solid #ddd; height: 64px; width: calc(33% - 16px); float: left; margin: 0; padding: 3px; border-radius: 5px; position: relative; margin-left: 0px; margin-bottom: 10px; } .brands-title{ font-size: 15px !important; margin: 0 0 20px; text-transform: uppercase; font-weight: 700; display: block; } #filter .frame-category-menu{ display:none; } .long-menu .inside-padd li { padding: 0 6px; } .drop-enter .drop-content .inside-padd, .drop-forgot .drop-content .inside-padd, .drop-order-call .drop-content .inside-padd, .drop-register .drop-content .inside-padd { padding: 35px 30px 24px 30px; } .nav-enter-reg li.enter:before { display:none; } .icon_search-dr:before { content: "\f002"; } .icon_search-dr { background-position: -60px 0; width: 28px; height: 28px; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); background-image: none; font-size: 16px; line-height: 28px; } .items-bask .frame-photo-title { color: #000; display: flex; align-items: start; justify-content: center; } .frame-variant-name-code { margin-bottom: 0; height: auto; } .items-bask .frame-photo-title { color: #000; display: flex; align-items: start; justify-content: center; } .item-report.items-bask .photo-block, .items-bask .photo-block { height: 80px; float: left; margin-right: 5px; width: 100%; border:none; position: relative; } .items-complect .items-bask .product-status { display: block; } .frame-bask-order .frame-items { padding-right: 0px; width: 50%; } .filters-content .toggle-filter { height: 58px; transition: max-height .2s ease-out; overflow: hidden; } .filters-content.open .toggle-filter { max-height: 1000px; transition: max-height .3s ease-in; } .frame-bask-order .table-order td:nth-child(3) { display: flex; justify-content: center; align-items: center; } .long-menu .inside-padd .menu li { padding: 6px 6px; } .nav-enter-reg li button { padding: 0; width: 36px; } .right-header i { font-size: 20px; padding: 0; } .fas.fa-angle-down { display: none; } .nav-enter-reg li { display: inline-block; vertical-align: middle; float: none; padding: 0; height: 36px; padding: 10px 10px; box-sizing: border-box; } .nav-enter-reg li:before { border-left-style: solid; border-left-width: 1px; position: absolute; content: ""; left: 0; top: 10px; height: 16px; } .securePay_fastShip{ padding: 12px 12px; background: #f7f7f7; border-radius: 5px; margin: 0 10px; } .securePay_fastShip ul { display: flex; align-items: center; justify-content: center; } .securePay_fastShip ul li { display: flex; justify-content: center; align-items: center; height: 40px; color: #777; padding: 0px 6px; border-right: 1px solid #ddd; width: 100%; } .securePay_fastShip ul li:last-child{ border-right: none; } .securePay_fastShip ul li img, .securePay_fastShip ul li i{ height: 20px; object-fit: contain; width: 20px; margin-right: 4px; font-size: 15px; line-height: 20px; background: #fff; padding: 4px; border-radius: 50%; } .securePay_fastShip ul li img.shield{ position: absolute; right: -4px; background: transparent; width: 14px; bottom: -4px; padding: 0; margin: 0; } .securePay_fastShip ul li button{ display: flex; align-items: center; color: #666; text-align: left; margin-left: 10px; width: auto; } .securePay_fastShip ul li div.secpay-logo-holder{ display: flex; position: relative; align-items: center; justify-content: center; } .securePay_fastShip ul li a{ text-decoration: none; height: 40px; color: #777; display: flex; align-items: center; justify-content: center; font-size: 12px; } .securePay_fastShip ul li{ font-size: 12px; } .securePay_fastShip ul li a:hover{ color:#f18b30; } .right-product-left .buy-block { margin-bottom: 30px; } #photo .frame-prices .price-new .curr, .right-product-left .frame-prices .price-new .curr { font-size: 24px; } .leftProduct .frame-thumbs .photo-block { height: 80px !important; padding:10px; } .tabs-data > li > a, .tabs-data > li > button, .tabs-data > li > button .text-el, .tabs-data > li > button span { font-weight: 600; text-transform: capitalize; font-size: 14px; color: #555; } .content-left-prod { border-width: 10px; } .characteristic table tr:last-child th, .characteristic table tr:last-child td{ border-width: 0 1px 0px 0; } .icon-arrow-tab, .icon_comment-tab { font-family: 'Font Awesome 6 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; background:none; } .icon-arrow-tab::before{ content:"\f2db"; } .icon_comment-tab::before { content:"\f075"; font-weight: 400; } .tabs-data > li.active > a, .tabs-data > li.active > button { color: #666 !important; } #first{ border-top: 1px solid #f5f5f5; } .characteristic tbody th { width: 50%; text-decoration: none; font-size: 13px; background: #fff; padding: 10px 15px; border: #f5f5f5 solid; color: #888; border-width: 0 1px 1px 0; padding-left: 6px; } .characteristic tbody td { color: #333; padding-right: 6px; width: 50%; text-decoration: none; padding-left: 6px; font-size: 13px; background: #fff; padding: 10px 15px; border: #f5f5f5 solid; border-width: 0 0 1px; padding-right: 7px; } #first > .inside-padd { padding-bottom: 0; } .menu-header.second { border-top: 2px solid #373435; letter-spacing: 1px; } .content-header:after { height: 2px; background-position: 0 0; width: 100%; left: 0; bottom: -2px; position: absolute; content: ""; background: #373435; } .left-content-header:before { content: ""; position: absolute; width: 1000px; height: 1px; background: #333333!important; top: -1px; left: -200px; } .header-left-content-header .box-1, .header-left-content-header .frame-cleaner { padding: 14px 10px; } .menu-header.second { margin-top: -58px; border: none; background: transparent; } .frame-item-menu-out td .frame-drop-menu { top: 60px; } .wrap-input-search.active { top: 74px !important; } .wrap-input-search button { top: calc(50% - 14px); } #search-btn.active .fa.fa-search::before{ content: "\f00d"; transition: all 0.5s ease-in-out; transform: rotate(45deg); } .fa-sliders::before { content: "\f1de"; font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .show-filter{ font-size: 18px; color: #555; display: block; width: 100%; text-align: right; } .left-catalog { margin-bottom: 20px; padding: 6px 20px; } .show-filter.open{ color: #ef7f1a !important; } .frame-bask .btn-buy { border-radius: 5px; } .product-intro__short-desc{ padding: 12px 12px; background: #f6ffed; border-radius: 5px; margin: 0 10px; margin-top: 10px; } .be-securep{ padding-top: 20px; text-align: center; } .not-avail-label { top: 160px; } .items-complect>li { width: 100% !important; padding-bottom: 0; } .items-complect .row-kits li { width: 50%; } .isSafari .wrap-left-product-left, .items-complect .frame-kit { width: 100%; } .wrap-left-product-left, .items-complect .frame-kit { width: calc(100% - 32px); } .wrap-left-product-left, .items-complect .frame-kit.main-product { width: calc(100% - 10px); } .items-complect .complect-gen-sum { max-width: 100%; position: unset; text-align: center; } .frame-complect .group-button-carousel{ display:none; } .item-product .frame-prices .price-discount { display: inline-block; text-align: center; } .items-complect.items.jcarousel-list.jcarousel-list-horizontal{ width:100% !important; } .items-complect .next-kit { display:unset; } .items-complect .main-product .title { color: #6f6f6f; text-align: center; height: 20px; overflow: hidden; max-height: 20px; display: block; text-overflow: ellipsis; } .frame-bask .row-kits li .photo-block { float: none; display: inline-block; margin-bottom: 8px; width: 50px; border: none; margin-right: 4px; vertical-align: top; height: auto; } .frame-remove-bask-btn { width: 40px; } .frame-bask .row-kits li .title{ font-weight: lighter; font-size: 12px; width: calc(100% - 60px); display: inline-block; } .table-order .items-bask .frame-kit { width: 100%; } .table-order .row-kits li { width: 100%; } .items-bask .description { display:none; } .items-complect .gen-sum-kit{ display: block; position: unset; margin: auto; } .gen-sum-kit, .next-kit { color: #999; } .frame-bask .table-order .next-kit { display: block; position: unset; width: 100%; font-size: 30px; } .discount { background-position: -306px 0; width: 30px; height: 30px; line-height: 30px; text-align: center; left: auto; right: 2px; bottom: 0 !important; background: #00BCD4; border-radius: 50%; background-image: none; top: 2px; } .frame-bask-order .footer-bask > .inside-padd .f_r { margin-top: 0; padding-bottom: 0; } .frame-bask-order .footer-bask > .inside-padd .title { font-size: 16px; font-weight: 300; } .frame-bask-order .footer-bask > .inside-padd { padding: 17px 13px 17px 30px; } .items-catalog .frame-star { display: flex; align-items: center; } .star-block{ height: 20px; text-align: left; padding: 0px 10px; margin-top: 4px; } .items-catalog.table .btn-buy i, .items-catalog.table .btn-cart i, .items-catalog.table .btn-not-avail i { font-weight: 300; } @keyframes placeHolderShimmer{ 0%{ background-position: -468px 0 } 100%{ background-position: 468px 0 } } #items-catalog-main li.fake-items { animation-duration: 1.25s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #F6F6F6; background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%); background-size: 800px 104px; position: relative; } .special-proposition .title-proposition-h { color: #555; height: 28px; } .flex{ display:flex !important; } .jc-c-sb{ justify-content:space-between; } .ai-c{ align-items:center; } .special-proposition .title-proposition-h a { cursor: pointer; text-decoration: none; font-size: 18px; } .special-proposition .title-proposition-h .fa-arrow-right { position: relative; display: inline-block; cursor: pointer; margin-right: 15px; transition: all .4s ease; font-size:20px } .special-proposition .title-proposition-h .btn-show-all-statuses:hover .fa-arrow-right { margin-right: 5px; color:orange; } .special-proposition .title-proposition-h .btn-show-all-statuses:hover{ color:#f18b30; } .banner-gen { width: 100%; height: 100%; display: flex; background-size: 100%; font-family: "GeForce Bold-Alt"; flex-flow: row wrap; justify-content: space-between; align-items: center; } .banner-gen .b1.left { background: transparent; position: relative; width: 100%; height: 30%; } .banner-gen .b1 { flex: none; padding: 0; text-align: center; height: 100%; display: inline-block; } .p-name-block { position: absolute; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; flex-direction: column; left: 0; color: #444; text-align: left; padding-left: 6%; } .p-name { font-weight: 600; font-size: 6.6vw; width: 100%; } .p-model { font-size: 4.2vw; width: 100%; } .image-badge-rotating-glow { background-size: 100%; z-index: 999; width: 50%; height: 30%; position: absolute; right: 30%; rotate: none; background-repeat: no-repeat; top: 25%; animation: rotatong-glow 4s ease infinite; } .image-badge-gift-sense { background-size: 100%; z-index: 999; width: 20%; height: 20%; position: absolute; right: 25%; rotate: none; background-repeat: no-repeat; top: 50%; animation: zoom-in-zoom-out-less-zoomless 4s ease infinite; } @keyframes zoom-in-zoom-out-less-zoomless { 0% { scale: 120%; } 50% { scale: 150%; } 100% { scale: 120%; } } .banner-gen .b1.middle { background: transparent; display: flex; align-items: unset; justify-content: center; width: calc(50% - 6%); height: 70%; padding-left: 6%; } .banner-gen .b1 { flex: none; padding: 0; text-align: center; height: 100%; display: inline-block; } .p-params { text-align: left; width: 100%; display: flex; flex-direction: column; gap: 14px; color: #555; font-size: 3.2vw; font-weight: 600 !important; font-family: "GeForce Bold-Alt"; } .banner-gen .b1.right { background: transparent; display: flex; align-items: start; position: relative; width: 50%; height: 70%; } .image-badge { background-image: url(/uploads/banners/love%20(3).png); background-size: 100%; z-index: 999; width: 17%; height: 12%; position: absolute; right: 80%; rotate: -45deg; } .image-badge-sale { background-image: url(/uploads/banners/sale.png); background-size: 100%; z-index: 999; width: 17%; height: 12%; position: absolute; right: 80%; background-repeat: no-repeat; } .image-badge-gift{ background-size: 100%; z-index: 999; width: 15%; height: 17%; position: absolute; right: 80%; background-repeat: no-repeat; } .image-badge-new { background-image: url(/uploads/banners/newgreen.png); background-size: 100%; z-index: 999; width: 17%; height: 12%; position: absolute; right: 80%; background-repeat: no-repeat; } .banner-gen .b1.right img { position: unset; width: 100%; object-fit: contain; height: auto; } .p-price { border-radius: 8px; background: #ee7f1a; display: inline-block; padding: 6px 16px; font-weight: 600; color: #fff; margin-top: 20px; font-size: 3.5vw; text-align: center; box-shadow: 0 0 5px #777; font-family: sans-serif; } }