/* Start:/local/templates/burburo/assets/css/header.css?17910398846517*/ .mx-auto{margin:0 auto}.img-fluid{max-width:100%;height:auto}header{position:fixed !important;z-index:10;top:0;left:0;width:100%;transition:all .2s ease-in-out;background:#fff}header.scrolled{background-color:#fff}@media(hover: hover){header:hover{background:#fff}}@media(hover: none){header:active{background:#fff}}@media(min-width: 980px){header{background:rgba(0,0,0,0)}}@media(min-width: 980px){header.inside{position:sticky !important;background:#fff}}@media(max-width: 979.98px){header.inside{position:sticky !important;background:#fff}}.header{min-width:360px;height:138px;padding:16px 2%;display:flex;flex-direction:column;gap:24px;max-width:1440px;margin:0 auto;width:100%}@media(max-width: 749.98px){.header{padding:12px 0;gap:12px;height:100px}}.header__city-selector{display:flex;align-items:center;gap:8px}.header__city-selector .select-city__block{margin:unset}.header__city-selector span.select-city__block__text-city{font-size:14px}.header__logo{width:180px;height:57px;margin:0 auto}@media(max-width: 749.98px){.header__logo{margin:unset;width:134px;height:41.7px}}.header__search{display:none}.header__row--top{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr))}@media(max-width: 749.98px){.header__row--top{padding-left:12px;padding-right:12px;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px}.header__row--top>*:nth-child(1){grid-column:1/-1;order:1;justify-content:center}}.header__row--top .header__icons{display:flex;align-items:center;justify-content:end;gap:24px}.header__row--top .header__icons .close-all{cursor:pointer;min-width:24px;justify-content:end;display:none}@media(min-width: 980px){.header__row--top .header__icons{gap:12px}}.header__row--top .header__icons a{font-size:14px;cursor:pointer}.header__row--top .header__icons a,.header__row--top .header__icons button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.header__row--top .header__icons a span,.header__row--top .header__icons button span{display:none}@media(min-width: 980px){.header__row--top .header__icons a,.header__row--top .header__icons button{min-width:75px}.header__row--top .header__icons a span,.header__row--top .header__icons button span{display:block}}.header__row--top .header__icons a#modal--auth--open{min-width:unset}.header__row--top .header__icons .navbar--cart--amount,.header__row--top .header__icons .fav-btns__item-bubble{min-width:24px;height:24px;max-width:24px;max-height:24px;overflow:hidden;border-radius:50%;width:-moz-max-content;width:max-content;text-align:center;line-height:24px;position:absolute;top:-9px;right:-9px}@media(min-width: 980px){.header__row--top .header__icons .navbar--cart--amount,.header__row--top .header__icons .fav-btns__item-bubble{right:9px}}.header__row--top .header__icons .navbar--cart--amount.active,.header__row--top .header__icons .fav-btns__item-bubble.active{color:#fff;background-color:#000 !important}@media(max-width: 380px){.header__row--top .header__icons [href="/favorite/"]{display:none}}.header__row--top #nav-toggle{min-width:24px;display:flex;justify-content:end;display:none}@media(max-width: 749.98px){.header__row--top #nav-toggle{display:block}}@media(max-width: 979.98px){.header__row--menu ul.left-menu li:has(a[href*="IDbrend=659"]),.header__row--menu ul.left-menu li:has(a[href*=arrFilter_197_2361728864]){display:none}}@media(max-width: 749.98px){.header__row--menu{display:none}.header__row--menu ul.left-menu li:has(a[href*="IDbrend=659"]),.header__row--menu ul.left-menu li:has(a[href*=arrFilter_197_2361728864]){display:block !important}}.header__row--menu ul{display:flex;flex-direction:row;justify-content:space-between;margin:0 !important}.header__row--menu ul li{background:none !important;border:none !important;padding:0 !important;line-height:normal}.header__row--menu ul li a{font-size:16px !important;font-weight:500 !important;color:#000 !important}body.body--search header{background:#fff}body.body--search .header__icons{display:none}@media(max-width: 749.98px){body.body--search .header__city-selector{display:none}body.body--search .header__icons{display:flex}}body.body--search #nav-toggle,body.body--search #search-toggle{display:none}body.body--search .close-all{display:block !important}body.body--search .header__search{display:flex;gap:8px;width:100%;max-width:380px;align-items:center;margin-left:auto}body.body--search .header__search #smart-title-search{display:flex;width:100%}@media(max-width: 749.98px){body.body--search .header__search{grid-column:1/-1;order:1;max-width:unset;margin:auto}body.body--search .header__search .close-all{display:none !important}}body.body--search .header__search .navbar__search-find{display:none}body.body--search input#smart-title-search-input{font-size:16px;width:100%;background:none;border-bottom:solid 1px;padding-bottom:4px;height:28px}body.body--search button.navbar__search-loupe{min-width:unset !important;margin-right:8px}body.body--menu{overflow:hidden}@media(max-width: 749.98px){body.body--menu .header__row--menu{display:block;background-color:#fff;position:fixed;width:100%;top:100px;height:calc(100dvh - 100px);overflow-y:auto;padding-bottom:24px;left:0}body.body--menu .header__row--menu ul{flex-direction:column;padding:0 12px;gap:24px}body.body--menu #nav-toggle{display:none}body.body--menu .close-all{display:block !important}}.icon-search{width:21px;height:24px}.icon-close{width:19px;height:19px}.icon-nav{width:24px;height:19px}.icon-location{width:19px;height:24px}.icon-fav,.icon-personal,.icon-cart{width:24px;height:24px}.main__slider{height:50vh;background:#ececec}@media(min-width: 980px){.main__slider{min-height:520px}}.main__slider .swiper{height:100%}@media(max-width: 749.98px){.main__slider .swiper .swiper-pagination-bullets{bottom:0}}.main__slider .swiper .swiper-slide{height:100%;padding-top:100px}.main__slider .swiper .swiper-slide-active{display:flex !important;align-items:center;justify-content:center}@media(max-width: 749.98px){.main__slider .swiper .swiper-slide--desktop{display:none}}@media(min-width: 980px){.main__slider .swiper .swiper-slide--mobile{display:none}}@media(max-width: 979.98px){.main__slider .swiper .swiper-slide--mobile{display:none}}@media(max-width: 749.98px){.main__slider .swiper .swiper-slide--mobile{display:flex}}.main__slider .swiper-slide:not(.reviews__slider .swiper-slide){background-size:cover;background-position:center;max-width:unset !important}@media(max-width: 749.98px){.main__slider{height:470px}}/*# sourceMappingURL=header.css.map */ /* End */ /* Start:/local/templates/burburo/components/sotbit/regions.choose/region/style.css?17241570986494*/ .select-city-wrap { position: relative; } .select-city__block__text { color: #919294; font-family: 'NotoSans'; font-size: 12px; line-height: 30px; } .select-city__block__text-city { color: #414141; font-family: 'NotoSans'; font-size: 12px; line-height: 30px; text-decoration: underline; text-decoration-style: dotted; cursor: pointer; } .select-city__dropdown__title { color: #414141; font-size: 13px; line-height: 30px; font-family: "NotoSans"; display: block; margin-bottom: 10px; } .select-city__dropdown { background-color: #ffffff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22); width: 211px; text-align: center; padding: 11px 5px 17px 5px; } .select-city__dropdown-wrap { z-index: 99; position: absolute; } .select-city__dropdown__choose { display: inline-block; height: 32px; width: 82px; font-size: 12px; line-height: 32px; text-transform: uppercase; font-family: 'ProximaNova'; text-align: center; cursor: pointer; } .select-city__dropdown__choose:hover, .select-city__dropdown__choose:active, .select-city__dropdown__choose:focus { opacity: .7; } .select-city__dropdown__choose__yes { color: #919294; border: 1px solid #d3d3d3; margin-right: 15px; } .select-city__dropdown__choose__no { color: #ffffff; background: #333333; } .select-city__dropdown__choose-wrap { width: 100%; display: flex; align-items: center; justify-content: center; } .select-city__modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3000; } .modal__overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 2500; } .select-city__modal-wrap { background-color: #ffffff; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22); width: 684px; padding: 37px 53px 40px 53px; position: relative; margin: 30vh auto; transition: width .2s; } .select-city__modal__title { color: #000000 !important; font-family: 'ProximaNova' !important; line-height: 30px; font-size: 25px !important; margin-bottom: 20px !important; } .select-city__modal__list { columns: 3; margin-bottom: 23px; } .select-city__modal__list__title { color: #000000; font-family: 'ProximaNovaBold'; line-height: 30px; font-size: 14px; display: block; margin-bottom: 11px; } .select-city__modal__list__item { color: #414141 !important; font-family: 'ProximaNova' !important; line-height: 30px; font-size: 14px; margin-bottom: 0 !important; cursor: pointer; } .select-city__modal__list__item:hover, .select-city__modal__list__item:focus, .select-city__modal__list__item:active { color: #0978c6 !important; text-decoration: underline; text-decoration-color: #c1ddf1; } .select-city__modal__submit__block-wrap { background: #eceef1; padding: 21px 15px; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 42px); } .select-city__modal__submit__title { color: #000000; font-family: 'ProximaNovaBold'; line-height: 30px; font-size: 14px; display: block; margin-bottom: 0px; } .select-city__modal__submit__input { border: 1px solid #d3d3d3; background: #ffffff; box-shadow: none; height: 32px; width: calc(100% - 32px); max-width: 517px; color: #414141; font-family: 'ProximaNova'; font-size: 14px; margin-right: 15px; padding: 0 15px; } .select-city__modal__submit__btn { background: #000000; border: none !important; box-shadow: none !important; width: 147px; height: 32px; text-transform: uppercase; color: #ffffff; font-family: 'ProximaNova'; font-size: 12px; } .select-city__modal__submit__btn:hover, .select-city__modal__submit__btn:active, .select-city__modal__submit__btn:focus { opacity: .7; } .select-city__close { background: url("/local/templates/burburo/components/sotbit/regions.choose/region/img/select-city__close.png") no-repeat; background-position: center; width: 20px; height: 20px; position: absolute; top: 0; right: -30px; cursor: pointer; } .select-city__close:hover { opacity: .7; } @media ( max-width : 768px) { .select-city__modal-wrap { width: 484px; padding: 37px 25px 40px 25px; } .select-city__modal__list { columns: 2; } } @media ( max-width : 575px) { .select-city__modal-wrap { width: 80%; padding: 27px 20px 30px 20px; } .select-city__modal-wrap { margin: 20vh auto; } .select-city__modal__title { font-size: 20px !important; margin-bottom: 10px !important; } .select-city__close { top: 15px; right: 15px; } .select-city__modal__list__item { font-size: 13px !important; } } @media ( max-width : 400px) { .select-city__modal__list { columns: unset; max-height:100px; overflow:auto; } .select-city__modal-wrap { margin: 5vh auto; } .select-city__modal__list__title { line-height: 20px; } .select-city__modal__submit__block-wrap { display: block; } .select-city__modal__submit__input { margin-right: 0px; margin-bottom: 10px; } .select-city__modal-wrap { padding: 15px 20px; } .select-city__modal__submit__btn { width:100%; } } .select-city__modal__submit__block-wrap__input_wrap { position:relative; width:100%; } .select-city__modal__submit__block-wrap__input_wrap .sey-container { position:absolute; width:100%; } .select-city__modal__submit__block-wrap__input_wrap .sey-list { padding-left:0; margin:0; } .select-city__modal__submit__block-wrap__input_wrap .sey-list li { list-style:none; } .select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-item { border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; background: #ffffff; height: 32px; width: 100%; max-width: 517px; color: #414141; font-family: 'ProximaNova'; font-size: 14px; padding: 0 15px; line-height:32px; margin:0!important; } .select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-hide { display:none; } .select-city__modal__submit__block-wrap__input_wrap_error { color:red; position:absolute; top:-20px; } .select-city__modal__submit__vars { position: absolute; top: 100%; left: 0px; background-color: #fff; box-shadow: 2px 3px 3px #a0a0a0; padding: 3px; cursor: pointer; } .select-city__modal__submit__vars .regions_vars:hover { background-color: #f0f0f0; } /* End */ /* Start:/local/templates/burburo/components/arturgolubev/search.title/.default/style.min.css?168666369812020*/ .bx_smart_searche,.bx_smart_searche *,.bx-searchtitle,.bx-searchtitle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:14px}.bx-searchtitle{margin:10px 0 0}.bx-searchtitle-history{margin-top:5px}.bx-searchtitle-history a{color:#222;text-decoration:underline}.bx-searchtitle-history a:hover{text-decoration:none}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#333;background-color:#f8fafc;border:1px solid #d5dadc;border-right:none;border-radius:1px 0 0 1px;outline:none;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-searchtitle .bx-input-group .bx-form-control:focus{background-color:#fff}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0%,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0%,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell;line-height:normal}.bx-searchtitle .bx-input-group-btn button{position:relative;border:none;background:url(/local/templates/burburo/components/arturgolubev/search.title/.default/images/search-icon.png) center center no-repeat #95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:0;border-radius:0 1px 1px 0;color:#fff;font-size:16px;line-height:1.42857143;height:34px;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background-color:#1484CE}div.title-search-result{border:0 none!important;border-top:0 none;display:none;overflow:hidden;z-index:999;min-width:200px;margin-top:3px;background-color:#FFF;border-radius:2px;box-shadow:0 0 7px -2px #d6d6d6}div.title-search-fader{display:none;background-image:url(/local/templates/burburo/components/arturgolubev/search.title/.default/images/fader.png);background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_smart_searche{padding-top:8px;border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche .bx_info_wrap{margin-left:85px}.bx_smart_searche .bx_img_element{float:left;padding:5px;width:75px;text-align:center}.bx_smart_searche .bx_item_block{min-height:65px;position:relative}.bx_smart_searche .bx_image{display:inline-block;max-width:100%}.bx_smart_searche .bx_image.empty_image{background-image:url(/local/templates/burburo/components/arturgolubev/search.title/.default/image/noimg.png)}.bx_smart_searche .bx_item_element{padding:8px 0}.bx_smart_searche .bx_item_element_all_result{text-align:center}.bx_smart_searche .bx_item_element hr{margin:0;border:none;border-bottom:1px solid #e5e5e5}.bx_smart_searche .bx_item_element a{margin-top:5px;display:inline-block;color:#333;font-size:14px;text-decoration:none;font-weight:700}.bx_smart_searche .bx_item_element a b{font-weight:700;color:#000}.bx_smart_searche .bx_item_element a:hover,.bx_smart_searche .bx_item_element a:hover b{text-decoration:underline}.bx_smart_searche .bx_item_preview_text{font-size:13px;padding:5px 10px 5px 0}.bx_smart_searche .bx_price{font-weight:700;font-size:15px;margin-top:5px}.bx_smart_searche .bx_price .old{font-weight:400;text-decoration:line-through;color:#636363;font-size:12px;vertical-align:middle}.bx_smart_searche .bx_item_block.all_result{min-height:0}.bx_smart_searche .bx_item_block.others_result{min-height:0;line-height:12px;padding:0}.bx_smart_searche .bx_item_block.all_result .all_result_button{display:inline-block;font-size:14px;background-color:#1485CE;border:1px solid;border-color:#1485CE;color:#FFF;padding:0 22px;height:34px;text-decoration:none;border-radius:2px;margin:0 0 8px;line-height:34px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.bx_smart_searche .bx_item_block_href{display:block;text-decoration:none;margin-bottom:5px;padding:8px;line-height:14px}.bx_smart_searche .bx_item_block_href:hover{background-color:#feeed2}.bx_smart_searche .bx_item_block_hrline{border-bottom:1px solid #f5a61c;margin:0 8px 5px}.bx_item_block_item_clear{display:block;clear:both}.bx_smart_searche .bx_item_block_item_info_wrap{display:block}.bx_smart_searche .bx_item_block_item_info_wrap.wpic{padding-left:39px}.bx_smart_searche .bx_item_block_item_info{display:block}.bx_smart_searche .bx_item_block_href_category_title{color:#a2a2a2}.bx_smart_searche .bx_item_block_href_category_name{color:#f5a61c;font-weight:700;text-transform:uppercase}.bx_smart_searche .bx_item_block_item_image{width:34px;height:34px;float:left;margin-right:5px;position:relative}.bx_smart_searche .bx_item_block_item_image img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%}.bx_smart_searche .bx_item_block_item_name{color:#333;overflow:hidden;height:34px;display:block;line-height:17px;display:flex}.bx_smart_searche .bx_item_block_item_name_flex_align{margin:auto 0}.bx_smart_searche .bx_item_block_item_simple_name{color:#333;display:block;line-height:17px}.bx_smart_searche .bx_item_block_item_name b,.bx_smart_searche .bx_item_block_item_simple_name b{color:#f5a61c}.bx_smart_searche .bx_item_block_item_price{float:right;text-align:right;color:#333;line-height:17px;padding-left:5px}.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one{line-height:34px}.bx_smart_searche .bx_item_block_item_price .bx_price_new{white-space:nowrap;font-weight:700;display:block}.bx_smart_searche .bx_item_block_item_price .bx_price_old{white-space:nowrap;text-decoration:line-through}.bx_smart_searche .bx_item_block_item_text{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_smart_searche .bx_item_block_item_props{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_item_block_item_prop_item{display:block}.bx_smart_no_result_find{padding:0 8px 8px}.bx-searchtitle .bx-searchtitle-preloader{position:absolute;top:2px;right:110%;width:30px;height:30px;z-index:5;display:none}.bx-searchtitle .bx-searchtitle-preloader.view{background:url(/local/templates/burburo/components/arturgolubev/search.title/.default/images/loader_orange.gif) center center no-repeat}.bx-searchtitle.theme-blue .bx-input-group .bx-form-control{border-color:#0083d1}.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view{background-image:url(/local/templates/burburo/components/arturgolubev/search.title/.default/images/loader_blue.gif)}.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{background-color:#0083d1;border-color:#0083d1}.bx-searchtitle.theme-blue .bx-input-group-btn button{background-color:#0083d1;border-color:#0083d1;color:#FFF}.bx-searchtitle.theme-blue .bx-input-group-btn button:hover,.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover{background-color:#5ca6e4;border-color:#5ca6e4;text-decoration:none}.bx_smart_searche.theme-blue .bx_item_element a b{color:#5ca6e4}.bx_smart_searche.theme-blue .bx_item_block_href:hover{background-color:#b2d9f1}.bx_smart_searche.theme-blue .bx_item_block_href_category_name{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_item_name b,.bx_smart_searche.theme-blue .bx_item_block_item_simple_name b{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_hrline{border-color:#0083d1}.bx-searchtitle.theme-black .bx-input-group .bx-form-control{border-color:#333}.bx-searchtitle.theme-black .bx-searchtitle-preloader.view{background-image:url(/local/templates/burburo/components/arturgolubev/search.title/.default/images/loader_black.gif)}.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{background-color:#333;border-color:#333}.bx-searchtitle.theme-black .bx-input-group-btn button{background-color:#333;border-color:#333;color:#FFF}.bx-searchtitle.theme-black .bx-input-group-btn button:hover,.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover{background-color:#5c5c5c;border-color:#5c5c5c;text-decoration:none}.bx_smart_searche.theme-black .bx_item_element a b{color:#5c5c5c}.bx_smart_searche.theme-black{border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche.theme-black .bx_item_block_href:hover{background-color:#eaeaea}.bx_smart_searche.theme-black .bx_item_block_href_category_name{color:#333}.bx_smart_searche.theme-black .bx_item_block_item_name b,.bx_smart_searche.theme-black .bx_item_block_item_simple_name b{color:#333}.bx_smart_searche.theme-black .bx_item_block_hrline{border-color:#333}.bx-searchtitle.theme-green .bx-input-group .bx-form-control{border-color:#159ebb}.bx-searchtitle.theme-green .bx-searchtitle-preloader.view{background-image:url(/local/templates/burburo/components/arturgolubev/search.title/.default/images/loader_green.gif)}.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{background-color:#159ebb;border-color:#159ebb}.bx-searchtitle.theme-green .bx-input-group-btn button{background-color:#159ebb;border-color:#159ebb;color:#FFF}.bx-searchtitle.theme-green .bx-input-group-btn button:hover,.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover{background-color:#44b1c9;border-color:#44b1c9;text-decoration:none}.bx_smart_searche.theme-green .bx_item_element a b{color:#44b1c9}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#d0ebf1}.bx_smart_searche.theme-green .bx_item_block_href_category_name{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_item_name b,.bx_smart_searche.theme-green .bx_item_block_item_simple_name b{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_hrline{border-color:#159ebb}.bx-searchtitle.theme-red .bx-input-group .bx-form-control{border-color:#E22B2B}.bx-searchtitle.theme-red .bx-searchtitle-preloader.view{background-image:url(/local/templates/burburo/components/arturgolubev/search.title/.default/images/loader_red.gif)}.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{background-color:#E22B2B;border-color:#E22B2B}.bx-searchtitle.theme-red .bx-input-group-btn button{background-color:#E22B2B;border-color:#E22B2B;color:#FFF}.bx-searchtitle.theme-red .bx-input-group-btn button:hover,.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover{background-color:#e95c5c;border-color:#e95c5c;text-decoration:none}.bx_smart_searche.theme-red .bx_item_element a b{color:#e95c5c}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#f9d4d4}.bx_smart_searche.theme-red .bx_item_block_href_category_name{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_item_name b,.bx_smart_searche.theme-red .bx_item_block_item_simple_name b{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_hrline{border-color:#E22B2B}.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control{border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view{background-image:url(/local/templates/burburo/components/arturgolubev/search.title/.default/images/loader_yellow.gif)}.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{background-color:#F9A91D;border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-input-group-btn button{background-color:#F9A91D;border-color:#F9A91D;color:#FFF}.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover,.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover{background-color:#faba4a;border-color:#faba4a;text-decoration:none}.bx_smart_searche.theme-yellow .bx_item_element a b{color:#faba4a}.bx_smart_searche.theme-yellow .bx_item_block_href_category_name{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_item_name b,.bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_hrline{border-color:#F9A91D} /* End */ /* Start:/bitrix/components/bitrix/menu/templates/.default/style.min.css?1681977955490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/bitrix/components/bitrix/menu/templates/.default/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/burburo/components/bitrix/menu/footer__menu-1/style.min.css?1681988839490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/burburo/components/bitrix/menu/footer__menu-1/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/burburo/styles.css?1709208284659*/ .link-hover-style:after { position: absolute; content: ''; top: 120%; left: 0%; width: 100%; height: 2px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-15%); transform: translateX(-15%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .link-hover-style{ position : relative; } .link-hover-style.link-hover-white:after{ background-color : #fff; } .link-hover-style.link-hover-black:after{ background-color : #000; } .link-hover-style:hover:after { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); } /* End */ /* Start:/local/templates/burburo/template_styles.css?1791354028645157*/ /*!******************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/app.scss ***! \******************************************************************************************************************************************************/ @charset "UTF-8"; /* Tailwind import */ .wrapper { position: relative; } .popupS-layer { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); position: relative; border-radius: 6px; background-color: #fff; margin: 20px; z-index: 1000; } .popupS-resetFocus { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .popupS-close { position: absolute; top: 0; right: 0; line-height: 40px; font-size: 32px; text-align: center; font-weight: 700; width: 32px; height: 40px; cursor: pointer; z-index: 1020; } .popupS-title { position: absolute; width: 100%; line-height: 40px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 auto; z-index: 1001; } .popupS-title + .popupS-content { padding-bottom: 20px; } .popupS-content { max-width: 700px; padding: 40px; border-radius: 6px; } .popupS-content img { max-width: 100%; height: auto; } .popupS-layer .btn { float: right; } /* * Default Animation * very Important */ .popupS-layer { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 0; } .popupS-overlay { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; background: rgb(0, 0, 0); opacity: 0; } .popupS-layer.popupS-open { opacity: 1; } .popupS-open > .popupS-overlay { opacity: 0.6; } /* Loader */ @-webkit-keyframes spinner { to { -webkit-transform: rotate(360deg); } } @keyframes spinner { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } @keyframes pulsate { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; } } .popupS-loading { width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 30px; } .popupS-loading.pulser { border: 3px solid #1caff6; opacity: 0; -webkit-animation: pulsate 1s ease-out infinite; animation: pulsate 1s ease-out infinite; } .popupS-loading.spinner { border-top: 3px solid #1caff6; border-right: 3px solid transparent; -webkit-animation: spinner 0.6s linear infinite; animation: spinner 0.6s linear infinite; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); transform: scale(0.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* ! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; /* 4 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role='button'] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::-webkit-backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .container { max-width: 100%; margin: auto; padding: 0 2%; } /* @media (min-width: 320px) { .container { max-width: 100%; padding: 0 15px; } } @media (min-width: 480px) { .container { max-width: 480px; padding: 0 15px; } } @media (min-width: 720px) { .container { max-width: 675px; } } @media (min-width: 1024px) { .container { max-width: 980px; } } @media (min-width: 1280px) { .container { max-width: 1280px; padding: 0 31px; } } */ @media (min-width: 1440px) { .container { max-width: 1440px; } } .visible { visibility: visible !important; } .block { display: block !important; } /* Core variables */ /** * Variables */ /* Typography */ /* Breakpoints */ /* Paths */ /* Grid setup */ /* Colour palette */ /* Components */ /* CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; } a { text-decoration: none; } a:active, a:hover { outline: 0; } ul, li { list-style-type: none; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus { outline: 0; } button:focus { outline: 0; } img, audio, video { max-width: 100%; height: auto; } audio, canvas, iframe, video, img, svg { vertical-align: middle; } iframe { border: 0; } textarea { resize: none; /*remove the resize handle on the bottom right*/ overflow: auto; vertical-align: top; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } input, textarea, select, button { outline: none; border: none; font-size: 100%; margin: 0; } button, input { line-height: normal; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; text-align: left; } /* CSS print */ /* Fonts */ @font-face { font-family: 'Proxima Nova Bl'; src: url(/local/templates/burburo/../images/design/ProximaNova-BlackIt.acf194.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-BlackIt.166c98.woff) format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Proxima Nova Bl'; src: url(/local/templates/burburo/../images/design/ProximaNova-Black.ebdcda.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-Black.69bc66.woff) format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova Rg'; src: url(/local/templates/burburo/../images/design/ProximaNova-BoldIt.9009d5.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-BoldIt.7f4062.woff) format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Proxima Nova Th'; src: url(/local/templates/burburo/../images/design/ProximaNova-Extrabld.8dc0e1.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-Extrabld.3792ef.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova Th'; src: url(/local/templates/burburo/../images/design/ProximaNova-ExtrabldIt.16de94.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-ExtrabldIt.cf7d12.woff) format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Proxima Nova Bl'; src: url(/local/templates/burburo/../images/design/ProximaNova-Black.ebdcda.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-Black.69bc66.woff) format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova Rg'; src: url(/local/templates/burburo/../images/design/ProximaNova-BoldIt.9009d5.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-BoldIt.7f4062.woff) format('woff'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Proxima Nova Rg'; src: url(/local/templates/burburo/../images/design/ProximaNova-Bold.c617dd.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-Bold.3dba89.woff) format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova Bl'; src: url(/local/templates/burburo/../images/design/ProximaNova-BlackIt.acf194.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-BlackIt.166c98.woff) format('woff'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Proxima Nova Th'; src: url(/local/templates/burburo/../images/design/ProximaNovaT-Thin.ec8058.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNovaT-Thin.1d4a1a.woff) format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova Lt'; src: url(/local/templates/burburo/../images/design/ProximaNova-SemiboldIt.ff70b3.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-SemiboldIt.73742c.woff) format('woff'); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Proxima Nova Lt'; src: url(/local/templates/burburo/../images/design/ProximaNova-LightIt.87a8b5.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-LightIt.e5344f.woff) format('woff'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Proxima Nova Rg'; src: url(/local/templates/burburo/../images/design/ProximaNova-RegularIt.b83d47.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-RegularIt.464142.woff) format('woff'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Proxima Nova Lt'; src: url(/local/templates/burburo/../images/design/ProximaNova-Light.8206f2.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-Light.6b7ee0.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova Rg'; src: url(/local/templates/burburo/../images/design/ProximaNova-Regular.61ac0d.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-Regular.614758.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova Lt'; src: url(/local/templates/burburo/../images/design/ProximaNova-Semibold.45d986.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-Semibold.2f13ec.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Proxima Nova Th'; src: url(/local/templates/burburo/../images/design/ProximaNova-ThinIt.27552d.woff2) format('woff2'), url(/local/templates/burburo/../images/design/ProximaNova-ThinIt.fe7581.woff) format('woff'); font-weight: 100; font-style: italic; font-display: swap; } /* Mixins, helpers and functions */ /* Vendor */ /* Components */ /* Browser specific styles */ /** * Dirty hacks, yes internet explorer, we are looking at you */ /* Page layout */ .error-content { margin: 90px 0; padding: 0 2%; } .error-title { margin-bottom: 10px; font-size: 25px; font-weight: 600; line-height: 30px; } .error-text { margin-bottom: 21px; font-size: 18px; font-weight: 600; line-height: 100%; } .error-btn_main { margin-bottom: 20px; max-width: 108px; border-radius: 90px; --tw-bg-opacity: 1; background-color: rgb(66 184 64 / var(--tw-bg-opacity)); text-align: center; font-size: 16px; font-weight: 500; line-height: 19px; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); padding: 7px 10px; } @media (min-width: 480px) { .error-title { margin-bottom: 8px; font-size: 36px; line-height: 43px; } .error-text { margin-bottom: 44px; } .error-btn_main { margin-bottom: 30px; } } @media (min-width: 1024px) { .error-content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 109px; } } .brands { margin-top: 55px; } .brands-container { padding: 0 2%; max-width: 1440px; margin: 0 auto; } .brands-header { margin: 40px 0; } .brands-header_title { font-size: 25px; font-weight: 700; line-height: 37px; } .catalog__navigation-search { position: relative; border-radius: 90px; display: none; } .catalog__navigation-search .catalog__search-loupe { position: absolute; top: 10px; left: 15px; cursor: pointer; } .catalog__navigation-search input { border-radius: 90px; --tw-bg-opacity: 1; background-color: rgb(236 236 236 / var(--tw-bg-opacity)); font-size: 12px; } .brands-select { margin-top: 24px; overflow: auto; -webkit-overflow-scrolling: touch; } .brands-select::-webkit-scrollbar { height: 20px; } .brands-select::-webkit-scrollbar-track { background-color: #ececec; border-top: 9px solid white; border-bottom: 9px solid white; } .brands-select::-webkit-scrollbar-thumb { background-color: #42b840; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNiAwSDhWMTFINlYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTIgMEgxNFYxMUgxMlYwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; } .brands-select__alfavit-en, .brands-select__alfavit-ru { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .brands-select__alfavit-en button, .brands-select__alfavit-ru button { border-radius: 20px; font-size: 16px; font-weight: 400; line-height: 140%; padding: 6px 8px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .brands-select__alfavit-en a { font-weight: 700; } .brands-select__alfavit-en button:hover, .brands-select__alfavit-ru button:hover { --tw-bg-opacity: 1; background-color: rgb(66 184 64 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .brands-select__alfavit-en button.active, .brands-select__alfavit-ru button.active { --tw-bg-opacity: 1; background-color: rgb(66 184 64 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .brands-catalog { margin-top: 44px; margin-bottom: 60px; } .brands-catalog__letter { margin-bottom: 20px; font-size: 36px; font-weight: 600; line-height: 44px; } .brands-catalog_list { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px; } .brands-catalog__item { border-radius: 20px; --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity)); padding: 15px 49px 25px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .brands-catalog__item:hover { -webkit-box-shadow: 0px 10px 10px rgba(23, 23, 23, 0.15); box-shadow: 0px 10px 10px rgba(23, 23, 23, 0.15); } .brands-catalog__checklist li { margin-bottom: 5px; list-style-type: disc; font-size: 16px; font-weight: 500; line-height: 140%; } .brands-catalog__checklist a:hover { --tw-text-opacity: 1; color: rgb(66 184 64 / var(--tw-text-opacity)); } .brands-header_loupe { display: none; } @media (min-width: 480px) { .brands-header_title { font-size: 30px; } .brands-catalog_list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .brands-header_loupe { display: block; } .brands-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 720px) { .brands-catalog_list { grid-template-columns: repeat(4, minmax(0, 1fr)); } .catalog__navigation-search input { width: 320px; text-overflow: ellipsis; font-size: 16px; padding: 10px 14px 10px 45px; } .brands-header_loupe { display: none; } .catalog__navigation-search { display: block; } .catalog__navigation-search .catalog__search-loupe { position: absolute; top: 10px; left: 15px; cursor: pointer; } .catalog__navigation-search input { border-radius: 90px; --tw-bg-opacity: 1; background-color: rgb(236 236 236 / var(--tw-bg-opacity)); font-size: 12px; padding: 10px 20px 10px 45px; } .brands-header_title { font-size: 38px; } .brands-catalog__item { padding: 15px 0 25px 37px; } } @media (min-width: 1024px) { .brands-catalog_list { grid-template-columns: repeat(5, minmax(0, 1fr)); } .catalog__navigation-search input { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 16px; padding: 10px 14px 10px 45px; } } @media (min-width: 1280px) { .catalog__navigation-search input { padding: 10px 40px 10px 50px; } } @media (min-width: 1440px) { .catalog__navigation-search input { border-radius: 90px; --tw-bg-opacity: 1; background-color: rgb(236 236 236 / var(--tw-bg-opacity)); font-size: 16px; padding: 10px 167px 10px 50px; } } .catalog { margin-top: 55px; margin-bottom: 140px; } .catalog-header { margin-bottom: 29px; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog-header_title { margin-top: 25px; margin-bottom: 23px; font-size: 25px; font-weight: 800; line-height: 30px; } .green-text { font-weight: 400; --tw-text-opacity: 1; color: rgb(66 184 64 / var(--tw-text-opacity)); } .catalog-header_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog__navigation-search { position: relative; border-radius: 90px; } .catalog__navigation-search .catalog__search-loupe { position: absolute; top: 10px; left: 15px; cursor: pointer; } .catalog__navigation-search input { border-radius: 90px; --tw-bg-opacity: 1; background-color: rgb(236 236 236 / var(--tw-bg-opacity)); font-size: 12px; padding: 10px 20px 10px 45px; } .catalog-header_subdirectory { font-size: 18px; font-weight: 700; line-height: 22px; --tw-text-opacity: 1; color: #42b840; display: none; transition: all 0.2s ease-in-out; } .catalog-header_subdirectory:hover { color: #e7c857; } .catalog-content__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .catalog-content-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; text-align: center; padding: 24px 18px; border: 1px solid #dcdcdc; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .catalog-content-link:hover { -webkit-box-shadow: 0px 10px 10px rgba(23, 23, 23, 0.15); box-shadow: 0px 10px 10px rgba(23, 23, 23, 0.15); } .catalog-content-link p { font-size: 15px; font-weight: 600; line-height: 120%; } .img-container { margin-bottom: 20px; max-width: 80px; } @media (min-width: 480px) { .catalog-header_title { font-size: 30px; } .catalog__navigation-search input { font-size: 16px; padding: 10px 105px 10px 45px; } .catalog-content-link .img-container { margin-bottom: 29px; } .catalog-content-link p { font-size: 20px; } .catalog-content__list { gap: 22px; } } @media (min-width: 720px) { .catalog-header_title { font-size: 48px; } .catalog-header_right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog__navigation-search input { font-size: 16px; padding: 10px 40px 10px 45px; } .catalog-header_subdirectory { display: block; } .catalog-content__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; } } @media (min-width: 1024px) { .catalog-content__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; } } @media (min-width: 1280px) { .catalog-header { margin-bottom: 47px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__navigation-search input { padding: 10px 40px 10px 50px; } .catalog-content__list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; } } @media (min-width: 1440px) { .catalog__navigation-search input { border-radius: 90px; --tw-bg-opacity: 1; background-color: rgb(236 236 236 / var(--tw-bg-opacity)); font-size: 16px; padding: 10px 167px 10px 50px; } .catalog-content__list { gap: 20px; } } .order { --tw-bg-opacity: 1; background-color: rgb(248 248 248 / var(--tw-bg-opacity)); padding-top: 55px; padding-bottom: 140px; min-height: 100vh; } .order-header_top { margin-bottom: 20px; } .order-header__item { margin-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 90px; text-align: center; font-size: 16px; font-weight: 500; line-height: 19px; border: 1px solid #42b840; padding: 7px 10px; } .order-header__item img { margin-right: 10px; } .order-header__item.active { --tw-bg-opacity: 1; background-color: rgb(66 184 64 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .order-content { margin-top: 30px; } .order-content_list { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px; } .order-content__block { border-radius: 20px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 20px; } .order-content__field.top-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .top-section { display: flex; align-items: center; } @media (max-width: 480px) { .top-section { /* flex-direction: column; */ align-items: flex-start; } } .order-content__field { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 15px; } .order-content__number { margin-right: 9px; font-size: 18px; font-weight: 700; line-height: 22px; } .order-content__date { font-size: 16px; line-height: 19px; --tw-text-opacity: 1; color: rgb(114 114 114 / var(--tw-text-opacity)); } .order-content__btn { cursor: pointer; font-size: 16px; line-height: 19px; --tw-text-opacity: 1; color: rgb(66 184 64 / var(--tw-text-opacity)); } .order-content__name { /* margin-bottom: 10px; */ font-size: 16px; font-weight: 600; line-height: 18px; } .order-content__value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 16px; line-height: 18px; } .order-content__armor { margin-left: 10px; cursor: pointer; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; line-height: 19px; --tw-text-opacity: 1; color: rgb(66 184 64 / var(--tw-text-opacity)); } .order-product_title { border-radius: 20px; --tw-bg-opacity: 1; background-color: rgb(236 236 236 / var(--tw-bg-opacity)); font-size: 24px; font-weight: 600; line-height: 29px; padding: 16px 20px; } .order-product__list { padding: 20px; overflow: auto; background-color: #fff; border-top-right-radius: 20px; border-top-left-radius: 20px; } .order-product__list hr { border: 1px solid #ececec; } .order-product__list::-webkit-scrollbar { width: 20px; } .order-product__list::-webkit-scrollbar-track { background-color: #ececec; border-left: 9px solid white; border-right: 9px solid white; margin-top: 20px; } .order-product__list::-webkit-scrollbar-thumb { background-color: #42b840; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNiAwSDhWMTFINlYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTIgMEgxNFYxMUgxMlYwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; } .order-product__item { display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-columns: 0.1fr 2fr 0.1fr; margin: 20px 0; } .order-product__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .order-product_total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 20px; height: 100%; background-color: #fff; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; display: grid; grid-template-columns: 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; align-self: center; } .order-product__number { font-size: 16px; font-weight: bold; } .order-product__name { font-size: 18px; } .order-product__price { font-size: 18px; } .order-product_total-button { border-radius: 900px; border: 1px solid #42b840; padding: 10px 20px; } .order-product_total-attention { display: grid; grid-template-columns: 6fr 1fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .order-product_total-attention_text { font-size: 14px; } .order-product_total-attention button { font-size: 16px; } .order-product_total-button { white-space: nowrap; } .order-product_total-list { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 24px; font-weight: bold; justify-content: flex-end; } .order-product_total-block { display: -webkit-box; display: -ms-flexbox; display: flex; } .order-product_total-text { color: #9b9b9b; } .order-product__price { font-weight: bold; } .order-product_total-block:first-child { margin-right: 46px; } .order-product_total-value { margin-left: 10px; } .order-product__price { white-space: nowrap; } @media (min-width: 480px) { .order-content__field.top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order-content__field { display: grid; grid-template-columns: 1fr 2fr; } .order-header__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .order-header__item { margin-right: 10px; cursor: pointer; } } @media (min-width: 720px) { .order-content__field { grid-template-columns: 1fr 3fr; } } @media (min-width: 1024px) { .order-content__field { grid-template-columns: 1fr 4fr; } } @media (min-width: 1280px) { .order-content_list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .order-content__field { grid-template-columns: 1fr 3fr; } } .data-form > p { margin-bottom: 25px; } .data-form_input-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .data-content { margin-top: 40px; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 50px; } .data-form__save, .data-form__cancel, .data-form__edit { margin-bottom: 25px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; border-radius: 900px; text-align: center; font-size: 16px; font-weight: 600; line-height: 19px; padding: 10px 20px; color: #fff; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: none !important; } .data-form__edit:hover, .data-form__cancel:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; } .data-form_input { margin-bottom: 20px; } .data-form__save { margin-right: 30px; color: #fff; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .data-form__save:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; } .data-form__name { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; font-weight: 600; line-height: 19px; } .data-form_value { min-height: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border-radius: 90px; --tw-bg-opacity: 1; background-color: rgb(236 236 236 / var(--tw-bg-opacity)); padding: 10px; font-size: 14px; line-height: 19px; border: 1px solid #ececec; } .data-form__label { margin-left: 20px; font-size: 16px; line-height: 19px; --tw-text-opacity: 1; color: rgb(114 114 114 / var(--tw-text-opacity)); } .data-form_input-checkbox { margin-bottom: 30px; } .data-form.user .data-form_value { background: none; border: none; } .data-form.user .data-form__name .green-text { display: none; } .data-form.user .data-form_input-checkbox { display: none; } .data-form.user .data-form_input { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } @media (min-width: 480px) { .data-form_input { display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; grid-template-columns: 1fr 1.3fr; } .data-form.user .data-form_input { grid-template-columns: 1fr 1.8fr; } .data-form_value { width: 100%; } } @media (min-width: 720px) { .data-form_input { grid-template-columns: 1fr 2.7fr !important; } .data-form_value { width: auto; font-size: 16px; } } @media (min-width: 1280px) { .data-content { display: grid; gap: 30px; grid-template-columns: 0.8fr 1fr; } .data-form_input { grid-template-columns: 1fr 2.7fr; } .data-form.user .data-form_input-checkbox { display: block; } } @media (min-width: 1440px) { .data-content { display: grid; grid-template-columns: 1fr 1fr; } } .actuality--user--data { position: initial; opacity: 1; visibility: visible; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .actuality--user--data.open { position: initial; opacity: 1; visibility: visible; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .actuality--user--data.close { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .change--user--data { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .change--user--data.open { position: initial; opacity: 1; visibility: visible; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .change--user--data.close { position: absolute; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .personal-content { margin-top: 40px; } .personal-content_list { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px; } .personal-contant__item { display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; border-radius: 20px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 10px; font-size: 16px; grid-template-columns: 1fr 2fr; border: 1px solid #fff; } .personal-contant__item:hover { border: 1px solid #42b840; } .personal-contant__item-image { max-width: 64px; } .personal-contant__item-title { font-size: 20px; font-weight: 600; } .personal-content_buttons { margin-top: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; } .personal-content__btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; cursor: pointer; border-radius: 900px; padding: 10px; text-align: center; font-size: 14px; font-weight: 600; line-height: 19px; color: #fff; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out !important; transition: all 0.1s ease-in-out !important; } .personal-content__btn:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; } .personal-content__btn.exit { margin-right: 15px; } @media (min-width: 480px) { .personal-contant__item { display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 10px; font-size: 16px; grid-template-columns: 1fr 3fr; } .personal-content_list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .personal-content__btn.exit { margin-right: 30px; } .personal-content__btn { font-size: 16px; padding: 10px 20px; } } @media (min-width: 720px) { .personal-contant__item-title { font-size: 24px; } } @media (min-width: 1024px) { .personal-content_list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .adress-content { margin-top: 40px; } .adress-content__item { display: grid; border-radius: 20px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 17px; grid-template-columns: 3fr 0.1fr; row-gap: 26px; } .adress-content__item-field { font-size: 16px; font-weight: 600; line-height: 19px; } .adress-content__item-field.comment { font-weight: 400; --tw-text-opacity: 1; color: rgb(114 114 114 / var(--tw-text-opacity)); } button.adress-content__item-field, a.adress-content__item-field { font-weight: 400; --tw-text-opacity: 1; color: #42b840; } .adress-content_buttons { margin-top: 30px; } .adress-content__item-field.pencil, button.adress-content__item-field { justify-self: end; } .adress-content_list { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px; } .adress-content .order-product_list { display: block; } .adress-info { border-radius: 20px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 40px 20px; width: 100%; } .adress-info_left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .adress-info_content { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 20px; } .adress-info_field { margin-bottom: 20px; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); } .adress-info_group { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .adress-content_buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .adress-info__name { font-size: 16px; } .adress-info-header { margin-bottom: 13px; font-size: 16px; font-weight: 600; line-height: 19px; } .map { border-radius: 20px; } .adress-info__value { width: auto; border-radius: 90px; --tw-bg-opacity: 1; background-color: rgb(236 236 236 / var(--tw-bg-opacity)); padding: 10px; font-size: 14px; line-height: 19px; border: 1px solid #ececec; } textarea.adress-info__value { border-radius: 20px; } @media (min-width: 480px) { .adress-info_field { margin-bottom: 20px; display: grid; grid-template-columns: 1fr 2fr; } } @media (min-width: 720px) { .adress-content_list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .adress-info_group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } @media (min-width: 1280px) { .adress-content_list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .adress-info_content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } } /* Pages styles */ html, body { height: 100%; } body { background: #fff; color: #1f1f1f; font-family: 'Proxima Nova', 'DINP-R', arial, serif; font-size: 1.3em; /* height: fit-content !important; */ } main { min-height: 100vh; } h1 { visibility: hidden; position: absolute; opacity: 0; } header { position: relative; } header .header__wrapper { margin: 0 auto; padding: 0 2%; max-width: 1440px; display: grid; grid-template-columns: 1fr; row-gap: 25px; } header .header__wrapper .header__info { padding-top: 20px; display: grid; grid-template-columns: 1fr 2fr 3fr; } .header__info-item.header__info-clock { font-size: 14px; display: flex; align-items: center; } .header__info-item.header__info-clock img { height: 30px; width: 30px; } header .header__wrapper .header__info .burger__menu { display: none; /* padding: 5px; padding-right: 15px; */ } header .header__wrapper .header__info .burger__menu img { width: 30px; height: 20px; } header .header__wrapper .header__info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; /* justify-content: space-between; */ } header .header__wrapper .header__info-item.link-list__header { justify-content: flex-end; } header .header__wrapper ul > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .header__wrapper .header__info-item h3 { font-size: 14px; font-weight: bold; } header .header__wrapper .header__info-item p { font-size: 14px; } header .header__wrapper .header__info-item li { margin: auto 10px; } header .header__wrapper .header__info-item li a { font-size: 14px; font-weight: bold; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .header__wrapper .header__info-item li a:hover { color: #42b840; } li header .header__wrapper .header__info-item:last-child { margin-right: 10px; } @media screen and (max-width: 1150px) { header .header__wrapper .header__info-item h3, header .header__wrapper .header__info-item p, header .header__wrapper .header__info-item li > a { font-size: 12px; } } header .header__wrapper .header__info-clock { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } header .header__wrapper .header__info-clock img { margin-right: 5px; } header .header__wrapper .header__info .location__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; /* justify-content: center; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header__wrapper .header__info .location__menu .header__location__drop { display: none; } header .header__wrapper .header__info .location__menu .nice-select { border: none; } header .header__wrapper .header__info .location__menu .nice-select li { margin-right: 0; } header .header__wrapper .header__info .location__menu .nice-select { display: flex; z-index: 159; } @media screen and (max-width: 1100px) { header .header__wrapper .header__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header__wrapper .new__header__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; } header .header__wrapper .header__info .header__info-item { display: none; } header .header__wrapper .header__info .burger__menu { display: block; padding-right: 50px; } header .header__wrapper .new__header__info .burger__menu { display: none; } header .header__wrapper .header__info .location__menu { display: -webkit-box; display: -ms-flexbox; display: flex; } header .header__wrapper .new__header__info .link-list__header { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 540px) { header .header__wrapper .new__header__info.header__info { justify-content: space-between; } header .header__wrapper .new__header__info.header__info .block-info-user__burger { display: flex; align-items: center; flex-direction: row-reverse; } header .header__wrapper .new__header__info.header__info .block-info-user__burger .navbar__navigation-links-login--check { display: none; } header .header__wrapper .new__header__info.header__info .block-info-user__burger .block-info-user__burger_text { display: flex; flex-direction: column; align-items: flex-end; } header .header__wrapper .header__info .burger__menu img { width: 40px; height: 40px; } header .header__wrapper .header__info .location__menu .header__location__drop { display: -webkit-box; display: -ms-flexbox; display: flex; } header .header__wrapper .header__info .nice-select { position: unset; padding: 0 5px; } header .header__wrapper .header__info .nice-select:after { display: none; } header .header__wrapper .navbar__navigation-search .navbar__search-find { } } header .header__wrapper .navbar { display: grid; grid-template-columns: 1fr 4fr; position: relative; } header .header__wrapper .navbar__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header__wrapper .navbar__navigation { position: relative; display: grid; grid-template-columns: 2fr 1fr 2.5fr; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } header .header__wrapper .navbar__navigation-search { justify-self: center; -ms-flex-item-align: center; align-self: center; position: relative; width: 90%; height: 40px; border-radius: 90px; background-color: inherit; transition: all 0.5s ease-in-out; } header .header__wrapper .navbar__navigation-search input { padding: 0 25px 0 40px; width: 100%; height: 100%; font-size: 14px; border: none; border-radius: 90px; background-color: #ececec; } header .header__wrapper .navbar__navigation-search .navbar__search-loupe { position: absolute; top: 0; left: 5px; width: 40px; height: 40px; border: none; background-color: rgba(0, 0, 0, 0); cursor: pointer; } header .header__wrapper .navbar__navigation-search .navbar__search-find { position: absolute; top: 0; right: 0%; padding: 0 20px; height: 100%; width: max-content; color: #42b840; font-size: 16px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } header .header__wrapper .navbar__navigation-search .navbar__search-find:hover { color: #fff; background-color: #42b840; } @media screen and (max-width: 1300px) { header .header__wrapper .navbar__navigation-search .navbar__search-find { padding: 0 15px; font-size: 14px; } } @media screen and (max-width: 750px) { header .header__wrapper .navbar__navigation-search { background-color: inherit; } header .header__wrapper .navbar__navigation-search img { width: 24px; height: 24px; } } @media (min-width: 541px) and (max-width: 750px) { header .header__wrapper .navbar__navigation-search input, header .header__wrapper .navbar__navigation-search .navbar__search-find { visibility: hidden; opacity: 0; } } header .header__wrapper .navbar__navigation-tel { position: relative; justify-self: center; -ms-flex-item-align: center; align-self: center; font-size: 20px; color: #1f1f1f; font-weight: bold; } header .header__wrapper .navbar__navigation-tel::after { position: absolute; content: ''; top: 120%; left: 0%; width: 100%; height: 2px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-15%); transform: translateX(-15%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #1f1f1f; } header .header__wrapper .navbar__navigation-tel:hover::after { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); } @media screen and (max-width: 1300px) { header .header__wrapper .navbar__navigation-tel { font-size: 18px; } } @media screen and (max-width: 1180px) { header .header__wrapper .navbar__navigation-tel { font-size: 16px; } } @media screen and (max-width: 1100px) { header .header__wrapper .navbar__navigation-tel { display: none; } } header .header__wrapper .navbar__navigation-links { display: grid; /* grid-template-columns: repeat(5, 1fr); */ /* grid-template-columns: repeat(4, 1fr); */ grid-template-columns: 1fr 1fr 3fr 40px; transition: all 0.2s ease-in-out; } header .header__wrapper .new__navbar__navigation-links { display: flex; align-items: center; justify-content: flex-end; gap: 40px; } header .header__wrapper .new__navbar__navigation-links .block-info-user { display: flex; align-items: center; gap: 20px; } header .header__wrapper .new__navbar__navigation-links .block-info-user .block-info-user__text-wrap { display: flex; flex-direction: column; } @media (max-width: 1919px) { header .header__wrapper .new__navbar__navigation-links { gap: 30px; } .header .header__wrapper .new__navbar__navigation-links .block-info-user { gap: 16px; } } @media (max-width: 1439px) { header .header__wrapper .new__navbar__navigation-links.navbar__navigation-links { gap: 20px; } } header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-login, header .header__wrapper .navbar__navigation-links a, header .header__wrapper .navbar__navigation-links button { -ms-flex-item-align: center; align-self: center; justify-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #3f3f3f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .header__wrapper .new__navbar__navigation-links button.navbar__navigation-links-login { gap: 3px; } header .header__wrapper .navbar__navigation-links a svg, header .header__wrapper .navbar__navigation-links button svg { height: 100%; } header .header__wrapper .navbar__navigation-links a svg path, header .header__wrapper .navbar__navigation-links button svg path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .header__wrapper .navbar__navigation-links a:hover, header .header__wrapper .navbar__navigation-links button:hover { color: #42b840; } header .header__wrapper .navbar__navigation-links a.green__icon:hover > svg path, header .header__wrapper .navbar__navigation-links button:hover > svg path { fill: #42b840; } .header__nav__bonuses__data { padding: 3px; flex-direction: row !important; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0); transition: all 0.2s ease-in-out; } .header__nav__bonuses__data svg { transition: all 0.2s ease-in-out; } .header__nav__bonuses__data:hover svg { filter: drop-shadow(0 1px 3px #e45063) drop-shadow(0px -1px 3px #886393); /* animation: backShadowGradient 4s 0.3s ease-in-out infinite; */ } .header__nav__bonuses__data p { padding: 0; margin: 0; margin-left: 2px; display: block; color: #727272; font-size: 14px; font-weight: 400; transition: all 0.2s ease-in-out; } .header__nav__bonuses__data:hover p { color: #42b840; } .header__nav__bonuses__data p span { color: #262526; font-size: 16px; font-weight: 700; transition: all 0.2s ease-in-out; } .header__nav__bonuses__data:hover p span { color: #42b840; } header .header__wrapper .navbar__navigation-links-cart { position: relative; /* font-weight: bold; */ } header .header__wrapper .navbar__navigation-links-cart .navbar--cart--amount.active { position: absolute; top: -12px; right: -5px; width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-weight: normal; background-color: #42b840; border-radius: 50%; } .navbar__navigation-links-login--check { position: absolute; top: -6px; right: 13px; width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-weight: normal; background-color: #42b840; border-radius: 50%; } @media screen and (max-width: 750px) { header .header__wrapper .navbar__navigation-links-cart { font-size: 12px; } header .header__wrapper .navbar__navigation-links-cart img { width: 18px; height: 18px; } header .header__wrapper .navbar__navigation-links-cart .navbar--cart--amount.active { top: -2px; right: -7px; font-size: 14px; } header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-cart .navbar--cart--amount.active { top: -12px; right: -11px; width: 25px; height: 25px; } header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-login svg { /* width: 26px; */ } } @media screen and (max-width: 540px) { header .header__wrapper .navbar__navigation-links-cart .navbar--cart--amount.active { top: -2px; right: -13px; height: 26px; width: 26px; } .navbar__navigation-links-login--check { top: -20px; } header .header__wrapper .new__header__info .header__info-burger .navbar__navigation-links-login--check, .new__navbar__navigation-links .navbar__navigation-links-login--check { top: -6px; } } header .header__wrapper .navbar__navigation-links-account { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header__wrapper .navbar__navigation-links-account img { padding: 0 10px; height: 100%; } header .header__wrapper .navbar__navigation-links-account p { max-width: 75px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } header .header__wrapper .navbar__navigation-links-account div h3 { font-size: 18px; font-weight: bold; } header .header__wrapper .navbar__navigation-links-account div h3 span { color: #42b840; } @media screen and (max-width: 900px) { header .header__wrapper .navbar__navigation-links-account p { display: none; } header .header__wrapper .navbar__navigation-links-account h3 { font-size: 14px !important; } } @media screen and (max-width: 750px) { header .header__wrapper .navbar__navigation-links-account img { width: 40px; height: 40px; } header .header__wrapper .navbar__navigation-links-account div h3 { font-size: 14px; font-weight: bold; } header .header__wrapper .navbar__navigation-links-account div h3 span { color: #42b840; } } header .header__wrapper .navbar__navigation-links-login { position: relative; justify-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header__wrapper .navbar__navigation-links-login svg > path, header .header__wrapper .navbar__navigation-links-login p { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .header__wrapper .navbar__navigation-links-login p { margin-left: 5px; font-size: 14px; } header .header__wrapper .navbar__navigation-links-login:hover > svg > path { fill: #42b840; } header .header__wrapper .navbar__navigation-links-login:hover p { color: #42b840; } @media screen and (max-width: 1100px) { header .header__wrapper .navbar__navigation-links { -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } } @media screen and (max-width: 980px) { header .header__wrapper .navbar__navigation-links { /* grid-template-columns: repeat(3, 1fr); */ grid-template-columns: 50px 200px 50px; } header .header__wrapper .navbar__navigation-links > a { display: none; } header .header__wrapper .navbar__navigation-links .navbar__navigation-links-cart { display: -webkit-box; display: -ms-flexbox; display: flex; } header .header__wrapper .navbar__navigation-links .navbar__navigation-links-account, header .header__wrapper .navbar__navigation-links .navbar__navigation-links-login { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 540px) { header .header__wrapper .navbar__navigation-links { grid-template-columns: 1fr; } header .header__wrapper .new__navbar__navigation-links .block-info-user, header .header__wrapper .navbar__navigation-links .navbar__navigation-links-account, header .header__wrapper .navbar__navigation-links .navbar__navigation-links-login { /* margin-right: 10px; */ display: none; } header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-login { display: none !important; } header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-cart .navbar--cart--amount.active { right: -4px; } } @media screen and (max-width: 1100px) { header .header__wrapper .navbar__navigation { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 850px) { header .header__wrapper .navbar { grid-template-columns: 1fr 3fr; } header .header__wrapper .navbar .navbar__navigation { grid-template-columns: 2fr 3fr; } header .header__wrapper .new__navbar .navbar__navigation { grid-template-columns: 1fr auto; } } @media screen and (max-width: 750px) { header .header__wrapper .navbar { grid-template-columns: repeat(2, 1fr); } header .header__wrapper .navbar .navbar__navigation { grid-template-columns: 1fr 4fr; position: unset; } header .header__wrapper .navbar .navbar__navigation-search { left: 0; height: 40px; transition: all 0.4s ease-in-out; } .navbar__navigation-search.active { width: 100%; } header .header__wrapper .navbar .navbar__navigation-search .navbar__search-loupe { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header__wrapper .navbar .navbar__navigation-links { width: 100%; height: 100%; } header .header__wrapper .navbar .navbar__navigation-links-cart, header .header__wrapper .navbar .navbar__navigation-links-account { /* width: 100%; */ /* height: 100%; */ width: 44px; height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header__wrapper .new__navbar .header__nav__bonuses__data { display: none; } } @media screen and (max-width: 540px) { header .header__wrapper .navbar { grid-template-columns: 2fr 3fr; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } header .header__wrapper .navbar .navbar__navigation { grid-template-columns: 3fr 1fr; } header .header__wrapper .navbar .navbar__navigation-search { background-color: #ececec; height: 38px; } header .header__wrapper .navbar .navbar__navigation-search input { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } header .header__wrapper .navbar .navbar__navigation-search img { width: 15px; height: 15px; } header .header__wrapper .navbar .navbar__navigation-search .navbar__search-loupe { left: 0%; width: 40px; } header .header__wrapper .navbar .navbar__navigation-links-account { display: none; } header .header__wrapper .navbar__navigation-search { width: 100%; } } @media screen and (max-width: 400px) { header .header__wrapper .navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } header .header__wrapper .navbar .navbar__navigation { /* margin-top: 10px; */ display: grid; grid-template-columns: 9fr 1fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; width: 100%; } header .header__wrapper .navbar .navbar__navigation-search { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } header .header__wrapper .navbar .navbar__navigation-search input { width: 100%; } } header .header__wrapper .header__menu { z-index: 110; } header .header__wrapper .header__menu .visible__list { display: grid; grid-template-columns: repeat(9, 1fr); background-color: #42b840; border-radius: 90px; z-index: 4; } header .header__wrapper .header__menu .visible__list > li { background-color: #42b840; /* z-index: 4; */ } @media screen and (max-width: 999px) { header .header__wrapper .header__menu .visible__list { grid-template-columns: repeat(5, 1fr); } } @media screen and (max-width: 540px) { header .header__wrapper .header__menu .visible__list { grid-template-columns: 1fr; } header .header__wrapper .header__menu .visible__list { background-color: rgba(255, 255, 255, 0); /* z-index: 1; */ } header .header__wrapper .header__menu .visible__list > li { background-color: rgba(255, 255, 255, 0); /* z-index: 1; */ } } header .header__wrapper .header__menu .visible__list > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; font-size: 16px; color: #fff; z-index: 3; position: relative; transition: all 0.4s ease-in-out; /* z-index: 11; */ } header .header__wrapper .header__menu .visible__list > li:first-child { width: 100%; height: 100%; border-top-left-radius: 120px; border-bottom-left-radius: 100px; } @media screen and (max-width: 900px) { header .header__wrapper .header__menu .visible__list > li:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } } header .header__wrapper .header__menu .visible__list > li:first-child > a { position: relative; width: 100%; height: 100%; padding: 0 10px; text-transform: uppercase; font-weight: bold; color: #1f1f1f; border-radius: 90px; background-color: rgba(0, 0, 0, 0); transition: all 0.1s ease-in-out; } header .header__wrapper .header__menu .visible__list > li:first-child > a img, header .header__wrapper .header__menu .visible__list > li:first-child > a h2 { z-index: 11; } header .header__wrapper .header__menu .visible__list > li:first-child > a::before { position: absolute; top: -10%; left: -1%; content: ' '; width: 100%; height: 110%; background-color: #fad85f; border-radius: 90px; z-index: 10; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } header .header__wrapper .header__menu .visible__list > li:first-child:hover a::before { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } header .header__wrapper .header__menu .visible__list > li:first-child:hover a { -webkit-transform: translateY(2px); transform: translateY(2px); } @media screen and (max-width: 540px) { header .header__wrapper .header__menu .visible__list > li:first-child > a::before { top: -50%; left: -1%; width: 102%; height: 180%; } } header .header__wrapper .header__menu .visible__list > li:last-child { width: 100%; height: 100%; border-top-right-radius: 100px; border-bottom-right-radius: 100px; position: relative; } @media screen and (max-width: 999px) { header .header__wrapper .header__menu .visible__list > li:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } } header .header__wrapper .header__menu .visible__list > li:last-child > a { position: relative; width: 100%; height: 100%; color: #1f1f1f; border-radius: 90px; /* z-index: 5; */ } header .header__wrapper .header__menu .visible__list > li:last-child::before { position: absolute; top: 0; left: 0; content: ' '; width: 101%; height: 100%; background-color: #fad85f; border-radius: 90px; z-index: 1; transition: all 0.4s ease-in-out; } @media (min-width: 1180px) { header .header__wrapper .header__menu .visible__list > li:nth-child(8):hover ~ li:last-child::before { transform: translate(-100%); } header .header__wrapper .header__menu .visible__list > li:nth-child(8):hover ~ li:last-child > a { color: #fff; } header .header__wrapper .header__menu .visible__list > li:nth-child(7):hover ~ li:last-child::before { transform: translate(-200%); } header .header__wrapper .header__menu .visible__list > li:nth-child(7):hover ~ li:last-child > a { color: #fff; } header .header__wrapper .header__menu .visible__list > li:nth-child(6):hover ~ li:last-child::before { transform: translate(-300%); } header .header__wrapper .header__menu .visible__list > li:nth-child(6):hover ~ li:last-child > a { color: #fff; } header .header__wrapper .header__menu .visible__list > li:nth-child(5):hover ~ li:last-child::before { transform: translate(-400%); } header .header__wrapper .header__menu .visible__list > li:nth-child(5):hover ~ li:last-child > a { color: #fff; } header .header__wrapper .header__menu .visible__list > li:nth-child(4):hover ~ li:last-child::before { transform: translate(-500%); } header .header__wrapper .header__menu .visible__list > li:nth-child(4):hover ~ li:last-child > a { color: #fff; } header .header__wrapper .header__menu .visible__list > li:nth-child(3):hover ~ li:last-child::before { transform: translate(-600%); } header .header__wrapper .header__menu .visible__list > li:nth-child(3):hover ~ li:last-child > a { color: #fff; } header .header__wrapper .header__menu .visible__list > li:nth-child(2):hover ~ li:last-child::before { transform: translate(-700%); } header .header__wrapper .header__menu .visible__list > li:nth-child(2):hover ~ li:last-child > a { color: #fff; } } @media screen and (max-width: 540px) { header .header__wrapper .header__menu .visible__list > li:last-child { display: none; } } @media screen and (max-width: 999px) { header .header__wrapper .header__menu .visible__list > li:nth-child(2), header .header__wrapper .header__menu .visible__list > li:nth-child(3), header .header__wrapper .header__menu .visible__list > li:nth-child(4) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media screen and (max-width: 540px) { header .header__wrapper .header__menu .visible__list > li:nth-child(2), header .header__wrapper .header__menu .visible__list > li:nth-child(3), header .header__wrapper .header__menu .visible__list > li:nth-child(4) { display: none; } } @media screen and (max-width: 1140px) { header .header__wrapper .header__menu .visible__list > li a { font-size: 14px; } header .header__wrapper .header__menu .visible__list > li a img { height: 20px; width: 20px; } } @media screen and (max-width: 999px) { header .header__wrapper .header__menu .visible__list > li { display: none; } } header .header__wrapper .header__menu .visible__list > li:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } header .header__wrapper .hidden__list-wrapper { position: absolute; top: 160px; left: 0; width: 100%; display: grid; grid-template-columns: 1fr; justify-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #ececec; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 100; visibility: hidden; opacity: 0; } header .header__wrapper .hidden__list-wrapper .hidden__list { margin: 0 auto; padding: 5% 2% 60px 2%; max-width: 1440px; display: grid; grid-template-columns: repeat(4, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; opacity: 0; visibility: hidden; -webkit-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; -webkit-transform: translateY(10%); transform: translateY(10%); } header .header__wrapper .hidden__list-wrapper .hidden__list > li > a { font-size: 16px; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: block; } header .header__wrapper .hidden__list-wrapper .hidden__list > li > a:hover { color: #42b840; } @media screen and (max-width: 850px) { header .header__wrapper .hidden__list-wrapper .hidden__list { padding-top: 40px; grid-template-columns: 1fr 1fr 1fr; } } @media screen and (max-width: 650px) { header .header__wrapper .hidden__list-wrapper .hidden__list { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 400px) { header .header__wrapper .hidden__list-wrapper .hidden__list { grid-template-columns: 1fr; } } header .header__wrapper .hidden__list-wrapper:hover { opacity: 1; visibility: visible; } header .header__wrapper .hidden__list-wrapper:hover .hidden__list { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); } @media screen and (max-width: 400px) { header .header__wrapper .hidden__list-wrapper { top: 225px; } } header .header__wrapper:has(.catalog-link:hover) > .hidden__list-wrapper { visibility: visible; opacity: 1; } header .header__wrapper:has(.catalog-link:hover) > .hidden__list-wrapper .hidden__list { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); } @media screen and (max-width: 1024px) { header .header__wrapper { row-gap: 25px; } header .header__wrapper .hidden__list-wrapper { display: none; } .navbar__navigation-search.active { position: absolute !important; /* left: 5px; */ transition: all 0.5s ease-in-out; } .navbar__navigation-links.hidden { z-index: -1; opacity: 0; /* transition: all 0.1s ease-in-out; */ } header .header__wrapper .navbar__navigation-search.active input, .navbar__navigation-search.active .navbar__search-find { visibility: visible !important; opacity: 1 !important; } } main { min-height: 100vh; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } main .swiper-pagination-bullet { background-color: #42b840; } main .swiper-button-prev::after, main .swiper-button-next::after { color: #42b840; } main select { font-size: 14px !important; /* styling */ background-color: white; border-radius: 4px; display: inline-block; font: inherit; padding: 0.5em 3.5em 0.5em 1em; /* reset */ margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(to right, #ececec, #ececec); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; } main select:focus { background-image: linear-gradient(45deg, black 50%, transparent 50%), linear-gradient(135deg, transparent 50%, black 50%), linear-gradient(to right, #ececec, #ececec); background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; border-color: grey; outline: 0; } .main__wrapper { margin: 30px auto 20px auto; padding: 0 2%; max-width: 1440px; } main .preview__carousel-wrapper { display: grid; grid-template-columns: 2fr 1fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .bx_incl_area_6_1, .bx_incl_area_6_4_1 { width: 100%; overflow: hidden; } main .preview__carousel-wrapper .swiper { min-width: 0px; width: 100%; max-height: 350px; } .preview__carousel > div > a.live-banner .live-banner-background { width: 100%; max-height: 350px; object-fit: cover; object-position: center top; } @media (max-width: 1420px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 340px; } } @media (max-width: 1350px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 330px; } } @media (max-width: 1300px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 320px; } } @media (max-width: 1250px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 310px; } } @media (max-width: 1200px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 300px; } } @media (max-width: 1180px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 290px; } } @media (max-width: 1140px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 280px; } } @media (max-width: 1100px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 270px; } } @media (max-width: 1060px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 260px; } } @media (max-width: 1020px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 250px; } } @media (max-width: 1000px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 240px; } } @media (max-width: 950px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 230px; } } @media (max-width: 900px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 220px; } } @media (max-width: 860px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 214px; } } @media (max-width: 840px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 208px; } } @media (max-width: 800px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 202px; } } @media (max-width: 780px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 196px; } } @media (max-width: 750px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 280px; } } @media (max-width: 500px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 240px; } } @media (max-width: 420px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 220px; } } @media (max-width: 350px) { main .preview__carousel-wrapper .swiper, .preview__carousel > div > a.live-banner .live-banner-background { max-height: 200px; } } main .preview__carousel-wrapper .swiper-button-prev::after, main .preview__carousel-wrapper .swiper-button-next::after { height: 40px; color: #ececec; } main .preview__carousel-wrapper .preview__carousel-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main .preview__carousel-wrapper img { /* height: 100%; */ object-fit: cover; border-radius: 20px; } @media screen and (max-width: 750px) { main .preview__carousel-wrapper { grid-template-columns: 1fr; row-gap: 10px; } main .preview__carousel-wrapper .preview__carousel-links { display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .navbar__logo.hidden { opacity: 0 !important; visibility: hidden !important; } .navbar__navigation-search { height: 80%; } } main .preview__promotions { margin: 25px 0; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } main .preview__promotions img { width: 100%; height: 100%; } @media screen and (max-width: 750px) { main .preview__promotions { grid-template-columns: 1fr 1fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } main .preview__promotions a:last-child { display: none; } } @media screen and (max-width: 520px) { main .preview__promotions { grid-template-columns: 1fr; row-gap: 10px; } } main .preview__categories-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main .preview__categories-caption h2 { font-size: 40px; font-weight: bold; } main .preview__categories-caption h2 span { color: #42b840; font-weight: normal; } main .preview__categories-caption a { padding: 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #42b840; font-size: 16px; border: none; background-color: inherit; cursor: pointer; white-space: nowrap; } main .preview__categories-caption a img { margin-right: 10px; } @media screen and (max-width: 550px) { main .preview__categories-caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 30px; } } @media screen and (max-width: 420px) { main .preview__categories-caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 24px; } } main .preview__categories-list { padding: 75px 0 50px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } main .preview__categories-list img { min-height: 80px; min-width: 80px; max-width: 80px; max-height: 80px; } main .preview__categories-list a { margin-right: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: bold; color: #1f1f1f; } main .preview__categories-list a:last-child { margin-right: 0; } main .preview__categories-list a img { margin-bottom: 25px; } main .preview__categories-list::-webkit-scrollbar { height: 20px; } main .preview__categories-list::-webkit-scrollbar-track { background-color: #ececec; border-top: 9px solid white; border-bottom: 9px solid white; } main .preview__categories-list::-webkit-scrollbar-thumb { background-color: #42b840; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNiAwSDhWMTFINlYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTIgMEgxNFYxMUgxMlYwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; } @media screen and (max-width: 1200px) { main .preview__categories-list a { margin-right: 150px; } main .preview__categories-list a:last-child { margin-right: 0; } main .preview__categories-list a img { margin-bottom: 25px; } } @media screen and (max-width: 900px) { main .preview__categories-list a { margin-right: 100px; } main .preview__categories-list a:last-child { margin-right: 0; } main .preview__categories-list a img { margin-bottom: 25px; } } @media screen and (max-width: 700px) { main .preview__categories-list a { margin-right: 70px; } main .preview__categories-list a:last-child { margin-right: 0; } main .preview__categories-list a img { margin-bottom: 25px; } } @media screen and (max-width: 520px) { main .preview__categories-list a { margin-right: 50px; } main .preview__categories-list a:last-child { margin-right: 0; } main .preview__categories-list a img { margin-bottom: 25px; } } main .main__bestsellers { padding: 5px 0; background-color: #ececec; } main .main__bestsellers .bestsellers__caption { display: grid; grid-template-columns: 1fr; } main .main__bestsellers .bestsellers__caption h2 { line-height: 110%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; font-weight: bold; } main .main__bestsellers .bestsellers__caption h2 span { margin-left: 10px; color: #42b840; font-weight: normal; display: flex; align-items: center; } @media screen and (max-width: 550px) { main .main__bestsellers .bestsellers__caption h2 { font-size: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } main .main__bestsellers .bestsellers__caption h2 span { margin-left: 0; } main .main__bestsellers .new__bestsellers--caption { align-items: center !important; } } @media screen and (max-width: 420px) { main .main__bestsellers .bestsellers__caption h2 { font-size: 24px; } } main .main__bestsellers .bestsellers__caption > span { margin-top: 25px; padding-bottom: 25px; overflow: auto; white-space: nowrap; } main .main__bestsellers .bestsellers__caption > span button { padding: 5px 10px; margin-right: 10px; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 16px; font-weight: bold; border: none; background-color: inherit; cursor: pointer; } main .main__bestsellers .bestsellers__caption > span button:last-child { margin-right: 0; } main .main__bestsellers .bestsellers__caption > span .bestsellers__active { color: #42b840; border: 2px solid #42b840; border-radius: 90px; } main .main__bestsellers .bestsellers__list { margin-top: 20px; display: grid; grid-template-columns: repeat(5, 1fr); -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; } .nice-select { padding: 7px 15px; width: 100%; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background-color: #ececec; } .nice-select:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; } .nice-select.open:after { -webkit-transform: scale(1, -1) translateY(5px); transform: scale(1, -1) translateY(5px); } .bestsellers__card { /* height: min-content; */ padding: 10px 20px; display: grid; grid-template-columns: 1fr; border-radius: 10px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: flex; flex-direction: column; } .bestsellers__card-caption { position: relative; /* display: grid; grid-template-columns: 1fr; */ } .bestsellers__card-caption a { justify-self: center; } .bestsellers__card-caption-offer { position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .compare__products-card-image > div { position: relative; } .compare__products-card-image .caption__offer-discount, .bestsellers__card-caption-offer p, .bestsellers__card-caption-offer div { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; border-radius: 20px; } .compare__products-card-image .caption__offer-discount, .bestsellers__card-caption-offer .caption__offer-discount { background-color: #fad85f; display: none; } .caption__offer-discount { display: none !important; } .caption__offer-discount.active { display: flex !important; } .bestsellers__card-caption-offer .caption__offer-best { color: #fff; background-color: #42b840; } .bestsellers__card-caption-offer .caption__offer-good { background-color: #4092dd; } .bestsellers__card-caption-favorite { position: absolute; top: 0; left: 90%; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .bestsellers__card-caption-favorite button { width: 30px; height: 30px; border: none; background-color: inherit; cursor: pointer; } .bestsellers__card-caption-favorite button img { width: 100%; height: 100%; } .bestsellers__card-caption-favorite a { width: 24px; height: 24px; } .bestsellers__card-caption-new { position: absolute; top: 80%; left: 0; padding: 0 5px; color: #ff4b55; font-size: 14px; font-weight: bold; border: 1px solid #ff4b55; border-radius: 5px; } .bestsellers__card-caption-statistics { padding: 5px 0px; display: grid; grid-template-columns: 1fr 1fr 3fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .bestsellers__card-caption-statistics span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bestsellers__card-caption-statistics span img { margin-right: 2px; } .bestsellers__card-caption-statistics p { text-align: right; font-size: 12px; color: rgb(66, 66, 66); } .bestsellers__card-title { flex: 1; display: grid; grid-template-columns: 1fr; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .bestsellers__card-title a p { width: 100%; height: 50px; font-size: 16px; font-weight: norma; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; /* line-break: anywhere; */ } .bestsellers__card-title a p:hover { color: #42b840; } .bestsellers__card-price { width: 100%; -ms-flex-item-align: end; align-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bestsellers__card-price span { padding: 3px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bestsellers__card-price span:nth-child(3) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap; } .bestsellers__card-price span:nth-child(3) h4 { margin-right: 8px; font-size: 18px; font-weight: bold; white-space: nowrap; } .bestsellers__card-price span:nth-child(3) p { font-size: 14px; color: #42b840; text-decoration: line-through; white-space: nowrap; } .bestsellers__card-price span:last-child { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .bestsellers__card-price span:last-child div { margin-right: 15px; padding: 4px 0; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-size: 14px; font-weight: bold; color: rgb(66, 66, 66); border: 1px solid #ececec; border-radius: 90px; } .bestsellers__card-price span:last-child div button { -ms-flex-item-align: stretch; align-self: stretch; justify-self: stretch; padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: normal; border: none; background-color: inherit; cursor: pointer; } .bestsellers__card-price span:last-child button { padding: 7px 15px; color: #1f1f1f; font-size: 14px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .bestsellers__card-price span:last-child button:hover { color: #fff; background-color: #42b840; } /* .bestsellers__card-price span:last-child > button { padding: 7px 15px; font-size: 14px; font-weight: bold; border-radius: 90px; cursor: pointer; color: #fff; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .bestsellers__card-price span:last-child > button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; } */ .bestsellers__card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 1300px) { main .main__bestsellers .bestsellers__list { grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 1050px) { main .main__bestsellers .bestsellers__list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 750px) { main .main__bestsellers .bestsellers__list { grid-template-columns: repeat(2, 1fr); } .bestsellers__card { padding: 5px 10px; } } @media screen and (max-width: 440px) { .bestsellers__card-caption a:first-child { width: 100%; height: 180px; } .bestsellers__card-caption a:first-child button img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 410px) { .bestsellers__card-caption-new { top: 68% !important; } .bestsellers__card-caption-statistics { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; justify-items: start; row-gap: 5px; } .bestsellers__card-caption-statistics > p { grid-column: span 2; } } @media screen and (max-width: 380px) { .bestsellers__card-caption a:first-child { width: 100%; } .bestsellers__card-caption a:first-child button img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bestsellers__card-caption-favorite { left: unset !important; right: 5px; } .bestsellers__card-caption-new { top: unset !important; bottom: 30px; } .bestsellers__card-caption-statistics { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bestsellers__card-caption-statistics > p { grid-column: span 2; } .bestsellers__card { padding: 2px !important; } } @media screen and (max-width: 350px) { main .main__bestsellers .bestsellers__list { grid-template-columns: repeat(1, 1fr) !important; } .bestsellers__card-caption a:first-child { height: 270px; } .bestsellers__card { padding: 5px !important; } } .main__brands { margin: 0 auto; padding: 30px 2% 10px 2%; max-width: 1440px; } .main__brands .brands__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .main__brands .brands__caption h2 { line-height: 110%; font-size: 40px; font-weight: bold; } .main__brands .brands__caption h2 span { color: #42b840; font-weight: normal; } .main__brands .brands__caption a { padding: 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #42b840; font-size: 16px; border: none; background-color: inherit; cursor: pointer; white-space: nowrap; } .main__brands .brands__caption a img { margin-right: 10px; } @media screen and (max-width: 550px) { .main__brands .brands__caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 30px; } } @media screen and (max-width: 420px) { .main__brands .brands__caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 24px; } } .main__brands .brands__list::-webkit-scrollbar { height: 20px; } .main__brands .brands__list::-webkit-scrollbar-track { background-color: #ececec; border-top: 9px solid white; border-bottom: 9px solid white; } .main__brands .brands__list::-webkit-scrollbar-thumb { background-color: #42b840; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNiAwSDhWMTFINlYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTIgMEgxNFYxMUgxMlYwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; } .main__brands .brands__list a { width: 100px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .main__brands .brands__list a img { width: 100px; min-width: 100px; } .main__brands .brands__list a:hover { -webkit-transform: scale(0.95); transform: scale(0.95); } .main__brands .brands__list span { height: 80px; margin: 0 10px; width: 1px; min-width: 1px; background-color: #ececec; } main .main__discounts { position: relative; padding: 5px 0; background-color: #42b840; background-image: url(/upload/img/main__discounts__layout.b33435.png); background-size: cover; background-position: center; background-repeat: no-repeat; /* background-attachment: fixed; */ box-shadow: 0px 0px 150px -55px rgba(100, 100, 100, 1) inset; -webkit-box-shadow: 0px 0px 150px -55px rgba(100, 100, 100, 1) inset; -moz-box-shadow: 0px 0px 150px -55px rgba(100, 100, 100, 1) inset; overflow: hidden; } main .main__discounts .discounts__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* border-radius: 40px; */ /* background: #ffffff; */ width: fit-content; } main .main__discounts .discounts__caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; font-weight: bold; /* color: #fff; */ /* padding: 10px 25px 10px 15px; */ /* color: black; */ color: #fad85f; font-weight: bold !important; } main .main__discounts .discounts__caption h2 span { /* margin-left: 10px; */ font-weight: bold !important; color: white; } main .main__discounts .discounts__caption h2 { /* color: #42b840; */ } @media screen and (max-width: 550px) { main .main__discounts .discounts__caption h2 { font-size: 30px; line-height: 110%; display: block; font-weight: 300; max-width: 180px; } } @media screen and (max-width: 420px) { main .main__discounts .discounts__caption h2 { font-size: 24px; } } main .main__discounts .discounts__list { margin-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; /* display: flex; */ display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; /* overflow-y: hidden; overflow-x: auto; */ -webkit-overflow-scrolling: touch; } @media screen and (max-width: 980px) { main .main__discounts .discounts__list { grid-template-columns: 1fr 1fr; row-gap: 25px; column-gap: 20px; } } @media screen and (max-width: 720px) { main .main__discounts .discounts__list { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 460px) { main .main__discounts .discounts__list { grid-template-columns: 1fr; } } main .main__discounts .discounts__list .nice-select-dropdown { top: -500%; } main .main__discounts .discounts__list .nice-select { padding: 7px 15px; width: 100%; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background-color: #ececec; } main .main__discounts .discounts__list .nice-select:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; } main .main__discounts .discounts__list .nice-select.open:after { -webkit-transform: scale(1, -1) translateY(5px); transform: scale(1, -1) translateY(5px); } main .main__discounts .discounts__list::-webkit-scrollbar { height: 20px; border: none; border-radius: 25px; } main .main__discounts .discounts__list::-webkit-scrollbar-track { padding: 0 5px; background-color: #ececec; border-top: 9px solid rgba(255, 255, 255, 0); border-bottom: 9px solid rgba(255, 255, 255, 0); -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } main .main__discounts .discounts__list::-webkit-scrollbar-thumb { background-color: white; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0iIzQyQjg0MCIvPjxwYXRoIGQ9Ik02IDBIOFYxMUg2VjBaIiBmaWxsPSIjNDJCODQwIi8+PHBhdGggZD0iTTEyIDBIMTRWMTFIMTJWMFoiIGZpbGw9IiM0MkI4NDAiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; border: 2px solid #42b840; } main .main__discounts .discounts__list .discounts__card { padding: 10px 20px; /* margin-right: 10px; */ min-width: 219px; max-width: 292px; display: grid; grid-template-columns: 1fr; justify-items: stretch; border-radius: 10px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media screen and (max-width: 1280px) { main .main__discounts .discounts__list .discounts__card { min-width: 219px; max-width: 292px; } } @media screen and (max-width: 980px) { main .main__discounts .discounts__list .discounts__card { min-width: 300px; max-width: 420px; } } main .main__discounts .discounts__list .discounts__card:last-child { margin-right: 0; } main .main__discounts .discounts__list .discounts__card-caption { position: relative; display: grid; grid-template-columns: 1fr; } main .main__discounts .discounts__list .discounts__card-caption a { justify-self: center; } main .main__discounts .discounts__list .discounts__card-caption-offer { position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } main .main__discounts .discounts__list .discounts__card-caption-offer p, main .main__discounts .discounts__list .discounts__card-caption-offer div { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; border-radius: 20px; } main .main__discounts .discounts__list .discounts__card-caption-offer .caption__offer-discount { background-color: #fad85f; } main .main__discounts .discounts__list .discounts__card-caption-offer .caption__offer-best { color: #fff; background-color: #42b840; } main .main__discounts .discounts__list .discounts__card-caption-offer .caption__offer-good { background-color: #4092dd; } main .main__discounts .discounts__list .discounts__card-caption-favorite { position: absolute; top: 0; left: 90%; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } main .main__discounts .discounts__list .discounts__card-caption-favorite button { width: 30px; height: 30px; border: none; background-color: inherit; cursor: pointer; } main .main__discounts .discounts__list .discounts__card-caption-favorite button img { width: 100%; height: 100%; } main .main__discounts .discounts__list .discounts__card-caption-favorite a { width: 24px; height: 24px; } main .main__discounts .discounts__list .discounts__card-caption-new { position: absolute; top: 80%; left: 0; padding: 0 5px; color: #ff4b55; font-size: 14px; font-weight: bold; border: 1px solid #ff4b55; border-radius: 5px; } main .main__discounts .discounts__list .discounts__card-caption-statistics { padding: 5px 0px; display: grid; grid-template-columns: 1fr 1fr 3fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } main .main__discounts .discounts__list .discounts__card-caption-statistics span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main .main__discounts .discounts__list .discounts__card-caption-statistics span img { margin-right: 2px; } main .main__discounts .discounts__list .discounts__card-caption-statistics p { text-align: right; font-size: 12px; color: rgb(66, 66, 66); } main .main__discounts .discounts__list .discounts__card-title { display: grid; grid-template-columns: 1fr; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } main .main__discounts .discounts__list .discounts__card-title a p { width: 100%; height: 50px; font-size: 16px; font-weight: normal; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } main .main__discounts .discounts__list .discounts__card-title a p:hover { color: #42b840; } main .main__discounts .discounts__list .discounts__card-price { -ms-flex-item-align: end; align-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } main .main__discounts .discounts__list .discounts__card-price span { padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main .main__discounts .discounts__list .discounts__card-price span:nth-child(3) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap; } main .main__discounts .discounts__list .discounts__card-price span:nth-child(3) h4 { margin-right: 7px; font-size: 18px; font-weight: bold; white-space: nowrap; } main .main__discounts .discounts__list .discounts__card-price span:nth-child(3) p, .compare__products-card-price #item-old-price { font-size: 14px; color: #42b840; text-decoration: line-through; white-space: nowrap; } main .main__discounts .discounts__list .discounts__card-price span:last-child { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } main .main__discounts .discounts__list .discounts__card-price span:last-child div { margin-right: 15px; padding: 4px 0; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-size: 14px; font-weight: bold; color: rgb(66, 66, 66); border: 1px solid #ececec; border-radius: 90px; } main .main__discounts .discounts__list .discounts__card-price span:last-child div button { -ms-flex-item-align: stretch; align-self: stretch; justify-self: stretch; padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: normal; border: none; background-color: inherit; cursor: pointer; } main .main__discounts .discounts__list .discounts__card-price span:last-child button { padding: 7px 15px; color: #1f1f1f; font-size: 14px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } main .main__discounts .discounts__list .discounts__card-price span:last-child button:hover { color: #fff; background-color: #42b840; } main .main__discounts .discounts__list .discounts__card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } main .main__about { /* padding: 10px 0; */ } main .main__about .about__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } main .main__about .about__caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; font-weight: bold; } main .main__about .about__caption h2 span { margin-left: 10px; color: #42b840; font-weight: normal; } @media screen and (max-width: 550px) { main .main__about .about__caption h2 { font-size: 30px; } } @media screen and (max-width: 420px) { main .main__about .about__caption h2 { font-size: 24px; } main .main__about .about__caption a { font-size: 10px; } } main .main__about .about__info { margin: 25px 0; display: grid; grid-template-columns: repeat(2, 1fr); justify-items: center; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } main .main__about .about__info-text { display: grid; grid-template-columns: 1fr; row-gap: 25px; } main .main__about .about__info-text p { font-size: 16px; } main .main__about .about__info-text h3 { font-size: 18px; /* color: #42b840; */ text-transform: uppercase; } main .main__about .about__info-text span { justify-self: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main .main__about .about__info-text span a { margin-right: 25px; } main .main__about .about__info-text span a:last-child { margin-right: 0; } @media screen and (max-width: 380px) { main .main__about .about__info-text span { display: grid; grid-template-columns: 1fr; } main .main__about .about__info-text span a { margin-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } main .main__about .about__info-text span a:last-child { margin-top: 20px; } } main .main__about .about__info-text-tel { position: relative; color: #1f1f1f; font-weight: bold; } main .main__about .about__info-text-tel::after { position: absolute; content: ''; top: 120%; left: 0%; width: 100%; height: 2px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-15%); transform: translateX(-15%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #1f1f1f; } main .main__about .about__info-text-tel:hover::after { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); } @media screen and (max-width: 380px) { main .main__about .about__info-text-tel { font-size: 18px; } } main .main__about .about__info-text-map { padding: 8px 20px; font-size: 16px; font-weight: bold; border-radius: 90px; cursor: pointer; color: #fff; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } main .main__about .about__info-text-map:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; } @media screen and (max-width: 380px) { main .main__about .about__info-text-map { font-size: 16px; } } main .main__about .about__info-carousel { justify-self: stretch; } main .main__about .about__info .swiper { padding-bottom: 40px; } main .main__about .about__info .about__carousel { width: 100%; } main .main__about .about__info .about__carousel .swiper-slide { /* display: grid; grid-template-columns: 1fr 1fr; */ justify-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } main .main__about .about__info .about__carousel .swiper-slide img { max-height: 400px; z-index: 10; object-fit: cover; border-radius: 20px; cursor: pointer; } main .main__about .about__info .about__carousel .swiper-pagination { /* top: 90%; left: 40%; */ } @media screen and (max-width: 1050px) { main .main__about .about__info { grid-template-columns: 1fr; row-gap: 25px; } main .main__about .about__info img { width: 100%; height: 450px; -o-object-fit: cover; object-fit: cover; border-radius: 25px; } } @media screen and (max-width: 750px) { main .main__about .about__info .about__info-carousel { grid-template-columns: 1fr; } } @media screen and (max-width: 550px) { main .main__about .about__info .about__info-text p { font-size: 14px; } main .main__about .about__info .about__info-text h3 { font-size: 16px; } main .main__about .about__info .about__info-text span { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } main .main__about .about__info img { height: 350px; } } @media screen and (max-width: 420px) { main .main__about .about__info img { height: 250px; } } .catalog__main-layout { background-color: #ececec; padding: 40px 0; } .catalog__main-layout .catalog__products-container { position: relative; margin: 0 auto; padding: 0 2%; /* padding-bottom: 50px; */ max-width: 1440px; display: grid; grid-template-columns: 1fr 4fr; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; } .catalog__products { height: min-content; } .catalog__main-layout .catalog__products-container .catalog__products-filters { padding: 15px 20px; height: -webkit-max-content; height: -moz-max-content; height: max-content; display: grid; grid-template-columns: 1fr; border-radius: 20px; background-color: #fff; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .catalog__main-layout .catalog__products-container .catalog__products-filters > h2 { display: none; font-weight: bold; color: #42b840; } .catalog__main-layout .catalog__products-container .catalog__products-filters-close { display: none; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item { margin-top: 25px; display: grid; grid-template-columns: 1fr; border-bottom: 1px solid #ececec; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item h3 { font-size: 18px; font-weight: bold; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item span { visibility: hidden; opacity: 0; position: absolute; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item span:nth-child(1), .catalog__main-layout .catalog__products-container .catalog__products-filters-item span:nth-child(2), .catalog__main-layout .catalog__products-container .catalog__products-filters-item span:nth-child(3), .catalog__main-layout .catalog__products-container .catalog__products-filters-item span:nth-child(4), .catalog__main-layout .catalog__products-container .catalog__products-filters-item span:nth-child(5) { position: relative; visibility: visible; opacity: 1; z-index: inherit; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item span input[type='checkbox'] { display: none; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item span input[type='checkbox']:checked + .toggle__switch-wrapper { background-color: #42b840; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item span input[type='checkbox']:checked + .toggle__switch-wrapper:after { left: 12px; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item span .toggle__switch-wrapper { margin-right: 10px; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; display: inline-block; position: relative; height: 15px; width: 25px; border-radius: 10px; cursor: pointer; background-color: #ddd; color: transparent; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item span .toggle__switch-wrapper:after { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; content: ' '; position: absolute; height: 11px; width: 11px; border-radius: 50%; background-color: white; top: 2px; left: 2px; right: auto; -webkit-box-shadow: 1px 1px 1px gray; box-shadow: 1px 1px 1px gray; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item span .toggle__switch-name { font-size: 16px; cursor: pointer; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item button, .filters__list-button { margin-bottom: 15px; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item button img, .filters__list-button img { margin-right: 25px; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item button.hide, .filters__list-button.hide { display: none; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item:first-child { margin-top: 0; } .catalog__main-layout .catalog__products-container .catalog__products-filters-item:last-child { border-bottom: none; } .catalog__main-layout .catalog__products-container .catalog__products-filters .catalog__products-filters-item-visible span { position: relative; visibility: visible; opacity: 1; z-index: inherit; } .catalog__main-layout .catalog__products-container .catalog__products { display: grid; grid-template-columns: 1fr; } .catalog__main-layout .catalog__products-container .catalog__products-caption > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: inside !important; } .catalog__main-layout .catalog__products-container .catalog__products-caption > ul li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .catalog__main-layout .catalog__products-container .catalog__products-caption > ul li { margin-right: 15px; font-size: 14px; } .catalog__main-layout .catalog__products-container .catalog__products-caption > ul li:first-child::before { display: none; } .catalog__main-layout .catalog__products-container .catalog__products-caption > ul li:last-child { margin-right: 0; } .catalog__main-layout .catalog__products-container .catalog__products-caption > ul a { font-size: 14px; color: #42b840; } .catalog__main-layout .catalog__products-container .catalog__products-caption > ul p { font-size: 14px; color: #727272; } .catalog__main-layout .catalog__products-container .catalog__products-caption > h2 { color: black; font-size: 48px; font-weight: bold; } .catalog__main-layout .catalog__products-container .catalog__products-caption > h2 > span { color: #42b840; font-weight: normal; } @media screen and (max-width: 600px) { .catalog__main-layout .catalog__products-container .catalog__products-caption h2 { font-size: 30px; } } .catalog__main-layout .catalog__products-container .catalog__products-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; } .catalog__main-layout .catalog__products-container .catalog__products-panel-filters { margin-right: 10px; display: none; } .catalog__products-panel-sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__products-panel-sort > span { margin-bottom: 10px; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__products-panel-sort > span:last-child { margin-right: 0; } .catalog__products-panel-sort > span p { margin-right: 8px; } .catalog__products-panel-sort > span a { margin-right: 8px; } .catalog__products-panel-sort > span a img { margin-left: 3px; } .catalog__products-panel-sort .nice-select { display: flex; justify-content: center; align-items: center; background-color: #ececec; border: 1px solid #ececec; } .catalog__products-panel-sort .nice-select:hover { border: 1px solid #42b840; } .catalog__products-panel-sort a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #2d2d2e; } .catalog__products-panel-sort a.active, .brand__products-panel-sort button.active { color: #42b840; } .catalog__products-panel-sort a img.price-desc, .brand__products-panel-sort button img.price-desc { transform: rotate(90deg); } .catalog__main-layout .catalog__products-container .catalog__products-panel-sort a img.name-desc { transform: scaleX(-1); } @media screen and (max-width: 1050px) { .catalog__main-layout .catalog__products-container .catalog__products-panel { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog__main-layout .catalog__products-container .catalog__products-panel .catalog__products-panel-filters { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #42b840; } .catalog__main-layout .catalog__products-container .catalog__products-panel .catalog__products-panel-filters img { margin-right: 10px; } } .catalog__main-layout .catalog__products-container .catalog__products > img { width: 100%; -o-object-fit: cover; object-fit: cover; } .catalog__main-layout .catalog__products-container .catalog__products-list { padding-bottom: 50px; display: grid; grid-template-columns: repeat(4, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; overflow: hidden; } .catalog__main-layout .catalog__products-container .catalog__products-list .nice-select, .bestsellers__card .nice-select { padding: 7px 15px; width: 100%; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background-color: #ececec; } .catalog__main-layout .catalog__products-container .catalog__products-list .nice-select:after, .bestsellers__list .nice-select:after, .catalog__products-panel-sort .nice-select:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; z-index: 2; } .catalog__main-layout .catalog__products-container .catalog__products-list .nice-select.open:after, .bestsellers__list .nice-select.open:after, .catalog__products-panel-sort .nice-select.open:after { -webkit-transform: scale(1, -1) translateY(5px); transform: scale(1, -1) translateY(5px); } /* .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card { height: min-content; padding: 10px 20px; display: grid; grid-template-columns: 1fr; border-radius: 10px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption { position: relative; display: grid; grid-template-columns: 1fr; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption a { justify-self: center; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-offer { position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-offer p, .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-offer div { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; border-radius: 20px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-offer .caption__offer-discount { background-color: #fad85f; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-offer .caption__offer-best { color: #fff; background-color: #42b840; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-offer .caption__offer-good { background-color: #4092dd; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-favorite { position: absolute; top: 0; left: 90%; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-favorite button { width: fit-content; height: 30px; border: none; background-color: inherit; cursor: pointer; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-favorite a { width: 24px; height: 24px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-new { position: absolute; top: 80%; left: 0; padding: 0 5px; color: #ff4b55; font-size: 14px; font-weight: bold; border: 1px solid #ff4b55; border-radius: 5px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics { padding: 5px 0px; display: grid; grid-template-columns: 1fr 1fr 3fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics span img { margin-right: 2px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics p { text-align: right; font-size: 12px; color: rgb(66, 66, 66); } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics img { width: 15px; height: 15px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-title { display: grid; grid-template-columns: 1fr; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-title a p { width: 100%; height: 50px; font-size: 16px; font-weight: bold; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-title a p:hover { color: #42b840; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price { -ms-flex-item-align: end; align-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span { padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:nth-child(3) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:nth-child(3) h4 { margin-right: 7px; font-size: 18px; font-weight: bold; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:nth-child(3) p { font-size: 14px; color: #42b840; text-decoration: line-through; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:last-child { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:last-child div { margin-right: 15px; padding: 4px 0; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-size: 14px; font-weight: bold; color: rgb(66, 66, 66); border: 1px solid #ececec; border-radius: 90px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:last-child div button { -ms-flex-item-align: stretch; align-self: stretch; justify-self: stretch; padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: normal; border: none; background-color: inherit; cursor: pointer; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:last-child button { padding: 7px 15px; color: #1f1f1f; font-size: 14px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:last-child button:hover { color: #fff; background-color: #42b840; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } */ @media screen and (max-width: 1300px) { .catalog__main-layout .catalog__products-container .catalog__products-list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 800px) { .catalog__main-layout .catalog__products-container .catalog__products-list { grid-template-columns: repeat(2, 1fr); } } /* .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption a > img { margin-bottom: 10px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-new { top: 75%; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-title a p { font-size: 14px; height: 40px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:last-child > button { font-size: 12px; } } @media screen and (max-width: 600px) { .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics { height: -webkit-max-content; height: -moz-max-content; height: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-new { top: 75%; } } @media screen and (max-width: 460px) { .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-new { top: 66%; } } @media screen and (max-width: 550px) { .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-favorite { left: 80%; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-new { top: 75%; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics p { font-size: 10px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-offer p, .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-offer div { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 12px; border-radius: 15px; } } @media screen and (max-width: 750px) { .catalog__main-layout .catalog__products-container .catalog__products-list { grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:last-child div { display: none; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:last-child { justify-items: stretch; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-price span:last-child > button { width: 100%; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card { padding: 5px 10px; } } @media screen and (max-width: 440px) { .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption button { width: 100%; height: 180px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption button > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 410px) { .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-new { top: 68% !important; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; justify-items: start; row-gap: 5px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics > p { grid-column: span 2; } } @media screen and (max-width: 380px) { .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption a:first-child { width: 100%; height: 300px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-favorite { left: unset !important; right: 5px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-new { top: unset !important; bottom: 30px; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__main-layout .catalog__products-container .catalog__products-list .catalog__products-card-caption-statistics > p { grid-column: span 2; } } */ @media screen and (max-width: 350px) { .catalog__main-layout .catalog__products-container .catalog__products-list { grid-template-columns: repeat(1, 1fr) !important; } } .catalog__main-layout .catalog__products-container .catalog__products-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__main-layout .catalog__products-container .catalog__products-pagination p { margin-right: 10px; } .catalog__main-layout .catalog__products-container .catalog__products-pagination button { margin-right: 10px; height: 100%; padding: 5px 10px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 7px; } .catalog__main-layout .catalog__products-container .catalog__products-pagination button:hover { background-color: #fff; -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 600px) { .catalog__main-layout .catalog__products-container .catalog__products-pagination button { font-size: 12px; padding: 5px 10px; } .catalog__main-layout .catalog__products-container .catalog__products-pagination button img { width: 10px; height: 10px; } } @media screen and (max-width: 340px) { .catalog__main-layout .catalog__products-container .catalog__products-pagination button { padding: 5px 5px; } } .catalog__main-layout .catalog__products-container .catalog__products-pagination button:last-child { margin-right: 0; } @media screen and (max-width: 600px) { .catalog__main-layout .catalog__products-container .catalog__products-pagination p { margin-right: 8px; } .catalog__main-layout .catalog__products-container .catalog__products-pagination button { margin-right: 8px; } .catalog__main-layout .catalog__products-container .catalog__products-pagination button:last-child { margin-right: 0; } } .catalog__main-layout .catalog__products-container .catalog__products-pagination .active { background-color: #42b840; color: #fff; } .catalog__main-layout .catalog__products-container .catalog__products-pagination .active:hover { background-color: #42b840; -webkit-box-shadow: none; box-shadow: none; } @media screen and (max-width: 1050px) { .catalog__main-layout .catalog__products-container { grid-template-columns: 1fr; position: unset; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper { visibility: hidden; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; z-index: 150; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper .catalog__products-filters { position: fixed; padding-right: 40px; width: 60%; height: 100vh; border: none; border-radius: 0; border-top-right-radius: 20px; border-bottom-right-radius: 20px; z-index: 150; overflow-y: scroll; opacity: 0; -webkit-transform: translateX(-40%); transform: translateX(-40%); } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper .catalog__products-filters > h2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper .catalog__products-filters-close { position: absolute; top: 15px; right: 30px; padding: 5px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper.open { opacity: 1; visibility: visible; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper.open .catalog__products-filters { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper.close { opacity: 0; visibility: hidden; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper.close .catalog__products-filters { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* .bx-filter .bx-ui-slider-track-container { width: 450px !important; } */ .smart-filter { overflow-y: auto; } .bx-filter .bx-ui-slider-track-container { width: 85% !important; } } @media screen and (max-width: 750px) { .bx-filter .bx-ui-slider-track-container { width: 100% !important; padding: 40px 30px 40px 30px; } .catalog__main-layout .catalog__products-container { position: unset; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper { visibility: hidden; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; opacity: 0; -webkit-transform: translateX(-40%); transform: translateX(-40%); z-index: 150; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper .catalog__products-filters { position: fixed; padding-right: 40px; width: 100%; height: 100vh; border: none; border-radius: 0; z-index: 150; overflow-y: scroll; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper .catalog__products-filters > h2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper .catalog__products-filters-close { position: absolute; top: 15px; right: 25px; padding: 5px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: -webkit-max-content; height: -moz-max-content; height: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper.open { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); } .catalog__main-layout .catalog__products-container .catalog__products-filters-wrapper.close { opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .smart-filter .row { align-self: start !important; } } @media screen and (max-width: 550px) { .catalog__main-layout .catalog__products-container .catalog__products-filters-close { left: 90% !important; } } .catalog__main-layout .catalog__discounts { padding: 5px 0; background-color: #42b840; background-image: url(/local/templates/burburo/../images/design/main__discounts__layout.b33435.png); background-size: cover; background-repeat: no-repeat; } .catalog__main-layout .catalog__discounts .discounts__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalog__main-layout .catalog__discounts .discounts__caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; font-weight: bold; color: #fff; } .catalog__main-layout .catalog__discounts .discounts__caption h2 span { margin-left: 10px; font-weight: normal; } @media screen and (max-width: 550px) { .catalog__main-layout .catalog__discounts .discounts__caption h2 { font-size: 30px; } } @media screen and (max-width: 420px) { .catalog__main-layout .catalog__discounts .discounts__caption h2 { font-size: 24px; } } .catalog__main-layout .catalog__discounts .discounts__list { margin-top: 50px; padding-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: auto; -webkit-overflow-scrolling: touch; } .catalog__main-layout .catalog__discounts .discounts__list .nice-select-dropdown { top: -500%; } .catalog__main-layout .catalog__discounts .discounts__list .nice-select { padding: 7px 15px; width: 100%; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background-color: #ececec; } .catalog__main-layout .catalog__discounts .discounts__list .nice-select:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; } .catalog__main-layout .catalog__discounts .discounts__list .nice-select.open:after { -webkit-transform: scale(1, -1) translateY(5px); transform: scale(1, -1) translateY(5px); } .catalog__main-layout .catalog__discounts .discounts__list::-webkit-scrollbar { height: 20px; border: none; border-radius: 25px; } .catalog__main-layout .catalog__discounts .discounts__list::-webkit-scrollbar-track { padding: 0 5px; background-color: #ececec; border-top: 9px solid rgba(255, 255, 255, 0); border-bottom: 9px solid rgba(255, 255, 255, 0); -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } .catalog__main-layout .catalog__discounts .discounts__list::-webkit-scrollbar-thumb { background-color: white; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0iIzQyQjg0MCIvPjxwYXRoIGQ9Ik02IDBIOFYxMUg2VjBaIiBmaWxsPSIjNDJCODQwIi8+PHBhdGggZD0iTTEyIDBIMTRWMTFIMTJWMFoiIGZpbGw9IiM0MkI4NDAiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; border: 2px solid #42b840; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card { padding: 10px 20px; margin-right: 10px; min-width: 300px; display: grid; grid-template-columns: 1fr; justify-items: stretch; border-radius: 10px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card:last-child { margin-right: 0; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption { position: relative; display: grid; grid-template-columns: 1fr; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption a { justify-self: center; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-offer { position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-offer p, .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-offer div { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; border-radius: 20px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-offer .caption__offer-discount { background-color: #fad85f; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-offer .caption__offer-best { color: #fff; background-color: #42b840; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-offer .caption__offer-good { background-color: #4092dd; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-favorite { position: absolute; top: 0; left: 90%; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-favorite button { width: 30px; height: 30px; border: none; background-color: inherit; cursor: pointer; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-favorite button img { width: 100%; height: 100%; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-favorite a { width: 24px; height: 24px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-new { position: absolute; top: 80%; left: 0; padding: 0 5px; color: #ff4b55; font-size: 14px; font-weight: bold; border: 1px solid #ff4b55; border-radius: 5px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-statistics { padding: 5px 0px; display: grid; grid-template-columns: 1fr 1fr 3fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-statistics span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-statistics span img { margin-right: 2px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-statistics p { text-align: right; font-size: 12px; color: rgb(66, 66, 66); } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-title { display: grid; grid-template-columns: 1fr; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-title a p { width: 100%; height: 50px; font-size: 16px; font-weight: bold; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-title a p:hover { color: #42b840; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price { -ms-flex-item-align: end; align-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span { padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:nth-child(3) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:nth-child(3) h4 { margin-right: 7px; font-size: 18px; font-weight: bold; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:nth-child(3) p { font-size: 14px; color: #42b840; text-decoration: line-through; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:last-child { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:last-child div { margin-right: 15px; padding: 4px 0; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-size: 14px; font-weight: bold; color: rgb(66, 66, 66); border: 1px solid #ececec; border-radius: 90px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:last-child div button { -ms-flex-item-align: stretch; align-self: stretch; justify-self: stretch; padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: normal; border: none; background-color: inherit; cursor: pointer; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:last-child button { padding: 7px 15px; color: #1f1f1f; font-size: 14px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:last-child button:hover { color: #fff; background-color: #42b840; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 750px) { .catalog__main-layout .catalog__discounts .discounts__list .discounts__card { min-width: 250px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:last-child div { display: none; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:last-child { justify-items: stretch; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-price span:last-child > button { width: 100%; } } @media screen and (max-width: 550px) { .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-favorite { left: 85%; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card { min-width: 200px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-new { top: 75%; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-statistics p { font-size: 10px; } .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-offer p, .catalog__main-layout .catalog__discounts .discounts__list .discounts__card-caption-offer div { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 12px; border-radius: 15px; } } .catalog__watches { padding-top: 50px; background-color: #ececec; } .catalog__watches .catalog__watches-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .catalog__watches .catalog__watches-caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 40px; font-weight: bold; color: black; } .catalog__watches .catalog__watches-caption h2 span { margin-left: 10px; } .catalog__watches .watches__list { margin-top: 50px; padding-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: auto; -webkit-overflow-scrolling: touch; } .catalog__watches .watches__list .nice-select .list { max-height: 165px; } .catalog__watches .watches__list .nice-select { padding: 7px 15px; width: 100%; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background-color: #ececec; } .catalog__watches .watches__list .nice-select:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; } .catalog__watches .watches__list .nice-select.open:after { -webkit-transform: scale(1, -1) translateY(5px); transform: scale(1, -1) translateY(5px); } .catalog__watches .watches__list::-webkit-scrollbar { height: 20px; border: none; border-radius: 25px; } .catalog__watches .watches__list::-webkit-scrollbar-track { padding: 0 5px; background-color: #fff; border-top: 9px solid rgba(255, 255, 255, 0); border-bottom: 9px solid rgba(255, 255, 255, 0); -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } .catalog__watches .watches__list::-webkit-scrollbar-thumb { background-color: white; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0iIzQyQjg0MCIvPjxwYXRoIGQ9Ik02IDBIOFYxMUg2VjBaIiBmaWxsPSIjNDJCODQwIi8+PHBhdGggZD0iTTEyIDBIMTRWMTFIMTJWMFoiIGZpbGw9IiM0MkI4NDAiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; border: 2px solid #42b840; } @media (max-width: 720px) { .catalog__watches .watches__list::-webkit-scrollbar { height: 0; } } .catalog__watches .watches__list .watches__card { padding: 10px 20px; margin-right: 10px; min-width: 300px; max-width: 300px; display: grid; grid-template-columns: 1fr; border-radius: 10px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .catalog__watches .watches__list .watches__card:last-child { margin-right: 0; } .catalog__watches .watches__list .watches__card-caption { position: relative; display: grid; grid-template-columns: 1fr; } .catalog__watches .watches__list .watches__card-caption a { justify-self: center; } .catalog__watches .watches__list .watches__card-caption-offer { position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .catalog__watches .watches__list .watches__card-caption-offer p, .catalog__watches .watches__list .watches__card-caption-offer div { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; border-radius: 20px; } .catalog__watches .watches__list .watches__card-caption-offer .caption__offer-discount { background-color: #fad85f; } .catalog__watches .watches__list .watches__card-caption-offer .caption__offer-best { color: #fff; background-color: #42b840; } .catalog__watches .watches__list .watches__card-caption-offer .caption__offer-good { background-color: #4092dd; } .catalog__watches .watches__list .watches__card-caption-favorite { position: absolute; top: 0; left: 90%; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .catalog__watches .watches__list .watches__card-caption-favorite button { width: 30px; height: 30px; border: none; background-color: inherit; cursor: pointer; } .catalog__watches .watches__list .watches__card-caption-favorite button img { width: 100%; height: 100%; } .catalog__watches .watches__list .watches__card-caption-favorite a { width: 24px; height: 24px; } .catalog__watches .watches__list .watches__card-caption-new { position: absolute; top: 80%; left: 0; padding: 0 5px; color: #ff4b55; font-size: 14px; font-weight: bold; border: 1px solid #ff4b55; border-radius: 5px; } .catalog__watches .watches__list .watches__card-caption-statistics { padding: 5px 0px; display: grid; grid-template-columns: 1fr 1fr 3fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .catalog__watches .watches__list .watches__card-caption-statistics span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__watches .watches__list .watches__card-caption-statistics span img { margin-right: 2px; } .catalog__watches .watches__list .watches__card-caption-statistics p { text-align: right; font-size: 12px; color: rgb(66, 66, 66); } .catalog__watches .watches__list .watches__card-title { display: grid; grid-template-columns: 1fr; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .catalog__watches .watches__list .watches__card-title a p { width: 100%; height: 50px; font-size: 16px; font-weight: normal; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .catalog__watches .watches__list .watches__card-title a p:hover { color: #42b840; } .catalog__watches .watches__list .watches__card-price { width: 100% !important; -ms-flex-item-align: end; align-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog__watches .watches__list .watches__card-price span { padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .catalog__watches .watches__list .watches__card-price span:nth-child(3) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap; } .catalog__watches .watches__list .watches__card-price span:nth-child(3) h4 { margin-right: 7px; font-size: 18px; font-weight: bold; white-space: nowrap; } .catalog__watches .watches__list .watches__card-price span:nth-child(3) p { font-size: 14px; color: #42b840; text-decoration: line-through; white-space: nowrap; } .catalog__watches .watches__list .watches__card-price span:last-child { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .catalog__watches .watches__list .watches__card-price span:last-child div { margin-right: 15px; padding: 4px 0; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-size: 14px; font-weight: bold; color: rgb(66, 66, 66); border: 1px solid #ececec; border-radius: 90px; } .catalog__watches .watches__list .watches__card-price span:last-child div button { -ms-flex-item-align: stretch; align-self: stretch; justify-self: stretch; padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: normal; border: none; background-color: inherit; cursor: pointer; } .catalog__watches .watches__list .watches__card-price span:last-child button { padding: 7px 15px; color: #1f1f1f; font-size: 14px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .catalog__watches .watches__list .watches__card-price span:last-child button:hover { color: #fff; background-color: #42b840; } .catalog__watches .watches__list .watches__card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 750px) { .catalog__watches .watches__list .watches__card { min-width: 250px; max-width: 250px; } .catalog__watches .watches__list .watches__card-price span:last-child div { display: none; } .catalog__watches .watches__list .watches__card-price span:last-child { justify-items: stretch; } .catalog__watches .watches__list .watches__card-price span:last-child > button { width: 100%; } } @media screen and (max-width: 550px) { .catalog__watches .watches__list .watches__card-caption-favorite { left: 85%; } .catalog__watches .watches__list .watches__card { min-width: 200px; max-width: 200px; } .catalog__watches .watches__list .watches__card-caption-new { top: 75%; } .catalog__watches .watches__list .watches__card-caption-statistics p { font-size: 10px; } .catalog__watches .watches__list .watches__card-caption-offer p, .catalog__watches .watches__list .watches__card-caption-offer div { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 12px; border-radius: 15px; } } .product__main-layout { background-color: #ececec; padding: 10px 0; } .product__main-layout .product__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .product__main-layout .product__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .product__main-layout .product__path li { margin-right: 20px; font-size: 14px; } .product__main-layout .product__path li:first-child::before { display: none; } .product__main-layout .product__path li:last-child { margin-right: 0px; } .product__main-layout .product__path a { font-size: 14px; color: #42b840; } .product__main-layout .product__path p { font-size: 14px; color: #727272; } .product__main-layout .product__container { margin-top: 25px; position: relative; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .product__main-layout .product__container .product__caption { padding: 25px 25px 25px 25px; display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; background-color: #fff; border-top-right-radius: 20px; border-top-left-radius: 20px; } .product__main-layout .product__container .product__caption.rounded--corners { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .product__main-layout .product__container .product__caption-image { position: relative; /* display: flex; */ /* flex-direction: column; */ /* align-items: center; */ /* justify-content: center; */ } .product__main-layout .product__container .product__caption-image .f-thumbs.is-horizontal .f-thumbs__track { margin: unset !important; } .product__main-layout .product__container .product__caption-image .product__caption-image__list img { /* width: 100%; */ /* -o-object-fit: cover; */ /* object-fit: cover; */ object-fit: contain; cursor: pointer; max-height: 400px; } .product__main-layout .product__container .product__caption-image-offer { position: absolute; top: 0%; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__main-layout .product__container .product__caption-image-offer p, .product__main-layout .product__container .product__caption-image-offer div { margin-right: 10px; padding-left: 2px; width: 42px; height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; border-radius: 20px; } .product__main-layout .product__container .product__caption-image-offer div:last-child { margin-right: 0px; } .product__main-layout .product__container .product__caption-image-offer .caption__offer-discount { background-color: #fad85f; } .product__main-layout .product__container .product__caption-image-offer .caption__offer-best { color: #fff; background-color: #42b840; } .product__main-layout .product__container .product__caption-image-offer .caption__offer-good { background-color: #4092dd; } .product__main-layout .product__container .product__caption-image-new { position: absolute; top: 8%; left: 0; padding: 0 5px; color: #ff4b55; font-size: 14px; font-weight: bold; border: 1px solid #ff4b55; border-radius: 5px; } .product__main-layout .product__container .product__caption-name { display: grid; grid-template-columns: 1fr; row-gap: 10px; } .product__main-layout .product__container .product__caption-name > p { font-size: 16px; } .product__main-layout .product__container .product__caption-name > p a { color: #42b840; } .product__main-layout .product__container .product__caption-name > h2 { font-size: 36px; font-weight: bold; } .product__main-layout .product__container .product__caption-name .product__caption-control { padding: 20px; border-radius: 20px; background-color: #ececec; } .product__main-layout .product__container .product__caption-name .product__caption-control div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product__main-layout .product__container .product__caption-name .product__caption-control div > span, .product__main-layout .product__container .product__caption-name .product__caption-control div a, .product__main-layout .product__container .product__caption-name .product__caption-control div button { margin-bottom: 10px; } .product__main-layout .product__container .product__caption-name .product__caption-control div span, .product__main-layout .product__container .product__caption-name .product__caption-control div a, .product__main-layout .product__container .product__caption-name .product__caption-control div button { margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 14px; } .product__main-layout .product__container .product__caption-name .product__caption-control div span:first-child p, .product__main-layout .product__container .product__caption-name .product__caption-control div a:first-child p, .product__main-layout .product__container .product__caption-name .product__caption-control div button :first-child p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-weight: normal; font-size: 16px; } .product__main-layout .product__container .product__caption-name .product__caption-control div span:first-child p span, .product__main-layout .product__container .product__caption-name .product__caption-control div a:first-child p span { margin-left: 5px; color: #42b840; } .product__main-layout .product__container .product__caption-name .product__caption-control div:last-child { margin-right: 0px; } .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-price { margin-top: 20px; } .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-price p { font-size: 16px; color: #9b9b9b; } .product__caption-control-price #item-old-price { color: #3aa038; text-decoration: line-through; } .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-price .product--price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: black; font-weight: bold; font-size: 24px; } .product__caption-control-price > span > h4 { color: black; font-weight: bold; font-size: 24px; } .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-price .product--price span { margin-left: 15px; font-weight: normal; font-size: 18px; color: #4092dd; text-decoration: line-through; } .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-price span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-price span img { margin-right: 10px; } @media screen and (max-width: 1050px) { .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-price p { font-size: 12px; } .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-price .products--price { font-size: 18px; } .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-price .products--price span { font-size: 16px; } .product__caption-control-price > span > h4 { color: black; font-weight: bold; font-size: 18px; } } @media screen and (max-width: 1250px) { .product__main-layout .product__container .product__caption-name .product__caption-control .product__caption-control-favorite { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .product__main-layout .product__container .product__caption-name .nice-select { padding: 7px 15px; width: 100%; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background-color: #ececec; } .product__main-layout .product__container .product__caption-name .nice-select:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; } .product__main-layout .product__container .product__caption-name .nice-select.open:after { -webkit-transform: scale(1, -1) translateY(5px); transform: scale(1, -1) translateY(5px); } .product__main-layout .product__container .product__caption-name .product__caption-buttons { margin: 10px 0; display: flex; /* grid-template-columns: repeat(3, 1fr); */ /* -webkit-box-align: stretch; */ /* -ms-flex-align: stretch; */ align-items: center; /* justify-items: end; */ -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons div { justify-self: start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: inherit; border-radius: 30px; border: 2px solid #ececec; height: 52px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons div button { padding: 10px 15px; font-size: 28px; color: #727272; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .product__main-layout .product__container .product__caption-name .product__caption-buttons div button:hover { color: #42b840; } .product__main-layout .product__container .product__caption-name .product__caption-buttons div p { margin: 0px 20px; font-size: 16px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons > button { padding: 10px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; border-radius: 30px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons > button img { margin-right: 25px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons .product__button-to-cart { justify-self: center; background-color: #42b840; color: #fff; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; height: 50px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons .product__button-to-cart:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .product__main-layout .product__container .product__caption-name .product__caption-buttons .product__button-buy { background-color: #fad85f; color: black; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .product__main-layout .product__container .product__caption-name .product__caption-buttons .product__button-buy:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } @media screen and (max-width: 1150px) { .product__main-layout .product__container .product__caption-name .product__caption-buttons { grid-template-columns: 90px 1fr 1fr; } .product__main-layout .product__container .product__caption-name .product__caption-buttons > div { font-size: 14px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons > div p { margin: 0px 5px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons > div button { padding: 5px 10px; font-size: 20px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons .product__button-to-cart { justify-self: stretch; } .product__main-layout .product__container .product__caption-name .product__caption-buttons .product__button-buy { justify-self: stretch; } } @media screen and (max-width: 1000px) { .product__main-layout .product__container .product__caption-name .product__caption-buttons > button { font-size: 14px; } .product__main-layout .product__container .product__caption-name .product__caption-buttons > button img { margin-right: 10px; width: 20px; height: 20px; } } @media screen and (max-width: 500px) { .product__main-layout .product__container .product__caption-name .product__caption-buttons { grid-template-columns: 1fr; row-gap: 10px; } } .product__main-layout .product__container .product__caption-name .product__caption-pickup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__main-layout .product__container .product__caption-name .product__caption-pickup img { margin-right: 20px; } .product__main-layout .product__container .product__caption-name .product__caption-pickup p { font-size: 16px; color: #727272; } .product__main-layout .product__container .product__caption-name .product__caption-pickup p span { font-weight: bold; } @media screen and (max-width: 900px) { .product__main-layout .product__container .product__caption { grid-template-columns: 1fr; row-gap: 20px; } .product__main-layout .product__container .product__caption .product__caption-image { /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ } .product__main-layout .product__container .product__caption .product__caption-image .product__caption-image__list img { width: 100%; height: 450px; object-fit: contain; } .product__main-layout .product__container .product__caption .product__caption-image-new { top: 13%; } } .product__main-layout .product__container .product__info { padding: 25px 25px; background-color: #fff; font-size: 16px; } .product__main-layout .product__container .product__info.rounded--corners { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .product__main-layout .product__container .product__info-advice { margin-top: 30px; padding: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; border: 2px solid #42b840; border-radius: 20px; } .product__main-layout .product__container .product__info-advice img { margin-right: 20px; } .product__main-layout .product__container .product__info-advice h4 { font-weight: bold; } @media screen and (max-width: 420px) { .product__main-layout .product__container .product__info-advice { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__main-layout .product__container .product__info-advice img { margin-right: 0px; margin-bottom: 20px; } } .product__main-layout .product__container .product__features { padding-top: 10px; padding-bottom: 10px; display: grid; grid-template-columns: 1fr; row-gap: 40px; background-color: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -webkit-transition: all 0.2 ease-in-out; transition: all 0.2 ease-in-out; } .product__main-layout .product__container .product__features > button { justify-self: center; padding: 10px 15px; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4092dd; cursor: pointer; } .product__main-layout .product__container .product__features > button img { margin-left: 10px; } .product__main-layout .product__container .product__features > button.visible img { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .product__main-layout .product__container .product__features > button.hide img { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .product__main-layout .product__container .product__features-list { padding: 25px; display: grid; grid-template-columns: repeat(3, 1fr); justify-items: left; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; background-color: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .product__main-layout .product__container .product__features-list p { font-size: 16px; } .product__main-layout .product__container .product__features-list h5 { font-weight: bold; font-size: 18px; } .product__main-layout .product__container .product__features-list h5 span { font-weight: normal; } @media screen and (max-width: 600px) { .product__main-layout .product__container .product__features-list h5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 5px; } } .product__main-layout .product__container .product__features-list ul { list-style: inside !important; } .product__main-layout .product__container .product__features-list ul li { font-size: 16px; list-style-type: disc !important; } @media screen and (max-width: 900px) { .product__main-layout .product__container .product__features-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product__main-layout .product__container .product__features-list span { margin-bottom: 20px; } .product__main-layout .product__container .product__features-list p { width: 100%; font-size: 16px; } } .product__main-layout .product__container .product__features-list.open { position: relative; height: 100%; -webkit-transform: translateY(0%); transform: translateY(0%); visibility: visible; opacity: 1; z-index: 5; -webkit-transition: height 0.2s ease-in-out, opacity 0.4s ease-in-out, visibility 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, opacity 0.4s ease-in-out, visibility 0.1s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, opacity 0.4s ease-in-out, visibility 0.1s ease-in-out, transform 0.2s ease-in-out; transition: height 0.2s ease-in-out, opacity 0.4s ease-in-out, visibility 0.1s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .product__main-layout .product__container .product__features-list.close { position: absolute; top: 99%; height: 0%; /* -webkit-transform: translateY(-20%); transform: translateY(-20%); */ color: #fff; opacity: 0; visibility: hidden; /* z-index: -1; */ -webkit-transition: visibility 0.4s ease-in-out, opacity 0.2s ease-in-out, height 0.4s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: visibility 0.4s ease-in-out, opacity 0.2s ease-in-out, height 0.4s ease-in-out, color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; transition: visibility 0.4s ease-in-out, opacity 0.2s ease-in-out, height 0.4s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out; transition: visibility 0.4s ease-in-out, opacity 0.2s ease-in-out, height 0.4s ease-in-out, color 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .product__main-layout .product__add { padding-top: 50px; background-color: #ececec; } .product__main-layout .product__add .product__add-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product__main-layout .product__add .product__add-caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 40px; font-weight: bold; color: black; } .product__main-layout .product__add .product__add-caption h2 span { margin-left: 10px; font-weight: normal; color: #42b840; } @media screen and (max-width: 600px) { .product__main-layout .product__add .product__add-caption h2 { font-size: 30px; } } .product__main-layout .product__add .product__add__list { margin-top: 50px; padding-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: auto; -webkit-overflow-scrolling: touch; } .product__main-layout .product__add .product__add__list .nice-select-dropdown { top: -500%; } .product__main-layout .product__add .product__add__list .nice-select { padding: 7px 15px; width: 100%; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background-color: #ececec; } .product__main-layout .product__add .product__add__list .nice-select:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; } .product__main-layout .product__add .product__add__list .nice-select.open:after { -webkit-transform: scale(1, -1) translateY(5px); transform: scale(1, -1) translateY(5px); } .product__main-layout .product__add .product__add__list::-webkit-scrollbar { height: 20px; border: none; border-radius: 25px; } .product__main-layout .product__add .product__add__list::-webkit-scrollbar-track { padding: 0 5px; background-color: #fff; border-top: 9px solid rgba(255, 255, 255, 0); border-bottom: 9px solid rgba(255, 255, 255, 0); -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } .product__main-layout .product__add .product__add__list::-webkit-scrollbar-thumb { background-color: white; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0iIzQyQjg0MCIvPjxwYXRoIGQ9Ik02IDBIOFYxMUg2VjBaIiBmaWxsPSIjNDJCODQwIi8+PHBhdGggZD0iTTEyIDBIMTRWMTFIMTJWMFoiIGZpbGw9IiM0MkI4NDAiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; border: 2px solid #42b840; } .product__main-layout .product__add .product__add__list .product__add__card { padding: 10px 20px; margin-right: 10px; min-width: 300px; display: grid; grid-template-columns: 1fr; border-radius: 10px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .product__main-layout .product__add .product__add__list .product__add__card:last-child { margin-right: 0; } .product__main-layout .product__add .product__add__list .product__add__card-caption { position: relative; display: grid; grid-template-columns: 1fr; } .product__main-layout .product__add .product__add__list .product__add__card-caption a { justify-self: center; } .product__main-layout .product__add .product__add__list .product__add__card-caption-offer { position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .product__main-layout .product__add .product__add__list .product__add__card-caption-offer p, .product__main-layout .product__add .product__add__list .product__add__card-caption-offer div { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; border-radius: 20px; } .product__main-layout .product__add .product__add__list .product__add__card-caption-offer .caption__offer-discount { background-color: #fad85f; } .product__main-layout .product__add .product__add__list .product__add__card-caption-offer .caption__offer-best { color: #fff; background-color: #42b840; } .product__main-layout .product__add .product__add__list .product__add__card-caption-offer .caption__offer-good { background-color: #4092dd; } .product__main-layout .product__add .product__add__list .product__add__card-caption-favorite { position: absolute; top: 0; left: 90%; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .product__main-layout .product__add .product__add__list .product__add__card-caption-favorite button { width: 30px; height: 30px; border: none; background-color: inherit; cursor: pointer; } .product__main-layout .product__add .product__add__list .product__add__card-caption-favorite button img { width: 100%; height: 100%; } .product__main-layout .product__add .product__add__list .product__add__card-caption-favorite a { width: 24px; height: 24px; } .product__main-layout .product__add .product__add__list .product__add__card-caption-new { position: absolute; top: 80%; left: 0; padding: 0 5px; color: #ff4b55; font-size: 14px; font-weight: bold; border: 1px solid #ff4b55; border-radius: 5px; } .product__main-layout .product__add .product__add__list .product__add__card-caption-statistics { padding: 5px 0px; display: grid; grid-template-columns: 1fr 1fr 3fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .product__main-layout .product__add .product__add__list .product__add__card-caption-statistics span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__main-layout .product__add .product__add__list .product__add__card-caption-statistics span img { margin-right: 2px; } .product__main-layout .product__add .product__add__list .product__add__card-caption-statistics p { text-align: right; font-size: 12px; color: rgb(66, 66, 66); } .product__main-layout .product__add .product__add__list .product__add__card-title { display: grid; grid-template-columns: 1fr; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .product__main-layout .product__add .product__add__list .product__add__card-title a p { width: 100%; height: 50px; font-size: 16px; font-weight: bold; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product__main-layout .product__add .product__add__list .product__add__card-title a p:hover { color: #42b840; } .product__main-layout .product__add .product__add__list .product__add__card-price { -ms-flex-item-align: end; align-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__main-layout .product__add .product__add__list .product__add__card-price span { padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__main-layout .product__add .product__add__list .product__add__card-price span:nth-child(3) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product__main-layout .product__add .product__add__list .product__add__card-price span:nth-child(3) h4 { margin-right: 7px; font-size: 18px; font-weight: bold; } .product__main-layout .product__add .product__add__list .product__add__card-price span:nth-child(3) p { font-size: 14px; color: #42b840; text-decoration: line-through; } .product__main-layout .product__add .product__add__list .product__add__card-price span:last-child { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product__main-layout .product__add .product__add__list .product__add__card-price span:last-child div { margin-right: 15px; padding: 4px 0; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-size: 14px; font-weight: bold; color: rgb(66, 66, 66); border: 1px solid #ececec; border-radius: 90px; } .product__main-layout .product__add .product__add__list .product__add__card-price span:last-child div button { -ms-flex-item-align: stretch; align-self: stretch; justify-self: stretch; padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: normal; border: none; background-color: inherit; cursor: pointer; } .product__main-layout .product__add .product__add__list .product__add__card-price span:last-child button { padding: 7px 15px; color: #1f1f1f; font-size: 14px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .product__main-layout .product__add .product__add__list .product__add__card-price span:last-child button:hover { color: #fff; background-color: #42b840; } .product__main-layout .product__add .product__add__list .product__add__card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 750px) { .product__main-layout .product__add .product__add__list .product__add__card { min-width: 250px; } .product__main-layout .product__add .product__add__list .product__add__card-price span:last-child div { display: none; } .product__main-layout .product__add .product__add__list .product__add__card-price span:last-child { justify-items: stretch; } .product__main-layout .product__add .product__add__list .product__add__card-price span:last-child > button { width: 100%; } } @media screen and (max-width: 550px) { .product__main-layout .product__add .product__add__list .product__add__card-caption-favorite { left: 85%; } .product__main-layout .product__add .product__add__list .product__add__card { min-width: 200px; } .product__main-layout .product__add .product__add__list .product__add__card-caption-new { top: 75%; } .product__main-layout .product__add .product__add__list .product__add__card-caption-statistics p { font-size: 10px; } .product__main-layout .product__add .product__add__list .product__add__card-caption-offer p, .product__main-layout .product__add .product__add__list .product__add__card-caption-offer div { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 12px; border-radius: 15px; } } .product__main-layout .product__rating { padding-top: 50px; background-color: #ececec; } .product__main-layout .product__rating .product__rating-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product__main-layout .product__rating .product__rating-caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 40px; font-weight: bold; color: black; } .product__main-layout .product__rating .product__rating-caption h2 span { margin-left: 10px; font-weight: normal; color: #42b840; } @media screen and (max-width: 600px) { .product__main-layout .product__rating .product__rating-caption h2 { font-size: 30px; } } .product__main-layout .product__rating .products__rating__list-container { margin-top: 40px; display: grid; grid-template-columns: 4fr 1fr; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } @media screen and (max-width: 1000px) { .product__main-layout .product__rating .products__rating__list-container { grid-template-columns: 1fr; row-gap: 40px; } .product__main-layout .product__rating .products__rating__list-container .product__rating-write { justify-items: center; } .product__main-layout .product__rating .products__rating__list-container .product__rating-write button { justify-self: stretch; } .product__main-layout .product__rating .products__rating__list-container .product__rating-write p, .product__main-layout .product__rating .products__rating__list-container .product__rating-write span { width: -webkit-max-content; width: -moz-max-content; width: max-content; } } .product__main-layout .product__rating .product__rating__list { display: grid; grid-template-columns: 1fr; row-gap: 40px; } .product__main-layout .product__rating .product__rating__list .rating__cards-container { position: absolute; visibility: hidden; opacity: 0; display: grid; grid-template-columns: 1fr; row-gap: 40px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .product__main-layout .product__rating .product__rating__list .rating__cards-container .product__rating__card-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__main-layout .product__rating .product__rating__list .rating__cards-container .product__rating__card-caption > img { margin-right: 20px; width: 50px; height: 50px; border-radius: 25px; -o-object-fit: cover; object-fit: cover; background-color: #d9d9d9; } .product__main-layout .product__rating .product__rating__list .rating__cards-container .product__rating__card-caption > span > p { font-size: 16px; font-weight: bold; } .product__main-layout .product__rating .product__rating__list .rating__cards-container .product__rating__card-caption > span > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__main-layout .product__rating .product__rating__list .rating__cards-container .product__rating__card-caption > span > div img { margin-right: 5px; width: 20px; height: 20px; } .product__main-layout .product__rating .product__rating__list .rating__cards-container .product__rating__card-caption > span > div img:last-child { margin-right: 0px; } .product__main-layout .product__rating .product__rating__list .rating__cards-container .product__rating__card > p { margin-top: 10px; font-size: 16px; } .product__main-layout .product__rating .product__rating__list .rating__cards-container button { justify-self: start; padding: 10px 15px; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #4092dd; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .product__main-layout .product__rating .product__rating__list .rating__cards-container button img { margin-left: 10px; } .product__main-layout .product__rating .product__rating__list .rating__cards-container button.hide { display: none; } @media screen and (max-width: 600px) { .product__main-layout .product__rating .product__rating__list .rating__cards-container button { justify-self: center; } } .product__main-layout .product__rating .product__rating__list .rating__cards-container:first-child { position: relative; visibility: visible; opacity: 1; } .product__main-layout .product__rating .product__rating__list .rating__cards-container.visible { position: relative; visibility: visible; opacity: 1; } .product__main-layout .product__rating .product__rating-write { height: -webkit-max-content; height: -moz-max-content; height: max-content; display: grid; grid-template-columns: 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; row-gap: 10px; } .product__main-layout .product__rating .product__rating-write div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__main-layout .product__rating .product__rating-write div span { margin-right: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__main-layout .product__rating .product__rating-write div span img { margin-right: 5px; width: 20px; height: 20px; } .product__main-layout .product__rating .product__rating-write div span img:last-child { margin-right: 0px; } .product__main-layout .product__rating .product__rating-write div p { font-size: 14px; font-weight: normal; color: #42b840; } .product__main-layout .product__rating .product__rating-write button { padding: 10px 10px; font-weight: bold; font-size: 16px; background-color: #fad85f; border-radius: 90px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; } .product__main-layout .product__rating .product__rating-write button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .product__main-layout .product__rating .product__rating-write p { font-size: 16px; font-weight: bold; } .compare__main-layout { padding: 10px 0; } .compare__main-layout .compare__products__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .compare__main-layout .compare__products__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .compare__main-layout .compare__products__path li { margin-right: 20px; font-size: 14px; } .compare__main-layout .compare__products__path li:first-child::before { display: none; } .compare__main-layout .compare__products__path li:last-child { margin-right: 0px; } .compare__main-layout .compare__products__path a { font-size: 14px; color: #42b840; } .compare__main-layout .compare__products__path p { font-size: 14px; color: #727272; } .compare__main-layout .compare__products-caption > h2 { color: black; font-size: 48px; font-weight: bold; } .compare__main-layout .compare__products-caption > h2 > span { color: #42b840; font-weight: normal; } @media screen and (max-width: 600px) { .compare__main-layout .compare__products-caption h2 { font-size: 30px; } } .compare__main-layout .compare__products-panel { margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .compare__main-layout .compare__products-panel-filters { margin-bottom: 10px; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .compare__main-layout .compare__products-panel-filters button { margin-right: 10px; margin-bottom: 10px; padding: 10px 15px; border-radius: 90px; border: 1px solid #42b840; font-size: 16px; font-weight: bold; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .compare__main-layout .compare__products-panel-filters button:hover { background-color: #42b840; color: #fff; } .compare__main-layout .compare__products-panel-filters button.active { background-color: #42b840; color: #fff; } .compare__main-layout .compare__products-panel-sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .compare__main-layout .compare__products-panel-sort p { margin-right: 10px; font-size: 16px; font-weight: bold; } .compare__main-layout .compare__products-panel-sort button, .compare__main-layout .compare__products-panel-sort a { margin-right: 10px; margin-bottom: 10px; padding: 5px 10px; font-size: 16px; border-radius: 90px; border: 1px solid #ececec; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .compare__main-layout .compare__products-panel-sort button.active, .compare__main-layout .compare__products-panel-sort a.active { color: #42b840; background-color: inherit; border: 1px solid #42b840; } .compare__main-layout .compare__products-panel-sort button:hover, .compare__main-layout .compare__products-panel-sort a:hover { border: 1px solid #42b840; } .compare__main-layout .compare__products-list { position: relative; margin-top: 40px; padding-bottom: 40px; overflow: auto; -webkit-overflow-scrolling: touch; } .compare__main-layout .compare__products-list::-webkit-scrollbar { height: 20px; border: none; border-radius: 25px; } .compare__main-layout .compare__products-list::-webkit-scrollbar-track { padding: 0 5px; background-color: #ececec; border-top: 9px solid #fff; border-bottom: 9px solid #fff; border-radius: 25px; } .compare__main-layout .compare__products-list::-webkit-scrollbar-thumb { background-color: white; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0iIzQyQjg0MCIvPjxwYXRoIGQ9Ik02IDBIOFYxMUg2VjBaIiBmaWxsPSIjNDJCODQwIi8+PHBhdGggZD0iTTEyIDBIMTRWMTFIMTJWMFoiIGZpbGw9IiM0MkI4NDAiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; border: 2px solid #42b840; } .compare__main-layout .compare__products-list > span { width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; padding: 60px 0 25px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-bottom: 1px solid #ececec; } .compare__main-layout .compare__products-list > span > h4 { position: absolute; top: 5%; left: 0; font-size: 18px; font-weight: bold; } .compare__main-layout .compare__products-list > span > div { margin-right: 40px; position: relative; min-width: 250px; max-width: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; /* -webkit-box-align: center; -ms-flex-align: center; align-items: center; */ } .compare__main-layout .compare__products-list > span > div > p, .compare__main-layout .compare__products-list > span > div > li { font-size: 16px; } .compare__main-layout .compare__products-list > span > div > h5 { font-size: 18px; font-weight: bold; } .compare__main-layout .compare__products-list > span > div:last-child { margin-right: 0px; } .compare__main-layout .compare__products-list .compare__products-card-image > div { display: grid; grid-template-columns: 1fr; } .catalog-compare-item-title { height: 55px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; font-weight: bold; color: #42b840; } .compare__main-layout .compare__products-list .compare__products-card-image > div img { width: 100%; height: 250px; max-height: unset; -o-object-fit: contain; object-fit: contain; } .compare__main-layout .compare__products-list .compare__products-card-rating p { margin-left: 15px; font-size: 14px; } .compare__main-layout .compare__products-list .compare__products-card-price { border-bottom: none; } .compare__main-layout .compare__products-list .compare__products-card-price p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-size: bold; } .compare__main-layout .compare__products-list .compare__products-card-price p span { margin-left: 20px; font-size: 16px; font-size: normal; color: #42b840; text-decoration: line-through; } .compare__main-layout .compare__products-list .compare__products-card-buttons { padding: 0; border-bottom: none; } .compare__main-layout .compare__products-list .compare__products-card-buttons > div { display: grid; grid-template-columns: 1fr; row-gap: 20px; align-content: end; } .compare__main-layout .compare__products-list .compare__products-card-buttons > div > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: black; font-size: 16px; border-radius: 90px; border: 1px solid #ececec; background-color: inherit; } .compare__main-layout .compare__products-list .compare__products-card-buttons > div > div button { padding: 10px 15px; transition: all 0.2s ease-in-out; border-radius: 90px; } .compare__main-layout .compare__products-list .compare__products-card-buttons > div > div button:first-child { padding: 10px 17px; } .compare__main-layout .compare__products-list .compare__products-card-buttons > div > div button:hover { color: #fff; background-color: #42b840; } .compare__main-layout .compare__products-list .compare__products-card-buttons > div > button { padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 16px; font-weight: bold; background-color: #42b840; border-radius: 90px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; } .compare__main-layout .compare__products-list .compare__products-card-buttons > div > button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .compare__main-layout .compare__products-list .compare__products-card-buttons > div > a { padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-size: 16px; font-weight: bold; background-color: #fad85f; border-radius: 90px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; } .compare__main-layout .compare__products-list .compare__products-card-buttons > div > a:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } @media screen and (max-width: 600px) { .compare__main-layout .compare__products-list > span { padding: 45px 0 20px 0; } .compare__main-layout .compare__products-list > span > h4 { top: 7%; font-size: 16px; } .compare__main-layout .compare__products-list > span > div { min-width: 160px; max-width: 160px; margin-right: 20px; } .compare__main-layout .compare__products-list > span > div > p { font-size: 14px; } .compare__main-layout .compare__products-list > span > div:last-child { margin-right: 0px; } .compare__main-layout .compare__products-list .compare__products-card-image > div img { height: 160px; } } .cart__main-layout { background-color: #ececec; padding: 10px 0; } .cart__main-layout .cart__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .cart__main-layout .cart__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .cart__main-layout .cart__path li { margin-right: 20px; font-size: 14px; } .cart__main-layout .cart__path li:first-child::before { display: none; } .cart__main-layout .cart__path li:last-child { margin-right: 0px; } .cart__main-layout .cart__path a { font-size: 14px; color: #42b840; } .cart__main-layout .cart__path p { font-size: 14px; color: #727272; } .cart__main-layout h2 { color: black; font-size: 48px; font-weight: bold; } .cart__main-layout h2 > span { color: #42b840; font-weight: normal; } .cart__main-layout .cart__list { padding: 25px; display: grid; grid-template-columns: 1fr; border-radius: 20px; background-color: #fff; } .cart__main-layout .cart__list .cart__list-card { padding: 15px 0; display: grid; grid-template-columns: 1fr 2fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; border-bottom: 1px solid #ececec; } .cart__main-layout .cart__list .cart__list-card-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart__main-layout .cart__list .cart__list-card-name h3 { margin-right: 20px; font-size: 16px; font-weight: bold; } .cart__main-layout .cart__list .cart__list-card-name img { margin-right: 20px; width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover; } .cart__main-layout .cart__list .cart__list-card-name a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; color: black; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart__main-layout .cart__list .cart__list-card-name a:hover { color: #42b840; } .cart__main-layout .cart__list .cart__list-card-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart__main-layout .cart__list .cart__list-card-price p { margin-right: 20px; font-weight: bold; font-size: 18px; color: #42b840; } .cart__main-layout .cart__list .cart__list-card-price p span { font-size: 16px; color: black; } .cart__main-layout .cart__list .cart__list-card-price > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: black; font-size: 16px; border-radius: 90px; border: 1px solid #ececec; background-color: inherit; padding: 0 !important; height: 40px; } .cart__main-layout .cart__list .cart__list-card-price > div button, .cart__list-card-price > div > span { transition: all 0.2s ease-in-out; border-radius: 90px; height: 40px !important; width: 40px !important; } .cart__main-layout .cart__list .cart__list-card-price > div button:first-child, .cart__list-card-price > div > span:first-child { padding: 10px 17px; } .cart__main-layout .cart__list .cart__list-card-price > div button:hover, .cart__list-card-price > div > span:hover { color: #fff !important; background-color: #42b840; } .cart__list-card-price > div > span::before + span::after { transition: all 0.2s ease-in-out; } .cart__list-card-price > div > span:hover::before { background-color: #fff !important; } .cart__list-card-price > div > span:hover::after { background-color: #fff !important; } .cart__list-card-price > div > div > input { height: 40px !important; pointer-events: none; color: #42b840 !important; border-left: none !important; border-right: none !important; } .cart__main-layout .cart__list .cart__list-card-price > div p { margin: 0 10px; } .cart__main-layout .cart__list .cart__list-card-price > p:nth-child(3) { width: 150px; font-size: 18px; font-weight: bold; text-decoration: none; color: black; } .cart__main-layout .cart__list .cart__list-card-price > p:nth-child(3) span { font-size: 14px; font-weight: normal; color: #42b840; text-decoration: line-through; } .cart__main-layout .cart__list .cart__list-card-price > button { padding: 10px 20px; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 14px; color: #42b840; border-left: 1px solid #ececec; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart__main-layout .cart__list .cart__list-card-price > button:hover { color: #fad85f; } .cart__main-layout .cart__list .cart__list-total { justify-self: end; } .cart__main-layout .cart__list .cart__list-total-price { margin: 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart__main-layout .cart__list .cart__list-total-price p { margin-right: 20px; font-size: 36px; font-weight: bold; color: #9b9b9b; } .cart__main-layout .cart__list .cart__list-total-price p span { margin-left: 20px; color: black; } .cart__main-layout .cart__list .cart__list-total-bonuses { margin: 15px 20px 15px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart__main-layout .cart__list .cart__list-total-bonuses p { margin-left: 10px; font-size: 18px; font-weight: normal; color: black; } .cart__main-layout .cart__list .cart__list-total-bonuses p span { margin-left: 20px; color: #42b840; } .cart__main-layout .cart__order { margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cart__main-layout .cart__order a:first-child, .cart__main-layout .cart__order button { margin-right: 20px; } @media (max-width: 650px) { .cart__main-layout .cart__order a:first-child, .cart__main-layout .cart__order button { margin-right: 0 !important; } .basket-item-label-ring.basket-item-label-small { left: 15px; } } .cart__main-layout .cart__order a, .cart__main-layout .cart__order button { padding: 0 25px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: bold; border-radius: 90px; } /* .cart__main-layout .cart__order .cart--continue--shopping { color: #4092dd; border: 1px solid rgba(0, 0, 0, 0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart__main-layout .cart__order .cart--continue--shopping:hover { border: 1px solid #4092dd; } */ .cart__main-layout .cart__order .cart--buy--one--click { background-color: #fad85f; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart__main-layout .cart__order .cart--buy--one--click:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .cart__main-layout .cart__order .cart--checkout--order { background-color: #42b840; color: #fff; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart__main-layout .cart__order .cart--checkout--order:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } @media screen and (max-width: 1280px) { .cart__main-layout .cart__list .cart__list-total-price { flex-direction: column; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } } @media screen and (max-width: 1100px) { .cart__main-layout .cart__list .cart__list-card { grid-template-columns: 1fr; row-gap: 40px; } .cart__main-layout .cart__list .cart__list-card-name a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cart__main-layout .cart__list .cart__list-card-price { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cart__main-layout .cart__list .cart__list-card-price p:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; } .cart__main-layout .cart__list .cart__list-total-price { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cart__main-layout .cart__list .cart__list-total-price p { font-size: 24px; } .cart__main-layout .cart__list .cart__list-total-bonuses { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 650px) { .cart__main-layout .cart__list .cart__list-card { position: relative; } .cart__main-layout .cart__list .cart__list-card-name { margin-top: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cart__main-layout .cart__list .cart__list-card-name h3 { display: none; } .cart__main-layout .cart__list .cart__list-card-price { margin-top: 5px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .cart__main-layout .cart__list .cart__list-card-price p:first-child { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; justify-self: end; text-align: right; } .cart__main-layout .cart__list .cart__list-card-price p:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; justify-self: start; text-align: left; width: 100%; } .cart__main-layout .cart__list .cart__list-card-price > div { width: -webkit-max-content; width: -moz-max-content; width: max-content; justify-self: start; } .cart__main-layout .cart__list .cart__list-card-price > button { justify-self: end; } .cart__main-layout .cart__order { display: grid; grid-template-columns: 1fr; justify-items: stretch; row-gap: 5px; } .cart__main-layout .cart__order a { text-align: center; } .cart__main-layout .cart__order a, .cart__main-layout .cart__order button { margin-right: 0px; } .cart__main-layout h2 { font-size: 30px; } } @media screen and (max-width: 420px) { .cart__main-layout .cart__list .cart__list-card-price p:nth-child(3) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .checkout__main-layout { background-color: #ececec; padding: 10px 0; padding-bottom: 40px; } .checkout__main-layout .checkout__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .checkout__main-layout .checkout__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .checkout__main-layout .checkout__path li { margin-right: 20px; font-size: 14px; } .checkout__main-layout .checkout__path li:first-child::before { display: none; } .checkout__main-layout .checkout__path li:last-child { margin-right: 0px; } .checkout__main-layout .checkout__path a { font-size: 14px; color: #42b840; } .checkout__main-layout .checkout__path p { font-size: 14px; color: #727272; } .checkout__main-layout h2 { color: black; font-size: 48px; font-weight: bold; } .checkout__main-layout h2 > span { color: #42b840; font-weight: normal; } @media screen and (max-width: 600px) { .checkout__main-layout h2 { font-size: 30px; } } .checkout__main-layout .checkout__item-caption { padding: 15px 20px; background-color: #dddddd; border-radius: 20px; } .checkout__main-layout .checkout__item-caption h3 { font-size: 24px; font-weight: bold; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__item-caption h3 { font-size: 18px; } } .checkout__main-layout .checkout__products { margin-top: 20px; display: grid; grid-template-columns: 1fr; } .checkout__main-layout .checkout__products-list { padding: 15px 20px; display: grid; grid-template-columns: 1fr; border-radius: 20px; background-color: #fff; } .checkout__main-layout .checkout__products-list-card { padding: 15px 0; display: grid; grid-template-columns: 4fr 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; border-bottom: 1px solid #ececec; } .checkout__main-layout .checkout__products-list-card .checkout__list-card-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .checkout__main-layout .checkout__products-list-card .checkout__list-card-name h3 { margin-right: 20px; margin-bottom: 20px; font-size: 16px; font-weight: bold; } .checkout__main-layout .checkout__products-list-card .checkout__list-card-name img { margin-right: 20px; width: 80px; height: 80px; -o-object-fit: cover; object-fit: cover; } .checkout__main-layout .checkout__products-list-card .checkout__list-card-name a { max-width: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; color: black; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__products-list-card .checkout__list-card-name a:hover { color: #42b840; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__products-list-card .checkout__list-card-name a { font-size: 16px; } } .checkout__main-layout .checkout__products-list-card .checkout__list-card-name p { font-weight: bold; font-size: 18px; color: #42b840; } .checkout__main-layout .checkout__products-list-card .checkout__list-card-name p span { font-size: 16px; color: black; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__products-list-card .checkout__list-card-name p { font-size: 16px; } } .checkout__main-layout .checkout__products-list-card .checkout__list-card-price p { width: 150px; font-size: 18px; font-weight: bold; text-decoration: none; color: black; } .checkout__main-layout .checkout__products-list-card .checkout__list-card-price p span { font-size: 14px; font-weight: normal; color: #42b840; text-decoration: line-through; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__products-list-card .checkout__list-card-price p { font-size: 16px; } } .checkout__main-layout .checkout__products-list-card:last-child { border-bottom: none; } .checkout__main-layout .checkout__personal { margin-top: 20px; } .checkout__main-layout .checkout__personal form { padding: 15px 20px; display: grid; grid-template-columns: 1fr; row-gap: 40px; border-radius: 20px; background-color: #fff; } .checkout__main-layout .checkout__personal form > div { display: grid; grid-template-rows: repeat(3, 60px); grid-auto-flow: column; grid-auto-columns: 1fr; gap: 10px 40px; } .checkout__main-layout .checkout__personal form > div span { display: grid; grid-template-columns: 1fr 2fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px 10px; } .checkout__main-layout .checkout__personal form > div span label { justify-self: start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: bold; } .checkout__main-layout .checkout__personal form > div span label > div { padding-left: 4px; color: #42b840; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__personal form > div span label { font-size: 14px; } } .checkout__main-layout .checkout__personal form > div span input { padding-left: 10px; justify-self: stretch; height: 40px; font-size: 16px; color: black; border-radius: 90px; background-color: #ececec; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__personal form > div span input { font-size: 14px; } } .checkout__main-layout .checkout__personal form > span { position: relative; } .checkout__main-layout .checkout__personal form > span input[type='checkbox'] { visibility: hidden; } .checkout__main-layout .checkout__personal form > span input[type='checkbox']:checked + label::after { position: absolute; content: ''; top: 1px; left: 8px; width: 10px; height: 20px; border-radius: 1px; border-right: 3px solid #42b840; border-bottom: 3px solid #42b840; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .checkout__main-layout .checkout__personal form > span label { margin-left: 15px; font-size: 16px; color: #575757; cursor: pointer; } .checkout__main-layout .checkout__personal form > span label::before { position: absolute; content: ''; top: 2px; left: 0; width: 26px; height: 26px; border-radius: 4px; border: 1px solid #575757; background-color: #fff; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__personal form > span label { font-size: 14px; } } .checkout__main-layout .checkout__delivery { margin-top: 20px; } .checkout__main-layout .checkout__delivery-wrapper { padding: 15px 20px; display: grid; grid-template-columns: 1fr; row-gap: 40px; border-radius: 20px; background-color: #fff; } .checkout__main-layout .checkout__delivery-list { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .checkout__main-layout .checkout__delivery-list > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout__main-layout .checkout__delivery-list > span img { margin-right: 10px; height: 40px; } .checkout__main-layout .checkout__delivery-list > span p { font-size: 16px; } .checkout__main-layout .checkout__delivery-list > span p span { font-weight: bold; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__delivery-list > span p { font-size: 14px; } } .checkout__main-layout .checkout__delivery--type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .checkout__main-layout .checkout__delivery--type input[type='radio'] { position: absolute; visibility: hidden; } .checkout__main-layout .checkout__delivery--type svg, .checkout__main-layout .checkout__delivery--type path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__delivery--type input[type='radio']:checked + label { background-color: #42b840; color: #fff; cursor: default; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__delivery--type input[type='radio']:checked + label path { fill: #fff; } .checkout__main-layout .checkout__delivery--type label { margin-right: 10px; margin-bottom: 10px; padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 16px; font-weight: bold; border-radius: 90px; border: 1px solid #42b840; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__delivery--type label path { fill: #000; } .checkout__main-layout .checkout__delivery--type label:hover { background-color: rgba(219, 255, 218, 0.5); } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__delivery--type label { margin-right: 0px; font-size: 14px; width: 100%; } } .checkout__main-layout .checkout__address { margin-top: 20px; } .checkout__main-layout .checkout__address-wrapper { padding: 15px 20px; display: grid; grid-template-columns: 1fr; row-gap: 40px; border-radius: 20px; background-color: #fff; } .checkout__main-layout .checkout__address-wrapper > button { justify-self: start; padding: 10px 15px; font-size: 16px; font-weight: bold; border-radius: 90px; border: 1px solid #42b840; background-color: inherit; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__address-wrapper > button:hover { background-color: #42b840; color: #fff; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__address-wrapper > button { font-size: 14px; } } .checkout__main-layout .checkout__address-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .checkout__main-layout .checkout__address-list .checkout__address-card { padding: 15px 45px 15px 15px; position: relative; display: grid; grid-template-columns: 1fr; gap: 20px; border-radius: 18px; background-color: #ececec; } .checkout__main-layout .checkout__address-list .checkout__address-card h4 { font-size: 16px; font-weight: bold; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__address-list .checkout__address-card h4 { font-size: 14px; } } .checkout__main-layout .checkout__address-list .checkout__address-card p { color: #727272; font-size: 16px; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__address-list .checkout__address-card p { font-size: 14px; } } .checkout__main-layout .checkout__address-list .checkout__address-card button { position: absolute; top: 5px; right: 5px; padding: 8px; border-radius: 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__address-list .checkout__address-card button svg, .checkout__main-layout .checkout__address-list .checkout__address-card button path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__address-list .checkout__address-card button:hover { background-color: #42b840; } .checkout__main-layout .checkout__address-list .checkout__address-card button:hover path { fill: #fff; } .checkout__main-layout .checkout__direction { margin-top: 20px; } .checkout__main-layout .checkout__direction-wrapper { padding: 15px 20px; display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; border-radius: 20px; background-color: #fff; } @media screen and (max-width: 800px) { .checkout__main-layout .ymaps-2-1-79-map.ymaps-2-1-79-i-ua_js_yes.ymaps-2-1-79-map-bg.ymaps-2-1-79-islets_map-lang-ru { height: 450px; } } @media screen and (max-width: 600px) { .checkout__main-layout .ymaps-2-1-79-map.ymaps-2-1-79-i-ua_js_yes.ymaps-2-1-79-map-bg.ymaps-2-1-79-islets_map-lang-ru { height: 400px; } } @media screen and (max-width: 550px) { .checkout__main-layout .ymaps-2-1-79-map.ymaps-2-1-79-i-ua_js_yes.ymaps-2-1-79-map-bg.ymaps-2-1-79-islets_map-lang-ru { height: 350px; } } @media screen and (max-width: 500px) { .checkout__main-layout .ymaps-2-1-79-map.ymaps-2-1-79-i-ua_js_yes.ymaps-2-1-79-map-bg.ymaps-2-1-79-islets_map-lang-ru { height: 300px; } } @media screen and (max-width: 800px) { .checkout__main-layout .checkout__direction-map h4 { font-size: 18px; } } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__direction-map h4 { font-size: 16px; } } @media screen and (max-width: 450px) { .checkout__main-layout .checkout__direction-map h4 { font-size: 14px; } } .checkout__main-layout .checkout__direction form { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 60px); gap: 10px 20px; } .checkout__main-layout .checkout__direction form span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout__main-layout .checkout__direction form span label { font-size: 16px; font-weight: bold; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__direction form span label { font-size: 14px; } } .checkout__main-layout .checkout__direction form span textarea { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 10px; height: 100px; font-size: 16px; border-radius: 20px; background-color: #ececec; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__direction form span textarea { font-size: 14px; } } .checkout__main-layout .checkout__direction form span input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px; height: 40px; font-size: 16px; border-radius: 90px; background-color: #ececec; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__direction form span input { font-size: 14px; } } .checkout__main-layout .checkout__direction form span:nth-child(2) input, .checkout__main-layout .checkout__direction form span:nth-child(3) input, .checkout__main-layout .checkout__direction form span:nth-child(4) input, .checkout__main-layout .checkout__direction form span:nth-child(5) input { max-width: 192px; } .checkout__main-layout .checkout__direction form span:first-child, .checkout__main-layout .checkout__direction form span:last-child { grid-column: span 2; } .checkout__main-layout .checkout__direction form span:last-child { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .checkout__main-layout .checkout__direction form span:last-child label { margin-top: 10px; } .checkout__main-layout .checkout__pay { margin-top: 20px; } .checkout__main-layout .checkout__pay form { padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 20px; background-color: #fff; } .checkout__main-layout .checkout__pay form input[type='radio'] { position: absolute; visibility: hidden; } .checkout__main-layout .checkout__pay form svg, .checkout__main-layout .checkout__pay form path { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__pay form input[type='radio']:checked + label { background-color: #42b840; color: #fff; cursor: default; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__pay form input[type='radio']:checked + label path { fill: #fff; } .checkout__main-layout .checkout__pay form label { margin-bottom: 10px; margin-right: 10px; padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 16px; font-weight: bold; border-radius: 90px; border: 1px solid #42b840; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout__main-layout .checkout__pay form label path { fill: #000; } .checkout__main-layout .checkout__pay form label:hover { background-color: rgba(219, 255, 218, 0.5); } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__pay form label { font-size: 14px; margin-right: 0px; width: 100%; } } .checkout__main-layout .checkout__bonuses { margin-top: 20px; } .checkout__main-layout .checkout__bonuses .checkout__item-caption { background-color: #fad85f; } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount { padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #fff; } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span:last-child { margin-bottom: 0px; } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span img { margin-right: 10px; } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span p { margin: 0 10px; font-size: 18px; font-weight: bold; } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span p span { padding-left: 15px; color: #42b840; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span p { font-size: 16px; } } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; width: 500px; } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span:last-child input { padding-left: 10px; width: 100%; height: 40px; font-size: 16px; border-radius: 90px; background-color: #ececec; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span:last-child input { font-size: 14px; } } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span:last-child button { position: absolute; top: 0; right: 0; padding: 0 15px; height: 40px; font-size: 16px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span:last-child button:hover { background-color: #42b840; color: #fff; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__bonuses .checkout__bonuses-amount > span:last-child button { font-size: 14px; } } .checkout__main-layout .checkout__promocode { margin-top: 20px; padding: 15px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #42b840; } /** budetsdelano */ .checkout__main-layout .checkout__promocode h2 { line-height: normal; } @media (max-width: 530px) { .checkout__main-layout .checkout__promocode h2 { text-align: center; } } /** budetsdelano */ .checkout__main-layout .checkout__promocode .checkout__item-caption { background-color: inherit; border-radius: none; color: #fff; } .checkout__main-layout .checkout__promocode .checkout__item-caption h2 { color: #fff; } .checkout__main-layout .checkout__promocode .checkout__promocode-input { margin-right: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1100px) { .checkout__main-layout .checkout__promocode .checkout__promocode-input { margin-bottom: 20px; } } @media (max-width: 1000px) { .checkout__main-layout .checkout__bonuses .available__bonuses--count { margin-bottom: 20px; } } .checkout__main-layout .checkout__promocode .checkout__promocode-input > span { position: relative; width: 100%; } .checkout__main-layout .checkout__promocode .checkout__promocode-input > span input { padding-left: 10px; width: 100%; height: 40px; font-size: 16px; border-radius: 90px; background-color: #ececec; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__promocode .checkout__promocode-input > span input { font-size: 14px; } } .checkout__main-layout .checkout__promocode .checkout__promocode-input > span button { position: absolute; top: 0; right: 0; padding: 0 15px; height: 40px; font-size: 16px; font-weight: bold; border: 1px solid #fad85f; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .checkout__main-layout .checkout__promocode .checkout__promocode-input > span button:hover { background-color: #fad85f; color: #fff; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__promocode .checkout__promocode-input > span button { font-size: 14px; } } .checkout__main-layout .checkout__promocode > a { color: #fff; font-size: 16px; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__promocode > a { font-size: 14px; } } .checkout__main-layout .checkout__total { margin-top: 20px; } .checkout__main-layout .checkout__total-list { padding: 15px 20px; display: grid; grid-template-columns: 1fr; row-gap: 20px; border-radius: 20px; background-color: #fff; } .checkout__main-layout .checkout__total-list span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout__main-layout .checkout__total-list span div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 15px; border-bottom: 1px dashed #ececec; } .checkout__main-layout .checkout__total-list span p { font-size: 16px; font-weight: bold; } .checkout__main-layout .checkout__total-list span p:has(img) { color: #42b840; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout__main-layout .checkout__total-list span p:has(img) img { margin-left: 5px; width: 20px; height: 20px; } @media screen and (max-width: 600px) { .checkout__main-layout .checkout__total-list span p { font-size: 14px; } .checkout__main-layout .checkout__total-list span { display: grid; grid-template-columns: 1fr; justify-items: start; row-gap: 5px; } .checkout__main-layout .checkout__total-list span div { display: none; } } .checkout__main-layout .checkout--to--pay { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .checkout__main-layout .checkout--to--pay a { padding: 10px 15px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; border-radius: 90px; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .checkout__main-layout .checkout--to--pay a:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } @media screen and (max-width: 600px) { .checkout__main-layout .checkout--to--pay { display: grid; grid-template-columns: 1fr; justify-items: stretch; } } @media screen and (max-width: 1440px) { .checkout__main-layout .checkout__direction-wrapper { grid-template-columns: 1fr; } .checkout__main-layout .checkout__direction-wrapper form { width: 50%; } } @media screen and (max-width: 1250px) { .checkout__main-layout .checkout__personal form > div { grid-template-rows: repeat(4, 60px); } } @media screen and (max-width: 1100px) { .checkout__main-layout .checkout__delivery-list { grid-template-columns: 1fr; } .checkout__main-layout .checkout__address-list { grid-template-columns: 1fr 1fr; } .checkout__main-layout .checkout__promocode { display: grid; grid-template-columns: 1fr; } .checkout__main-layout .checkout__promocode a { justify-self: end; } } @media screen and (max-width: 1000px) { .checkout__main-layout .checkout__address-list { grid-template-columns: 1fr; } .checkout__main-layout .checkout__direction form { width: 100%; grid-template-columns: 1fr; grid-template-rows: repeat(5, 60px); } .checkout__main-layout .checkout__direction form span { display: grid; grid-template-columns: 135px 1fr; gap: 0px 10px; } .checkout__main-layout .checkout__direction form span input { max-width: none !important; justify-self: stretch; } .checkout__main-layout .checkout__direction form span:first-child, .checkout__main-layout .checkout__direction form span:last-child { grid-column: span 1; } .checkout__main-layout .checkout__products-list-card { position: relative; padding-bottom: 50px; display: grid; grid-template-columns: 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .checkout__main-layout .checkout__products-list-card .checkout__list-card-name p { position: absolute; left: 0; bottom: 15px; } .checkout__main-layout .checkout__products-list-card .checkout__list-card-price { position: absolute; right: 0; bottom: 15px; } .checkout__main-layout .checkout__bonuses-amount { display: grid !important; grid-template-columns: 1fr; } .checkout__main-layout .checkout__bonuses-amount span { width: 100% !important; } } @media screen and (max-width: 800px) { .checkout__main-layout .checkout__personal form > div { row-gap: 20px; } .checkout__main-layout .checkout__personal form > div span { grid-template-columns: 1fr; row-gap: 5px; } .checkout__main-layout .checkout__direction form span { grid-template-columns: 1fr; gap: 5px 0; } } .brand__main-layout { padding: 10px 0; background-color: #ececec; } .brand__main-layout .brand__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .brand__main-layout .brand__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .brand__main-layout .brand__path li { margin-right: 20px; font-size: 14px; } .brand__main-layout .brand__path li:first-child::before { display: none; } .brand__main-layout .brand__path li:last-child { margin-right: 0px; } .brand__main-layout .brand__path a { font-size: 14px; color: #42b840; } .brand__main-layout .brand__path p { font-size: 14px; color: #727272; } .brand__main-layout .brand__products-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand__main-layout .brand__products-caption > h2 { color: black; font-size: 48px; font-weight: bold; } @media screen and (max-width: 600px) { .brand__main-layout .brand__products-caption h2 { font-size: 30px; } } @media screen and (max-width: 380px) { .brand__main-layout .brand__products-caption { margin-right: 10px; } .brand__main-layout .brand__products-caption h2 { font-size: 24px; } } .brand__main-layout .brand__products-panel { margin-top: 25px; } .brand__main-layout .brand__products-panel-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; } .brand__main-layout .brand__products-panel-filters > button { margin-right: 10px; margin-bottom: 10px; padding: 10px 15px; background-color: #fff; border: 1px solid #42b840; border-radius: 25px; font-weight: bold; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .brand__main-layout .brand__products-panel-filters > button:hover { color: #fff; background-color: #42b840; } .brand__main-layout .brand__products-panel-filters > button.active { color: #fff; background-color: #42b840; } .brand__main-layout .brand__products-panel-sort { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; } .brand__main-layout .brand__products-panel-sort span { margin-right: 10px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brand__main-layout .brand__products-panel-sort span button { margin-left: 7px; } .brand__main-layout .brand__products-panel-sort span:last-child button { margin-left: 3px; } .brand__main-layout .brand__products-panel-sort .nice-select { margin-left: 5px; background-color: #ececec; border: 1px solid #ececec; } .brand__main-layout .brand__products-panel-sort .nice-select:hover { border: 1px solid #42b840; } .brand__main-layout .brand__products-panel-sort a, .brand__main-layout .brand__products-panel-sort button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand__main-layout .brand__products-panel-sort button img { margin-left: 5px; } @media screen and (max-width: 1050px) { .brand__main-layout .brand__products-panel { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .brand__main-layout .brand__products-panel .catalog__products-panel-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #42b840; } } .brand__main-layout .brand__products-list { margin-top: 10px; margin-bottom: 25px; display: grid; grid-template-columns: repeat(5, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; } .brand__main-layout .brand__products-list .nice-select { padding: 7px 15px; width: 100%; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background-color: #ececec; } .brand__main-layout .brand__products-list .nice-select:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; } .brand__main-layout .brand__products-list .nice-select.open:after { -webkit-transform: scale(1, -1) translateY(5px); transform: scale(1, -1) translateY(5px); } .brand__main-layout .brand__products-list .brand__products-card { padding: 10px 20px; display: grid; grid-template-columns: 1fr; border-radius: 10px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .brand__main-layout .brand__products-list .brand__products-card-caption { position: relative; display: grid; grid-template-columns: 1fr; } .brand__main-layout .brand__products-list .brand__products-card-caption a { justify-self: center; } .brand__main-layout .brand__products-list .brand__products-card-caption-offer { position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .brand__main-layout .brand__products-list .brand__products-card-caption-offer p, .brand__main-layout .brand__products-list .brand__products-card-caption-offer div { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; border-radius: 20px; } .brand__main-layout .brand__products-list .brand__products-card-caption-offer .caption__offer-discount { background-color: #fad85f; } .brand__main-layout .brand__products-list .brand__products-card-caption-offer .caption__offer-best { color: #fff; background-color: #42b840; } .brand__main-layout .brand__products-list .brand__products-card-caption-offer .caption__offer-good { background-color: #4092dd; } .brand__main-layout .brand__products-list .brand__products-card-caption-favorite { position: absolute; top: 0; left: 90%; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .brand__main-layout .brand__products-list .brand__products-card-caption-favorite button { width: 30px; height: 30px; border: none; background-color: inherit; cursor: pointer; } .brand__main-layout .brand__products-list .brand__products-card-caption-favorite a { width: 24px; height: 24px; } .brand__main-layout .brand__products-list .brand__products-card-caption-new { position: absolute; top: 80%; left: 0; padding: 0 5px; color: #ff4b55; font-size: 14px; font-weight: bold; border: 1px solid #ff4b55; border-radius: 5px; } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics { padding: 5px 0px; display: grid; grid-template-columns: 1fr 1fr 3fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics span img { margin-right: 2px; } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics p { text-align: right; font-size: 12px; color: rgb(66, 66, 66); } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics img { width: 15px; height: 15px; } .brand__main-layout .brand__products-list .brand__products-card-title { display: grid; grid-template-columns: 1fr; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .brand__main-layout .brand__products-list .brand__products-card-title a p { width: 100%; height: 50px; font-size: 16px; font-weight: bold; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .brand__main-layout .brand__products-list .brand__products-card-title a p:hover { color: #42b840; } .brand__main-layout .brand__products-list .brand__products-card-price { -ms-flex-item-align: end; align-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .brand__main-layout .brand__products-list .brand__products-card-price span { padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand__main-layout .brand__products-list .brand__products-card-price span:nth-child(3) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .brand__main-layout .brand__products-list .brand__products-card-price span:nth-child(3) h4 { margin-right: 7px; font-size: 18px; font-weight: bold; } .brand__main-layout .brand__products-list .brand__products-card-price span:nth-child(3) p { font-size: 14px; color: #42b840; text-decoration: line-through; } .brand__main-layout .brand__products-list .brand__products-card-price span:last-child { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .brand__main-layout .brand__products-list .brand__products-card-price span:last-child div { margin-right: 15px; padding: 4px 0; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-size: 14px; font-weight: bold; color: rgb(66, 66, 66); border: 1px solid #ececec; border-radius: 90px; } .brand__main-layout .brand__products-list .brand__products-card-price span:last-child div button { -ms-flex-item-align: stretch; align-self: stretch; justify-self: stretch; padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: normal; border: none; background-color: inherit; cursor: pointer; } .brand__main-layout .brand__products-list .brand__products-card-price span:last-child button { padding: 7px 15px; color: #1f1f1f; font-size: 14px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .brand__main-layout .brand__products-list .brand__products-card-price span:last-child button:hover { color: #fff; background-color: #42b840; } .brand__main-layout .brand__products-list .brand__products-card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 1300px) { .brand__main-layout .brand__products-list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 800px) { .brand__main-layout .brand__products-list { grid-template-columns: repeat(2, 1fr); } .brand__main-layout .brand__products-list .brand__products-card-caption a > img { margin-bottom: 10px; } .brand__main-layout .brand__products-list .brand__products-card-caption-new { top: 75%; } .brand__main-layout .brand__products-list .brand__products-card-title a p { font-size: 14px; height: 40px; } .brand__main-layout .brand__products-list .brand__products-card-price span:last-child > button { font-size: 12px; } } @media screen and (max-width: 600px) { .brand__main-layout .brand__products-list .brand__products-card-caption-statistics { height: -webkit-max-content; height: -moz-max-content; height: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brand__main-layout .brand__products-list .brand__products-card-caption-new { top: 75%; } } @media screen and (max-width: 460px) { .brand__main-layout .brand__products-list .brand__products-card-caption-new { top: 66%; } } @media screen and (max-width: 550px) { .brand__main-layout .brand__products-list brand__products-card-caption-favorite { left: 80%; } .brand__main-layout .brand__products-list .brand__products-card-caption-new { top: 75%; } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics p { font-size: 10px; } .brand__main-layout .brand__products-list .brand__products-card-caption-offer p, .brand__main-layout .brand__products-list .brand__products-card-caption-offer div { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 12px; border-radius: 15px; } } @media screen and (max-width: 750px) { .brand__main-layout .brand__products-list { grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; } .brand__main-layout .brand__products-list .brand__products-card-price span:last-child div { display: none; } .brand__main-layout .brand__products-list .brand__products-card-price span:last-child { justify-items: stretch; } .brand__main-layout .brand__products-list .brand__products-card-price span:last-child > button { width: 100%; } .brand__main-layout .brand__products-list .brand__products-card { padding: 5px 10px; } } @media screen and (max-width: 440px) { .brand__main-layout .brand__products-list .brand__products-card-caption a:first-child { width: 100%; height: 180px; } .brand__main-layout .brand__products-list .brand__products-card-caption a:first-child > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 410px) { .brand__main-layout .brand__products-list .brand__products-card-caption-new { top: 68% !important; } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; justify-items: start; row-gap: 5px; } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics > p { grid-column: span 2; } } @media screen and (max-width: 380px) { .brand__main-layout .brand__products-list { grid-template-columns: repeat(1, 1fr) !important; } .brand__main-layout .brand__products-list .brand__products-card-caption a:first-child { width: 100%; height: 300px; } .brand__main-layout .brand__products-list .brand__products-card-caption a:first-child > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .brand__main-layout .brand__products-list .brand__products-card-caption-favorite { left: unset !important; right: 5px; } .brand__main-layout .brand__products-list .brand__products-card-caption-new { top: unset !important; bottom: 30px; } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand__main-layout .brand__products-list .brand__products-card-caption-statistics > p { grid-column: span 2; } } .brand__main-layout .brand__products-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand__main-layout .brand__products-pagination button { margin-right: 10px; height: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 7px; width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .brand__main-layout .brand__products-pagination button:hover { background-color: #fff; -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 600px) { .brand__main-layout .brand__products-pagination button { font-size: 12px; width: 25px; height: 25px; } .brand__main-layout .brand__products-pagination button img { width: 10px; height: 10px; } } @media screen and (max-width: 450px) { .brand__main-layout .brand__products-pagination button { font-size: 12px; width: 20px; height: 20px; } .brand__main-layout .brand__products-pagination button img { width: 10px; height: 10px; } } .brand__main-layout .brand__products-pagination p { margin-right: 8px; } @media screen and (max-width: 600px) { .brand__main-layout .brand__products-pagination button { margin-right: 8px; } .brand__main-layout .brand__products-pagination p { margin-right: 8px; } } .brand__main-layout .brand__products-pagination .active { background-color: #42b840; color: #fff; } .brand__main-layout .brand__products-pagination .active:hover { background-color: #42b840; -webkit-box-shadow: none; box-shadow: none; } .contacts__main-layout { background-color: #ececec; padding: 10px 0; } .contacts__main-layout .contacts__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .contacts__main-layout .contacts__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .contacts__main-layout .contacts__path li { margin-right: 20px; font-size: 14px; } .contacts__main-layout .contacts__path li:first-child::before { display: none; } .contacts__main-layout .contacts__path li:last-cild { margin-right: 20px; } .contacts__main-layout .contacts__path a { font-size: 14px; color: #42b840; } .contacts__main-layout .contacts__path p { font-size: 14px; color: #727272; } .contacts__main-layout h2 { color: black; font-size: 48px; font-weight: bold; } .contacts__main-layout h2 > span { color: #42b840; font-weight: normal; } @media screen and (max-width: 600px) { .contacts__main-layout h2 { font-size: 30px; } } .contacts__main-layout .contacts__wrapper { display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .contacts__main-layout .contacts__wrapper .contacts__info { margin-top: 20px; } .contacts__main-layout .contacts__wrapper .contacts__info-list { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 20px; } .contacts__main-layout .contacts__wrapper .contacts__info-list span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .contacts__main-layout .contacts__wrapper .contacts__info-list span img { margin-right: 10px; } .contacts__main-layout .contacts__wrapper .contacts__info-list span div h4 { font-size: 18px; font-weight: bold; } .contacts__main-layout .contacts__wrapper .contacts__info-list span div a { font-size: 18px; color: #727272; } .contacts__main-layout .contacts__wrapper .contacts__info-list span div p { font-size: 18px; color: #727272; } .contacts__main-layout .contacts__wrapper .contacts__info-list span .contacts__email-wrapper a { color: #42b840; } .contacts__main-layout .contacts__wrapper .contacts__info-other-links { margin-top: 40px; padding: 10px 20px; /* height: 40px; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #dddddd; border-radius: 90px; /* display: none; */ width: fit-content; flex-wrap: wrap; } .contacts__main-layout .contacts__wrapper .contacts__info-other-links a:not(:last-child) { margin-right: 10px; } .contacts__main-layout .contacts__wrapper .contacts__info-other-links h4 { margin-right: 20px; } .contacts__info-other-netw, .contacts__info-other-text { display: flex; align-items: center; justify-content: center; } .contacts__main-layout .contacts__wrapper .contacts__info-map { margin-top: 40px; width: 100%; height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #42b840; border-radius: 20px; } .contacts__main-layout .contacts__wrapper .contacts__question { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 40px 40px 250px 40px 40px; gap: 20px 20px; } .contacts__main-layout .contacts__wrapper .contacts__question h3 { grid-column: span 2; font-size: 18px; font-weight: bold; } .contacts__main-layout .contacts__wrapper .contacts__question input { padding-left: 15px; font-size: 16px; border-radius: 90px; background-color: #dddddd; } .contacts__main-layout .contacts__wrapper .contacts__question textarea { grid-column: span 2; padding: 15px; font-size: 16px; border-radius: 20px; background-color: #dddddd; } .contacts__main-layout .contacts__wrapper .contacts__question span { grid-column: span 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__main-layout .contacts__wrapper .contacts__question span img { margin-right: 10px; } .contacts__main-layout .contacts__wrapper .contacts__question span p { font-size: 16px; } .contacts__main-layout .contacts__wrapper .contacts__question button { justify-self: left; width: max-width; padding: 10px 15px; font-size: 18px; font-weight: bold; background-color: inherit; border: 1px solid #42b840; border-radius: 90px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; align-self: center; } .contacts__main-layout .contacts__wrapper .contacts__question button:hover { background-color: #42b840; color: #fff; } @media screen and (max-width: 1150px) { .contacts__main-layout .contacts__wrapper .contacts__info-list { grid-template-columns: 1fr; } .contacts__main-layout .contacts__wrapper .contacts__question { grid-template-rows: 40px 40px 40px 250px 40px 40px; } .contacts__main-layout .contacts__wrapper .contacts__question input { grid-column: span 2; } } @media screen and (max-width: 900px) { .contacts__main-layout .contacts__wrapper { grid-template-columns: 1fr; row-gap: 40px; } .contacts__main-layout .contacts__wrapper .contacts__info-map { height: 450px; } } @media screen and (max-width: 800px) { .contacts__main-layout .contacts__wrapper .contacts__info-map { height: 400px; } } @media screen and (max-width: 700px) { .contacts__main-layout .contacts__wrapper .contacts__info-map { height: 350px; } } @media screen and (max-width: 550px) { .contacts__main-layout .contacts__wrapper .contacts__info-map { height: 300px; } } .purchase__main-layout { background-color: #ececec; padding: 10px 0; } .purchase__main-layout .purchase__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .purchase__main-layout .purchase__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .purchase__main-layout .purchase__path li { margin-right: 20px; font-size: 14px; } .purchase__main-layout .purchase__path li:first-child::before { display: none; } .purchase__main-layout .purchase__path li:last-child { margin-right: 0px; } .purchase__main-layout .purchase__path a { font-size: 14px; color: #42b840; } .purchase__main-layout .purchase__path p { font-size: 14px; color: #727272; } .purchase__main-layout h2 { color: black; font-size: 48px; font-weight: bold; } .purchase__main-layout h2 > span { color: #42b840; font-weight: normal; } @media screen and (max-width: 600px) { .purchase__main-layout h2 { font-size: 30px; } } .purchase__main-layout .purchase__wrapper { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .purchase__main-layout .purchase__wrapper .purchase__info { display: grid; grid-template-columns: 1fr; row-gap: 10px; } .purchase__main-layout .purchase__wrapper .purchase__info h3 { font-size: 18px; font-weight: bold; } .purchase__main-layout .purchase__wrapper .purchase__info p { margin-top: 10px; font-size: 18px; } .purchase__main-layout .purchase__wrapper .purchase__info p a { color: black; } .purchase__main-layout .purchase__wrapper .purchase__info h4 { margin-top: 20px; font-size: 18px; text-transform: uppercase; color: #42b840; } .purchase__main-layout .purchase__wrapper .purchase__map h3 { font-size: 18px; font-weight: bold; } .purchase__main-layout .purchase__wrapper .purchase__map span { margin-top: 10px; width: 100%; height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 20px; background-color: #42b840; } @media screen and (max-width: 1150px) { .purchase__main-layout .purchase__wrapper { grid-template-columns: 1fr; row-gap: 40px; } } @media screen and (max-width: 900px) { .purchase__main-layout .purchase__wrapper .purchase__map span { height: 450px; } } @media screen and (max-width: 800px) { .purchase__main-layout .purchase__wrapper .purchase__map span { height: 400px; } } @media screen and (max-width: 700px) { .purchase__main-layout .purchase__wrapper .purchase__map span { height: 350px; } } @media screen and (max-width: 550px) { .purchase__main-layout .purchase__wrapper .purchase__map span { height: 300px; } } .search--result__main-layout { padding: 10px 0; background-color: #ececec; } .search--result__main-layout .search--result__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .search--result__main-layout .search--result__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .search--result__main-layout .search--result__path li { margin-right: 20px; font-size: 14px; } .search--result__main-layout .search--result__path li:first-child::before { display: none; } .search--result__main-layout .search--result__path li:last-child { margin-right: 0px; } .search--result__main-layout .search--result__path a { font-size: 14px; color: #42b840; } .search--result__main-layout .search--result__path p { font-size: 14px; color: #727272; } .search--result__main-layout .search--result__products { display: grid; grid-template-columns: 1fr; overflow: hidden; } .search--result__main-layout .search--result__products-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search--result__main-layout .search--result__products-caption > h2 { margin-right: 20px; margin-bottom: 10px; color: black; font-size: 48px; font-weight: bold; } .search--result__main-layout .search--result__products-caption > h2 span { color: #42b840; font-weight: normal; } .search--result__main-layout .search--result__products-caption p { font-size: 16px; color: #aaaaaa; } @media screen and (max-width: 600px) { .search--result__main-layout .search--result__products-caption h2 { font-size: 30px; } } .search--result__main-layout .search--result__products-sort { margin-top: 15px; margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; } .search--result__main-layout .search--result__products-sort span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search--result__main-layout .search--result__products-sort .nice-select { background-color: #ececec; border: 1px solid #ececec; } .search--result__main-layout .search--result__products-sort .nice-select:hover { border: 1px solid #42b840; } .search--result__main-layout .search--result__products-sort > p { margin-right: 10px; } .search--result__main-layout .search--result__products-sort button { margin-bottom: 5px; margin-right: 7px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #42b840; } .search--result__main-layout .search--result__products-sort button img { margin-left: 5px; } .search--result__main-layout .search--result__products-list { margin-top: 10px; margin-bottom: 25px; display: grid; grid-template-columns: repeat(5, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 50px; /* overflow-x: hidden; */ } .search--result__main-layout .search--result__products-list .nice-select { padding: 7px 15px; width: 100%; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background-color: #ececec; } .search--result__main-layout .search--result__products-list .nice-select:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; } .search--result__main-layout .search--result__products-list .nice-select.open:after { -webkit-transform: scale(1, -1) translateY(5px); transform: scale(1, -1) translateY(5px); } .search--result__main-layout .search--result__products-list .search--result__products-card { height: min-content; padding: 10px 20px; display: grid; grid-template-columns: 1fr; border-radius: 10px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption { position: relative; display: grid; grid-template-columns: 1fr; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption a { justify-self: center; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-offer { position: absolute; top: 0; left: 0; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-offer p, .search--result__main-layout .search--result__products-list .search--result__products-card-caption-offer div { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 14px; border-radius: 20px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-offer .caption__offer-discount { background-color: #fad85f; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-offer .caption__offer-best { color: #fff; background-color: #42b840; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-offer .caption__offer-good { background-color: #4092dd; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-favorite { position: absolute; top: 0; left: 90%; display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: 10px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-favorite button { width: 30px; height: 30px; border: none; background-color: inherit; cursor: pointer; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-favorite a { width: 24px; height: 24px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-new { position: absolute; top: 80%; left: 0; padding: 0 5px; color: #ff4b55; font-size: 14px; font-weight: bold; border: 1px solid #ff4b55; border-radius: 5px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics { padding: 5px 0px; display: grid; grid-template-columns: 1fr 1fr 3fr; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics span img { margin-right: 2px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics p { text-align: right; font-size: 12px; color: rgb(66, 66, 66); } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics img { width: 15px; height: 15px; } .search--result__main-layout .search--result__products-list .search--result__products-card-title { display: grid; grid-template-columns: 1fr; justify-items: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .search--result__main-layout .search--result__products-list .search--result__products-card-title a p { width: 100%; height: 50px; font-size: 16px; font-weight: bold; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .search--result__main-layout .search--result__products-list .search--result__products-card-title a p:hover { color: #42b840; } .search--result__main-layout .search--result__products-list .search--result__products-card-price { -ms-flex-item-align: end; align-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span { padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:nth-child(3) { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:nth-child(3) h4 { margin-right: 7px; font-size: 18px; font-weight: bold; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:nth-child(3) p { font-size: 14px; color: #42b840; text-decoration: line-through; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:last-child { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:last-child div { margin-right: 15px; padding: 4px 0; display: grid; grid-template-columns: repeat(3, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-size: 14px; font-weight: bold; color: rgb(66, 66, 66); border: 1px solid #ececec; border-radius: 90px; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:last-child div button { -ms-flex-item-align: stretch; align-self: stretch; justify-self: stretch; padding: 0 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; font-weight: normal; border: none; background-color: inherit; cursor: pointer; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:last-child button { padding: 7px 15px; color: #1f1f1f; font-size: 14px; font-weight: bold; border: 1px solid #42b840; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:last-child button:hover { color: #fff; background-color: #42b840; } .search--result__main-layout .search--result__products-list .search--result__products-card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 1300px) { .search--result__main-layout .search--result__products-list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 800px) { .search--result__main-layout .search--result__products-list { grid-template-columns: repeat(2, 1fr); row-gap: 30px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption a > img { margin-bottom: 10px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-new { top: 75%; } .search--result__main-layout .search--result__products-list .search--result__products-card-title a p { font-size: 14px; height: 40px; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:last-child > button { font-size: 12px; } } @media screen and (max-width: 600px) { .search--result__main-layout .search--result__products-list { row-gap: 20px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics { height: -webkit-max-content; height: -moz-max-content; height: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-new { top: 75%; } } @media screen and (max-width: 460px) { .search--result__main-layout .search--result__products-list .search--result__products-card-caption-new { top: 66%; } } @media screen and (max-width: 550px) { .search--result__main-layout .search--result__products-list search--result__products-card-caption-favorite { left: 80%; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-new { top: 75%; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics p { font-size: 10px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-offer p, .search--result__main-layout .search--result__products-list .search--result__products-card-caption-offer div { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 12px; border-radius: 15px; } } @media screen and (max-width: 750px) { .search--result__main-layout .search--result__products-list { grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:last-child div { display: none; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:last-child { justify-items: stretch; } .search--result__main-layout .search--result__products-list .search--result__products-card-price span:last-child > button { width: 100%; } .search--result__main-layout .search--result__products-list .search--result__products-card { padding: 5px 10px; } } @media screen and (max-width: 440px) { .search--result__main-layout .search--result__products-list .search--result__products-card-caption a:first-child { width: 100%; height: 180px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption a:first-child > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } } @media screen and (max-width: 410px) { .search--result__main-layout .search--result__products-list .search--result__products-card-caption-new { top: 68% !important; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics { margin-top: 10px; display: grid; grid-template-columns: 1fr 1fr; justify-items: start; row-gap: 5px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics > p { grid-column: span 2; } } @media screen and (max-width: 380px) { .search--result__main-layout .search--result__products-list { grid-template-columns: repeat(1, 1fr) !important; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption a:first-child { width: 100%; height: 300px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption a:first-child > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-favorite { left: unset !important; right: 5px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-new { top: unset !important; bottom: 30px; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search--result__main-layout .search--result__products-list .search--result__products-card-caption-statistics > p { grid-column: span 2; } } .search--result__main-layout .search--result__products > p { justify-self: center; margin-top: 50px; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 16px; } #show--more--content { justify-self: center; margin-top: 25px; padding: 10px 15px; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 18px; font-weight: bold; background-color: inherit; border: 1px solid black; border-radius: 90px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } #show--more--content:hover { background-color: #42b840; border-color: #42b840; color: #fff; } .blog__main-layout { padding: 10px 0; background-color: #ececec; } .blog__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .blog__path li::before { content: '\2022'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .blog__path li { margin-right: 10px; font-size: 14px; } .blog__path li:first-child::before { display: none; } .blog__path li:last-child { margin-right: 0px; } .blog__path a { font-size: 14px; color: #42b840; } .blog__path p { font-size: 14px; color: #727272; } .blog__main-layout .blog-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog__main-layout .blog-caption > h2 { color: black; font-size: 48px; font-weight: bold; } @media screen and (max-width: 600px) { .blog__main-layout .blog-caption h2 { font-size: 30px; } } .blog__main-layout .blog-list { margin-top: 10px; margin-bottom: 25px; display: grid; grid-template-columns: repeat(4, 1fr); -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; } .blog__main-layout .blog-list .blog-card { display: grid; grid-template-columns: 1fr; border-radius: 20px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .blog__main-layout .blog-list .blog-card--img { justify-self: stretch; } .blog__main-layout .blog-list .blog-card--img img { width: 100%; height: 200px; border-top-right-radius: 20px; border-top-left-radius: 20px; -o-object-fit: cover; object-fit: cover; } /** bs */ @media (max-width: 600px) { .blog__main-layout .blog-list .blog-card--img img { width: 100%; height: auto !important; max-height: 400px; } } @media (min-width: 800px) and (max-width: 1100px) { .blog__main-layout .blog-list .blog-card--img img { width: 100%; height: 300px; } } /** bs */ .blog__main-layout .blog-list .blog-card--title { padding: 20px; display: grid; grid-template-columns: 1fr; row-gap: 10px; } .blog__main-layout .blog-list .blog-card--title h3 { font-size: 16px; font-weight: bold; } .blog__main-layout .blog-list .blog-card--title p { font-size: 16px; } .blog__main-layout .blog-list .blog-card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 1300px) { .blog__main-layout .blog-list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 1100px) { .blog__main-layout .blog-list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 600px) { .blog__main-layout .blog-list { grid-template-columns: 1fr; } } .blog-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-pagination a { margin-right: 10px; height: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; border-radius: 7px; width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-pagination a:hover { background-color: #fff; -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 600px) { .blog-pagination a { font-size: 16px; width: 40px; height: 40px; } .blog-pagination a img { width: 15px; height: 15px; } } @media screen and (max-width: 450px) { .blog-pagination a { font-size: 14px; width: 30px; height: 30px; } .blog-pagination a img { width: 14px; height: 14px; } } .blog-pagination p { margin-right: 10px; } @media screen and (max-width: 600px) { .blog-pagination a { margin-right: 8px; } .blog-pagination p { margin-right: 8px; } } .blog-pagination .active { background-color: #42b840; color: #fff; } .blog-pagination .active:hover { background-color: #42b840; -webkit-box-shadow: none; box-shadow: none; } .article__main-layout { padding: 10px 0; background-color: #ececec; } .article__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .article__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .article__path li { margin-right: 20px; font-size: 14px; } .article__path li:first-child::before { display: none; } .article__path li:last-child { margin-right: 0px; } .article__path a { font-size: 14px; color: #42b840; } .article__path p { font-size: 14px; color: #727272; } .article__main-layout h2 { font-size: 40px; font-weight: bold; } @media screen and (max-width: 600px) { .article__main-layout h2 { font-size: 30px; } } .article--page { margin-top: 50px; display: grid; grid-template-columns: 3fr 1fr; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .article--page .article__container { display: grid; grid-template-columns: 1fr; row-gap: 20px; } .article--page .article__container img { /* height: 425px; width: 100%; -o-object-fit: cover; object-fit: cover; */ /**bs */ width: 100%; height: auto; /**bs */ margin: 15px 0; } .article--page .article__container p { font-size: 16px; } .article--page .article__container p br { display: block; content: ''; margin-top: 20px; } .article--page .article__container h3 { margin: 25px 0; font-size: 20px; font-weight: bold; } .article--page .article__other { display: grid; grid-template-columns: 1fr; row-gap: 20px; } .article--page .article__other .blog-card { height: min-content; display: grid; grid-template-columns: 1fr; border-radius: 20px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .article--page .article__other .blog-card--img { justify-self: stretch; } .article--page .article__other .blog-card--img img { width: 100%; height: 200px; border-top-right-radius: 20px; border-top-left-radius: 20px; -o-object-fit: cover; object-fit: cover; } .article--page .article__other .blog-card--title { padding: 20px; display: grid; grid-template-columns: 1fr; row-gap: 10px; } .article--page .article__other .blog-card--title h3 { font-size: 16px; font-weight: bold; } .article--page .article__other .blog-card--title p { font-size: 16px; } .article--page .article__other .blog-card:hover { -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); } @media screen and (max-width: 1300px) { .article--page { grid-template-columns: 1fr; } .article--page .article__other { display: none; } } @media screen and (max-width: 700px) { .article--page .article__container img { height: 300px; } } @media screen and (max-width: 600px) { .article--page .article__container img { height: 250px; } } .from--article--to--blog { padding: 7px 15px; max-width: max-content; display: flex; align-items: center; font-size: 16px; transition: all 0.2s ease-in-out; border-radius: 90px; border: 1px solid rgba(0, 0, 0, 0); } .from--article--to--blog:hover { border: 1px solid #42b840; } .from--article--to--blog img { margin: 0 0 !important; margin-right: 20px !important; height: 16px !important; } .politics__main-layout { padding: 10px 0; background-color: #ececec; } .politics__main-layout .politics__path { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: inside !important; } .politics__main-layout .politics__path li::before { content: '•'; color: #727272; font-weight: bold; display: inline-block; width: 1em; } .politics__main-layout .politics__path li { margin-right: 20px; font-size: 14px; } .politics__main-layout .politics__path li:first-child::before { display: none; } .politics__main-layout .politics__path li:last-child { margin-right: 0px; } .politics__main-layout .politics__path a { font-size: 14px; color: #42b840; } .politics__main-layout .politics__path p { font-size: 14px; color: #727272; } .politics__main-layout h2 { font-size: 40px; font-weight: bold; } @media screen and (max-width: 600px) { .politics__main-layout h2 { font-size: 30px; } } .politics__main-layout .politics--container { margin-bottom: 50px; display: grid; grid-template-columns: 1fr; row-gap: 5px; } .politics__main-layout .politics--container h3 { margin-top: 20px; font-size: 18px; font-weight: bold; } .politics__main-layout .politics--container p, .politics__main-layout .politics--container ul { font-size: 16px; } .politics__main-layout .politics--container ul { list-style-position: inside !important; } .politics__main-layout .politics--container ul li { list-style-type: disc; } .politics__main-layout .politics--container p br { display: block; content: ''; margin-top: 0.5em; } footer { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #2d2d2e; } footer .footer__wrapper { margin: 0 auto; padding: 50px 2%; max-width: 1440px; display: grid; grid-template-columns: 5fr 1fr; -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; } footer .footer__wrapper .footer__contacts { display: grid; grid-template-columns: 1fr 1fr 1fr; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } footer .footer__wrapper .footer__contacts-links { display: grid; grid-template-columns: 1fr; row-gap: 40px; } footer .footer__wrapper .footer__contacts-links-tel { position: relative; width: -webkit-max-content; width: -moz-max-content; width: max-content; color: #fff; font-weight: bold; height: fit-content; } footer .footer__wrapper .footer__contacts-links-tel::after { position: absolute; content: ''; top: 120%; left: 0%; width: 100%; height: 2px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-15%); transform: translateX(-15%); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #fff; } footer .footer__wrapper .footer__contacts-links-tel:hover::after { opacity: 1; visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); } footer .footer__wrapper .footer__contacts-links-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #fff; } footer .footer__wrapper .footer__contacts-links-location img { margin-right: 10px; } footer .footer__wrapper .footer__contacts-links-privacy { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #9b9b9b; } footer .footer__wrapper .footer__contacts-links-privacy img { margin-right: 10px; } footer .footer__wrapper .footer__contacts-links-netw { display: flex; position: absolute; bottom: 0; } footer .footer__wrapper .footer__contacts-links-netw a:not(:last-child) { margin-right: 13px; } footer .footer__wrapper .footer__links { display: grid; grid-template-columns: 1fr; justify-items: center; -webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; } footer .footer__wrapper .footer__links span, footer .footer__wrapper .footer__links span > div { display: grid; grid-template-columns: 1fr; row-gap: 10px; } footer .footer__wrapper .footer__links span h3 { color: #fff; font-size: 16px; font-weight: bold; } footer .footer__wrapper .footer__links span a { color: #fff; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } footer .footer__wrapper .footer__links span a:hover { color: #42b840; } footer .footer__wrapper .footer__links-pay { display: none !important; } @media screen and (max-width: 900px) { footer .footer__wrapper .footer__contacts { grid-template-columns: 1fr; row-gap: 15px; } footer .footer__wrapper .footer__contacts-links { row-gap: 25px; } } @media screen and (max-width: 550px) { footer .footer__wrapper { grid-template-columns: 1fr; row-gap: 20px; } footer .footer__wrapper .footer__links { display: none; } } footer .footer__bottom { border-top: 1px solid #727272; } footer .footer__bottom p { margin: 0 auto; padding: 20px 2%; max-width: 1440px; font-size: 16px; color: #9b9b9b; } body:has(.modal__auth-wrapper.open) { overflow: hidden; } body:has(.modal__registration-wrapper.open) { overflow: hidden; } body:has(.modal__order-wrapper.open) { overflow: hidden; } body:has(.modal__adress-wrapper.open) { overflow: hidden; } body:has(.modal__buy-wrapper.open) { overflow: hidden; } body:has(.modal__review-wrapper.open) { overflow: hidden; } body:has(.modal__sent--review-wrapper.open) { overflow: hidden; } .modal__auth-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; pointer-events: none; /* z-index: -1; */ } .modal__auth-wrapper .modal__auth { position: fixed; top: calc(50% - 300px); left: calc(50% - 160px); width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stratch; -ms-flex-align: stratch; align-items: stratch; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /* z-index: -1; */ } .modal__auth-wrapper .modal__auth-caption { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ececec; border-radius: 20px; overflow: hidden; } .modal__auth-wrapper .modal__auth-caption h2 { font-size: 24px; font-weight: bold; margin-left: 20px; } .modal__auth-wrapper .modal__auth-caption button { padding: 20px; } .modal__auth-wrapper .modal__auth-form { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 20px; background-color: #fff; border-radius: 20px; } .modal__auth-wrapper .modal__auth-form .modal__auth--enter--content { display: grid; grid-template-columns: 1fr; row-gap: 30px; } .modal__auth-wrapper .modal__auth-form h3 { font-size: 16px; font-weight: bold; } .modal__auth-wrapper .modal__auth-form span input { padding: 15px 10px; font-size: 16px; background-color: #ececec; border-radius: 90px; } .modal__auth-wrapper .modal__auth-form-login { display: grid; grid-template-columns: 1fr 1fr; row-gap: 10px; } .modal__auth-wrapper .modal__auth-form-login h3, .modal__auth-wrapper .modal__auth-form-login input { grid-column: span 2; } .modal__auth-wrapper .modal__auth-form-password { display: grid; grid-template-columns: 1fr; row-gap: 10px; } .modal__auth-wrapper .modal__auth-form-password div:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .modal__auth-wrapper .modal__auth-form-password div:first-child a { font-size: 16px; color: #42b840; } .modal__auth-wrapper .modal__auth-form-password div:last-child { position: relative; } .modal__auth-wrapper .modal__auth-form-password div:last-child input { width: 100%; } .modal__auth-wrapper .modal__auth-form-password div:last-child button { position: absolute; top: 0; right: 0; padding: 0px 15px; height: 100%; } .modal__auth-wrapper .modal__auth-form .modal__auth--pass--enter { justify-self: center; padding: 10px 20px; font-size: 16px; font-weight: bold; border-radius: 90px; background-color: #fad85f; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; cursor: pointer; } .modal__auth-wrapper .modal__auth-form .modal__auth--pass--enter:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .modal__auth-wrapper .modal__auth-form-registration { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal__auth-wrapper .modal__auth-form-registration p { font-size: 16px; } .modal__auth-wrapper .modal__auth-form-registration button { font-size: 18px; font-weight: bold; color: #42b840; } .modal__auth-wrapper.close { opacity: 0; visibility: hidden; pointer-events: none; z-index: 160; } .modal__auth-wrapper.close .modal__auth { opacity: 0; visibility: hidden; /* z-index: -1; */ } .modal__auth-wrapper.open { opacity: 1; visibility: visible; z-index: 160; pointer-events: auto; } .modal__auth-wrapper.open .modal__auth { opacity: 1; visibility: visible; z-index: 165; } @media screen and (max-width: 600px) { .modal__auth-wrapper .modal__auth { left: 1%; width: 98%; } } .modal__registration-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; pointer-events: none; } .modal__registration-wrapper .modal__registration { position: fixed; top: calc(50% - 350px); left: calc(50% - 330px); width: 660px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stratch; -ms-flex-align: stratch; align-items: stratch; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; /* z-index: -1; */ } .modal__registration-wrapper .modal__registration-caption { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ececec; border-radius: 20px; overflow: hidden; } .modal__registration-wrapper .modal__registration-caption h2 { font-size: 24px; font-weight: bold; margin-left: 20px; } .modal__registration-wrapper .modal__registration-caption button { padding: 20px; } .modal__registration-wrapper .modal__registration-form { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 20px; display: grid; grid-template-columns: 1fr; row-gap: 30px; overflow: auto; background-color: #fff; border-radius: 20px; } .modal__registration-wrapper .modal__registration-form h3 { font-size: 16px; font-weight: bold; } .modal__registration-wrapper .modal__registration-form input { padding: 15px 10px; font-size: 16px; background-color: #ececec; border-radius: 90px; } .modal__registration-wrapper .modal__registration-form > div { display: grid; grid-template-columns: 1fr 1fr; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; } .modal__registration-wrapper .modal__registration-form > div span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 5px; } .modal__registration-wrapper .modal__registration-form > div span label { font-size: 16px; font-weight: bold; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-password div { position: relative; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-password div input { width: 100%; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-password div button { position: absolute; top: 0; right: 0; padding: 0px 15px; height: 100%; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-approve { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-approve input { margin-top: 5px; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-approve label { margin-left: 5px; font-weight: normal; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-approve input[type='checkbox'] { visibility: hidden; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-approve input[type='checkbox']:checked + label::after { position: absolute; content: ''; top: 3px; left: 5px; width: 6px; height: 10px; border-radius: 1px; border-right: 3px solid #42b840; border-bottom: 3px solid #42b840; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-approve label { margin-left: 15px; font-size: 16px; color: #575757; cursor: pointer; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-approve label::before { position: absolute; content: ''; top: 2px; left: 0; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #575757; background-color: #fff; } @media screen and (max-width: 600px) { .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-approve label { font-size: 14px; } } .modal__registration-wrapper .modal__registration-form > span { justify-self: center; width: 100px; height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal__registration-wrapper .modal__registration-form > button { justify-self: center; padding: 10px 20px; font-size: 16px; font-weight: bold; border-radius: 90px; background-color: #fad85f; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; cursor: pointer; } .modal__registration-wrapper .modal__registration-form > button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .modal__registration-wrapper.close { opacity: 0; visibility: hidden; pointer-events: none; z-index: 160; } .modal__registration-wrapper.close .modal__registration { opacity: 0; visibility: hidden; /* z-index: -1; */ } .modal__registration-wrapper.open { opacity: 1; visibility: visible; z-index: 160; pointer-events: auto; } .modal__registration-wrapper.open .modal__registration { opacity: 1; visibility: visible; z-index: 165; } @media screen and (max-width: 680px) { .modal__registration-wrapper { background-color: #fff; } .modal__registration-wrapper .modal__registration { top: 1%; left: 1%; width: 98%; height: 100%; } .modal__registration-wrapper .modal__registration-form > div { grid-template-columns: 1fr; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-password { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .modal__registration-wrapper .modal__registration-form > div .modal__registration-form-approve { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .modal__order-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__order-wrapper .modal__order { position: fixed; left: 1%; width: 98%; /* height: 98%; */ top: 5%; left: calc(50% - 450px); width: 900px; display: grid; grid-template-columns: 1fr; grid-template-rows: 60px 450px 150px; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__order-wrapper .modal__order-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ececec; border-radius: 20px; overflow: hidden; } .modal__order-wrapper .modal__order-caption h2 { font-size: 24px; font-weight: bold; margin-left: 20px; } .modal__order-wrapper .modal__order-caption button { padding: 20px; } .modal__order-wrapper.close { opacity: 0; visibility: hidden; z-index: 160; pointer-events: none; } .modal__order-wrapper.close .modal__order { opacity: 0; visibility: hidden; z-index: -1; } .modal__order-wrapper.open { opacity: 1; visibility: visible; z-index: 160; pointer-events: auto; } .modal__order-wrapper.open .modal__order { opacity: 1; visibility: visible; z-index: 165; } @media screen and (max-width: 920px) { .modal__order-wrapper { background-color: #fff; } .modal__order-wrapper .modal__order { padding: 0; top: 1%; left: 1%; width: 98%; height: 98%; max-height: 98%; grid-template-rows: 60px 1fr 200px; } .modal__order-wrapper .modal__order-caption { padding: 30px 0; height: unset; } .modal__order-wrapper .order-product_content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .modal__order-wrapper .order-product__list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-height: auto; } .modal__order-wrapper .order-product_total-attention_text { font-size: 14px; margin-right: 10px; } .modal__order-wrapper .order-product_total-attention button { font-size: 16px; } .modal__order-wrapper .order-product__name { font-size: 16px; } .modal__order-wrapper .order-product__price { font-size: 16px; } } @media screen and (max-width: 600px) { .modal__order-wrapper { background-color: #fff; } .modal__order-wrapper .order-product_total-attention { display: grid; grid-template-columns: 1fr; row-gap: 10px; } .modal__order-wrapper .order-product_total-attention_text { font-size: 14px; margin-right: 10px; } .modal__order-wrapper .order-product_total-attention button { font-size: 16px; } .modal__order-wrapper .order-product_total-list { display: grid; grid-template-columns: 1fr; font-size: 16px; justify-items: start; } .modal__order-wrapper .order-product__item { display: grid; grid-template-columns: 20px 1fr; } .modal__order-wrapper .order-product__item .order-product__right { grid-column: span 2; text-align: right; } .modal__order-wrapper .order-product__name { font-size: 16px; } .modal__order-wrapper .order-product__price { font-size: 14px; } } .modal__adress-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__adress-wrapper .modal__adress { position: fixed; top: calc(50% - 300px); left: calc(50% - 720px); width: 1440px; height: 600px; display: grid; grid-template-columns: 1fr; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__adress-wrapper .modal__adress-caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ececec; border-radius: 20px; overflow: hidden; } .modal__adress-wrapper .modal__adress-caption h2 { font-size: 24px; font-weight: bold; margin-left: 20px; } .modal__adress-wrapper .modal__adress-caption button { padding: 20px; } .modal__adress-wrapper .modal__adress .adress-info input, .modal__adress-wrapper .modal__adress .adress-info textarea { font-size: 16px; } .modal__adress-wrapper.close { opacity: 0; visibility: hidden; z-index: 160; pointer-events: none; } .modal__adress-wrapper.close .modal__adress { opacity: 0; visibility: hidden; z-index: -1; } .modal__adress-wrapper.open { opacity: 1; visibility: visible; pointer-events: auto; z-index: 160; } .modal__adress-wrapper.open .modal__adress { opacity: 1; visibility: visible; z-index: 165; } @media screen and (max-width: 1460px) { .modal__adress-wrapper .modal__adress { left: 1%; width: 98%; } } @media screen and (max-width: 1280px) { .modal__adress-wrapper .modal__adress { top: 1%; height: 98%; grid-template-rows: 50px 1fr; overflow: auto; } .modal__adress-wrapper .modal__adress::-webkit-scrollbar { width: 20px; } .modal__adress-wrapper .modal__adress::-webkit-scrollbar-track { background-color: #ececec; border-left: 9px solid rgba(255, 255, 255, 0); border-right: 9px solid rgba(255, 255, 255, 0); -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; margin-top: 20px; } .modal__adress-wrapper .modal__adress::-webkit-scrollbar-thumb { background-color: #42b840; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNiAwSDhWMTFINlYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTIgMEgxNFYxMUgxMlYwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; } } @media screen and (max-width: 800px) { .modal__adress-wrapper .modal__adress::-webkit-scrollbar { width: 4px; } .modal__adress-wrapper .modal__adress::-webkit-scrollbar-track { all: unset; } .modal__adress-wrapper .modal__adress::-webkit-scrollbar-thumb { background-image: none; background-color: #42b840; border-radius: 2px; } } @media screen and (max-width: 650px) { .modal__adress-wrapper { background-color: #fff; } .modal__adress-wrapper .modal__adress { top: 1%; left: 1%; width: 98%; height: 100%; } .modal__adress-wrapper .modal__adress-form > div { grid-template-columns: 1fr; } .modal__adress-wrapper .modal__adress-form > div .modal__adress-form-password { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .modal__adress-wrapper .modal__adress-form > div .modal__adress-form-approve { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .modal__buy-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__buy-wrapper .modal__buy { position: fixed; top: calc(50% - 300px); left: calc(50% - 160px); width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stratch; -ms-flex-align: stratch; align-items: stratch; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__buy-wrapper .modal__buy-caption { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ececec; border-radius: 20px; overflow: hidden; } .modal__buy-wrapper .modal__buy-caption h2 { font-size: 24px; font-weight: bold; margin-left: 20px; } .modal__buy-wrapper .modal__buy-caption button { padding: 20px; } .modal__buy-wrapper .modal__buy-form { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 20px; display: grid; grid-template-columns: 1fr; row-gap: 30px; background-color: #fff; border-radius: 20px; } .modal__buy-wrapper .modal__buy-form h3 { font-size: 16px; font-weight: bold; } .modal__buy-wrapper .modal__buy-form input { padding: 15px 10px; font-size: 16px; background-color: #ececec; border-radius: 90px; } .modal__buy-wrapper .modal__buy-form-tel, .modal__buy-wrapper .modal__buy-form-name, .modal__buy-wrapper .modal__buy-form-last-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; gap: 5px; } .modal__buy-wrapper .modal__buy-form-tel label, .modal__buy-wrapper .modal__buy-form-name label, .modal__buy-wrapper .modal__buy-form-last-name label { font-size: 16px; font-weight: bold; } .modal__buy-wrapper .modal__buy-form > p { font-size: 16px; } .modal__buy-wrapper .modal__buy-form > button { justify-self: center; padding: 10px 20px; font-size: 16px; font-weight: bold; border-radius: 90px; background-color: #fad85f; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; } .modal__buy-wrapper .modal__buy-form > button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .modal__buy-wrapper .modal__buy-form-approve { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .modal__buy-wrapper .modal__buy-form-approve input { margin-top: 5px; } .modal__buy-wrapper .modal__buy-form-approve label { margin-left: 5px; font-weight: normal; } .modal__buy-wrapper .modal__buy-form-approve input[type='checkbox'] { visibility: hidden; } .modal__buy-wrapper .modal__buy-form-approve input[type='checkbox']:checked + label::after { position: absolute; content: ''; top: 3px; left: 5px; width: 6px; height: 10px; border-radius: 1px; border-right: 3px solid #42b840; border-bottom: 3px solid #42b840; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modal__buy-wrapper .modal__buy-form-approve label { margin-left: 15px; font-size: 16px; color: #575757; cursor: pointer; } .modal__buy-wrapper .modal__buy-form-approve label::before { position: absolute; content: ''; top: 2px; left: 0; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #575757; background-color: #fff; } @media screen and (max-width: ) { } @media screen and (max-width: 600px) { .modal__buy-wrapper .modal__buy-form-approve label { font-size: 14px; } } .modal__buy-wrapper.close { opacity: 0; visibility: hidden; z-index: 160; pointer-events: none; } .modal__buy-wrapper.close .modal__buy { opacity: 0; visibility: hidden; z-index: -1; } .modal__buy-wrapper.open { opacity: 1; visibility: visible; z-index: 160; pointer-events: auto; } .modal__buy-wrapper.open .modal__buy { opacity: 1; visibility: visible; z-index: 165; } @media screen and (max-width: 600px) { .modal__buy-wrapper .modal__buy { left: 1%; width: 98%; } } @media screen and (max-width: 400px) { .modal__buy-wrapper .modal__buy-caption h2 { font-size: 18px; } .navbar__navigation-search.active { width: 100% !important; } header .header__wrapper .navbar__navigation-links a svg { height: 38px; } } .modal__review-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__review-wrapper .modal__review { position: fixed; top: calc(50% - 325px); left: calc(50% - 320px); width: 640px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stratch; -ms-flex-align: stratch; align-items: stratch; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__review-wrapper .modal__review-caption { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ececec; border-radius: 20px; overflow: hidden; } .modal__review-wrapper .modal__review-caption h2 { font-size: 24px; font-weight: bold; margin-left: 20px; } .modal__review-wrapper .modal__review-caption button { padding: 20px; } .modal__review-wrapper .modal__review-form { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 20px; display: grid; grid-template-columns: 1fr; row-gap: 30px; overflow: auto; background-color: #fff; border-radius: 20px; } .modal__review-wrapper .modal__review-form > p { font-size: 16px; } .modal__review-wrapper .modal__review-form > p a { color: #42b840; } .modal__review-wrapper .modal__review-form h3 { font-size: 16px; font-weight: bold; } .modal__review-wrapper .modal__review-form input { padding: 15px 10px; font-size: 16px; background-color: #ececec; border-radius: 90px; } .modal__review-wrapper .modal__review-form-stars { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .modal__review-wrapper .modal__review-form-stars input { position: absolute; top: 0; left: 0; visibility: hidden; } .modal__review-wrapper .modal__review-form-stars .star { margin-top: 10px; margin-right: 10px; display: inline-block; height: 50px; width: 50px; margin-left: 2px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyNSAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNSAwTDE2LjE4MSA3LjQzMzUzTDI0LjM4ODIgOC42MzcyOUwxOC40NTYgMTQuNDM1MkwxOS44NDczIDIyLjYxMjdMMTIuNSAxOC43NjI1TDUuMTUyNjggMjIuNjEyN0w2LjU0NDAxIDE0LjQzNTJMMC42MTE3OTQgOC42MzcyOUw4LjgxODk5IDcuNDMzNTNMMTIuNSAwWiIgZmlsbD0iI0RDRENEQyIvPjwvc3ZnPg==); background-size: contain; background-repeat: no-repeat; -webkit-transition: -webkit-transform 0.1s; transition: -webkit-transform 0.1s; transition: transform 0.1s; transition: transform 0.1s, -webkit-transform 0.1s; } .modal__review-wrapper .modal__review-form-stars .star:last-child { margin-right: 0px; } .modal__review-wrapper .modal__review-form-stars .star:hover { -webkit-transform: scale(1.2); transform: scale(1.2); } .modal__review-wrapper .modal__review-form-stars .star:focus { -webkit-transform: scale(1.2); transform: scale(1.2); } .modal__review-wrapper .modal__review-form-stars .stcomp { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; } .modal__review-wrapper .modal__review-form-stars .star-filled { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAgMEwxMi45NDQ4IDUuOTQ2ODNMMTkuNTEwNiA2LjkwOTgzTDE0Ljc2NDggMTEuNTQ4MkwxNS44Nzc5IDE4LjA5MDJMMTAgMTUuMDFMNC4xMjIxNSAxOC4wOTAyTDUuMjM1MjEgMTEuNTQ4MkwwLjQ4OTQzNSA2LjkwOTgzTDcuMDU1MiA1Ljk0NjgzTDEwIDBaIiBmaWxsPSIjRkFEODVGIi8+PC9zdmc+); } .modal__review-wrapper .modal__review-form-comment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .modal__review-wrapper .modal__review-form-comment textarea { margin-top: 10px; padding: 10px; height: 200px; font-size: 16px; background-color: #ececec; border-radius: 20px; } .modal__review-wrapper .modal__review-form-approve { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .modal__review-wrapper .modal__review-form-approve img { margin-right: 10px; margin-top: 2px; } .modal__review-wrapper .modal__review-form-approve p { font-size: 16px; } .modal__review-wrapper .modal__review-form-approve p a { color: #42b840; } .modal__review-wrapper .modal__review-form-captcha { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .modal__review-wrapper .modal__review-form > button { justify-self: center; padding: 10px 40px; font-size: 16px; font-weight: bold; border-radius: 90px; background-color: #fad85f; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; } .modal__review-wrapper .modal__review-form > button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .modal__review-wrapper.close { opacity: 0; visibility: hidden; z-index: -1; } .modal__review-wrapper.close .modal__review { opacity: 0; visibility: hidden; z-index: -1; } .modal__review-wrapper.open { opacity: 1; visibility: visible; z-index: 160; } .modal__review-wrapper.open .modal__review { opacity: 1; visibility: visible; z-index: 165; } @media screen and (max-width: 650px) { .modal__review-wrapper { background-color: #fff; } .modal__review-wrapper .modal__review { top: 1%; left: 1%; width: 98%; height: 100%; } } .modal__sent--review-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__sent--review-wrapper .modal__sent--review { position: fixed; top: calc(50% - 300px); left: calc(50% - 160px); width: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stratch; -ms-flex-align: stratch; align-items: stratch; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; z-index: -1; } .modal__sent--review-wrapper .modal__sent--review-caption { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ececec; border-radius: 20px; overflow: hidden; } .modal__sent--review-wrapper .modal__sent--review-caption h2 { font-size: 24px; font-weight: bold; margin-left: 20px; } .modal__sent--review-wrapper .modal__sent--review-message { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-radius: 20px; } .modal__sent--review-wrapper .modal__sent--review-message h3 { margin: 30px 0; text-align: center; font-size: 18px; } .modal__sent--review-wrapper .modal__sent--review-message > #modal--sent--review--close { justify-self: center; padding: 10px 40px; font-size: 16px; font-weight: bold; border-radius: 90px; background-color: #fad85f; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; } .modal__sent--review-wrapper .modal__sent--review-message > #modal--sent--review--close:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .modal__sent--review-wrapper.close { opacity: 0; visibility: hidden; z-index: -1; } .modal__sent--review-wrapper.close .modal__sent--review { opacity: 0; visibility: hidden; z-index: -1; } .modal__sent--review-wrapper.open { opacity: 1; visibility: visible; z-index: 160; } .modal__sent--review-wrapper.open .modal__sent--review { opacity: 1; visibility: visible; z-index: 165; } @media screen and (max-width: 600px) { .modal__sent--review-wrapper .modal__sent--review { left: 1%; width: 98%; } } body:has(.header__info-burger.open) { overflow: hidden; } header .header__wrapper .header__info-burger { visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 160; } header .header__wrapper .header__info-burger.close, header .header__wrapper .header__info-burger.close > .burger__menu-list { visibility: hidden; opacity: 0; pointer-events: none; } header .header__wrapper .header__info-burger button { background-color: inherit; border: none; cursor: pointer; } header .header__wrapper .header__info-burger .burger__menu-list { position: absolute; top: 15%; left: 5%; padding: 30px 25px; width: 540px; height: 200px; display: grid; grid-template-columns: 1fr; row-gap: 20px; color: black; border-radius: 20px; background-color: #fff; z-index: 165; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } header .header__wrapper .header__info-burger.open, header .header__wrapper .header__info-burger.open .burger__menu-list { visibility: visible; opacity: 1; pointer-events: all; z-index: 160 !important; } @media screen and (max-width: 550px) { .bestsellers__card-caption-favorite { left: 80%; } .bestsellers__card-caption-new { top: 75%; } .bestsellers__card-caption-statistics p { font-size: 10px; } .bestsellers__card-caption-offer p, .bestsellers__card-caption-offer div { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 12px; border-radius: 15px; } } @media screen and (max-width: 750px) { main .main__bestsellers .bestsellers__list { grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; row-gap: 10px; } .bestsellers__card-price span:last-child div { display: none; } .bestsellers__card-price span:last-child { justify-items: stretch; } .bestsellers__card-price span:last-child > button { width: 100%; } .bestsellers__card { padding: 5px 10px; } main .main__discounts .discounts__list .discounts__card { min-width: 250px; } main .main__discounts .discounts__list .discounts__card-price span:last-child div { display: none; } main .main__discounts .discounts__list .discounts__card-price span:last-child { justify-items: stretch; } main .main__discounts .discounts__list .discounts__card-price span:last-child > button { width: 100%; } } @media screen and (max-width: 550px) { main .main__discounts .discounts__list .discounts__card-caption-favorite { left: 85%; } main .main__discounts .discounts__list .discounts__card { min-width: 200px; } main .main__discounts .discounts__list .discounts__card-caption-new { top: 75%; } main .main__discounts .discounts__list .discounts__card-caption-statistics p { font-size: 10px; } main .main__discounts .discounts__list .discounts__card-caption-offer p, main .main__discounts .discounts__list .discounts__card-caption-offer div { width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 12px; border-radius: 15px; } } main .main__discounts .discounts__list::-webkit-scrollbar-track { padding: 0 5px; background-color: #ececec; /* border-radius: 25px; */ border-top: 9px solid rgba(255, 255, 255, 0); border-bottom: 9px solid rgba(255, 255, 255, 0); -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } body:has(.header__info-burger.open) { overflow: hidden; } header .header__wrapper .header__info-burger { visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } header .header__wrapper .header__info-burger.close, header .header__wrapper .header__info-burger.close > .burger__menu-list { visibility: hidden; opacity: 0; pointer-events: none; } header .header__wrapper .header__info-burger button { background-color: inherit; border: none; cursor: pointer; } header .header__wrapper .header__info-burger .burger__menu-list { position: absolute; top: 15%; left: 5%; padding: 30px 25px; width: 540px; height: 200px; display: grid; grid-template-columns: 1fr; row-gap: 20px; color: black; border-radius: 20px; background-color: #fff; z-index: 15; visibility: hidden; opacity: 0; pointer-events: none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } header .header__wrapper .header__info-burger.open, header .header__wrapper .header__info-burger.open .burger__menu-list { visibility: visible; opacity: 1; pointer-events: all; } header .header__wrapper .header__info-burger .burger__menu-list h3 { font-size: 14px; font-weight: bold; } header .header__wrapper .header__info-burger .burger__menu-list p { font-size: 14px; } header .header__wrapper .header__info-burger .burger__menu-list li { margin-right: 10px; } header .header__wrapper .header__info-burger .burger__menu-list li a { font-size: 14px; font-weight: bold; color: #1f1f1f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .header__wrapper .header__info-burger .burger__menu-list li a:hover { color: #42b840; } header .header__wrapper .header__info-burger .burger__menu-list .header__burger-clock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .header__wrapper .header__info-burger .burger__menu-list .header__burger-clock img { margin-right: 10px; } header .header__wrapper .header__info-burger .burger__menu-list .header__burger-links { display: none; } header .header__wrapper .header__info-burger .burger__menu-list .header__burger-links .burger__account-link { max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } header .header__wrapper .header__info-burger .burger__menu-list-login { display: none; justify-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } header .header__wrapper .header__info-burger .burger__menu-list-login img { margin-right: 5px; } header .header__wrapper .header__info-burger .burger__menu-list-login svg > path, header .header__wrapper .header__info-burger .burger__menu-list-login p { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } header .header__wrapper .header__info-burger .burger__menu-list-login p { font-size: 14px; } header .header__wrapper .header__info-burger .burger__menu-list-login:hover svg > path { fill: #42b840; } header .header__wrapper .header__info-burger .burger__menu-list-login:hover p { color: #42b840; } header .header__wrapper .header__info-burger .burger__menu-list .header__burger-info > ul { display: grid; grid-template-columns: 1fr 1fr; } header .header__wrapper .header__info-burger .burger__menu-list > button { position: absolute; top: 5%; left: 95%; width: -webkit-max-content; width: -moz-max-content; width: max-content; } @media screen and (max-width: 980px) { header .header__wrapper .header__info-burger .burger__menu-list { width: 540px; height: 280px; } header .header__wrapper .header__info-burger .burger__menu-list > .header__burger-links { display: -webkit-box; display: -ms-flexbox; display: flex; /* display: grid; */ grid-template-columns: 1fr 1fr 1fr; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .header__wrapper .header__info-burger .burger__menu-list > .header__burger-links a, header .header__wrapper .header__info-burger .burger__menu-list > .header__burger-links button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; } } @media screen and (max-width: 600px) { header .header__wrapper .header__info-burger .burger__menu-list { left: 1%; width: 98%; } header .header__wrapper .header__info-burger .burger__menu-list > .header__burger-links { display: -webkit-box; display: -ms-flexbox; display: flex; /* display: grid; */ grid-template-columns: 1fr 1fr 7fr; -ms-flex-wrap: wrap; flex-wrap: wrap; } header .header__wrapper .header__info-burger .burger__menu-list > .header__burger-links a:last-child { visibility: visible; } } @media screen and (max-width: 450px) { header .header__wrapper .header__info-burger .burger__menu-list { top: calc(50% - 275px); min-height: 350px; } header .header__wrapper .header__info-burger .burger__menu-list .header__burger-info ul { grid-template-columns: 1fr; } header .header__wrapper .header__info-burger .burger__menu-list .header__burger-clock > p { font-size: 12px; } header .header__wrapper .header__info-burger .burger__menu-list > button { left: 90%; } } /* modified todo work -> something was any = +! ' / ., */ /* @media screen and (max-width: 440px) { main .main__bestsellers .bestsellers__list { grid-template-columns: repeat(1, 1fr); } } */ /* modified todo work -> something was any = +! ' / ., */ .main__brands .brands__list { padding: 25px 10px; /* display: grid; grid-template-columns: 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr 4px 1fr; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; */ /* display: flex; */ display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; justify-content: space-between; overflow-x: auto; place-items: center; } /* modified todo work -> something was any = +! ' / ., */ .main__brands .brands__list::-webkit-scrollbar-track { padding: 0 5px; background-color: #ececec; /* border-radius: 25px; */ border-top: 9px solid rgba(255, 255, 255, 0); border-bottom: 9px solid rgba(255, 255, 255, 0); -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } /* modified todo work -> something was any = +! ' / ., */ .main__brands .brands__list::-webkit-scrollbar-thumb { background-color: white; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0iIzQyQjg0MCIvPjxwYXRoIGQ9Ik02IDBIOFYxMUg2VjBaIiBmaWxsPSIjNDJCODQwIi8+PHBhdGggZD0iTTEyIDBIMTRWMTFIMTJWMFoiIGZpbGw9IiM0MkI4NDAiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; border: 2px solid #42b840; } @media screen and (max-width: 1050px) { body:has(.catalog__products-filters-wrapper.open) { overflow: hidden; } } button, img:not(.categories__list img) :not(.catalog-content-link img), a, h1, h2, h3, h4, p, nav, .product__rating__card { -webkit-animation-name: emergence; animation-name: emergence; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; } /* @-webkit-keyframes emergence { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes emergence { 0% { opacity: 0; } 100% { opacity: 1; } } */ /*!*****************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/nice-select2/src/scss/nice-select2.scss ***! \*****************************************************************************************************************************************************************************************/ .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border-radius: 5px; border: solid 1px #e8e8e8; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 14px; font-weight: normal; height: 38px; line-height: 36px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { content: ''; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } .nice-select.open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .nice-select.open .nice-select-dropdown { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #cccccc; } .nice-select.wide { width: 100%; } .nice-select.wide .nice-select-dropdown { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .nice-select-dropdown { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .nice-select-dropdown { margin-top: 4px; width: 100%; background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(19px); transform: scale(0.75) translateY(19px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; opacity: 0; } .nice-select .list { border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 0; max-height: 210px; overflow-y: auto; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .nice-select .optgroup { font-weight: bold; } .no-csspointerevents .nice-select .nice-select-dropdown { display: none; } .no-csspointerevents .nice-select.open .nice-select-dropdown { display: block; } .nice-select .list::-webkit-scrollbar { width: 0; } .nice-select .has-multiple { white-space: inherit; height: auto; padding: 7px 12px; min-height: 36px; line-height: 22px; } .nice-select .has-multiple span.current { border: 1px solid #ccc; background: #eee; padding: 0 10px; border-radius: 3px; display: inline-block; line-height: 24px; font-size: 14px; margin-bottom: 3px; margin-right: 3px; } .nice-select .has-multiple .multiple-options { display: block; line-height: 24px; padding: 0; } .nice-select .nice-select-search-box { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px; pointer-events: none; border-radius: 5px 5px 0 0; } .nice-select .nice-select-search { -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid #e8e8e8; border-radius: 3px; color: #444; display: inline-block; vertical-align: middle; padding: 7px 12px; margin: 0 10px 0 0; width: 100%; min-height: 36px; line-height: 22px; height: auto; outline: 0 !important; font-size: 14px; } /*!***********************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper.min.css ***! \***********************************************************************************************************************************************************************/ /** * Swiper 9.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: March 31, 2023 */ @font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper, swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial ); transition-timing-function: var( --swiper-wrapper-transition-timing-function, initial ); -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide:not(.reviews__slider .swiper-slide), swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient( linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)) ); background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0) ); } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ''; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*!**********************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/modules/navigation/navigation.min.css ***! \**********************************************************************************************************************************************************************************************/ :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-lock { display: none; } /*!**********************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/modules/pagination/pagination.min.css ***! \**********************************************************************************************************************************************************************************************/ .swiper-pagination { position: absolute; text-align: center; text-align: -moz-center; -webkit-transition: 0.3s opacity; transition: 0.3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: var( --swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px) ); height: var( --swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px) ); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s top, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s top; transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s left, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s left; transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s right, 0.2s -webkit-transform; transition: 0.2s transform, 0.2s right; transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { background: var( --swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25) ); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /*!******************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fancyapps/ui/dist/fancybox/fancybox.css ***! \******************************************************************************************************************************************************************************************/ :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75; } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height); } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; -webkit-animation: f-spinner-rotate 2s linear infinite; animation: f-spinner-rotate 2s linear infinite; } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none; } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1); } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); -webkit-animation: f-spinner-dash 2s ease-in-out infinite; animation: f-spinner-dash 2s ease-in-out infinite; } @-webkit-keyframes f-spinner-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes f-spinner-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .f-zoomInUp { -webkit-animation: 0.2s ease-out 0.1s both f-zoomInUp; animation: 0.2s ease-out 0.1s both f-zoomInUp; } .f-zoomOutDown { -webkit-animation: 0.2s ease-out both f-zoomOutDown; animation: 0.2s ease-out both f-zoomOutDown; } @-webkit-keyframes f-zoomInUp { from { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @keyframes f-zoomInUp { from { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } to { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-zoomOutDown { to { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } @keyframes f-zoomOutDown { to { -webkit-transform: scale(0.975) translate3d(0, 16px, 0); transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0; } } .f-throwOutUp { -webkit-animation: 0.175s ease-out both f-throwOutUp; animation: 0.175s ease-out both f-throwOutUp; } .f-throwOutDown { -webkit-animation: 0.175s ease-out both f-throwOutDown; animation: 0.175s ease-out both f-throwOutDown; } @-webkit-keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); opacity: 0; } } @keyframes f-throwOutUp { to { -webkit-transform: translate3d(0, -150px, 0); transform: translate3d(0, -150px, 0); opacity: 0; } } @-webkit-keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; } } @keyframes f-throwOutDown { to { -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); opacity: 0; } } .f-fadeIn { -webkit-animation: 0.2s ease both f-fadeIn; animation: 0.2s ease both f-fadeIn; z-index: 2; } .f-fadeOut { -webkit-animation: 0.2s ease both f-fadeOut; animation: 0.2s ease both f-fadeOut; z-index: 1; } @-webkit-keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeOut { 100% { opacity: 0; } } @keyframes f-fadeOut { 100% { opacity: 0; } } .f-fadeSlowIn { -webkit-animation: 0.5s ease both f-fadeSlowIn; animation: 0.5s ease both f-fadeSlowIn; z-index: 2; } .f-fadeSlowOut { -webkit-animation: 0.5s ease both f-fadeSlowOut; animation: 0.5s ease both f-fadeSlowOut; z-index: 1; } @-webkit-keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-fadeSlowIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeSlowOut { 100% { opacity: 0; } } @keyframes f-fadeSlowOut { 100% { opacity: 0; } } .f-fadeFastIn { -webkit-animation: 0.2s ease-out both f-fadeFastIn; animation: 0.2s ease-out both f-fadeFastIn; z-index: 2; } .f-fadeFastOut { -webkit-animation: 0.2s ease-out both f-fadeFastOut; animation: 0.2s ease-out both f-fadeFastOut; z-index: 2; } @-webkit-keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @keyframes f-fadeFastIn { 0% { opacity: 0.75; } 100% { opacity: 1; } } @-webkit-keyframes f-fadeFastOut { 100% { opacity: 0; } } @keyframes f-fadeFastOut { 100% { opacity: 0; } } .f-crossfadeIn { -webkit-animation: 0.2s ease-out both f-crossfadeIn; animation: 0.2s ease-out both f-crossfadeIn; z-index: 2; } .f-crossfadeOut { -webkit-animation: 0.1s linear 0.1s both f-crossfadeOut; animation: 0.1s linear 0.1s both f-crossfadeOut; z-index: 1; } @-webkit-keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes f-crossfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes f-crossfadeOut { 100% { opacity: 0; } } @keyframes f-crossfadeOut { 100% { opacity: 0; } } .f-slideIn.from-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; } .f-slideIn.from-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; } .f-slideOut.to-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; } .f-slideOut.to-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; } @-webkit-keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes f-slideInPrev { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes f-slideInNext { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes f-slideOutNext { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes f-slideOutNext { 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes f-slideOutPrev { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes f-slideOutPrev { 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .f-classicIn.from-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2; } .f-classicIn.from-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2; } .f-classicOut.to-next { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1; } .f-classicOut.to-prev { -webkit-animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; animation: 0.85s cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1; } @-webkit-keyframes f-classicInNext { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInNext { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-classicInPrev { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes f-classicInPrev { 0% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-webkit-keyframes f-classicOutNext { 100% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } } @keyframes f-classicOutNext { 100% { -webkit-transform: translateX(-75px); transform: translateX(-75px); opacity: 0; } } @-webkit-keyframes f-classicOutPrev { 100% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } } @keyframes f-classicOutPrev { 100% { -webkit-transform: translateX(75px); transform: translateX(75px); opacity: 0; } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65; } .f-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: content-box; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); -webkit-box-shadow: var(--f-button-shadow); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; -webkit-transition: var(--f-button-transition); transition: var(--f-button-transition); } @media (hover: hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg); } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg); } .f-button:focus:not(:focus-visible) { outline: none; } .f-button:focus-visible { outline: none; -webkit-box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)); } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; -webkit-transform: var(--f-button-transform); transform: var(--f-button-transform); -webkit-filter: var(--f-button-svg-filter); filter: var(--f-button-svg-filter); pointer-events: none; } .f-button[disabled] { cursor: default; } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity); } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1; } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos); } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos); } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos); } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto; } html.with-fancybox body { -ms-touch-action: none; touch-action: none; } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc( var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px) ); overflow: hidden !important; overscroll-behavior-y: none; } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: 1050; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain; } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity; } .fancybox__carousel { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip; } .fancybox__viewport { width: 100%; height: 100%; } .fancybox__track { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; height: 100%; } .fancybox__slide { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px; } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden; } .fancybox__slide.has-image { overflow: hidden; } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible; } .fancybox__slide::before, .fancybox__slide::after { content: ''; -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0; margin: auto; } .fancybox__content { -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20; } .is-loading .fancybox__content { opacity: 0; } .is-draggable .fancybox__content { cursor: move; cursor: -webkit-grab; cursor: grab; } .can-zoom_in .fancybox__content { cursor: -webkit-zoom-in; cursor: zoom-in; } .can-zoom_out .fancybox__content { cursor: -webkit-zoom-out; cursor: zoom-out; } .is-dragging .fancybox__content { cursor: move; cursor: -webkit-grabbing; cursor: grabbing; } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto; } .fancybox__slide.has-image > .fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: none; transition: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox__slide.has-image > .fancybox__content > picture > img { width: 100%; height: auto; max-height: 100%; } .is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content { visibility: hidden; } .is-animating .fancybox__content, .is-dragging .fancybox__content { -webkit-filter: blur(0px); filter: blur(0px); will-change: transform, width, height; } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; -o-object-fit: contain; object-fit: contain; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox__caption { -ms-flex-item-align: center; align-self: center; max-width: 100%; -ms-flex-negative: 0; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible; } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden; } .is-compact .fancybox__caption { padding-bottom: 0; } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40; } .fancybox__content > .f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: 0.75; } .is-loading .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .is-zooming-out .fancybox__content > .f-button.is-close-btn { visibility: hidden; } .fancybox__content > .f-button.is-close-btn:hover { opacity: 1; } .fancybox__footer { padding: 0; margin: 0; position: relative; } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, 0.5); } .is-compact .fancybox__footer .fancybox__caption { padding: 12px; } .is-compact .fancybox__content > .f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px; } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1); } .fancybox__nav .f-button:before { position: absolute; content: ''; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1; } .is-idle .fancybox__nav { -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .is-idle.is-compact .fancybox__footer { pointer-events: none; -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .fancybox__slide > .f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer; } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; -o-object-fit: contain; object-fit: contain; z-index: 40; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none; } .fancybox__container:not([aria-hidden]) { opacity: 0; } .fancybox__container.is-animated[aria-hidden='false'] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden='false'] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden='false'] .fancybox__slide > *:not(.fancybox__content) { -webkit-animation: 0.25s ease 0.1s backwards f-fadeIn; animation: 0.25s ease 0.1s backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden='false'] .fancybox__backdrop { -webkit-animation: 0.35s ease backwards f-fadeIn; animation: 0.35s ease backwards f-fadeIn; } .fancybox__container.is-animated[aria-hidden='true'] > *:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden='true'] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden='true'] .fancybox__slide > *:not(.fancybox__content) { -webkit-animation: 0.15s ease forwards f-fadeOut; animation: 0.15s ease forwards f-fadeOut; } .fancybox__container.is-animated[aria-hidden='true'] .fancybox__backdrop { -webkit-animation: 0.35s ease forwards f-fadeOut; animation: 0.35s ease forwards f-fadeOut; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; -ms-flex-negative: 1; flex-shrink: 1; min-height: 1px; overflow: visible; } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: 100%; height: 100%; } .fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90%; } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100%; } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, 0.9); color: #fff; } .has-map .fancybox__content { background: #e5e3df; } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0); } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0; } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; } .f-thumbs { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transform: translateZ(0); transform: translateZ(0); } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: -webkit-gradient( linear, left top, left bottom, from(#ebeff2), to(#e2e8f0) ); background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1; } .f-thumbs .f-spinner svg { display: none; } .f-thumbs.is-vertical { height: 100%; } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; } .f-thumbs__track { display: -webkit-box; display: -ms-flexbox; display: flex; will-change: transform; } .f-thumbs__slide { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); min-width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer; } .f-thumbs__slide.is-loading img { opacity: 0; } .is-classic .f-thumbs__viewport { height: 100%; } .is-modern .f-thumbs__track { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .is-modern .f-thumbs__track::before { content: ''; position: absolute; top: 0; bottom: 0; left: calc(var(--left, 0) * 1px); width: calc(100% - var(--width, 0) * 1px); cursor: pointer; } .is-modern .f-thumbs__slide { --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) ); -webkit-transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); -webkit-transition: none; transition: none; pointer-events: none; } .is-modern .f-thumbs__slide:focus-within:not(.is-selected) { -webkit-filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)); } .is-modern .f-thumbs__slide > * { -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); } .is-modern.in-touch .f-thumbs__slide { -webkit-filter: none; filter: none; } .is-modern.is-resting .f-thumbs__slide { -webkit-transition: all 0.33s ease; transition: all 0.33s ease; } .is-modern.is-resting .f-thumbs__slide > * { -webkit-transition: all 0.33s ease; transition: all 0.33s ease; } .f-thumbs__slide__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: none; cursor: pointer; pointer-events: auto; -ms-touch-action: manipulation; touch-action: manipulation; opacity: var(--f-thumb-opacity); -webkit-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity); } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none; } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity); } .is-nav-selected .f-thumbs__slide__button::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); -webkit-animation: f-fadeIn 0.2s ease-out; animation: f-fadeIn 0.2s ease-out; z-index: 10; } .f-thumbs__slide__img { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: var(--f-thumb-offset); -webkit-box-sizing: border-box; box-sizing: border-box; pointer-events: none; -o-object-fit: cover; object-fit: cover; } .f-thumbs.is-horizontal .f-thumbs__track { margin: 0 auto; padding: 8px 0 12px 0; } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0; } .f-thumbs.is-vertical .f-thumbs__track { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto 0; padding: 0 8px; } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0; } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); -webkit-transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-classic .f-spinner { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)) ); background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 20px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; } .fancybox__thumbs.is-modern .f-spinner { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0.05)) ); background-image: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05) ); } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap); } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0; } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px; } .fancybox__thumbs.is-hidden { max-height: 0px !important; } .is-closing .fancybox__thumbs { -webkit-transition: none !important; transition: none !important; } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Adjusted', 'Segoe UI', 'Liberation Sans', sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var( --fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5) ); pointer-events: none; z-index: 20; } .fancybox__toolbar :focus-visible { z-index: 1; } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0; } .is-idle .fancybox__toolbar { pointer-events: none; -webkit-animation: 0.15s ease-out both f-fadeOut; animation: 0.15s ease-out both f-fadeOut; } .fancybox__toolbar__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } .fancybox__toolbar__column.is-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; text-align: -moz-center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox__infobar span { padding: 0 5px; } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg); } [data-fancybox-toggle-slideshow] { position: relative; } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: 0.3; } [data-fancybox-toggle-slideshow] svg g:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-slideshow] svg g:last-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none; } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-fullscreen] svg g:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none; } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none; } :-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: flex; } :-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -ms-flexbox; display: flex; } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; transform-origin: 0; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: linear; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .bx-yandex-view-layout { margin-top: 25px; } .ymaps-2-1-79-map.ymaps-2-1-79-i-ua_js_yes.ymaps-2-1-79-map-bg.ymaps-2-1-79-islets_map-lang-ru, .ymaps-2-1-79-inner-panes, .ymaps-2-1-79-float-button.ymaps-2-1-79-_hidden-text, .ymaps-2-1-79-zoom__button { border-radius: 20px; } .ymaps-2-1-79-zoom__button, .ymaps-2-1-79-gotoymaps__container { border-radius: 20px !important; } /** bs */ .swiper-slide:not(.reviews__slider .swiper-slide) { width: 100% !important; max-width: 913px !important; } /** bs */ .order-header { margin-top: 40px; } .order-header__item, .personal-contant__item, .personal-content__btn { transition: all 0.2s ease-in-out; } .bx-filter.bx-blue .bx-ui-slider-pricebar-v, .prop_angle, .prop_angle::before, .btn.btn-themes, .bx-ui-slider-handle { color: #42b840; background: #42b840 !important; background-color: #42b840 !important; } .bx-filter-parameters-box-title span { margin-top: 10px; font-size: 16px; font-weight: bold; transition: all 0.2s ease-in-out; color: #42b840 !important; } .bx-filter-parameters-box-title span:hover { border: none !important; } .bx-filter-parameters-box-hint { color: #42b840 !important; } .bx-filter-parameters-box-hint:hover { border: none !important; } .bx-filter-parameters-box-title:hover { border: none !important; } .bx-filter.bx-blue .bx-ui-slider-pricebar-vn { background: rgba(66, 184, 64, 0.5) !important; } .bx-ui-slider-handle { background: #42b840 !important; border-top-right-radius: 40px; border-top-left-radius: 40px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .bx-ui-slider-handle.right { border-top-left-radius: 5px; } .bx-ui-slider-handle.left { border-top-right-radius: 5px; } .col-xs-6 .bx-filter-parameters-box-container-block .bx-left i { font-size: 16px; } .bx-filter-input-container input { height: 40px !important; border-radius: 90px !important; background-color: #f6f6f6 !important; border: none !important; padding-left: 10px !important; } .bx-filter-parameters-box-container { margin-top: 15px; display: grid; grid-template-columns: 1fr; row-gap: 10px; } .bx-filter-parameters-box-container input { height: 40px; border-radius: 90px; font-size: 18px; font-weight: bold; cursor: pointer; } .bx-filter-parameters-box-container .btn-themes { -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .bx-filter-parameters-box-container .btn-themes:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .bx-filter-parameters-box-container .btn-link { border: 1px solid rgba(0, 0, 0, 0.7); } #catalog__products-filters { display: flex; flex-direction: column; padding-right: 20px; overflow: unset; } .smart-filter { display: grid; height: 100%; grid-template-columns: 1fr; } #catalog__products-filters h2 { height: min-content; color: black; } @media screen and (max-width: 550px) { #catalog__products-filters .row { padding-bottom: 40px; } } .bx-filter .bx-ui-slider-track-container { padding-top: 35px; padding-bottom: 25px; width: 75%; justify-self: center; } .bx-ui-slider-part span { width: min-content; } .col-lg-12 .bx-filter-parameters-box .bx-active, .bx-filter-block, .row .bx-filter-parameters-box-container { display: grid; grid-template-columns: 1fr; } .price-bar-value { width: min-content !important; left: unset !important; margin-left: 0 !important; right: 50%; } .bx-filter-parameters-box-hint { border-bottom: none !important; } .smartfilter { display: flex; flex-direction: column; flex: 1; /* max-height: 97vh; */ padding: 15px 20px; overflow: auto; } .smartfilter::-webkit-scrollbar { display: none; } .catalog__products-filters-item { margin: 0 !important; } .row.bx-filter-parameters-box-container { padding-bottom: 0 !important; margin: 0 !important; } .col-lg-12.bx-filter-parameters-box.bx-active { margin: 10px 0; } .catalog__main-layout .catalog__products-container .catalog__products-filters { padding: 0 !important; } /* .bx-filter-block { height: min-content !important; } .row .bx-filter-parameters-box-container { margin: unset !important; padding: unset !important; } .col-lg-12 .bx-filter-parameters-box .bx-active { margin-top: 20px; } */ .nice-select { border-bottom: 0; transform: rotate(0deg); } .wrapper-content > br, .wrapper-page > br { display: none; } .catalog__products-panel-sort .nice-select.open { z-index: 400 !important; } .basket-items-list-item-container { display: flex; justify-content: center; align-items: center; } .remove-from-cart { order: 5; } .remove-from-cart span { border-left: 1px solid #ececec; font-size: 14px; color: #3aa038; padding: 15px; cursor: pointer; } .basket-item-block-amount, .basket-item-block-price, .basket-items-list-item-amount.cart__list-card-price { padding: 0 !important; } .basket-items-list-item-container td { border-top: none !important; } .basket-items-list-item-container { border-top: 1px solid #ececec; } .basket-items-list-item-container:first-child { border-top: none; } .basket-item-block-price { min-width: 150px; display: flex; justify-content: center; align-items: center; } .basket-item-block-price span { font-weight: bold; font-size: 18px; } .basket-items-list { padding: 0 !important; } .basket-items-list-wrapper, .basket-items-list-wrapper-compact { margin: 0 !important; border: none !important; } .basket-items-list-header { padding: 0 !important; background-color: #fff; border-color: #42b840 !important; } .basket-items-list-header a { font-size: 18px; color: #42b840 !important; } @media screen and (max-width: 620px) { .remove-from-cart span { /* border: 1px solid #ececec; */ width: 100%; /* border-radius: 90px; */ font-size: 14px; color: #3aa038; padding: 15px; cursor: pointer; } .basket-items-list-item-amount.cart__list-card-price { display: grid !important; grid-template-columns: 1fr !important; justify-items: center !important; } .basket-item-block-amount { justify-self: center !important; } .basket-item-block-info { display: flex; justify-content: center; align-items: center; flex-direction: column; } .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { font-size: 24px !important; } .basket-checkout-block-total-title > span { font-size: 24px !important; } .basket-checkout-container { margin: 0px !important; padding: 0px !important; } .basket-item-info-name-link, .basket-item-info-name { padding: 0 !important; } } @media screen and (max-width: 450px) { .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { font-size: 20px !important; } .basket-checkout-block-total-title > span { font-size: 20px !important; } } @media screen and (max-width: 390px) { .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { font-size: 18px !important; } .basket-checkout-block-total-title > span { font-size: 18px !important; } } .basket-checkout-block-total-title, .basket-coupon-block-total-price-current { margin-right: 20px; font-size: 36px; font-weight: bold; color: #9b9b9b; } .basket-checkout-container { border: none !important; } .search--result__products-sort p { margin-right: 8px; } .search--result__products-sort a { padding: 5px; display: flex; justify-content: center; align-items: center; } .search--result__products-sort img { margin-left: 5px; } .search--result__products-sort a.active { color: #42b840; } .search--result__products-sort a img.price-desc { transform: rotate(90deg); } .search--result__products-sort a img.name-desc { transform: scaleX(-1); } .wrapper-content > br, .wrapper-content > div > br { display: none; } .empty-favorite-list { margin-top: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .empty-favorite-list h2 { font-size: 16px; font-weight: normal; } .empty-favorite-list a { padding: 10px; font-size: 16px; color: #42b840; font-weight: bold; } .basket-items-list-item-container-expend .basket-items-list-item-removed-container { background: none !important; } .cart-item-taste-p { font-size: 16px; } .cart-item-taste-p span { font-size: 18px; font-weight: bold; color: #42b840; } .basket-item-info-name-link span { display: block; font-size: 18px; font-weight: bold; transition: all 0.2s ease-in-out !important; } .basket-item-info-name-link { transition: all 0.2s ease-in-out !important; } .basket-item-info-name-link:hover span { text-decoration: none; color: #42b840; } .basket-item-info-name-link:hover { text-decoration: none; color: #42b840; } @media screen and (max-width: 750px) { .navbar__navigation-links-cart { font-size: 0 !important; } header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-cart { font-size: 14px !important; } } .smart-filter > .row { padding: 10px; } .password-min-lenght { font-size: 16px; } .modal__registration-form > p { font-size: 16px; } .g-recaptcha { justify-self: center; width: min-content; } .password-min-lenght { justify-self: center; } .bx_catalog-compare-list { display: none; } .compare__products-card-buttons .nice-select-dropdown { top: 0; } #page--elements--count--wrapper { position: relative; /* width: ; */ } #page--elements--count--button { padding: 10px 30px 10px 10px; width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; font-size: 16px; font-weight: normal; font-size: 16px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0); transition: all 0.2s ease-in-out; } #page--elements--count--button:hover { border-color: #42b840; } #page--elements--count--button--arrow { transition: all 0.2s ease-in-out; transform: scale(1, 1); } #page--elements--count--button--arrow.active { transition: all 0.2s ease-in-out; transform: scale(1, -1); } #page--elements--count--list { position: absolute; top: 100%; left: 0; margin-top: 5px; width: 100%; height: max-content; visibility: hidden; opacity: 0; pointer-events: none; z-index: -1; transform: translateY(-20px) scale(0.9); /* border: 1px solid #42b840; */ -webkit-box-shadow: 0px 4px 15px rgba(130, 146, 151, 0.12); box-shadow: 0px 4px 15px rgba(130, 146, 151, 0.12); transition: all 0.2s ease-in-out; } #page--elements--count--list.close { visibility: hidden; opacity: 0; pointer-events: none; z-index: -1; transform: translateY(-20px) scale(0.9); } #page--elements--count--list.open { visibility: visible; opacity: 1; pointer-events: auto; z-index: 20; transform: translateY(0px) scale(1); } #page--elements--count--list li { width: 100%; } #page--elements--count--list li:first-child a, #page--elements--count--list li:first-child button { border-top-right-radius: 5px; border-top-left-radius: 5px; border-top: 1px solid #42b840; } #page--elements--count--list li:last-child a, #page--elements--count--list li:last-child button { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom: 1px solid #42b840; } #page--elements--count--list li a, #page--elements--count--list li button { width: 100%; height: 40px; transition: all 0.2s ease-in-out; background-color: rgb(240, 240, 240); font-weight: 700; font-size: 16px; display: flex; justify-content: center; align-items: center; border-left: 1px solid #42b840; border-right: 1px solid #42b840; } #page--elements--count--list li a:hover, #page--elements--count--list li button:hover { background-color: rgb(255, 255, 255); } #page--elements--count--list li a.active, #page--elements--count--list li button.active { background-color: rgb(255, 255, 255); } #page--elements--count--list li a.active:hover, #page--elements--count--list li button.active:hover { background-color: rgb(255, 255, 255); } #page--elements--count--button:after { content: ''; display: block; height: 10px; margin-top: -4px; pointer-events: none; position: absolute; right: 10px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 5px; } #page--elements--count--button:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #262526; border-bottom: none; -webkit-transform: none; transform: none; } #ymap-choice { min-height: 390px; max-height: 390px; height: 100%; } @media (max-width: 1024px) { #ymap-choice { min-height: 300px; max-height: 300px; height: 100%; } .navbar__navigation-search.active { width: 100% !important; } } .order-wrapper > p { font-size: 16px; } @media (max-width: 480px) { .data-form_value { width: 100%; } } .data-form__change--password { margin: 15px 0; color: #42b840; } .bx-soa-section { border: none !important; } .bx-soa-section-content, .bx-soa-section-content-content { padding: 15px 20px; display: grid; grid-template-columns: 1fr; row-gap: 40px; border-radius: 20px; background-color: #fff; } h2.bx-soa-section-title { font-size: 24px !important; font-weight: bold; } .col-sm-7.bx-soa-pp-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bx-soa-item-img-block { /* margin-right: 20px !important; */ width: 80px !important; height: 80px !important; -o-object-fit: cover !important; object-fit: cover !important; } .bx-soa-item-imgcontainer { border: none !important; } .col-sm-12.bx-soa-customer.order-basket__customer-wrapper { display: grid; grid-template-rows: repeat(3, 60px); grid-auto-flow: column; grid-auto-columns: 1fr; gap: 10px 40px; } .form-group.bx-soa-customer-field { display: grid; grid-template-columns: 1fr 2fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px 10px; } .form-group.bx-soa-customer-field label { justify-self: start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: bold; } .form-group.bx-soa-customer-field label span { margin-left: 5px; color: #42b840; } .soa-property-container input { padding-left: 10px; justify-self: stretch; height: 40px; font-size: 16px; color: black; border-radius: 90px; background-color: #ececec; width: 100%; } .checkout__item-caption { padding-left: 20px !important; padding-right: 20px !important; } .hidden--block { overflow: hidden; opacity: 0; pointer-events: none; position: absolute !important; } .order-basket__deliv-block { margin-right: 10px; margin-bottom: 10px; padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 16px; font-weight: bold; border-radius: 90px; border: 1px solid #42b840 !important; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .bx-soa-pp-company-graf-container { display: none !important; } .bx-soa-pp-company-smalltitle { font-size: 16px !important; font-weight: bold !important; color: black !important; padding: 0px 10px !important; height: 40px; } .bx-soa-pp-company.bx-selected { background-color: #42b840; } .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle { color: white !important; } .checkout__delivery-list { margin-bottom: 40px; } .form-group.hidden { overflow: hidden; position: absolute !important; opacity: 0; pointer-events: none; } .order-basket__profile-item { padding: 15px 45px 15px 15px; position: relative; display: grid; grid-template-columns: 1fr; gap: 20px; border-radius: 18px; background-color: #ececec; border: 2px solid #ececec; transition: all 0.2s ease-in-out; } .order-basket__profile-item input { overflow: hidden; position: absolute; opacity: 0; pointer-events: none; } .active.order-basket__profile-item { border: 2px solid #42b840; } .order-basket__profile-item:hover { border: 2px solid #42b840; } .order-basket__profile-tabs { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; gap: 20px; } .order-basket__profile-item-new { margin-top: 40px; justify-self: start; padding: 10px 15px; font-size: 16px; font-weight: bold; border-radius: 90px; border: 1px solid #42b840; background-color: inherit; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .order-basket__profile-name { font-size: 16px; font-weight: bold; } .radedit { position: absolute; top: 5px; right: 5px; padding: 8px; border-radius: 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .radedit path { -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .radedit:hover { background-color: #42b840; } .radedit:hover path { fill: #ffffff; } /* .col-sm-5.bx-soa-pp-desc-container, */ #bx-soa-paysystem .col-sm-5.bx-soa-pp-desc-container .bx-soa-pp-company, #bx-soa-main-notifications { overflow: hidden; opacity: 0; position: absolute; pointer-events: none; } .checkout__address--save { margin-top: 20px; margin-bottom: 6px; } .order-basket__profile-user-props { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, 60px); gap: 20px 50px; } #pickUpMap { display: none; } .cart__list--caption { width: 100%; height: 60px; background: #ececec; border-radius: 20px; font-weight: 600; font-size: 24px; line-height: 29px; color: #262526; } .cart__item-caption { margin-top: 30px; padding: 15px 20px; background-color: #dddddd; border-radius: 20px; } .basket-checkout-block-total-title > span { font-weight: 700; font-size: 36px; line-height: 140%; /* or 50px */ /* Black1 */ color: #262526; } .error-content { min-height: 60vh; } #item-buy.active { background-color: #42b840; color: white; } .order-content__number { margin-right: 40px; } .order-product__image > img { min-width: 82px; height: 82px; } .order-product__right { display: flex; justify-content: center; align-items: center; } .order-product__quantity { margin-right: 20px; } .order-product__right { padding-left: 20px; } .order-product_total-button { font-weight: bold; transition: all 0.2s ease-in-out; } .order-product_total-button:hover { background-color: #42b840; color: #ffffff; } .navbar__catalog-link:first-child a:hover, .navbar__catalog-link:last-child a:hover { color: black; } .order-product__image > a > img { width: 80px; height: 80px; object-fit: contain; } .navbar__catalog-link:hover a { transition: all 0.2s ease-in-out; } .navbar__catalog-link:hover a { color: #1f1f1f !important; } @media (max-width: 1180px) { .navbar__catalog-link:hover a { color: #fad85f !important; } } .navbar__catalog-link:first-child:hover a, .navbar__catalog-link:last-child:hover a { color: black !important; } .contacts__info-list span a { transition: all 0.2s ease-in-out; display: block; } .contacts__info-list span a:hover { color: #e7c857 !important; } .catalog__nav-sections { padding: 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .catalog__nav-sections::-webkit-scrollbar { /* display: none; */ } .catalog__nav-sections .catalog-content-link { margin-right: 20px; width: max-content; font-size: 24px; padding: 10px 20px; border-radius: 12px; border: 1px solid #42b840; color: #fff; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-color: #42b840; } .catalog__nav-sections .catalog-content-link:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .catalog__nav-sections .catalog-content-link:last-child { margin-right: 0px; } @media (max-width: 1280px) { .catalog__nav-sections .catalog-content-link { font-size: 22px; } } @media (max-width: 1024px) { .catalog__nav-sections .catalog-content-link { font-size: 20px; } } @media (max-width: 720px) { .catalog__nav-sections .catalog-content-link { font-size: 18px; } } @media (max-width: 500px) { .catalog__nav-sections .catalog-content-link { font-size: 16px; } } @media (max-width: 375px) { .catalog__nav-sections .catalog-content-link { font-size: 14px; } } .preview__carousel-links { /* margin-bottom: 10px; */ } .order-basket__profile-item { cursor: pointer; } .order-basket__profile-item-new { width: max-content; cursor: pointer; transition: all 0.2s ease-in-out; } .order-basket__profile-item-new:hover { background-color: #42b840; color: #ffffff; } .order-basket__profile-item-new.active { background-color: #42b840; color: #ffffff; } .order-basket__profile-item-new > input { position: absolute; visibility: hidden; } .order-basket__profile-desc { font-weight: 400; font-size: 16px; color: #727272; } .empty-favorite-list > a { margin-top: 15px; margin-bottom: 2px; padding: 10px 15px; border-radius: 25px; color: #fff; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .empty-favorite-list > a:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; } .compare__products-container .notetext { color: #42b840 !important; } .link--to--politics { color: #42b840; } .contacts__info-list { margin-bottom: 20px; } .preview__carousel-links > a:first-child { margin-bottom: 10px; } @media screen and (max-width: 750px) { .preview__carousel-links > a:first-child { margin-bottom: 0px; } } .preview__swiper { border-radius: 20px; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6 { border-radius: 25px; padding: 0 5px; border: 1px solid #42b840; margin-right: 15px; cursor: pointer; transition: all 0.2s ease-in-out; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6:hover { background-color: #42b840; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6:last-child { margin-right: 0px; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6 path { fill: #000000; transition: all 0.2s ease-in-out; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6.bx-selected path { fill: #ffffff; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6 .bx-soa-pp-company-smalltitle { display: flex; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6 .bx-soa-pp-company-smalltitle svg { margin-right: 15px; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6:hover .bx-soa-pp-company-smalltitle { color: #ffffff !important; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6:hover .bx-soa-pp-company-smalltitle path { fill: #ffffff !important; } .bx-soa-pickup-subTitle { color: #42b840 !important; } .bx-soa-pickup-list.recommend { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; gap: 20px; } .bx-soa-pickup-l-item-detail { display: block !important; } .bx-soa-pickup-list-item { padding: 15px 45px 15px 15px !important; position: relative; display: grid; grid-template-columns: 1fr; gap: 20px; border-radius: 18px; background-color: #ececec !important; cursor: pointer; border: 2px solid #ececec; border-top: 2px solid #ececec !important; border-bottom: 2px solid #ececec !important; transition: all 0.2s ease-in-out !important; } .bx-soa-pickup-list-item:hover { border: 2px solid #42b840; border-top: 2px solid #42b840 !important; border-bottom: 2px solid #42b840 !important; transition: all 0.2s ease-in-out !important; } .bx-soa-pickup-list-item.bx-selected { border: 2px solid #42b840; border-top: 2px solid #42b840 !important; border-bottom: 3px solid #42b840 !important; transition: all 0.2s ease-in-out !important; } .bx-soa-pickup-l-item-btn { display: none; } .bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail { padding: 0 !important; } .bx-soa-pickup-l-item-detail { min-height: unset !important; } .bx-soa-pickup-l-item-adress::before { display: none; } .bx-soa-pickup-l-item-adress { color: black !important; padding: 0 !important; font-size: 16px; } .bx-soa-pickup-l-item-name { font-size: 16px; } .bx-soa-pickup-l-item-desc { font-size: 14px; } .bx-soa-pickup-list.main { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; gap: 20px; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field { margin-top: 20px; display: flex; align-items: center; background-color: #ffffff; border: #9b9b9b; border-radius: 10px; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field:last-child { margin-top: 30px; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field .soa-property-container.input-group { position: relative; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field label { width: max-content; margin-right: 25px; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field input { width: 190px; padding: 0 30px; text-align: center; text-align: -moz-center; height: 50px; background-color: #ffffff; border: 1px solid #9b9b9b; border-radius: 10px; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field .input-group-addon { position: absolute; top: 15%; left: 20px; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field .soa-property-container { display: flex; flex-wrap: wrap; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field .soa-property-container > div > input { visibility: hidden; position: absolute; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field .soa-property-container > div > label { margin-bottom: 20px; padding: 10px 20px; text-align: center; text-align: -moz-center; font-size: 16px; font-weight: bold; border-radius: 10px; border: 1px solid #42b840; transition: all 0.2s ease-in-out; cursor: pointer; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field .soa-property-container > div > label:hover { background-color: #42b840; color: white; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field .soa-property-container > div > input:checked + label { background-color: #42b840; color: white; } #bx-soa-region { visibility: hidden; position: absolute; } #bx-soa-total { position: absolute; visibility: hidden; height: 0px; width: 0px; top: 0; } .checkout__item-caption--total { margin-top: 20px; } .bx-soa-cart-total.bx-soa-cart-total-bottom { opacity: 1 !important; } #f11 { pointer-events: none; } .bx-soa-cart-total.basket__right-block-wrapper { background-color: #ffffff; border-radius: 20px; } .bx-soa-cart-total-line { padding: 0 !important; border: none !important; display: flex; align-items: flex-end; margin-top: 20px; } .bx-soa-cart-total-line:first-child { margin-top: 0px; } .bx-soa-cart-total-line > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; height: 15px; border-bottom: 1px dashed #ececec; } .bx-soa-cart-t { line-height: 1rem; font-weight: bold; font-size: 16px; } .bx-soa-cart-d, .bx-soa-price-free { line-height: 1rem !important; font-weight: bold; font-size: 16px !important; color: #000000 !important; } .bx-soa-cart-total.bx-soa-cart-total-fixed { position: unset !important; width: 100% !important; } .bx-soa-cart-total-button-container.visible-xs { visibility: hidden; position: absolute; opacity: 0; pointer-events: none; } #bx-soa-orderSave .pull-right.btn.btn-default.btn-lg.hidden-xs { padding: 10px 15px; font-size: 16px; font-weight: bold; color: #fff; text-align: center; border-radius: 90px; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #bx-soa-orderSave .pull-right.btn.btn-default.btn-lg.hidden-xs:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .alert.alert-warning.text-center { padding: 0 !important; margin: 0 !important; font-size: 16px; font-weight: bold; color: #e53737; } @media screen and (max-width: 1050px) { .order-basket__profile-tabs { grid-template-columns: repeat(2, 1fr); } .order-basket__profile-user-props { grid-template-columns: 1fr; } } @media screen and (max-width: 900px) { .col-sm-12.bx-soa-customer.order-basket__customer-wrapper { grid-template-rows: unset; grid-auto-flow: unset; grid-auto-columns: unset; } } @media screen and (max-width: 750px) { .order-basket__profile-tabs { grid-template-columns: repeat(1, 1fr); } h2.bx-soa-section-title { font-size: 20px !important; } } .bx-soa-item-title > a { font-size: 16px; } .form-group.bx-soa-location-input-container.hidden { width: 0; } @media screen and (max-width: 500px) { #bx-soa-address-date-time-block .form-group.bx-soa-customer-field { align-items: flex-start; } #bx-soa-address-date-time-block .form-group.bx-soa-customer-field .soa-property-container { display: grid; grid-template-columns: 1fr; } .col-sm-7.bx-soa-pp-item-container { display: grid; row-gap: 10px; } .bx-soa-pp-company.col-lg-4.col-sm-4.col-xs-6 { margin: 0 !important; } .form-group.bx-soa-customer-field { grid-template-columns: 1fr; } h2.bx-soa-section-title { font-size: 18px !important; } } .select-city__block__text, .select-city__block__text-city, .select-city__modal__title, .select-city__modal__list__title, .select-city__modal__list__item, .select-city__modal__submit__title, .select-city__modal__submit__btn, .select-city__dropdown__title, .select-city__dropdown__choose, .select-city__modal__submit__input { font-family: unset !important; } .select-city__block { margin-left: 10px; } .select-city__dropdown-wrap { z-index: 500; top: 50px; } .select-city__modal__list__item { transition: all 0.2s ease-in-out; } .select-city__modal__list__item:hover { color: #42b840 !important; text-decoration: unset !important; } .confirm--order__card { margin-top: 20px; padding: 20px; width: fit-content; font-size: 18px; background-color: #ffffff; border-radius: 20px; } .confirm--order__card--pay { margin-top: 20px; display: flex; align-items: center; } .confirm--order__card--pay > img { margin-right: 20px; } .confirm--order__card--pay--wrapper { display: grid; grid-template-columns: 1fr; } .confirm--order__card--pay--wrapper > .pay_name { font-weight: 400; font-size: 16px; } .confirm--order__card--pay--wrapper > .paysystem_name { font-size: 16px; } .confirm--order__card--pay--wrapper > .paysystem_name > span { font-weight: bold; font-size: 16px; } .confirm--order__card--desc { margin-top: 20px; font-size: 18px; font-weight: 400; } .confirm--order__card--desc > a { color: #42b840; } .bestsellers__card-price .item-taste { width: 100% !important; } .watches__card-price .nice-select-dropdown li, .bestsellers__card-price .nice-select-dropdown li { /* text-wrap: balance; */ line-height: 1.1rem; /* padding-top: 15px; padding-bottom: 15px; */ padding: 10px 5px; width: 100%; white-space: pre-wrap; } .watches__card-price .nice-select-dropdown .list, .bestsellers__card-price .nice-select-dropdown .list { width: 100%; } .watches__card-price .nice-select-dropdown, .watches__card-price .nice-select.item-taste.compare__taste-select.open, .bestsellers__card-price .nice-select-dropdown, .bestsellers__card-price .nice-select.item-taste.compare__taste-select.open { z-index: 500; width: 100%; } .watches__card-price .nice-select .current, .bestsellers__card .nice-select .current, .compare__products-card-buttons .nice-select .current { max-width: 155px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 450px) { .watches__card-price .nice-select .current, .bestsellers__card .nice-select .current, .compare__products-card-buttons .nice-select .current { max-width: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media screen and (max-width: 349px) { .watches__card-price .nice-select .current, .bestsellers__card .nice-select .current, .compare__products-card-buttons .nice-select .current { max-width: 155px; } } .watches__card-price .item-taste { /* width: 150px !important; */ } #page--elements--count--button::after { display: none; } #page--elements--count--button { padding: 10px; } #page--elements--count--button { padding: 10px !important; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .title-search-result { border-radius: 20px !important; box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078) !important; } .bx_item_block_href_category_name { color: #42b840 !important; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #ececec !important; } .bx_smart_searche.theme-green .bx_item_block_item_name b { color: #42b840 !important; } .js_search_href.bx_item_block_href.bx_item_block_section { transition: all 0.2s ease-in-out; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #ececec; } .bx_item_block_item_name_flex_align, .bx_item_block_href_category_title, .bx_item_block_href_category_name { font-family: unset !important; } .js_search_href.all_result_button { margin-right: 30px; border-radius: 20px !important; color: #fff; background-color: #42b840 !important; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: none !important; } .js_search_href.all_result_button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840 !important; } .navbar__navigation > #bx_incl_area_7 { display: grid; } @media (max-width: 720px) { .catalog__nav-sections, .watches__list, .preview__categories-list, .discounts__list, .brands__list { scroll-snap-type: x mandatory; } .catalog-content-link, .watches__card, .preview__categories-list > a, .discounts__card, .brands__list > a { scroll-snap-align: center; } } .bestsellers__card-caption > a > img { /* width: 100%; */ /* height: 100%; */ } .bestsellers__card-caption a:first-child { display: flex; align-items: center; justify-content: center; } .bx-filter .bx-filter-popup-result.left { opacity: 0; pointer-events: none; } .catalog__products .preview__carousel-links { pointer-events: none; user-select: none; } .catalog__products .preview__carousel-links > a > img { border-radius: 20px; } #root > div { display: flex; justify-content: center; align-items: center; } .watches__card-caption > a > img, .bestsellers__card-caption > a > img, .discounts__card-caption > a > img { max-height: 150px; min-height: 150px; object-fit: contain; } @media (min-width: 440px) { .watches__card-caption > a > img, .bestsellers__card-caption > a > img, .discounts__card-caption > a > img { /* max-height: 250px; min-height: 250px; */ width: auto; height: auto; object-fit: contain; } } .empty--section { font-size: 16px; color: #3aa038; text-align: center; } html, body, .wrapper, .wrapper-page { height: 100%; } .wrapper-page { display: flex; flex-direction: column; } .wrapper-content { flex: 1 0; } .bestsellers__card-caption-statistics { display: none; } .empty--section--wrapper { display: grid !important; grid-template-columns: 1fr !important; } #catalog__search--sections::-ms-clear { display: none; height: 0; width: 0; } .bx-session-message { display: none; } .taste--hidden { display: none !important; } #ymap-choice--change { min-height: 400px; max-height: 600px; } .alert.alert-warning.alert-show { display: none; } .catalog__navigation-search { width: 70%; } .catalog__navigation-search > input { width: 100%; } .header__burger-links > a, .navbar__navigation-links > a { position: relative; } .fav-btns__item-bubble, .compare-btns__item-bubble { position: absolute; top: -12px; right: 2px; width: 25px; height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; font-weight: normal; background-color: #42b844; border-radius: 15px; transition: all 0.2s ease-in-out; } .fav-btns__item-bubble.disabled, .compare-btns__item-bubble.disabled { opacity: 0; } .fav-btns__item-bubble.active, .compare-btns__item-bubble.active { opacity: 1; } .orders__tab--button { padding: 5px 10px; text-align: center; font-size: 16px; font-weight: normal; color: #1f1f1f; background-color: white; border: 1px solid #42b844; border-radius: 90px; transition: all 0.2s ease-in-out; } .orders__tab--button:hover { color: white; background-color: #42b844; } .order-content_list { margin-top: 20px; } .order-wrapper .blog-pagination { margin-top: 20px; } .ymaps-2-1-79-float-button.ymaps-2-1-79-float-button_traffic_left, .ymaps-2-1-79-listbox.ymaps-2-1-79-listbox_opened_no.ymaps-2-1-79-listbox_align_right, .ymaps-2-1-79-float-button.ymaps-2-1-79-_hidden-icon, .ymaps-2-1-79-gototech, .ymaps-2-1-79-float-button.ymaps-2-1-79-_hidden-text, .ymaps-2-1-79-gotoymaps { display: none !important; } .ymaps-2-1-79-areas-pane svg { pointer-events: none !important; } .modal__registration-form-approve a { color: #42b844; } .basket-item-price-old-text::after { content: none !important; } .basket-item-price-difference { display: none; } .basket-item-price-old { position: unset !important; margin-left: 5px; } .basket-item-price-old > span { color: #3aa038 !important; font-size: 14px; text-decoration: line-through; } .basket-item-label-ring.basket-item-label-small { background: #3aa038 !important; } .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted { background-color: unset !important; } .order-content__pay--button { font-size: 16px; } .order-content__pay--button { padding: 5px 10px; text-align: center; font-size: 16px; font-weight: normal; width: fit-content; display: block; margin-left: auto; border: 1px solid #42b844; border-radius: 90px; transition: all 0.2s ease-in-out; background-color: #42b840; color: #fff; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .order-content__pay--button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; } #item-price-difference { display: none; } #item-price-difference.active { width: fit-content; display: block; margin-left: 2px; padding: 1px 5px; text-decoration: none; color: #000; background-color: #fad85f; border-radius: 5px; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; } @media screen and (max-width: 1280px) { .product__main-layout .product__container .product__caption-name > h2 { font-size: 28px; } } @media screen and (max-width: 1024px) { .product__main-layout .product__container .product__caption-name > h2 { font-size: 24px; } } @media screen and (max-width: 750px) { .product__main-layout .product__container .product__caption-name > h2 { font-size: 20px; } .catalog__products .preview__carousel-links { margin-bottom: 10px; } } @media screen and (max-width: 600px) { .product__main-layout .product__container .product__caption-name > h2 { font-size: 16px; } } .widget-payment-checkout-info { display: none; } .confirm--order__card .alert.alert-info { margin: 0 !important; padding: 0 !important; } .confirm--order__card .btn.btn-lg.btn-success { margin: 10px 0; margin-left: auto; border-radius: 90px; padding: 10px 15px; background-color: #42b840; color: #fff; display: block; width: fit-content; font-size: 18px; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .confirm--order__card .btn.btn-lg.btn-success:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .confirm--order__card .total--sum__info { font-size: 16px; } .confirm--order__card .total--sum__info > span { color: #fad85f; } .bestseller__card--bonuses p { margin-left: 8px; font-size: 14px; color: #1f1f1f; } .compare__card--bonuses { margin-top: 20px; display: flex; align-items: center; font-size: 14px; color: #fad85f; } .compare__card--bonuses > p { margin-left: 8px; } .basket-checkout-block-total { padding-right: none; } @media (max-width: 767px) { .basket-item-label-ring.basket-item-label-small { width: 35px; height: 35px; font-size: 12px; display: flex; align-items: center; justify-content: center; } } @media (max-width: 460px) { .cart__list-total-bonuses { justify-content: flex-start !important; } .cart__list-total-bonuses p { font-size: 14px; } .cart__list-total-bonuses svg { width: 22px; } .basket-checkout-block-total-price { text-align: left !important; } .cart__list-total-bonuses > p { font-size: 14px !important; } } @media (max-width: 350px) { .cart--unauthorized--warning { font-size: 14px !important; } } .bx-soa-cart-total-line.total__plus--bonuses .bx-soa-cart-d { display: flex; align-items: center; color: #42b840 !important; } .bx-soa-cart-total-line.total__plus--bonuses svg { margin-left: 5px; } .compare__result--empty { display: flex; flex-direction: column; align-items: center; justify-content: center; } .compare__result--empty > h2 { margin-top: 50px; font-size: 20px; color: #42b840; } .compare__result--empty > a { margin-top: 25px; /* content: 'Давайте заглянем в каталог! 🙂'; */ border-radius: 90px; padding: 10px 15px; background-color: #42b840; color: #fff; display: block; width: fit-content; font-size: 18px; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .compare__result--empty > a:hover { /* content: 'Давайте заглянем в каталог! 😉'; */ -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .basket__list--empty { margin: 150px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } .basket__list--empty > h2 { font-size: 24px; color: #42b840; } .basket__list--empty > a { margin-top: 25px; border-radius: 90px; text-align: center; text-wrap: nowrap; overflow-wrap: unset; padding: 10px 15px; background-color: #42b840; color: #fff; display: block; width: fit-content; font-size: 18px; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .basket__list--empty > a:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } select#a-select { pointer-events: none; } .loader--wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 501; } .loader { position: fixed; top: calc(50% - 75px); left: calc(50% - 75px); z-index: 502; } @media (max-width: 1024px) { button, a, input, svg, span, div { -webkit-tap-highlight-color: rgba(170, 81, 185, 0) !important; -webkit-tap-highlight-color: transparent !important; } } .cart--unauthorized--warning { font-size: 16px; text-align: -webkit-center; text-align: -moz-center; /* vertical-align: -webkit-baseline-middle; */ padding: 0 25px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 90px; cursor: pointer; color: #fff; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: none !important; } .cart--unauthorized--warning:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; } .bonuses--info__card { position: relative; } .bonuses--info__card > svg { margin-left: 5px; cursor: pointer; } .bonuses--info__card .bonuses--info--text { position: absolute; left: -100px; bottom: 30px; padding: 20px; width: 200px; border-radius: 10px; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); color: #000; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(10px); transition: all 0.2s ease-in-out; } .bonuses--info__card .bonuses--info--text:hover, .bonuses--info__card:hover .bonuses--info--text { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0px); } @keyframes bonusesImageRotate { 0% { transform: scale(1, 1) rotate(0deg) translate(0px, 0px); } 25% { transform: scale(1, 1) rotate(90deg) translate(1px, 1px); } 50% { transform: scale(-1, 1) rotate(180deg) translate(3px, 3px); } 75% { transform: scale(1, 1) rotate(270deg) translate(-1px, 1px); } 100% { transform: scale(1, 1) rotate(360deg) translate(0px, 0px); } } .compare__card--bonuses:hover > svg, .cart__list-total-bonuses:hover > svg, .bx-soa-section-content-content.container-fluid.checkout__bonuses-amount .available__bonuses--count:hover > svg, .bestseller__card--bonuses:hover > svg { animation: bonusesImageRotate 2.5s infinite; } .cart__list-total-bonuses .bonuses--info__card p.bonuses--info--text { font-size: 16px; } .compare__main-layout .compare__products-list .compare__products-card-price p { font-size: 16px; } @media (max-width: 1024px) { .compare__products-card-price .bonuses--info__card .bonuses--info--text { left: -100px !important; } } @media (max-width: 720px) { .compare__main-layout .compare__products-list .compare__products-card-price p { font-size: 16px; } } @media (max-width: 540px) { .bonuses--info__card .bonuses--info--text { padding: 10px; width: 180px; } .compare__main-layout .compare__products-list .compare__products-card-price p { font-size: 14px; } .cart__list-total-bonuses .bonuses--info__card p.bonuses--info--text { font-size: 14px; left: -140px !important; } } @media (max-width: 480px) { .bonuses--info__card .bonuses--info--text { left: -125px; } } @media (max-width: 420px) { .bonuses--info__card .bonuses--info--text { left: -120px; width: 160px; } .cart__list-total-bonuses .bonuses--info__card p.bonuses--info--text { font-size: 12px !important; } } @media (max-width: 400px) { .bonuses--info__card .bonuses--info--text { left: -105px; width: 150px; font-size: 12px; } .compare__main-layout .compare__products-list .compare__products-card-price p { font-size: 12px; } } @media (max-width: 375px) { .bonuses--info__card .bonuses--info--text { left: -115px; } } .basket-checkout-block-total-price { padding: 0 !important; } .bx-ios .bx-filter .bx-filter-input-container input { background-image: unset !important; } .bx-filter.bx-blue .bx-ui-slider-handle { -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; } .bx-filter.bx-blue .bx-ui-slider-handle:active { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; } .preview__categories-list > a > p { width: 200px; white-space: normal; text-align: -webkit-center; text-align: -moz-center; } .preview__categories-list > a > img, .catalog-content-link .img-container > img { transition: all 0.4s ease-in-out; opacity: 1; } .preview__categories-list > a:hover > img, .catalog-content-link:hover .img-container > img { animation: shakeImage 2s infinite; } @keyframes shakeImage { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0); } 100% { transform: translateX(0) rotate(0); } } .select-city__dropdown { border-radius: 10px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.22); } .select-city__dropdown__choose__yes { border-radius: 90px; cursor: pointer; color: #fff; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038; box-shadow: 0 2px 0 #3aa038; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: none !important; } .select-city__dropdown__choose__yes:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); background-color: #42b840; opacity: 1 !important; } .select-city__dropdown__choose__no { background-color: #fad85f; border-radius: 90px; z-index: 10; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .select-city__dropdown__choose__no:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); opacity: 1 !important; } .select-city__modal-wrap { border-radius: 15px; } .select-city__close { top: 10px; right: 10px; } .select-city__modal__submit__block-wrap { width: unset !important; padding: 0 !important; background: inherit !important; } .select-city__modal__submit__btn { border-radius: 90px; cursor: pointer; color: #fff; background-color: #42b840; -webkit-box-shadow: 0 2px 0 #3aa038 !important; box-shadow: 0 2px 0 #3aa038 !important; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; border: none !important; } .select-city__modal__submit__btn:hover { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transform: translateY(2px); background-color: #42b840; opacity: 1 !important; } .select-city__modal__submit__input { background-color: #ececec; border: none; border-radius: 90px; } .select-city__modal__submit__vars { display: block; border-radius: 5px; padding: 5px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.22); } .select-city__modal__submit__vars > div { font-size: 16px !important; } .select-city__modal__submit__vars > div:hover { background-color: unset !important; } .data-form_input--warning { margin-bottom: 25px; font-size: 14px; } .bonuses__register { position: relative; width: 98%; max-width: 540px; margin: 50px auto 0 auto; padding: 40px; display: grid; grid-template-columns: 1fr; row-gap: 30px; border-radius: 20px; /* background: rgb(255,107,254); background: -moz-linear-gradient(163deg, rgba(255,107,254,1) 0%, rgba(182,97,224,1) 5%, rgba(174,98,221,1) 14%, rgba(164,100,218,1) 29%, rgba(164,100,218,1) 37%, rgba(145,82,219,1) 56%, rgba(58,52,184,1) 90%, rgba(52,104,212,1) 97%, rgba(102,55,167,1) 100%); background: -webkit-linear-gradient(163deg, rgba(255,107,254,1) 0%, rgba(182,97,224,1) 5%, rgba(174,98,221,1) 14%, rgba(164,100,218,1) 29%, rgba(164,100,218,1) 37%, rgba(145,82,219,1) 56%, rgba(58,52,184,1) 90%, rgba(52,104,212,1) 97%, rgba(102,55,167,1) 100%); background: linear-gradient(163deg, rgba(255,107,254,1) 0%, rgba(182,97,224,1) 5%, rgba(174,98,221,1) 14%, rgba(164,100,218,1) 29%, rgba(164,100,218,1) 37%, rgba(145,82,219,1) 56%, rgba(58,52,184,1) 90%, rgba(52,104,212,1) 97%, rgba(102,55,167,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6bfe",endColorstr="#6637a7",GradientType=1); background: url('/upload/img/bonuses__register-back.png'); background-size: cover; */ /* filter: drop-shadow(0 0 2mm #FF00FF) drop-shadow(-2mm -2mm 5mm #6746CF) drop-shadow(2mm 2mm 5mm #2323A0); */ transition: all 0.2s ease-in-out; z-index: 1; overflow: hidden; /* animation: backShadowGradient 4s ease-in-out infinite; */ } .bonuses__register::before { position: absolute; content: ''; top: -10%; left: -10%; width: 120%; height: 120%; background: rgb(255, 107, 254); background: -moz-linear-gradient( 163deg, rgba(255, 107, 254, 1) 0%, rgba(182, 97, 224, 1) 5%, rgba(174, 98, 221, 1) 14%, rgba(164, 100, 218, 1) 29%, rgba(164, 100, 218, 1) 37%, rgba(145, 82, 219, 1) 56%, rgba(58, 52, 184, 1) 90%, rgba(52, 104, 212, 1) 97%, rgba(102, 55, 167, 1) 100% ); background: -webkit-linear-gradient( 163deg, rgba(255, 107, 254, 1) 0%, rgba(182, 97, 224, 1) 5%, rgba(174, 98, 221, 1) 14%, rgba(164, 100, 218, 1) 29%, rgba(164, 100, 218, 1) 37%, rgba(145, 82, 219, 1) 56%, rgba(58, 52, 184, 1) 90%, rgba(52, 104, 212, 1) 97%, rgba(102, 55, 167, 1) 100% ); background: linear-gradient( 163deg, rgba(255, 107, 254, 1) 0%, rgba(182, 97, 224, 1) 5%, rgba(174, 98, 221, 1) 14%, rgba(164, 100, 218, 1) 29%, rgba(164, 100, 218, 1) 37%, rgba(145, 82, 219, 1) 56%, rgba(58, 52, 184, 1) 90%, rgba(52, 104, 212, 1) 97%, rgba(102, 55, 167, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6bfe",endColorstr="#6637a7",GradientType=1); background: url('/upload/img/bonuses__register-back.png'); background-size: cover; z-index: -1; user-select: none; pointer-events: none; animation: backGradientBonusesRegister 8s ease infinite; } .bonuses__register.success__register::before { animation: successRegisterBonusesRegister 8s ease-in-out forwards; } .bonuses__register--title { font-weight: bold; font-size: 24px; color: #ffffff; text-align: center; } .bonuses__register--title.success__register { position: absolute; top: calc(50% - 10px); left: 0; width: 100%; text-align: center; opacity: 0; transform: scale(0.9, 0.95); transition: all 2s ease-in-out; } .bonuses__register--title.success__register.active { opacity: 1; transform: scale(1, 1); } .bonuses__register--form { display: grid; grid-template-columns: 1fr; row-gap: 15px; } .bonuses__register--form > span { display: grid; grid-template-columns: 1fr; row-gap: 5px; } .bonuses__register--form > span > label { font-size: 16px; font-weight: 600; color: #ffffff; } .bonuses__register--form > span > input { padding: 10px 15px; height: 40px; width: 100%; font-size: 16px; background-color: #ececec; border-radius: 90px; } .bonuses__register--form > span > input::placeholder { color: #727272; } @keyframes backShadowGradient { 0% { /* filter: drop-shadow(0 0 2mm #FF00FF) drop-shadow(-2mm -2mm 5mm #6746CF) drop-shadow(2mm 2mm 5mm #2323A0); */ } 50% { filter: drop-shadow(0 1mm 4mm #723bae) drop-shadow(2mm 3mm 6mm #bf50d8) drop-shadow(-3mm -2mm 6mm #585cd2); } 100% { /* filter: drop-shadow(0 0 2mm #FF00FF) drop-shadow(-2mm -2mm 5mm #6746CF) drop-shadow(2mm 2mm 5mm #2323A0); */ } } @keyframes successRegisterBonusesRegister { 0% { background-position: 50% 50%; background-size: 105% 105%; transform: rotate(0deg); } 23% { background-position: 100% 100%; background-size: 109% 109%; transform: rotate(-4deg); } 50% { background-position: 50% 50%; background-size: 113% 113%; transform: rotate(-6deg); } 65% { background-position: 0% 0%; background-size: 117% 117%; transform: rotate(-9deg); } 100% { background-position: 50% 50%; background-size: 120% 120%; transform: rotate(0deg); } } @keyframes backGradientBonusesRegister { 0% { background-position: 50% 50%; background-size: 105% 105%; transform: rotate(0deg); } 23% { background-position: 100% 100%; background-size: 115% 115%; transform: rotate(-4deg); } 50% { background-position: 50% 50%; background-size: 110% 110%; transform: rotate(-6deg); } 65% { background-position: 0% 0%; background-size: 100% 100%; transform: rotate(-9deg); } 100% { background-position: 50% 50%; background-size: 105% 105%; transform: rotate(0deg); } } .bonuses__register--form select.bonuses__register--form--select { display: none; } .bonuses__register--form div.bonuses__register--form--select { height: 40px !important; display: flex !important; font-size: 16px !important; background-color: #ececec !important; border-radius: 90px !important; z-index: 10; } .bonuses__register--form div.nice-select:after { right: 21px !important; } .bonuses__register--form .bonuses__register--form--confirm { position: relative; display: flex; } .bonuses__register--form .bonuses__register--form--confirm input { position: absolute; pointer-events: none; user-select: none; visibility: hidden; opacity: 0; } .bonuses__register--form .bonuses__register--form--confirm .bonuses__register__custom--input { margin-right: 10px; width: 20px; height: 20px; min-width: 20px; min-height: 20px; display: flex; align-items: center; justify-content: center; background-color: inherit; border: 2px solid #ffffff; transition: all 0.2s ease-in-out; } .bonuses__register--form .bonuses__register--form--confirm .bonuses__register__custom--input svg { opacity: 0; transition: all 0.2s ease-in-out; } .bonuses__register--form .bonuses__register--form--confirm input:checked ~ .bonuses__register__custom--input svg { opacity: 1; } .bonuses__register--form .bonuses__register--form--confirm .bonuses__register__custom--input svg { transition: all 0.2s ease-in-out; } .bonuses__register--form .bonuses__register--form--confirm label { cursor: pointer; color: #9b9b9b; font-weight: 400; user-select: none; } .bonuses__register--form .bonuses__register--form--submit { justify-self: center; padding: 10px 15px; width: fit-content; font-size: 16px; font-weight: bold; color: #1f1f1f; background-color: #fad85f; border-radius: 90px; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .bonuses__register--form .bonuses__register--form--submit:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } @media (max-width: 540px) { .bonuses__register { padding: 20px; display: grid; } .bonuses__register::before { left: -15%; top: -15%; height: 130%; width: 130%; } .bonuses__register--title { font-size: 20px; } .bonuses__register--form > span > label { font-size: 14px; font-weight: 600; color: #ffffff; } } @media (max-width: 375px) { .bonuses__register { padding: 10px; display: grid; } .bonuses__register::before { left: -15%; top: -15%; height: 130%; width: 130%; } .bonuses__register--title { font-size: 18px; } .bonuses__register--form > span > label { font-size: 12px; font-weight: 600; color: #ffffff; } .bonuses__register--form > span > input { padding: 5px 10px; height: 30px; font-size: 14px; } .bonuses__register--form div.bonuses__register--form--select { height: 30px !important; font-size: 14px !important; background-color: #ececec !important; } } .bonuses__data .bonuses__user--wrapper { margin-top: 50px; display: grid; grid-template-columns: 600px 1fr; column-gap: 25px; } .bonuses__data .bonuses__user--card { padding: 40px; width: 100%; max-width: 600px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; border-radius: 20px; background: rgb(255, 107, 254); background: -moz-linear-gradient( 163deg, rgba(255, 107, 254, 1) 0%, rgba(182, 97, 224, 1) 5%, rgba(174, 98, 221, 1) 14%, rgba(164, 100, 218, 1) 29%, rgba(164, 100, 218, 1) 37%, rgba(145, 82, 219, 1) 56%, rgba(58, 52, 184, 1) 90%, rgba(52, 104, 212, 1) 97%, rgba(102, 55, 167, 1) 100% ); background: -webkit-linear-gradient( 163deg, rgba(255, 107, 254, 1) 0%, rgba(182, 97, 224, 1) 5%, rgba(174, 98, 221, 1) 14%, rgba(164, 100, 218, 1) 29%, rgba(164, 100, 218, 1) 37%, rgba(145, 82, 219, 1) 56%, rgba(58, 52, 184, 1) 90%, rgba(52, 104, 212, 1) 97%, rgba(102, 55, 167, 1) 100% ); background: linear-gradient( 163deg, rgba(255, 107, 254, 1) 0%, rgba(182, 97, 224, 1) 5%, rgba(174, 98, 221, 1) 14%, rgba(164, 100, 218, 1) 29%, rgba(164, 100, 218, 1) 37%, rgba(145, 82, 219, 1) 56%, rgba(58, 52, 184, 1) 90%, rgba(52, 104, 212, 1) 97%, rgba(102, 55, 167, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6bfe",endColorstr="#6637a7",GradientType=1); background-size: 100% 100% !important; background-position: 50% 50% !important; background-repeat: no-repeat !important; aspect-ratio: 4/2.5; transition: all 0.4s ease-in-out; } .bonuses__data .bonuses__user--card:hover { /* background-size: 105% 105% !important; */ } .bonuses__data .bonuses__user--card .bonus__card--caption { display: flex; justify-content: space-between; } .bonuses__data .bonuses__user--card .bonus__card--caption .bonus__card--caption--balance { display: flex; align-items: center; } .bonuses__data .bonuses__user--card .bonus__card--caption .bonus__card--caption--balance p { margin-right: 20px; font-size: 30px; color: #ffffff; } .bonuses__data .bonuses__user--card .bonus__card--caption .bonus__card--caption--balance span { display: block; font-size: 14px; text-align: right; text-align: -webkit-right; color: #ffffff; } .bonuses__data .bonuses__user--card .bonus__card--data { display: flex; align-items: flex-end; justify-content: space-between; } .bonuses__data .bonuses__user--card .bonus__card--data > p { font-size: 24px; color: #ffffff; } .bonuses__data .bonuses__user--card .bonus__card--data > p > span { display: block; font-size: 30px; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img { padding: 10px 0 0 10px; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container { position: relative; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list { position: absolute; top: calc(100% + 20px); left: calc(50% - 205px); padding: 30px; width: 410px; max-height: 480px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; border-radius: 20px; background: rgba(240, 240, 240, 0.4); border: 1px solid rgba(240, 240, 240, 0.2); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); opacity: 0; pointer-events: none; user-select: none; visibility: hidden; transform: translateY(-10px); z-index: 2; overflow-y: auto; transition: all 0.2s ease-in-out; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list * { opacity: 0; transition: opacity 0.2s ease-in-out; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list.active { opacity: 1; pointer-events: auto; visibility: visible; transform: translateY(0px); } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list.active * { opacity: 1; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list h4 { grid-column: span 3; font-size: 16px; font-weight: 600; text-align: center; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list span { position: relative; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list span input { position: absolute; visibility: hidden; pointer-events: none; user-select: none; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list span label { width: 100%; min-height: 90px; max-height: 90px; display: block; border-radius: 10px; border: 3px solid rgba(255, 255, 255, 0); overflow: hidden; cursor: pointer; transition: all 0.2s ease-in-out; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list span input:checked ~ label { border: 3px solid #42b840; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list span label:hover { border: 3px solid #42b840; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list span label img { display: block; width: 100%; height: 90px; object-fit: cover; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list button { grid-column: span 3; justify-self: center; padding: 10px 20px; width: fit-content; font-size: 18px; font-weight: 700; background-color: #fad85f; border-radius: 90px; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list button:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .bonuses__data .bonuses__user { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; } .bonuses__data .bonuses__user .bonuses__user--table { padding: 40px; width: 100%; max-width: 530px; display: grid; grid-template-columns: 1fr; row-gap: 10px; background-color: #f8f8f8; border-radius: 20px; } .bonuses__data .bonuses__user .bonuses__user--table h3 { margin-bottom: 10px; font-size: 18px; font-weight: bold; } .bonuses__data .bonuses__user .bonuses__user--table .bonuses__user--data--row { display: flex; align-items: flex-start; } .bonuses__data .bonuses__user .bonuses__user--table .bonuses__user--data--row h4 { margin-right: 25px; min-width: 140px; font-size: 16px; font-weight: 600; } .bonuses__data .bonuses__user .bonuses__user--table .bonuses__user--data--row p { font-size: 16px; font-weight: normal; } .bonuses__main-layout { background-color: #ffffff; } .bonuses__data .bonuses__user .from--bonuses--to--personal { display: flex; color: #42b840; font-size: 16px; font-weight: bold; } .bonuses__data .bonuses__user .from--bonuses--to--personal svg { margin-right: 10px; } .bonuses__data .bonuses__user--history { font-size: 36px; font-weight: bold; } .bonuses__data .bonuses__user--history h3 { margin: 50px 0 30px 0; font-size: 36px; font-weight: 700; color: #1f1f1f; } .bonuses__data .bonuses__user--history .user__history--item { margin-bottom: 20px; padding: 30px; display: block; background-color: #f8f8f8; border-radius: 20px; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--time { font-weight: 600; font-size: 24px; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--bonuses { display: flex; align-items: center; justify-content: space-between; } .bonuses__data .bonuses__user--history .user__history--item .item__bonuses--transact { font-size: 16px; font-weight: 600; } .bonuses__data .bonuses__user--history .user__history--item .item__bonuses--transact--plus { color: #42b840; margin-left: 15px; } .bonuses__data .bonuses__user--history .user__history--item .item__bonuses--transact--minus { margin-left: 15px; color: #e86c73; } .bonuses__data .bonuses__user--history .user__history--item .item__bonuses--balance { display: flex; align-items: center; font-size: 18px; font-weight: 600; } .bonuses__data .bonuses__user--history .user__history--item .item__bonuses--balance > svg { margin-left: 15px; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase { margin-top: 5px; display: grid; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows 0.4s ease-in-out; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase .user__history--item--purchase--content { align-self: end; min-height: 0; transition: visibility 0.2s 0.2s ease-in-out; visibility: hidden; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase.active { grid-template-rows: 1fr; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase.active .user__history--item--purchase--content { visibility: visible; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase .history__purchase--item { margin-top: 10px; display: flex; align-items: flex-start; justify-content: space-between; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase .history__purchase--item .history__purchase--item--name { flex: 1; font-size: 18px; font-weight: normal; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase .history__purchase--item .history__purchase--item--quantity { margin-left: 20px; font-size: 18px; font-weight: 600; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase .history__purchase--item .history__purchase--item--price { margin-left: 60px; min-width: 90px; display: flex; align-items: center; justify-content: flex-end; font-size: 18px; font-weight: 600; } .bonuses__data .bonuses__user--history .user__history--item .user__history--purchase--open { margin-top: 15px; display: flex; align-items: center; color: #42b840; font-size: 16px; font-weight: 600; } .bonuses__data .bonuses__user--history .user__history--item .user__history--purchase--open svg { margin-left: 10px; transition: all 0.2s ease-in-out; } .bonuses__data .bonuses__user--history .user__history--item .user__history--purchase--open.active svg { transform: scale(1, -1); } @media (max-width: 1140px) { .bonuses__main-layout h2 { font-size: 36px; } .bonuses__data .bonuses__user--wrapper { grid-template-columns: 2fr 1fr; } .bonuses__data .bonuses__user--card { padding: 30px; } .bonuses__data .bonuses__user .bonuses__user--table { padding: 30px; } .bonuses__user .bonuses__user--table .bonuses__user--data--row { flex-direction: column; } .bonuses__user .from--bonuses--to--personal { margin-top: 15px; } .bonuses__data .bonuses__user--history h3 { font-size: 28px; } } @media (max-width: 1024px) { .bonuses__main-layout h2 { font-size: 30px; } .bonuses__data .bonuses__user--card { padding: 20px; } .bonuses__data .bonuses__user .bonuses__user--table { padding: 20px; } .bonuses__user .bonuses__user--table .bonuses__user--data--row { flex-direction: column; } .bonuses__user .from--bonuses--to--personal { margin-top: 15px; } .bonuses__data .bonuses__user--history h3 { font-size: 24px; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--time { font-size: 20px; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase .history__purchase--item .history__purchase--item--price { margin-left: 45px; } } @media (max-width: 720px) { .bonuses__main-layout h2 { font-size: 28px; } .bonuses__data .bonuses__user--wrapper { grid-template-columns: 1fr; row-gap: 20px; } .bonuses__data .bonuses__user--card { padding: 30px; max-width: unset; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list { left: unset; right: 0; } .bonuses__data .bonuses__user .bonuses__user--table { padding: 30px; max-width: unset; } .bonuses__user .bonuses__user--table .bonuses__user--data--row { flex-direction: row; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--bonuses { flex-direction: column; align-items: flex-start; justify-content: flex-start; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase .history__purchase--item { flex-direction: column; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase .history__purchase--item .history__purchase--item--quantity { margin-left: 0px; } .bonuses__data .bonuses__user--history .user__history--item .user__history--item--purchase .history__purchase--item .history__purchase--item--price { margin-left: 0px; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list { width: 320px; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list span label { min-height: 60px; max-height: 60px; } .bonuses__data .bonuses__user--card .bonus__card--data .bonus__card--change--img--container .card__theme--variable--list span label img { height: 60px; } } @media (max-width: 500px) { .bonuses__data .bonuses__user--card .bonus__card--caption > svg { width: 120px; } .bonuses__data .bonuses__user--card .bonus__card--caption .bonus__card--caption--balance p { font-size: 24px; } .bonuses__data .bonuses__user--card { padding: 20px; } .bonuses__data .bonuses__user .bonuses__user--table { padding: 20px; } .bonuses__data .bonuses__user--card .bonus__card--data > p { font-size: 20px; } .bonuses__data .bonuses__user--card .bonus__card--data > p > span { font-size: 24px; } .bonuses__data .bonuses__user .bonuses__user--table h3 { font-size: 16px; } .bonuses__user .from--bonuses--to--personal { font-size: 14px; } .bonuses__user .bonuses__user--table .bonuses__user--data--row { flex-direction: column; } .bonuses__data .bonuses__user .bonuses__user--table .bonuses__user--data--row h4 { font-size: 14px !important; } .bonuses__data .bonuses__user--history .user__history--item .item__bonuses--balance { font-size: 16px; } } @media (max-width: 450px) { .bonuses__data .bonuses__user--card .bonus__card--caption > svg { width: 100px; } .bonuses__data .bonuses__user--card .bonus__card--caption .bonus__card--caption--balance p { font-size: 20px; } .bonuses__data .bonuses__user--card .bonus__card--data > p { font-size: 16px; } .bonuses__data .bonuses__user--card .bonus__card--data > p > span { font-size: 20px; } .bonuses__data .bonuses__user--card .bonus__card--caption .bonus__card--caption--balance > svg { width: 30px; } } .checkout__main-layout .checkout__promocode .bx-soa-section-content-content { background-color: transparent; } .bx-soa-item-title > a { pointer-events: none; cursor: text; } .bonuses__register--error { font-size: 18px; font-weight: 500; color: rgb(255, 165, 255); text-align: center; text-wrap: balance; } .bx-soa.order-basket__promocode-referal-props label { display: none; } .bx-soa.order-basket__promocode-referal-props { padding-bottom: 0 !important; width: -webkit-fill-available; } .bx-soa.order-basket__promocode-referal-props .form-group.bx-soa-customer-field { grid-template-columns: 1fr !important; width: -webkit-fill-available; } .bx-soa.order-basket__promocode-referal-props .form-group.bx-soa-customer-field .soa-property-container { position: relative; width: -webkit-fill-available; } .bx-soa.order-basket__promocode-referal-props .form-group.bx-soa-customer-field .soa-property-container button { position: absolute; top: 0; right: 0; padding: 0 15px; height: 40px; font-size: 16px; font-weight: bold; border: 1px solid #fad85f; border-radius: 90px; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer; } .referal__check__result--info { position: absolute; top: 80%; width: 100%; font-size: 16px; font-weight: 500; text-align: center; color: #fff; opacity: 0; transition: all 0.2s ease-in-out; } .referal__check__coupon--info { width: 100%; font-size: 16px; font-weight: 500; text-align: center; color: #fff; transition: all 0.2s ease-in-out; } .referal__check__result--info.active { opacity: 1; } .referal__check__result--info.active.failure { color: #000; } .bx-soa.order-basket__promocode-referal-props .form-group.bx-soa-customer-field .soa-property-container button:hover { background-color: #fad85f; color: #fff; } .bx-soa.order-basket__promocode-referal-props .form-group.bx-soa-customer-field .soa-property-container.disabled input { pointer-events: none; user-select: none; cursor: default; } .checkout__promocode .checkout__item-caption { position: relative; } .checkout__promocode .checkout__item-caption { position: relative; } .checkout__promocode .bx-soa-section-title-container { overflow: visible !important; } .checkout__bonuses-amount .bx-soa.order-basket__bonuses-deducated-props { padding-bottom: 0 !important; } .checkout__bonuses-amount .bx-soa.order-basket__bonuses-deducated-props .form-group.bx-soa-customer-field label { display: none !important; } .checkout__bonuses-amount .bx-soa.order-basket__bonuses-deducated-props { flex: 1; } .checkout__bonuses-amount .bx-soa.order-basket__bonuses-deducated-props .form-group.bx-soa-customer-field { grid-template-columns: 1fr !important; } .order__loader--img { width: 152px; min-width: 152px !important; } .bonuses__default { position: relative; display: flex; align-items: flex-start; justify-content: center; z-index: 1; } .bonuses__default .bonuses__default--card { position: relative; margin-top: 80px; padding: 40px; width: 100%; max-width: 600px; display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; border-radius: 20px; aspect-ratio: 4/2.5; overflow: hidden; z-index: 1; /* background: rgb(255,107,254); background: -moz-linear-gradient(163deg, rgba(255,107,254,1) 0%, rgba(182,97,224,1) 5%, rgba(174,98,221,1) 14%, rgba(164,100,218,1) 29%, rgba(164,100,218,1) 37%, rgba(145,82,219,1) 56%, rgba(58,52,184,1) 90%, rgba(52,104,212,1) 97%, rgba(102,55,167,1) 100%); background: -webkit-linear-gradient(163deg, rgba(255,107,254,1) 0%, rgba(182,97,224,1) 5%, rgba(174,98,221,1) 14%, rgba(164,100,218,1) 29%, rgba(164,100,218,1) 37%, rgba(145,82,219,1) 56%, rgba(58,52,184,1) 90%, rgba(52,104,212,1) 97%, rgba(102,55,167,1) 100%); background: linear-gradient(163deg, rgba(255,107,254,1) 0%, rgba(182,97,224,1) 5%, rgba(174,98,221,1) 14%, rgba(164,100,218,1) 29%, rgba(164,100,218,1) 37%, rgba(145,82,219,1) 56%, rgba(58,52,184,1) 90%, rgba(52,104,212,1) 97%, rgba(102,55,167,1) 100%); background-image: url('/upload/img/bonuses__default.png'); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6bfe",endColorstr="#6637a7",GradientType=1); */ } .bonuses__default .bonuses__default--card::before { position: absolute; content: ''; top: -15%; left: -10%; width: 120%; height: 130%; background: rgb(255, 107, 254); background: -moz-linear-gradient( 163deg, rgba(255, 107, 254, 1) 0%, rgba(182, 97, 224, 1) 5%, rgba(174, 98, 221, 1) 14%, rgba(164, 100, 218, 1) 29%, rgba(164, 100, 218, 1) 37%, rgba(145, 82, 219, 1) 56%, rgba(58, 52, 184, 1) 90%, rgba(52, 104, 212, 1) 97%, rgba(102, 55, 167, 1) 100% ); background: -webkit-linear-gradient( 163deg, rgba(255, 107, 254, 1) 0%, rgba(182, 97, 224, 1) 5%, rgba(174, 98, 221, 1) 14%, rgba(164, 100, 218, 1) 29%, rgba(164, 100, 218, 1) 37%, rgba(145, 82, 219, 1) 56%, rgba(58, 52, 184, 1) 90%, rgba(52, 104, 212, 1) 97%, rgba(102, 55, 167, 1) 100% ); background: linear-gradient( 163deg, rgba(255, 107, 254, 1) 0%, rgba(182, 97, 224, 1) 5%, rgba(174, 98, 221, 1) 14%, rgba(164, 100, 218, 1) 29%, rgba(164, 100, 218, 1) 37%, rgba(145, 82, 219, 1) 56%, rgba(58, 52, 184, 1) 90%, rgba(52, 104, 212, 1) 97%, rgba(102, 55, 167, 1) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6bfe",endColorstr="#6637a7",GradientType=1); /* background: url('/upload/img/bonuses__register-back.png'); */ background: url('/upload/img/bonuses__default.png'); background-size: cover; z-index: -1; user-select: none; pointer-events: none; animation: backGradientBonusesRegister 12s ease infinite; } .bonuses__default .bonuses__default--card:hover { /* background-size: 105% 105% !important; */ } .bonuses__default .bonuses__default--card .bonus__card--caption { display: flex; justify-content: space-between; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance { display: flex; align-items: center; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance p { margin-right: 20px; font-size: 30px; color: #ffffff; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance span { display: block; font-size: 14px; text-align: right; text-align: -webkit-right; color: #ffffff; } .bonuses__default .bonuses__default--card .bonus__card--data { display: flex; align-items: flex-end; justify-content: space-between; } .bonuses__default .bonuses__default--card .bonus__card--data > p { font-size: 24px; color: #ffffff; } .bonuses__default .bonuses__default--card .bonus__card--data > p > span { display: block; font-size: 30px; } .bonuses__default .bonuses__default--info { position: relative; padding: 180px 0 0 50px; width: 100%; display: block; } .bonuses__default .bonuses__default--info::before { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; background-image: url('/upload/img/order__loader.svg'); background-repeat: no-repeat; background-position: center 5%; background-size: 55%; filter: grayscale(65%); opacity: 0.3; z-index: -1; } .bonuses__default .bonuses__default--info h3 { font-size: 28px; color: rgb(30, 30, 30); font-weight: bold; } .bonuses__default .bonuses__default--info h3 span { color: #42b840; } .bonuses__default .bonuses__default--info .bonuses__default--info--container { display: flex; } .bonuses__default .bonuses__default--info .bonuses__default--info--container svg { width: 100px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text { margin-top: 10px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text p { font-size: 22px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text .black__accent { color: #000; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text .green__accent { color: #42b840; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text .bold__accent { font-weight: bold; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text ol { margin-top: 20px; list-style: auto; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text ol li { list-style: auto; color: #42b840; font-size: 18px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text ol li p { color: #000; font-size: 18px; margin-left: 5px; } .bonuses__default--p { margin: 60px auto 0 auto; width: fit-content; display: block; font-size: 24px; font-weight: bold; text-align: center; color: #42b840; } .bonuses__default--enter { margin: 30px auto 0 auto; padding: 15px 25px; width: fit-content; display: block; font-size: 18px; color: #000; background-color: #fad85f; border-radius: 90px; z-index: 10; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .bonuses__default--enter:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } @media (max-width: 1140px) { .bonuses__default .bonuses__default--card { padding: 30px; } .bonuses__default .bonuses__default--info { padding-top: 120px; } } @media (max-width: 1024px) { .bonuses__default { margin-top: 25px; } .bonuses__default .bonuses__default--card { margin-top: unset; padding: 20px; } .bonuses__default .bonuses__default--card .bonus__card--caption > svg { width: 100px; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance p { font-size: 24px; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance svg { width: 35px; } .bonuses__default .bonuses__default--card .bonus__card--data > p > span { font-size: 24px; } .bonuses__default::before { opacity: 0.1; } .bonuses__default .bonuses__default--info { padding: 0 0 0 25px; } .bonuses__default .bonuses__default--info::before { content: none; } .bonuses__default .bonuses__default--info h3 { display: block; font-size: 24px; text-align: center; } .bonuses__default .bonuses__default--info .bonuses__default--info--container svg { width: 80px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text p { font-size: 18px; } .bonuses__default--p { font-size: 20px; text-wrap: balance; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text ol li { margin-bottom: 5px; font-size: 16px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text ol li p { font-size: 16px; } } @media (max-width: 720px) { .bonuses__default { display: grid; grid-template-columns: 1fr; gap: 25px; } .bonuses__default .bonuses__default--card { padding: 30px; max-width: 720px; } .bonuses__default .bonuses__default--card .bonus__card--caption > svg { width: unset; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance p { font-size: 28px; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance svg { width: 50px; } .bonuses__default .bonuses__default--card .bonus__card--data > p > span { font-size: 28px; } .bonuses__default .bonuses__default--info { padding: unset; } .bonuses__default .bonuses__default--info h3 { display: block; font-size: 24px; text-align: center; text-wrap: balance; } .bonuses__default .bonuses__default--info .bonuses__default--info--container svg { width: 80px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text p { font-size: 18px; } .bonuses__default--p { font-size: 20px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text ol li { font-size: 16px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text ol li p { font-size: 16px; } } @media (max-width: 500px) { .bonuses__default .bonuses__default--card .bonus__card--caption > svg { width: 120px; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance p { font-size: 24px; } .bonuses__default .bonuses__default--card { padding: 20px; } .bonuses__default .bonuses__default--card .bonus__card--data > p { font-size: 20px; } .bonuses__default .bonuses__default--card .bonus__card--data > p > span { font-size: 24px; } } @media (max-width: 450px) { .bonuses__default .bonuses__default--card .bonus__card--caption > svg { width: 100px; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance p { font-size: 20px; } .bonuses__default .bonuses__default--card .bonus__card--data > p { font-size: 16px; } .bonuses__default .bonuses__default--card .bonus__card--data > p > span { font-size: 20px; } .bonuses__default .bonuses__default--card .bonus__card--caption .bonus__card--caption--balance > svg { width: 30px; } .bonuses__default .bonuses__default--info h3 { font-size: 22px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container svg { width: 60px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text p { font-size: 16px; } .bonuses__default--p { font-size: 18px; } .bonuses__default--enter { font-size: 16px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text ol li { font-size: 14px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text ol li p { font-size: 14px; } } @media (max-width: 350px) { .bonuses__default .bonuses__default--info h3 { font-size: 18px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container svg { width: 50px; } .bonuses__default .bonuses__default--info .bonuses__default--info--container .bonuses__default--info--text p { font-size: 16px; } .bonuses__default--p { font-size: 16px; } } .hide__contact--input--section { position: absolute; opacity: 0; pointer-events: none; user-select: none; } .order-basket__customer-wrapper { position: relative; } .password-min-lenght { display: flex; align-items: center; flex-direction: column; } .password-min-lenght .register__error--text { display: block; color: red; } .register__success-text { width: 100%; text-align: center; } .register__success-text { text-align: center; color: #42b840; } main .preview__carousel-wrapper .preview__carousel-links a img { border-radius: 20px; } .modal__auth-form .errortext.register__has-error { text-align: center; text-wrap: balance; } header .header__wrapper .hidden__list-wrapper { backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); background: rgba(255, 255, 255, 0.85); } .bx-core-waitwindow, div[id^='wait_'] { display: none !important; } header .header__wrapper .hidden__list-wrapper .hidden__list > li > a { display: flex; align-items: center; gap: 5px; } header .header__wrapper .hidden__list-wrapper .hidden__list > li > a > img { max-height: 20px; } .modal__registration-form input { max-height: 50px; } .modal__registration-form button { max-height: 40px; } .register__code--text { text-align: center; font-size: 20px !important; } .register__code--text span { font-size: 16px; color: rgb(66, 184, 64); } .register__code--text--repeat { text-align: center; } .register__code--error { color: red; } #login__code--submit, #login__code--repeat, #register__code--submit, #register__code--repeat { width: 230px; } .modal__auth--select--type { margin-bottom: 30px; display: grid; grid-template-columns: 1fr 1fr; background-color: rgb(236, 236, 236); border-radius: 90px; } .modal__auth--select--type span { position: relative; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; background-color: transparent; border: none; } .modal__auth--select--type span button { width: -webkit-fill-available; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; background-color: transparent; border: none; z-index: 5; } .modal__auth--select--type .modal__auth--select--code::before { position: absolute; content: ''; width: 100%; height: 100%; background-color: #fad85f; border-radius: 90px; z-index: 1; transition: all 0.2s ease-in-out; } .modal__auth--select--type .modal__auth--select--pass.active ~ .modal__auth--select--code::before { transform: translateX(-100%); } .modal__auth--select--type .modal__auth--select--code.active::before { transform: translateX(0); } .modal__auth-wrapper .modal__auth-form .modal__auth--enter--content { display: none; opacity: 0; transition: all 0.2s ease-in-out; } .modal__auth-wrapper .modal__auth-form .modal__auth--enter--content.active { display: grid; opacity: 1; } #login__code--input, .modal__auth-form-code--info { display: none; } .modal__auth-form-code--caption { grid-column: span 2; } .modal__auth-form-code--info { font-size: 14px; line-height: 120%; display: block; grid-column: span 2; text-align: center; text-wrap: balance; } .modal__auth-form-code--info .login__code--text--phone { color: #42b840; } #login__code--submit, #login__code--repeat, #changepass__code--submit, #changepass__code--repeat, #changepass__code--input, #changepass__new--pass--input, #changepass__confirm--pass--input, #changepass__pass--confirm, .changepass__new--pass--input--wrapper, .changepass__confirm--pass--input--wrapper { display: none; } .changepass__new--pass--input--wrapper, .changepass__confirm--pass--input--wrapper { position: relative; } .changepass__new--pass--input--wrapper button, .changepass__confirm--pass--input--wrapper button { position: absolute; top: 0; right: 0; padding: 0px 15px; height: 100%; } .changepass__new--pass--input--wrapper input, .changepass__confirm--pass--input--wrapper input { width: 100%; } .modal__auth--enter--content.code--type > img { margin: 0 auto; display: block; } .changepass__main-layout { margin: 0 auto; padding: 0 2%; max-width: 1440px; display: grid; row-gap: 25px; grid-template-columns: 1.5fr 1fr; } .changepass__form--caption { margin: 200px auto 0 auto; height: 50px; max-width: 600px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #42b840; border-radius: 20px; } .changepass__form--caption h2 { font-size: 24px; font-weight: bold; margin-left: 20px; color: white; } .changepass__form { margin: 0 auto; padding: 20px 30px; max-width: 600px; display: grid; gap: 20px; border: 3px solid #42b840; border-radius: 20px; } .changepass__form--tel { display: grid; row-gap: 20px; } .changepass__form--tel input { display: grid; row-gap: 10px; padding: 15px 10px; font-size: 16px; background-color: #ececec; border-radius: 90px; } .changepass__form--code--info { font-size: 16px; color: rgb(140, 140, 140); } .changepass__form--code--info span { color: #42b840; } .changepass--gen--code { justify-self: center; height: 40px; width: 210px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; border-radius: 90px; background-color: #fad85f; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .changepass--gen--code:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); transform: translateY(2px); } .tabletka--wrapper { position: relative; margin-top: 75px; z-index: 1; } .tabletka--wrapper::before { position: absolute; content: ''; top: 0px; left: 0; height: 100%; width: 100%; background-image: url(/upload/img/order__loader.svg); background-repeat: no-repeat; background-position: center 5%; background-size: 55%; filter: grayscale(65%); opacity: 0.3; z-index: -1; } .tabletka--wrapper .pill { width: 100%; height: 100%; max-width: 720px; max-height: 720px; } .tabletka--wrapper .pill--background { fill: transparent; } .tabletka--wrapper .black-cap, .tabletka--wrapper .bg-rim { fill: #42b840; } .tabletka--wrapper .bg-fill { fill: #fff; } .tabletka--wrapper .pink-cap { fill: #fad85f; } @layer ball-colors { .tabletka--wrapper .ball-gr-1, .tabletka--wrapper .ball-gr-2 { fill: #42b840; } .tabletka--wrapper .ball-p-1, .tabletka--wrapper .ball-p-2 { fill: #fad85fc4; } .tabletka--wrapper .ball-b-1, .tabletka--wrapper .ball-b-2, .tabletka--wrapper .ball-b-3 { fill: #42b840ab; } .tabletka--wrapper .ball-b-w-1, .tabletka--wrapper .ball-b-w-2 { stroke: #42b840ab; fill: #fff; stroke-width: 4; stroke-miterlimit: 10; } } @layer ball-animations { .tabletka--wrapper .ball-gr-1 { --factor: 0.5; animation: move-right calc(5s * var(--factor)) 0s both; } .tabletka--wrapper .ball-gr-2 { --factor: 2; animation: move-left-gr-2 calc(5s * var(--factor)) 1.89s both; } .tabletka--wrapper .ball-p-1 { --factor: 0.333; --stagger: calc(5s - calc(var(--factor) * 3)); animation: move-left calc(5s * var(--factor)) 4.56s both; } .tabletka--wrapper .ball-p-2 { --factor: 0.8; animation: move-right calc(5s * var(--factor)) 8s both; } .tabletka--wrapper .ball-b-1 { --factor: 0.5; animation: move-right calc(5s * var(--factor)) 2.3s both; } .tabletka--wrapper .ball-b-2 { --factor: 0.2; animation: move-left calc(5s * var(--factor)) 6s both; } .tabletka--wrapper .ball-b-3 { --factor: 0.7; animation: move-right calc(5s * var(--factor)) 1.5s both; } .tabletka--wrapper .ball-b-w-1 { --factor: 0.3; animation: move-left calc(5s * var(--factor)) 3s both; } .tabletka--wrapper .ball-b-w-2 { --factor: 0.333; animation: move-right calc(5s * var(--factor)) 1s both; } .tabletka--wrapper .ball-b-1, .tabletka--wrapper .ball-b-2, .tabletka--wrapper .ball-b-3, .tabletka--wrapper .ball-p-1, .tabletka--wrapper .ball-p-2, .tabletka--wrapper .ball-b-w-1, .tabletka--wrapper .ball-b-w-2, .tabletka--wrapper .ball-gr-1, .tabletka--wrapper .ball-gr-2 { animation-direction: alternate; animation-iteration-count: infinite; animation-timing-function: ease-in-out; will-change: transform; } } @keyframes move-right { from { transform: none; } to { transform: translateX(48.61%) translateY(28.47%); } } @keyframes move-left { from { transform: none; } to { transform: translateX(-48.61%) translateY(-28.47%); } } @keyframes move-left-gr-2 { from { transform: none; } to { transform: translateX(-52.78%) translateY(-28.47%); } } @media (max-width: 1140px) { .changepass__main-layout { grid-template-columns: 1fr; } .tabletka--wrapper { display: none; } } .preview__carousel > div > a { /* height: 100%; */ display: block; } @media (max-width: 480px) { .catalog-content__list .catalog-content-link { padding: 10px; border-radius: 15px; } .catalog-content__list .catalog-content-link .img-container > img { max-width: 55px; } } .cart--continue--shopping { position: relative; width: fit-content; height: 100%; padding: 0 10px; text-transform: uppercase; font-weight: bold; color: #1f1f1f; border-radius: 90px; background-color: rgba(0, 0, 0, 0); transition: all 0.1s ease-in-out; } .cart--continue--shopping p { z-index: 11; } .cart--continue--shopping::before { position: absolute; top: 0%; left: 0%; content: ' '; width: 100%; height: 100%; background-color: #fad85f; border-radius: 90px; z-index: 10; -webkit-box-shadow: 0 2px 0 #e7c857; box-shadow: 0 2px 0 #e7c857; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .cart--continue--shopping:hover::before { -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(2px); } @media (max-width: 650px) { .cart--continue--shopping { width: 100%; } } .sdek__choose--address--hidden--container { /* display: none; */ } .form-group.bx-soa-customer-field.has-error[data-property-id-row='19'] { display: none !important; } .bestseller__card--bonuses { transition: all 0.2s ease-in-out; } .bestseller__card--bonuses.disabled { opacity: 0; } .price__whithout__discount--in--order { padding-left: 12px; color: #42b840; text-decoration: line-through; white-space: nowrap; } .bx-soa-item-td { min-width: unset !important; } .data-form__gender--wrapper { display: flex; gap: 20px; } .data-form__gender--wrapper label { font-size: 16px; } .data-form__gender--span input { display: none; } .data-form__gender--span label { padding: 5px 10px; border: 1px solid #42b840; border-radius: 90px; transition: all 0.2s ease-in-out; } .data-form__gender--span input:checked + label { background-color: #42b840; color: white; } .product__caption--not--available { font-size: 16px; color: #e45063; } .product__caption-buttons.hidden { display: none !important; } .product__caption--not--available.hidden { display: none; } .form-group.bx-soa-customer-field[data-property-id-row='19'] { display: none !important; } @media (max-width: 375px) { .product__main-layout .product__container .product__caption { padding: 5px; } } .catalog__main-layout .smartfilter { min-height: 499px; } .wrapper-content > div { height: 100%; } .block-info-user { display: grid; grid-template-columns: 80px 1fr; } .phone-user { width: max-content; font-weight: 400; font-size: 14px; line-height: 14.05px; color: #727272; } .block-info-user__burger { display: none; } .phone-user__burger { /* padding-left: 10px; */ width: max-content; font-weight: 400; font-size: 14px; line-height: 14.05px; color: #727272; } header .header__wrapper .header__info .location__burger { display: none; } header .header__wrapper .header__info .location__burger img { width: 20px; } section.header__info a { align-content: flex-end; display: flex; flex-wrap: wrap; } @media screen and (max-width: 1280px) { .block-info-user { /* gap: 20px; */ } } @media screen and (max-width: 1140px) { .block-info-user { grid-template-columns: 60px 1fr; } } @media screen and (max-width: 540px) { .block-info-user { display: none; } .block-info-user__burger { /* display: flex; */ display: grid; grid-template-columns: 50px 130px; gap: 10px; } header .header__wrapper .header__info .header__info-item { display: none; } header .header__wrapper .new__header__info .header__info-item.location__menu { display: flex; } header .header__wrapper .header__info .location__burger { display: flex; } header .header__wrapper .navbar__navigation-links .header__nav__bonuses__data { display: none; } } header .header__wrapper .header__info .header__nav__bonuses__data { padding-left: 15px; } @media screen and (min-width: 541px) { header .header__wrapper .header__info .navbar__navigation-links-login { display: none; } header .header__wrapper .header__info .header__nav__bonuses__data { display: none; } } .footer__contacts-logoAndSocial { position: relative; } .footer__contacts-links-two { display: grid; grid-template-rows: 1fr 1fr 1.2fr; row-gap: 40px; } @media screen and (max-width: 1312px) { .footer__contacts-links-location__adress { padding-top: 20px; } } @media screen and (max-width: 1090px) { .footer__contacts-links-two { grid-template-rows: 1fr 1fr 1.5fr; } } /* @media screen and (max-width: 970px) { .footer__contacts-links-location__adress { padding-top: 65px; } } */ @media screen and (max-width: 940px) { .footer__contacts-links-two { grid-template-rows: 1.1fr 1fr 1fr; } .footer__contacts-links-location__adress { padding-top: 0px; } } @media screen and (min-width: 901px) { .footer__contacts-links-privacy.mobile-version-privacy { display: none !important; } } @media screen and (max-width: 900px) { .footer__contacts-links-privacy.mobile-version-privacy { display: flex !important; } .footer__contacts-links-privacy { display: none !important; } .footer__contacts-links-two { grid-template-rows: 1fr 2fr; row-gap: 25px; } .footer__contacts-links-location__adress { padding-top: 0px; } footer .footer__wrapper .footer__contacts-links-netw { display: flex; position: relative; bottom: 0; padding-top: 20px; } } main .main__discounts .main__discounts-conteiner { display: flex; justify-content: space-between; align-items: center; overflow: hidden; } main .main__discounts .main__discounts-conteiner a { height: fit-content; padding-right: 20px; color: #ffffff; } @media screen and (max-width: 480px) { main .main__discounts .main__discounts-conteiner .main__discounts-link { /* bottom: 20px; */ /* width: 100%; */ /* position: absolute; */ display: flex; justify-content: center; } } .orders__tab--button.active, .orders__tab--button:hover { color: white; background-color: #42b844; } header .header__wrapper .navbar__navigation-links.navbar__navigation-notAuthorized { grid-template-columns: 1fr 1fr 1fr 1fr; } .bonuses_header-text { font-size: 16px; font-weight: 700; line-height: 21.92px; white-space: nowrap; } span.bonuses_header-balance { color: #42b840; } .main__preview, .main__brands, .main__about { overflow: hidden; } .text-12 { font-size: 12px; font-weight: 400; line-height: 120%; } .text-green { color: #42b840; letter-spacing: 0.8px; } .text-red { color: #ff4b55; letter-spacing: 0.8px; } .text-yellow { color: #fad85f; letter-spacing: 0.8px; } .taste-and-count__wrapper { display: flex; align-items: center; } .taste-and-count__wrapper .nice-select { max-width: 310px; /* margin-right: 30px; */ } @media (max-width: 1150px) { .taste-and-count__wrapper .nice-select { max-width: unset; } } .preview__carousel > div > a.live-banner { height: 100%; } .preview__carousel > div > a.live-banner .live-banner-background { /* height: 100%; */ object-fit: cover; border-radius: 20px; } .live-banner .live-banner-img { position: absolute; right: 20px; bottom: 0; height: 90%; width: auto; object-fit: contain; border-radius: unset; } .live-banner .live-banner-info { position: absolute; top: 0; left: 20px; height: 100%; width: auto; max-width: 50%; display: flex; flex-direction: column; justify-content: center; gap: 20px; } .live-banner .live-banner-info .live-banner-caption { font-size: 32px; font-weight: bold; text-transform: uppercase; /* color: #1f1 f1f; */ } .live-banner .live-banner-info .live-banner-text { font-size: 24px; font-weight: bold; /* color: #1f1f1f; */ } @media (max-width: 1919px) { .live-banner .live-banner-info .live-banner-caption { font-size: 28px; } .live-banner .live-banner-info .live-banner-text { font-size: 20px; } } @media (max-width: 1440px) { .live-banner .live-banner-info .live-banner-caption { font-size: 24px; } .live-banner .live-banner-info .live-banner-text { font-size: 18px; } } @media (max-width: 1024px) { .live-banner .live-banner-info { gap: 10px; } .live-banner .live-banner-info .live-banner-caption { font-size: 20px; } .live-banner .live-banner-info .live-banner-text { font-size: 16px; } } @media (max-width: 719px) { .live-banner .live-banner-info { /* gap: 0; */ } .live-banner .live-banner-info .live-banner-caption { font-size: 16px; } .live-banner .live-banner-info .live-banner-text { font-size: 12px; } } @media (max-width: 480px) { .live-banner .live-banner-info .live-banner-caption { font-size: 12px; } .live-banner .live-banner-info .live-banner-text { font-size: 10px; } } .section-onmain__caption-all { padding: 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #42b840; font-size: 16px; border: none; background-color: inherit; cursor: pointer; white-space: nowrap; gap: 10px; } main .main__bestsellers .new__bestsellers--caption { display: flex; align-items: baseline; justify-content: space-between; overflow: hidden; } @media screen and (max-width: 550px) { .main .main__bestsellers .new__bestsellers--caption h2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* font-size: 30px; */ } } .blog-caption__onmain { display: flex; align-items: center; justify-content: space-between; } .blog-container.main__wrapper { margin-top: 10px; overflow: hidden; } @media (max-width: 550px) { main .main__about .about__info .swiper { padding-bottom: 10px; } footer .footer__wrapper { padding: 30px 2% 30px 2%; } } header .header__wrapper .new__navbar { gap: 40px; } header .header__wrapper .new__navbar__navigation { grid-template-columns: 1fr auto auto; gap: 40px; } @media (max-width: 1440px) { header .header__wrapper .new__navbar { gap: 30px; } header .header__wrapper .new__navbar__navigation { grid-template-columns: 1fr auto auto; gap: 30px; } } header .header__wrapper .new__navbar__navigation-search { width: 100%; } @media (max-width: 980px) { header .header__wrapper .new__header__info .link-list__header { display: none; } header .header__wrapper .new__header__info { flex-direction: row-reverse; } header .header__wrapper .new__header__info .burger__menu { display: block; padding-right: 5px; } } @media (max-width: 750px) { header .header__wrapper .navbar__logo { justify-content: flex-start; } header .header__wrapper .new__header__info .block-info-user__burger { /* display: flex; align-items: center; flex-direction: row-reverse; gap: 20px; */ } header .header__wrapper .new__header__info .navbar__navigation-links-login { /* display: flex; */ margin-left: auto; margin-right: 24px; } header .header__wrapper .new__header__info .navbar__navigation-links-login .navbar__navigation-links-login--check { /* display: none; */ } header .header__wrapper .new__header__info .block-info-user__burger .block-info-user__burger_text { display: flex; flex-direction: column; align-items: flex-end; } header .header__wrapper .new__navbar__navigation-links .block-info-user { display: none; } header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-login { display: none; } } header .header__wrapper .new__navbar__navigation-links .block-info-user .navbar__navigation-links-login p { /* display: none; */ } .main__discounts .bestsellers__list { overflow: hidden; } @media (max-width: 1440px) { header .header__wrapper .new__navbar .navbar__logo { width: 236px; height: 56px; } } @media (max-width: 1280px) { header .header__wrapper .new__navbar .navbar__logo { width: 204px; height: 48px; } } header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-login { -ms-flex-item-align: center; align-self: center; justify-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #3f3f3f; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } @media (max-width: 1100px) { header .header__wrapper .new__navbar__navigation { grid-template-columns: 1fr auto; } } header .header__wrapper .new__header__info .header__info-burger .burger__menu-list > .header__burger-links { align-items: center; justify-content: flex-start; gap: 20px; } header .header__wrapper .new__header__info .header__info-burger .burger__menu-list > .header__burger-links .header__nav__bonuses__data, header .header__wrapper .new__header__info .header__info-burger .burger__menu-list > .header__burger-links .navbar__navigation-links-login { display: none; } header .header__wrapper .new__header__info .header__info-burger .burger__menu-list > .header__burger-links .navbar__navigation-links-login { flex-direction: column !important; } @media (max-width: 750px) { header .header__wrapper .new__header__info .header__info-burger .burger__menu-list > .header__burger-links .header__nav__bonuses__data { display: flex; } } @media (max-width: 540px) { header .header__wrapper .new__header__info .header__info-burger .burger__menu-list > .header__burger-links .navbar__navigation-links-login { display: flex; gap: 3px; } } @media (max-width: 480px) { header .header__wrapper .new__navbar { display: flex; flex-direction: column; gap: 10px; } header .header__wrapper .new__navbar .navbar__navigation { display: flex; height: 44px; } header .header__wrapper .new__navbar .navbar__navigation-links { width: fit-content; } } header .header__wrapper .navbar__navigation-links .navbar__navigation-sarch__button { display: none; } @media (max-width: 980px) { header .header__wrapper .navbar__navigation-links .navbar__navigation-sarch__button { display: flex; flex-direction: column; } } .header .header__wrapper .new__navbar .navbar__navigation-search.hidden { display: none; } @media (max-width: 980px) and (min-width: 540px) { header .header__wrapper .new__navbar .navbar__navigation-search { display: none; } header .header__wrapper .new__navbar .navbar__navigation-search.active { display: flex; } header .header__wrapper .new__navbar .new__navbar__navigation { display: flex !important; justify-content: flex-end; } } @media (max-width: 540px) { header .header__wrapper .navbar__navigation-links .navbar__navigation-sarch__button { display: none; } } @media (max-width: 540px) { header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-cart { padding-right: 12px; } header .header__wrapper .new__navbar__navigation-links .navbar__navigation-links-cart .navbar--cart--amount.active { right: 2px; } } .select-city__block { display: flex; gap: 4px; flex-wrap: wrap; } .select-city__block .select-city__block__text, .select-city__block .select-city__block__text-city { line-height: 110%; } .modal__auth-form-code--caption { font-size: 16px; font-weight: 600; line-height: 110%; } .refund-info { margin-top: 36px; width: 100%; max-width: 1000px; display: flex; flex-direction: column; gap: 27px; } .refund-info .refund-info__policy { padding: 10px; font-size: 16px; font-weight: 600; line-height: 1.4; border-radius: 20px; background-color: #e7e7e7; } .refund-info .refund-info__text { font-size: 16px; font-weight: 400; line-height: 1.4; color: #262526; } .refund-info .refund-info__warning { display: flex; align-items: center; gap: 27px; } .refund-info .refund-info__warning .refund-info__warning-text { font-size: 25px; font-weight: 600; line-height: 1.2; } .info__main-layout { background-color: #f8f8f8; } @media (max-width: 1023px) { .refund-info { margin-top: 27px; gap: 18px; } .refund-info .refund-info__warning { gap: 18px; } .refund-info .refund-info__warning svg { min-width: 25px; min-height: 25px; width: 25px; height: 25px; } .refund-info .refund-info__warning .refund-info__warning-text { font-size: 20px; } } @media (max-width: 719px) { .refund-info .refund-info__warning { align-items: flex-start; } } @media (max-width: 719px) { .refund-info .refund-info__warning { gap: 10px; } } .nice-select.taste--last { pointer-events: none; } .nice-select.taste--last::after { content: unset; } .nice-select.taste--last .nice-select-dropdown { display: none !important; } .real-not-available #a-select, .real-not-available .pricesss-line, .real-not-available .bestseller__card--bonuses, .real-not-available .cataloggg-actions_line, .real-not-available .compare__taste-select { display: none !important; } .real-not-available .product-global-count__wrap { justify-content: center; } .real-not-available .product-global-count__wrap p { color: #ff4b55; } @media (min-width: 480px) { .mobile-only { display: none !important; } } .new-inheader__wrapper { width: 100%; display: flex; justify-content: space-between; align-items: center; } .new-inheader__wrapper .navbar__navigation-links-login { display: block; width: fit-content; } header .header__wrapper .new-inheader__wrapper button.navbar__navigation-links-login.not-loggined-user { flex-direction: column !important; font-size: 14px; } header .header__wrapper .new-inheader__wrapper a.navbar__navigation-links-login.loginned-user { gap: 5px; } header .header__wrapper .new-inheader__wrapper a.navbar__navigation-links-login.loginned-user p { line-height: 105%; } .navbar__navigation-links-login--info { text-align: right; } .navbar__navigation-links-login--info .user_info--telepphone { font-size: 14px; color: #727272; line-height: 100%; } .greeen-text { color: #42b840; } @media (max-width: 370px) { header .header__wrapper .new-inheader__wrapper button.navbar__navigation-links-login.not-loggined-user, header .header__wrapper .new-inheader__wrapper a.navbar__navigation-links-login.loginned-user, header .header__wrapper .new-inheader__wrapper a.navbar__navigation-links-login.loginned-user b, header .header__wrapper .new-inheader__wrapper a.navbar__navigation-links-login.loginned-user span, .navbar__navigation-links-login--info .user_info--telepphone { font-size: 12px; } header .header__wrapper .new__navbar .navbar__logo { width: 190px; height: 40px; } } .custom-scrollbar { background-color: transparent; } .custom-scrollbar::-webkit-scrollbar { height: 16px; } .custom-scrollbar::-webkit-scrollbar-track { background-color: white; border-top: 7px solid #ececec; border-bottom: 7px solid #ececec; } .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #42b840; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxNCAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAwSDJWMTFIMFYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNNiAwSDhWMTFINlYwWiIgZmlsbD0id2hpdGUiLz48cGF0aCBkPSJNMTIgMEgxNFYxMUgxMlYwWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; border-radius: 90px; } .catalog__nav-sections { margin-bottom: 10px; } @media (max-width: 1023px) { .article--page .article__container img { width: 100% !important; height: auto !important; object-fit: contain !important; } } .toasts-container { position: fixed; top: 0; right: 0; padding: 40px; pointer-events: none; z-index: 1234; } .toasts-container .toast { --transition-duration: 0.25s; position: relative; padding: 20px; margin-bottom: 20px; max-width: 480px; width: fit-content; margin-left: auto; min-width: 240px; display: flex; justify-content: space-between; align-items: center; background-color: white; border-radius: 10px; -webkit-box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); box-shadow: 0px 10px 10px 0px rgba(23, 23, 23, 0.1490196078); opacity: 0; transform: translateX(100%); animation: toast-opening var(--transition-duration) ease-in-out forwards; pointer-events: auto; overflow-x: hidden; } .toasts-container .toast:not(.active) { animation-name: toast-closing; animation-duration: 0.35s; } .toasts-container .toast .t-icon { margin-right: 32px; } .toasts-container .toast svg { width: 24px; min-width: 24px; height: 24px; fill: var(--white); } .toasts-container .toast .t-message { margin-right: 40px; color: var(--white); line-height: 120%; font-size: 16px; } .toasts-container .toast .t-close svg { width: 24px; height: 24px; fill: var(--white); transition: opacity var(--transition-duration); cursor: pointer; opacity: 0.8; } .toasts-container .toast .t-close:hover svg { opacity: 1; } .toasts-container .toast .t-progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; display: block; border-radius: 0 0 0 10px; background-color: rgba(200, 200, 200, 0.5); animation: progress-bar-animation linear forwards var(--toast-duration, 3000ms); transform-origin: left; } @keyframes toast-opening { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: translateX(0%); } } @keyframes toast-closing { 0% { opacity: 1; transform: translateX(0%); } 75% { max-height: 15rem; padding: 20px; opacity: 0; transform: translateX(100%); } 100% { max-height: 0; padding: 0; transform: translateX(100%); } } @keyframes progress-bar-animation { to { transform: scaleX(0); } } @media (max-width: 720px) { .toasts-container { padding: 20px; } .toasts-container .toast { padding: 10px; margin-bottom: 16px; } .toasts-container .toast .t-icon { margin-right: 10px; } .toasts-container .toast .t-message { margin-right: 16px; } .toasts-container .toast .t-close svg { margin-bottom: auto; width: 20px; height: 20px; } @keyframes toast-closing { 0% { opacity: 1; transform: translateX(0%); } 75% { max-height: 15rem; padding: 10px; opacity: 0; transform: translateX(100%); } 100% { max-height: 0; padding: 0; transform: translateX(100%); } } } @media (max-width: 480px) { .toasts-container { padding: 10px 2%; } } .nice-select.not-selectable-select { pointer-events: none !important; } .nice-select.not-selectable-select::after { content: unset !important; } .contacts__question-submit-wrap { grid-column: span 2; display: flex; align-items: center; gap: 30px; } .contacts__question-submit-wrap .success-done { font-size: 18px; color: #42b840; } @media (max-width: 720px) { .contacts__question-submit-wrap { gap: 20px; } .contacts__question-submit-wrap .success-done { font-size: 16px; } } @media (max-width: 480px) { .contacts__question-submit-wrap .success-done { font-size: 14px; } } .nice-select.item-taste::before { position: absolute; content: ''; top: 2px; right: 2px; height: calc(100% - 4px); width: calc(100% - 4px); background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(236, 236, 236, 0.3) 65%, rgba(236, 236, 236, 1) 80% ); border-radius: 23px; z-index: 1; } @media screen and (max-width: 450px) { .watches__card-price .nice-select .current, .bestsellers__card .nice-select .current, .compare__products-card-buttons .nice-select .current { max-width: 140px; } } @media screen and (max-width: 429px) { .watches__card-price .nice-select .current, .bestsellers__card .nice-select .current, .compare__products-card-buttons .nice-select .current { max-width: 130px; } } @media screen and (max-width: 429px) { .watches__card-price .nice-select .current, .bestsellers__card .nice-select .current, .compare__products-card-buttons .nice-select .current { max-width: 130px; } } @media screen and (max-width: 419px) { .watches__card-price .nice-select .current, .bestsellers__card .nice-select .current, .compare__products-card-buttons .nice-select .current { max-width: 120px; } } @media screen and (max-width: 409px) { .watches__card-price .nice-select .current, .bestsellers__card .nice-select .current, .compare__products-card-buttons .nice-select .current { max-width: 110px; } } .bx-soa-section.checkout__address--save .form-group.bx-soa-customer-field[data-property-id-row='7'], .bx-soa-section.checkout__address--save .form-group.bx-soa-customer-field[data-property-id-row='21'] { order: 1; } /* #bonus_payment_block, #bonus_add_block_mobile { display: none !important; } */ /* Chrome, Safari, Edge, Opera */ input.form-control::-webkit-outer-spin-button, input.form-control::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input.form-control[type='number'] { -moz-appearance: textfield; } /*bs*/ .footer__links { display: flex !important; gap: 64px !important; } .footer__links a { white-space: nowrap; } .footer-logo { max-width: 268px; } .header-logo { max-width: 228px; } .header-catalog-menu header .header__wrapper .header__menu { display: flex; align-items: center; gap: 24px; } .header-catalog-menu .select-city__block .select-city__block__text, .header-catalog-menu .select-city__block .select-city__block__text-city { line-height: normal; font-size: 14px; } .header-catalog-menu .header__info-item.location__menu { align-items: center; width: 224px; } @media (max-width: 1000px) { .header-catalog-menu .header__info-item.location__menu { width: 250px; } } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:first-child > a::before { all: unset; } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:first-child > a { font-weight: inherit; color: #fff; text-transform: unset; } .header-catalog-menu header .header__wrapper .visible__list { width: 100%; } @media (min-width: 1081px) { .header-catalog-menu .header__wrapper .header__info.new__header__info { padding: 0 !important; } .header-catalog-menu header .header__wrapper .visible__list { flex-grow: 1; grid-template-columns: repeat(8, 1fr); } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(7):hover ~ li:last-child::before { transform: translate(-100%); } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(6):hover ~ li:last-child::before { transform: translate(-200%); } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(5):hover ~ li:last-child::before { transform: translate(-300%); } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(4):hover ~ li:last-child::before { transform: translate(-395%); } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(3):hover ~ li:last-child::before { transform: translate(-500%); } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(2):hover ~ li:last-child::before { transform: translate(-595%); } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(1):hover ~ li:last-child::before { transform: translate(-694%); } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(1):hover ~ li:last-child > a { color: #fff; } } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:first-child:hover a { transform: unset; } .header-catalog-menu header .header__wrapper { row-gap: 16px; } .header-catalog-menu div.navbar__catalog-link a { display: flex; align-items: center; font-family: 'Proxima Nova', DINP-R, arial, serif; font-size: 16px; text-transform: uppercase; background-color: #fad85f; border-radius: 90px; width: max-content; padding: 10px 20px; color: #000 !important; height: 40px; gap: 8px; } .header-catalog-menu div.navbar__catalog-link { max-width: max-content; align-items: center; display: flex; justify-content: center; } .header-catalog-menu header .header__wrapper .new__navbar { gap: 16px; } .header-catalog-menu header .header__wrapper .navbar__navigation-search { width: 100%; } .header-catalog-menu header .header__wrapper .new__navbar .navbar__logo, .header-logo { max-width: 188px !important; height: auto; padding: 0 !important; } .header-catalog-menu .new-inheader__wrapper { gap: 24px; } .header-catalog-menu ul.hidden__list { padding-top: 40px !important; padding-bottom: 40px !important; } .header-catalog-menu .hidden__list-wrapper { top: 100px; } .header-catalog-menu header .header__wrapper .hidden__list-wrapper { position: absolute; top: 90px; z-index: 200; } .header-catalog-menu header .header__wrapper .new__navbar__navigation { grid-template-columns: 1fr auto; gap: 24px; } .header-catalog-menu .header__nav__bonuses__data.navbar__navigation-links-cart { order: -1; } .header-catalog-menu .navbar__navigation-links-cart.green__icon { order: 10; padding-top: 3px; } .header-catalog-menu header .header__wrapper .new__navbar__navigation-links button.navbar__navigation-links-login { gap: 2px; } .header-catalog-menu .footer-logo { max-width: 188px; } span.footer__links-info { display: flex !important; flex-direction: column !important; } .navbar__logo--mobile { display: none !important; } /*mobile*/ @media screen and (max-width: 750px) { .header-catalog-menu a.navbar__navigation-links-login.loginned-user.green__icon.mobile-only { white-space: nowrap; } .header-catalog-menu header .header__wrapper .navbar { grid-template-columns: 1fr; } .header-catalog-menu .visible__list { display: none !important; } .header-catalog-menu header .header__wrapper .header__menu { order: -1; padding-top: 20px; } .header-catalog-menu .navbar__logo { display: none !important; } .header-catalog-menu .navbar__logo--mobile { display: block !important; order: 1; } .header-catalog-menu div.navbar__catalog-link { max-width: unset; width: 100%; } .header-catalog-menu div.navbar__catalog-link a { width: 100% !important; justify-content: center; gap: 8px; } .header-catalog-menu .new-inheader__wrapper { order: 10; } .header-catalog-menu header .header__wrapper .new__navbar { gap: 16px; } .header-catalog-menu header .header__wrapper .header__info { padding-top: 0 !important; } .header-catalog-menu header .header__wrapper .navbar__navigation-search input, .header-catalog-menu header .header__wrapper .navbar__navigation-search .navbar__search-find { visibility: visible; opacity: 1; } .header-catalog-menu header .header__wrapper .new__navbar .navbar__navigation-search { display: flex; } .header-catalog-menu header .header__wrapper .navbar__navigation-links .navbar__navigation-sarch__button, .header-catalog-menu header .header__wrapper .navbar__navigation-links .navbar__navigation-links-login.green__icon { display: none; } .header-catalog-menu header .header__wrapper .navbar .navbar__navigation-links { width: auto; height: 100%; } .header-catalog-menu .header__wrapper .new__header__info .header__info-burger .burger__menu-list > .header__burger-links .navbar__navigation-links-login { display: flex; } } @media screen and (max-width: 1080px) { .header-catalog-menu header .header__wrapper .header__menu .visible__list > li { display: none; } .header-catalog-menu header .header__wrapper .header__menu .visible__list { grid-template-columns: repeat(5, 1fr); } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(1), .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(2), .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(3), .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:nth-child(4) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-catalog-menu header .header__wrapper .header__menu .visible__list > li:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; } } /*mobile*/ .header-catalog-menu main .preview__carousel-wrapper { grid-template-columns: 1fr; } .header-catalog-menu .preview__carousel-wrapper .swiper-slide { max-width: unset !important; } /* Экраны ≤768px (мобильные устройства) */ @media screen and (max-width: 768px) { .d-md-none { display: block !important; } .d-md-block, .d-md-flex { display: none !important; } } /* Экраны ≥769px (планшеты, десктопы) */ @media screen and (min-width: 769px) { .d-md-none { display: none !important; } .d-md-block { display: block !important; } .d-md-flex { display: flex !important; } } footer .footer__wrapper .footer__contacts-links { align-items: end; } .contacts__main-layout .contacts__wrapper { display: grid; grid-template-columns: 1fr !important; } @media (min-width: 768px) { .contacts__question { width: 50%; } } .contacts__info-items { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 48px; } @media (min-width: 768px) { .contacts__info-items { grid-template-columns: 1fr 1fr 1fr; } } .contacts__info-item { font-size: 18px; } .contacts__info-item small { font-size: 16px; } .contacts__info h3 { font-weight: 700; color: #42b840; } .contacts__info-item--address, .contacts__info-item--working-hours, .contacts__info-item--phone { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; } .brands-select__alfavit-en, .brands-select__alfavit-ru { justify-content: start; } .footer__help { font-size: 14px; color: #fff; } div#cookieConsent { background: #2d2d2e; position: fixed; bottom: 0; z-index: 1000000; color: #fff; font-size: 14px; min-height: 60px; width: 100%; } .cookie-content { display: flex; margin-left: auto; margin-right: auto; padding: 12px; max-width: 1440px; gap: 12px; } button.cookie-close { background: #fff; padding: 0 24px; font-weight: bold; color: #2d2d2e; } [data-filter='.sertifikaty'], li:has(> a[href='/catalog/sertifikaty/']) { display: none !important; } /* End */ /* Start:/bitrix/tools/concept.stories/css/font_roboto.css?1692949013171*/ @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap'); .cpt-stories.cpt-stories-roboto{ font-family: 'Roboto', sans-serif !important; } /* End */ /* Start:/bitrix/tools/concept.stories/css/grids.css?169294901384170*/ html .cpt-stories-modal{ box-sizing: border-box; -ms-overflow-style: scrollbar; } .cpt-stories-modal *, .cpt-stories-modal *::before, .cpt-stories-modal *::after { box-sizing: inherit; } .cpt-stories-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .cpt-stories-container { max-width: 540px; } } @media (min-width: 768px) { .cpt-stories-container { max-width: 720px; } } @media (min-width: 992px) { .cpt-stories-container { max-width: 960px; } } @media (min-width: 1200px) { .cpt-stories-container { max-width: 1140px; } } .cpt-stories-container-fluid, .cpt-stories-container-sm, .cpt-stories-container-md, .cpt-stories-container-lg, .cpt-stories-container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .cpt-stories-container, .cpt-stories-container-sm { max-width: 540px; } } @media (min-width: 768px) { .cpt-stories-container, .cpt-stories-container-sm, .cpt-stories-container-md { max-width: 720px; } } @media (min-width: 992px) { .cpt-stories-container, .cpt-stories-container-sm, .cpt-stories-container-md, .cpt-stories-container-lg { max-width: 960px; } } @media (min-width: 1200px) { .cpt-stories-container, .cpt-stories-container-sm, .cpt-stories-container-md, .cpt-stories-container-lg, .cpt-stories-container-xl { max-width: 1140px; } } .cpt-stories-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .cpt-stories-no-gutters { margin-right: 0; margin-left: 0; } .cpt-stories-no-gutters > .cpt-stories-col, .cpt-stories-no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .cpt-stories-col-1, .cpt-stories-col-2, .cpt-stories-col-3, .cpt-stories-col-4, .cpt-stories-col-5, .cpt-stories-col-6, .cpt-stories-col-7, .cpt-stories-col-8, .cpt-stories-col-9, .cpt-stories-col-10, .cpt-stories-col-11, .cpt-stories-col-12, .cpt-stories-col, .cpt-stories-col-auto, .cpt-stories-col-sm-1, .cpt-stories-col-sm-2, .cpt-stories-col-sm-3, .cpt-stories-col-sm-4, .cpt-stories-col-sm-5, .cpt-stories-col-sm-6, .cpt-stories-col-sm-7, .cpt-stories-col-sm-8, .cpt-stories-col-sm-9, .cpt-stories-col-sm-10, .cpt-stories-col-sm-11, .cpt-stories-col-sm-12, .cpt-stories-col-sm, .cpt-stories-col-sm-auto, .cpt-stories-col-md-1, .cpt-stories-col-md-2, .cpt-stories-col-md-3, .cpt-stories-col-md-4, .cpt-stories-col-md-5, .cpt-stories-col-md-6, .cpt-stories-col-md-7, .cpt-stories-col-md-8, .cpt-stories-col-md-9, .cpt-stories-col-md-10, .cpt-stories-col-md-11, .cpt-stories-col-md-12, .cpt-stories-col-md, .cpt-stories-col-md-auto, .cpt-stories-col-lg-1, .cpt-stories-col-lg-2, .cpt-stories-col-lg-3, .cpt-stories-col-lg-4, .cpt-stories-col-lg-5, .cpt-stories-col-lg-6, .cpt-stories-col-lg-7, .cpt-stories-col-lg-8, .cpt-stories-col-lg-9, .cpt-stories-col-lg-10, .cpt-stories-col-lg-11, .cpt-stories-col-lg-12, .cpt-stories-col-lg, .cpt-stories-col-lg-auto, .cpt-stories-col-xl-1, .cpt-stories-col-xl-2, .cpt-stories-col-xl-3, .cpt-stories-col-xl-4, .cpt-stories-col-xl-5, .cpt-stories-col-xl-6, .cpt-stories-col-xl-7, .cpt-stories-col-xl-8, .cpt-stories-col-xl-9, .cpt-stories-col-xl-10, .cpt-stories-col-xl-11, .cpt-stories-col-xl-12, .cpt-stories-col-xl, .cpt-stories-col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .cpt-stories-col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-1 { margin-left: 8.333333%; } .cpt-stories-offset-2 { margin-left: 16.666667%; } .cpt-stories-offset-3 { margin-left: 25%; } .cpt-stories-offset-4 { margin-left: 33.333333%; } .cpt-stories-offset-5 { margin-left: 41.666667%; } .cpt-stories-offset-6 { margin-left: 50%; } .cpt-stories-offset-7 { margin-left: 58.333333%; } .cpt-stories-offset-8 { margin-left: 66.666667%; } .cpt-stories-offset-9 { margin-left: 75%; } .cpt-stories-offset-10 { margin-left: 83.333333%; } .cpt-stories-offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .cpt-stories-col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-sm-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-sm-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-sm-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-sm-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-sm-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-sm-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-sm-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-sm-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-sm-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-sm-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-sm-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-sm-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-sm-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-sm-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-sm-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-sm-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-sm-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-sm-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-sm-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-sm-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-sm-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-sm-0 { margin-left: 0; } .cpt-stories-offset-sm-1 { margin-left: 8.333333%; } .cpt-stories-offset-sm-2 { margin-left: 16.666667%; } .cpt-stories-offset-sm-3 { margin-left: 25%; } .cpt-stories-offset-sm-4 { margin-left: 33.333333%; } .cpt-stories-offset-sm-5 { margin-left: 41.666667%; } .cpt-stories-offset-sm-6 { margin-left: 50%; } .cpt-stories-offset-sm-7 { margin-left: 58.333333%; } .cpt-stories-offset-sm-8 { margin-left: 66.666667%; } .cpt-stories-offset-sm-9 { margin-left: 75%; } .cpt-stories-offset-sm-10 { margin-left: 83.333333%; } .cpt-stories-offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .cpt-stories-col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-md-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-md-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-md-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-md-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-md-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-md-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-md-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-md-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-md-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-md-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-md-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-md-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-md-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-md-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-md-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-md-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-md-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-md-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-md-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-md-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-md-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-md-0 { margin-left: 0; } .cpt-stories-offset-md-1 { margin-left: 8.333333%; } .cpt-stories-offset-md-2 { margin-left: 16.666667%; } .cpt-stories-offset-md-3 { margin-left: 25%; } .cpt-stories-offset-md-4 { margin-left: 33.333333%; } .cpt-stories-offset-md-5 { margin-left: 41.666667%; } .cpt-stories-offset-md-6 { margin-left: 50%; } .cpt-stories-offset-md-7 { margin-left: 58.333333%; } .cpt-stories-offset-md-8 { margin-left: 66.666667%; } .cpt-stories-offset-md-9 { margin-left: 75%; } .cpt-stories-offset-md-10 { margin-left: 83.333333%; } .cpt-stories-offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .cpt-stories-col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-lg-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-lg-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-lg-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-lg-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-lg-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-lg-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-lg-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-lg-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-lg-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-lg-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-lg-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-lg-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-lg-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-lg-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-lg-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-lg-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-lg-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-lg-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-lg-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-lg-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-lg-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-lg-0 { margin-left: 0; } .cpt-stories-offset-lg-1 { margin-left: 8.333333%; } .cpt-stories-offset-lg-2 { margin-left: 16.666667%; } .cpt-stories-offset-lg-3 { margin-left: 25%; } .cpt-stories-offset-lg-4 { margin-left: 33.333333%; } .cpt-stories-offset-lg-5 { margin-left: 41.666667%; } .cpt-stories-offset-lg-6 { margin-left: 50%; } .cpt-stories-offset-lg-7 { margin-left: 58.333333%; } .cpt-stories-offset-lg-8 { margin-left: 66.666667%; } .cpt-stories-offset-lg-9 { margin-left: 75%; } .cpt-stories-offset-lg-10 { margin-left: 83.333333%; } .cpt-stories-offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .cpt-stories-col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; } .cpt-stories-row-cols-xl-1 > * { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-row-cols-xl-2 > * { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-row-cols-xl-3 > * { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-row-cols-xl-4 > * { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-row-cols-xl-5 > * { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .cpt-stories-row-cols-xl-6 > * { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .cpt-stories-col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .cpt-stories-col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .cpt-stories-col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .cpt-stories-col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .cpt-stories-col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .cpt-stories-col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .cpt-stories-col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .cpt-stories-col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .cpt-stories-col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .cpt-stories-col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .cpt-stories-col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .cpt-stories-col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .cpt-stories-order-xl-first { -ms-flex-order: -1; order: -1; } .cpt-stories-order-xl-last { -ms-flex-order: 13; order: 13; } .cpt-stories-order-xl-0 { -ms-flex-order: 0; order: 0; } .cpt-stories-order-xl-1 { -ms-flex-order: 1; order: 1; } .cpt-stories-order-xl-2 { -ms-flex-order: 2; order: 2; } .cpt-stories-order-xl-3 { -ms-flex-order: 3; order: 3; } .cpt-stories-order-xl-4 { -ms-flex-order: 4; order: 4; } .cpt-stories-order-xl-5 { -ms-flex-order: 5; order: 5; } .cpt-stories-order-xl-6 { -ms-flex-order: 6; order: 6; } .cpt-stories-order-xl-7 { -ms-flex-order: 7; order: 7; } .cpt-stories-order-xl-8 { -ms-flex-order: 8; order: 8; } .cpt-stories-order-xl-9 { -ms-flex-order: 9; order: 9; } .cpt-stories-order-xl-10 { -ms-flex-order: 10; order: 10; } .cpt-stories-order-xl-11 { -ms-flex-order: 11; order: 11; } .cpt-stories-order-xl-12 { -ms-flex-order: 12; order: 12; } .cpt-stories-offset-xl-0 { margin-left: 0; } .cpt-stories-offset-xl-1 { margin-left: 8.333333%; } .cpt-stories-offset-xl-2 { margin-left: 16.666667%; } .cpt-stories-offset-xl-3 { margin-left: 25%; } .cpt-stories-offset-xl-4 { margin-left: 33.333333%; } .cpt-stories-offset-xl-5 { margin-left: 41.666667%; } .cpt-stories-offset-xl-6 { margin-left: 50%; } .cpt-stories-offset-xl-7 { margin-left: 58.333333%; } .cpt-stories-offset-xl-8 { margin-left: 66.666667%; } .cpt-stories-offset-xl-9 { margin-left: 75%; } .cpt-stories-offset-xl-10 { margin-left: 83.333333%; } .cpt-stories-offset-xl-11 { margin-left: 91.666667%; } } .cpt-stories-d-none { display: none !important; } .cpt-stories-d-inline { display: inline !important; } .cpt-stories-d-inline-block { display: inline-block !important; } .cpt-stories-d-block { display: block !important; } .cpt-stories-d-table { display: table !important; } .cpt-stories-d-table-row { display: table-row !important; } .cpt-stories-d-table-cell { display: table-cell !important; } .cpt-stories-d-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .cpt-stories-d-sm-none { display: none !important; } .cpt-stories-d-sm-inline { display: inline !important; } .cpt-stories-d-sm-inline-block { display: inline-block !important; } .cpt-stories-d-sm-block { display: block !important; } .cpt-stories-d-sm-table { display: table !important; } .cpt-stories-d-sm-table-row { display: table-row !important; } .cpt-stories-d-sm-table-cell { display: table-cell !important; } .cpt-stories-d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .cpt-stories-d-md-none { display: none !important; } .cpt-stories-d-md-inline { display: inline !important; } .cpt-stories-d-md-inline-block { display: inline-block !important; } .cpt-stories-d-md-block { display: block !important; } .cpt-stories-d-md-table { display: table !important; } .cpt-stories-d-md-table-row { display: table-row !important; } .cpt-stories-d-md-table-cell { display: table-cell !important; } .cpt-stories-d-md-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .cpt-stories-d-lg-none { display: none !important; } .cpt-stories-d-lg-inline { display: inline !important; } .cpt-stories-d-lg-inline-block { display: inline-block !important; } .cpt-stories-d-lg-block { display: block !important; } .cpt-stories-d-lg-table { display: table !important; } .cpt-stories-d-lg-table-row { display: table-row !important; } .cpt-stories-d-lg-table-cell { display: table-cell !important; } .cpt-stories-d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .cpt-stories-d-xl-none { display: none !important; } .cpt-stories-d-xl-inline { display: inline !important; } .cpt-stories-d-xl-inline-block { display: inline-block !important; } .cpt-stories-d-xl-block { display: block !important; } .cpt-stories-d-xl-table { display: table !important; } .cpt-stories-d-xl-table-row { display: table-row !important; } .cpt-stories-d-xl-table-cell { display: table-cell !important; } .cpt-stories-d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .cpt-stories-d-print-none { display: none !important; } .cpt-stories-d-print-inline { display: inline !important; } .cpt-stories-d-print-inline-block { display: inline-block !important; } .cpt-stories-d-print-block { display: block !important; } .cpt-stories-d-print-table { display: table !important; } .cpt-stories-d-print-table-row { display: table-row !important; } .cpt-stories-d-print-table-cell { display: table-cell !important; } .cpt-stories-d-print-flex { display: -ms-flexbox !important; display: flex !important; } .cpt-stories-d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .cpt-stories-flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .cpt-stories-flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .cpt-stories-flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .cpt-stories-flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .cpt-stories-flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .cpt-stories-flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .cpt-stories-flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .cpt-stories-flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .cpt-stories-flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .cpt-stories-flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .cpt-stories-flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .cpt-stories-flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .cpt-stories-flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .cpt-stories-flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .cpt-stories-flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .cpt-stories-flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .cpt-stories-justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .cpt-stories-justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .cpt-stories-justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .cpt-stories-justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .cpt-stories-justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .cpt-stories-align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .cpt-stories-align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .cpt-stories-align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .cpt-stories-align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .cpt-stories-align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .cpt-stories-align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .cpt-stories-align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .cpt-stories-align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .cpt-stories-align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .cpt-stories-align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .cpt-stories-align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .cpt-stories-align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .cpt-stories-align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .cpt-stories-align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .cpt-stories-align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .cpt-stories-align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .cpt-stories-align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .cpt-stories-m-0 { margin: 0 !important; } .cpt-stories-mt-0, .cpt-stories-my-0 { margin-top: 0 !important; } .cpt-stories-mr-0, .cpt-stories-mx-0 { margin-right: 0 !important; } .cpt-stories-mb-0, .cpt-stories-my-0 { margin-bottom: 0 !important; } .cpt-stories-ml-0, .cpt-stories-mx-0 { margin-left: 0 !important; } .cpt-stories-m-1 { margin: 0.25rem !important; } .cpt-stories-mt-1, .cpt-stories-my-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-1, .cpt-stories-mx-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-1, .cpt-stories-my-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-1, .cpt-stories-mx-1 { margin-left: 0.25rem !important; } .cpt-stories-m-2 { margin: 0.5rem !important; } .cpt-stories-mt-2, .cpt-stories-my-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-2, .cpt-stories-mx-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-2, .cpt-stories-my-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-2, .cpt-stories-mx-2 { margin-left: 0.5rem !important; } .cpt-stories-m-3 { margin: 1rem !important; } .cpt-stories-mt-3, .cpt-stories-my-3 { margin-top: 1rem !important; } .cpt-stories-mr-3, .cpt-stories-mx-3 { margin-right: 1rem !important; } .cpt-stories-mb-3, .cpt-stories-my-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-3, .cpt-stories-mx-3 { margin-left: 1rem !important; } .cpt-stories-m-4 { margin: 1.5rem !important; } .cpt-stories-mt-4, .cpt-stories-my-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-4, .cpt-stories-mx-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-4, .cpt-stories-my-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-4, .cpt-stories-mx-4 { margin-left: 1.5rem !important; } .cpt-stories-m-5 { margin: 3rem !important; } .cpt-stories-mt-5, .cpt-stories-my-5 { margin-top: 3rem !important; } .cpt-stories-mr-5, .cpt-stories-mx-5 { margin-right: 3rem !important; } .cpt-stories-mb-5, .cpt-stories-my-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-5, .cpt-stories-mx-5 { margin-left: 3rem !important; } .cpt-stories-p-0 { padding: 0 !important; } .cpt-stories-pt-0, .cpt-stories-py-0 { padding-top: 0 !important; } .cpt-stories-pr-0, .cpt-stories-px-0 { padding-right: 0 !important; } .cpt-stories-pb-0, .cpt-stories-py-0 { padding-bottom: 0 !important; } .cpt-stories-pl-0, .cpt-stories-px-0 { padding-left: 0 !important; } .cpt-stories-p-1 { padding: 0.25rem !important; } .cpt-stories-pt-1, .cpt-stories-py-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-1, .cpt-stories-px-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-1, .cpt-stories-py-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-1, .cpt-stories-px-1 { padding-left: 0.25rem !important; } .cpt-stories-p-2 { padding: 0.5rem !important; } .cpt-stories-pt-2, .cpt-stories-py-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-2, .cpt-stories-px-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-2, .cpt-stories-py-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-2, .cpt-stories-px-2 { padding-left: 0.5rem !important; } .cpt-stories-p-3 { padding: 1rem !important; } .cpt-stories-pt-3, .cpt-stories-py-3 { padding-top: 1rem !important; } .cpt-stories-pr-3, .cpt-stories-px-3 { padding-right: 1rem !important; } .cpt-stories-pb-3, .cpt-stories-py-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-3, .cpt-stories-px-3 { padding-left: 1rem !important; } .cpt-stories-p-4 { padding: 1.5rem !important; } .cpt-stories-pt-4, .cpt-stories-py-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-4, .cpt-stories-px-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-4, .cpt-stories-py-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-4, .cpt-stories-px-4 { padding-left: 1.5rem !important; } .cpt-stories-p-5 { padding: 3rem !important; } .cpt-stories-pt-5, .cpt-stories-py-5 { padding-top: 3rem !important; } .cpt-stories-pr-5, .cpt-stories-px-5 { padding-right: 3rem !important; } .cpt-stories-pb-5, .cpt-stories-py-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-5, .cpt-stories-px-5 { padding-left: 3rem !important; } .cpt-stories-m-n1 { margin: -0.25rem !important; } .cpt-stories-mt-n1, .cpt-stories-my-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-n1, .cpt-stories-mx-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-n1, .cpt-stories-my-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-n1, .cpt-stories-mx-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-n2 { margin: -0.5rem !important; } .cpt-stories-mt-n2, .cpt-stories-my-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-n2, .cpt-stories-mx-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-n2, .cpt-stories-my-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-n2, .cpt-stories-mx-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-n3 { margin: -1rem !important; } .cpt-stories-mt-n3, .cpt-stories-my-n3 { margin-top: -1rem !important; } .cpt-stories-mr-n3, .cpt-stories-mx-n3 { margin-right: -1rem !important; } .cpt-stories-mb-n3, .cpt-stories-my-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-n3, .cpt-stories-mx-n3 { margin-left: -1rem !important; } .cpt-stories-m-n4 { margin: -1.5rem !important; } .cpt-stories-mt-n4, .cpt-stories-my-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-n4, .cpt-stories-mx-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-n4, .cpt-stories-my-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-n4, .cpt-stories-mx-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-n5 { margin: -3rem !important; } .cpt-stories-mt-n5, .cpt-stories-my-n5 { margin-top: -3rem !important; } .cpt-stories-mr-n5, .cpt-stories-mx-n5 { margin-right: -3rem !important; } .cpt-stories-mb-n5, .cpt-stories-my-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-n5, .cpt-stories-mx-n5 { margin-left: -3rem !important; } .cpt-stories-m-auto { margin: auto !important; } .cpt-stories-mt-auto, .cpt-stories-my-auto { margin-top: auto !important; } .cpt-stories-mr-auto, .cpt-stories-mx-auto { margin-right: auto !important; } .cpt-stories-mb-auto, .cpt-stories-my-auto { margin-bottom: auto !important; } .cpt-stories-ml-auto, .cpt-stories-mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .cpt-stories-m-sm-0 { margin: 0 !important; } .cpt-stories-mt-sm-0, .cpt-stories-my-sm-0 { margin-top: 0 !important; } .cpt-stories-mr-sm-0, .cpt-stories-mx-sm-0 { margin-right: 0 !important; } .cpt-stories-mb-sm-0, .cpt-stories-my-sm-0 { margin-bottom: 0 !important; } .cpt-stories-ml-sm-0, .cpt-stories-mx-sm-0 { margin-left: 0 !important; } .cpt-stories-m-sm-1 { margin: 0.25rem !important; } .cpt-stories-mt-sm-1, .cpt-stories-my-sm-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-sm-1, .cpt-stories-mx-sm-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-sm-1, .cpt-stories-my-sm-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-sm-1, .cpt-stories-mx-sm-1 { margin-left: 0.25rem !important; } .cpt-stories-m-sm-2 { margin: 0.5rem !important; } .cpt-stories-mt-sm-2, .cpt-stories-my-sm-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-sm-2, .cpt-stories-mx-sm-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-sm-2, .cpt-stories-my-sm-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-sm-2, .cpt-stories-mx-sm-2 { margin-left: 0.5rem !important; } .cpt-stories-m-sm-3 { margin: 1rem !important; } .cpt-stories-mt-sm-3, .cpt-stories-my-sm-3 { margin-top: 1rem !important; } .cpt-stories-mr-sm-3, .cpt-stories-mx-sm-3 { margin-right: 1rem !important; } .cpt-stories-mb-sm-3, .cpt-stories-my-sm-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-sm-3, .cpt-stories-mx-sm-3 { margin-left: 1rem !important; } .cpt-stories-m-sm-4 { margin: 1.5rem !important; } .cpt-stories-mt-sm-4, .cpt-stories-my-sm-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-sm-4, .cpt-stories-mx-sm-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-sm-4, .cpt-stories-my-sm-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-sm-4, .cpt-stories-mx-sm-4 { margin-left: 1.5rem !important; } .cpt-stories-m-sm-5 { margin: 3rem !important; } .cpt-stories-mt-sm-5, .cpt-stories-my-sm-5 { margin-top: 3rem !important; } .cpt-stories-mr-sm-5, .cpt-stories-mx-sm-5 { margin-right: 3rem !important; } .cpt-stories-mb-sm-5, .cpt-stories-my-sm-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-sm-5, .cpt-stories-mx-sm-5 { margin-left: 3rem !important; } .cpt-stories-p-sm-0 { padding: 0 !important; } .cpt-stories-pt-sm-0, .cpt-stories-py-sm-0 { padding-top: 0 !important; } .cpt-stories-pr-sm-0, .cpt-stories-px-sm-0 { padding-right: 0 !important; } .cpt-stories-pb-sm-0, .cpt-stories-py-sm-0 { padding-bottom: 0 !important; } .cpt-stories-pl-sm-0, .cpt-stories-px-sm-0 { padding-left: 0 !important; } .cpt-stories-p-sm-1 { padding: 0.25rem !important; } .cpt-stories-pt-sm-1, .cpt-stories-py-sm-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-sm-1, .cpt-stories-px-sm-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-sm-1, .cpt-stories-py-sm-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-sm-1, .cpt-stories-px-sm-1 { padding-left: 0.25rem !important; } .cpt-stories-p-sm-2 { padding: 0.5rem !important; } .cpt-stories-pt-sm-2, .cpt-stories-py-sm-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-sm-2, .cpt-stories-px-sm-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-sm-2, .cpt-stories-py-sm-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-sm-2, .cpt-stories-px-sm-2 { padding-left: 0.5rem !important; } .cpt-stories-p-sm-3 { padding: 1rem !important; } .cpt-stories-pt-sm-3, .cpt-stories-py-sm-3 { padding-top: 1rem !important; } .cpt-stories-pr-sm-3, .cpt-stories-px-sm-3 { padding-right: 1rem !important; } .cpt-stories-pb-sm-3, .cpt-stories-py-sm-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-sm-3, .cpt-stories-px-sm-3 { padding-left: 1rem !important; } .cpt-stories-p-sm-4 { padding: 1.5rem !important; } .cpt-stories-pt-sm-4, .cpt-stories-py-sm-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-sm-4, .cpt-stories-px-sm-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-sm-4, .cpt-stories-py-sm-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-sm-4, .cpt-stories-px-sm-4 { padding-left: 1.5rem !important; } .cpt-stories-p-sm-5 { padding: 3rem !important; } .cpt-stories-pt-sm-5, .cpt-stories-py-sm-5 { padding-top: 3rem !important; } .cpt-stories-pr-sm-5, .cpt-stories-px-sm-5 { padding-right: 3rem !important; } .cpt-stories-pb-sm-5, .cpt-stories-py-sm-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-sm-5, .cpt-stories-px-sm-5 { padding-left: 3rem !important; } .cpt-stories-m-sm-n1 { margin: -0.25rem !important; } .cpt-stories-mt-sm-n1, .cpt-stories-my-sm-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-sm-n1, .cpt-stories-mx-sm-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-sm-n1, .cpt-stories-my-sm-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-sm-n1, .cpt-stories-mx-sm-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-sm-n2 { margin: -0.5rem !important; } .cpt-stories-mt-sm-n2, .cpt-stories-my-sm-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-sm-n2, .cpt-stories-mx-sm-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-sm-n2, .cpt-stories-my-sm-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-sm-n2, .cpt-stories-mx-sm-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-sm-n3 { margin: -1rem !important; } .cpt-stories-mt-sm-n3, .cpt-stories-my-sm-n3 { margin-top: -1rem !important; } .cpt-stories-mr-sm-n3, .cpt-stories-mx-sm-n3 { margin-right: -1rem !important; } .cpt-stories-mb-sm-n3, .cpt-stories-my-sm-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-sm-n3, .cpt-stories-mx-sm-n3 { margin-left: -1rem !important; } .cpt-stories-m-sm-n4 { margin: -1.5rem !important; } .cpt-stories-mt-sm-n4, .cpt-stories-my-sm-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-sm-n4, .cpt-stories-mx-sm-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-sm-n4, .cpt-stories-my-sm-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-sm-n4, .cpt-stories-mx-sm-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-sm-n5 { margin: -3rem !important; } .cpt-stories-mt-sm-n5, .cpt-stories-my-sm-n5 { margin-top: -3rem !important; } .cpt-stories-mr-sm-n5, .cpt-stories-mx-sm-n5 { margin-right: -3rem !important; } .cpt-stories-mb-sm-n5, .cpt-stories-my-sm-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-sm-n5, .cpt-stories-mx-sm-n5 { margin-left: -3rem !important; } .cpt-stories-m-sm-auto { margin: auto !important; } .cpt-stories-mt-sm-auto, .cpt-stories-my-sm-auto { margin-top: auto !important; } .cpt-stories-mr-sm-auto, .cpt-stories-mx-sm-auto { margin-right: auto !important; } .cpt-stories-mb-sm-auto, .cpt-stories-my-sm-auto { margin-bottom: auto !important; } .cpt-stories-ml-sm-auto, .cpt-stories-mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .cpt-stories-m-md-0 { margin: 0 !important; } .cpt-stories-mt-md-0, .cpt-stories-my-md-0 { margin-top: 0 !important; } .cpt-stories-mr-md-0, .cpt-stories-mx-md-0 { margin-right: 0 !important; } .cpt-stories-mb-md-0, .cpt-stories-my-md-0 { margin-bottom: 0 !important; } .cpt-stories-ml-md-0, .cpt-stories-mx-md-0 { margin-left: 0 !important; } .cpt-stories-m-md-1 { margin: 0.25rem !important; } .cpt-stories-mt-md-1, .cpt-stories-my-md-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-md-1, .cpt-stories-mx-md-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-md-1, .cpt-stories-my-md-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-md-1, .cpt-stories-mx-md-1 { margin-left: 0.25rem !important; } .cpt-stories-m-md-2 { margin: 0.5rem !important; } .cpt-stories-mt-md-2, .cpt-stories-my-md-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-md-2, .cpt-stories-mx-md-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-md-2, .cpt-stories-my-md-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-md-2, .cpt-stories-mx-md-2 { margin-left: 0.5rem !important; } .cpt-stories-m-md-3 { margin: 1rem !important; } .cpt-stories-mt-md-3, .cpt-stories-my-md-3 { margin-top: 1rem !important; } .cpt-stories-mr-md-3, .cpt-stories-mx-md-3 { margin-right: 1rem !important; } .cpt-stories-mb-md-3, .cpt-stories-my-md-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-md-3, .cpt-stories-mx-md-3 { margin-left: 1rem !important; } .cpt-stories-m-md-4 { margin: 1.5rem !important; } .cpt-stories-mt-md-4, .cpt-stories-my-md-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-md-4, .cpt-stories-mx-md-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-md-4, .cpt-stories-my-md-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-md-4, .cpt-stories-mx-md-4 { margin-left: 1.5rem !important; } .cpt-stories-m-md-5 { margin: 3rem !important; } .cpt-stories-mt-md-5, .cpt-stories-my-md-5 { margin-top: 3rem !important; } .cpt-stories-mr-md-5, .cpt-stories-mx-md-5 { margin-right: 3rem !important; } .cpt-stories-mb-md-5, .cpt-stories-my-md-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-md-5, .cpt-stories-mx-md-5 { margin-left: 3rem !important; } .cpt-stories-p-md-0 { padding: 0 !important; } .cpt-stories-pt-md-0, .cpt-stories-py-md-0 { padding-top: 0 !important; } .cpt-stories-pr-md-0, .cpt-stories-px-md-0 { padding-right: 0 !important; } .cpt-stories-pb-md-0, .cpt-stories-py-md-0 { padding-bottom: 0 !important; } .cpt-stories-pl-md-0, .cpt-stories-px-md-0 { padding-left: 0 !important; } .cpt-stories-p-md-1 { padding: 0.25rem !important; } .cpt-stories-pt-md-1, .cpt-stories-py-md-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-md-1, .cpt-stories-px-md-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-md-1, .cpt-stories-py-md-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-md-1, .cpt-stories-px-md-1 { padding-left: 0.25rem !important; } .cpt-stories-p-md-2 { padding: 0.5rem !important; } .cpt-stories-pt-md-2, .cpt-stories-py-md-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-md-2, .cpt-stories-px-md-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-md-2, .cpt-stories-py-md-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-md-2, .cpt-stories-px-md-2 { padding-left: 0.5rem !important; } .cpt-stories-p-md-3 { padding: 1rem !important; } .cpt-stories-pt-md-3, .cpt-stories-py-md-3 { padding-top: 1rem !important; } .cpt-stories-pr-md-3, .cpt-stories-px-md-3 { padding-right: 1rem !important; } .cpt-stories-pb-md-3, .cpt-stories-py-md-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-md-3, .cpt-stories-px-md-3 { padding-left: 1rem !important; } .cpt-stories-p-md-4 { padding: 1.5rem !important; } .cpt-stories-pt-md-4, .cpt-stories-py-md-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-md-4, .cpt-stories-px-md-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-md-4, .cpt-stories-py-md-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-md-4, .cpt-stories-px-md-4 { padding-left: 1.5rem !important; } .cpt-stories-p-md-5 { padding: 3rem !important; } .cpt-stories-pt-md-5, .cpt-stories-py-md-5 { padding-top: 3rem !important; } .cpt-stories-pr-md-5, .cpt-stories-px-md-5 { padding-right: 3rem !important; } .cpt-stories-pb-md-5, .cpt-stories-py-md-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-md-5, .cpt-stories-px-md-5 { padding-left: 3rem !important; } .cpt-stories-m-md-n1 { margin: -0.25rem !important; } .cpt-stories-mt-md-n1, .cpt-stories-my-md-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-md-n1, .cpt-stories-mx-md-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-md-n1, .cpt-stories-my-md-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-md-n1, .cpt-stories-mx-md-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-md-n2 { margin: -0.5rem !important; } .cpt-stories-mt-md-n2, .cpt-stories-my-md-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-md-n2, .cpt-stories-mx-md-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-md-n2, .cpt-stories-my-md-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-md-n2, .cpt-stories-mx-md-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-md-n3 { margin: -1rem !important; } .cpt-stories-mt-md-n3, .cpt-stories-my-md-n3 { margin-top: -1rem !important; } .cpt-stories-mr-md-n3, .cpt-stories-mx-md-n3 { margin-right: -1rem !important; } .cpt-stories-mb-md-n3, .cpt-stories-my-md-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-md-n3, .cpt-stories-mx-md-n3 { margin-left: -1rem !important; } .cpt-stories-m-md-n4 { margin: -1.5rem !important; } .cpt-stories-mt-md-n4, .cpt-stories-my-md-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-md-n4, .cpt-stories-mx-md-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-md-n4, .cpt-stories-my-md-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-md-n4, .cpt-stories-mx-md-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-md-n5 { margin: -3rem !important; } .cpt-stories-mt-md-n5, .cpt-stories-my-md-n5 { margin-top: -3rem !important; } .cpt-stories-mr-md-n5, .cpt-stories-mx-md-n5 { margin-right: -3rem !important; } .cpt-stories-mb-md-n5, .cpt-stories-my-md-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-md-n5, .cpt-stories-mx-md-n5 { margin-left: -3rem !important; } .cpt-stories-m-md-auto { margin: auto !important; } .cpt-stories-mt-md-auto, .cpt-stories-my-md-auto { margin-top: auto !important; } .cpt-stories-mr-md-auto, .cpt-stories-mx-md-auto { margin-right: auto !important; } .cpt-stories-mb-md-auto, .cpt-stories-my-md-auto { margin-bottom: auto !important; } .cpt-stories-ml-md-auto, .cpt-stories-mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .cpt-stories-m-lg-0 { margin: 0 !important; } .cpt-stories-mt-lg-0, .cpt-stories-my-lg-0 { margin-top: 0 !important; } .cpt-stories-mr-lg-0, .cpt-stories-mx-lg-0 { margin-right: 0 !important; } .cpt-stories-mb-lg-0, .cpt-stories-my-lg-0 { margin-bottom: 0 !important; } .cpt-stories-ml-lg-0, .cpt-stories-mx-lg-0 { margin-left: 0 !important; } .cpt-stories-m-lg-1 { margin: 0.25rem !important; } .cpt-stories-mt-lg-1, .cpt-stories-my-lg-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-lg-1, .cpt-stories-mx-lg-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-lg-1, .cpt-stories-my-lg-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-lg-1, .cpt-stories-mx-lg-1 { margin-left: 0.25rem !important; } .cpt-stories-m-lg-2 { margin: 0.5rem !important; } .cpt-stories-mt-lg-2, .cpt-stories-my-lg-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-lg-2, .cpt-stories-mx-lg-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-lg-2, .cpt-stories-my-lg-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-lg-2, .cpt-stories-mx-lg-2 { margin-left: 0.5rem !important; } .cpt-stories-m-lg-3 { margin: 1rem !important; } .cpt-stories-mt-lg-3, .cpt-stories-my-lg-3 { margin-top: 1rem !important; } .cpt-stories-mr-lg-3, .cpt-stories-mx-lg-3 { margin-right: 1rem !important; } .cpt-stories-mb-lg-3, .cpt-stories-my-lg-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-lg-3, .cpt-stories-mx-lg-3 { margin-left: 1rem !important; } .cpt-stories-m-lg-4 { margin: 1.5rem !important; } .cpt-stories-mt-lg-4, .cpt-stories-my-lg-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-lg-4, .cpt-stories-mx-lg-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-lg-4, .cpt-stories-my-lg-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-lg-4, .cpt-stories-mx-lg-4 { margin-left: 1.5rem !important; } .cpt-stories-m-lg-5 { margin: 3rem !important; } .cpt-stories-mt-lg-5, .cpt-stories-my-lg-5 { margin-top: 3rem !important; } .cpt-stories-mr-lg-5, .cpt-stories-mx-lg-5 { margin-right: 3rem !important; } .cpt-stories-mb-lg-5, .cpt-stories-my-lg-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-lg-5, .cpt-stories-mx-lg-5 { margin-left: 3rem !important; } .cpt-stories-p-lg-0 { padding: 0 !important; } .cpt-stories-pt-lg-0, .cpt-stories-py-lg-0 { padding-top: 0 !important; } .cpt-stories-pr-lg-0, .cpt-stories-px-lg-0 { padding-right: 0 !important; } .cpt-stories-pb-lg-0, .cpt-stories-py-lg-0 { padding-bottom: 0 !important; } .cpt-stories-pl-lg-0, .cpt-stories-px-lg-0 { padding-left: 0 !important; } .cpt-stories-p-lg-1 { padding: 0.25rem !important; } .cpt-stories-pt-lg-1, .cpt-stories-py-lg-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-lg-1, .cpt-stories-px-lg-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-lg-1, .cpt-stories-py-lg-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-lg-1, .cpt-stories-px-lg-1 { padding-left: 0.25rem !important; } .cpt-stories-p-lg-2 { padding: 0.5rem !important; } .cpt-stories-pt-lg-2, .cpt-stories-py-lg-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-lg-2, .cpt-stories-px-lg-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-lg-2, .cpt-stories-py-lg-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-lg-2, .cpt-stories-px-lg-2 { padding-left: 0.5rem !important; } .cpt-stories-p-lg-3 { padding: 1rem !important; } .cpt-stories-pt-lg-3, .cpt-stories-py-lg-3 { padding-top: 1rem !important; } .cpt-stories-pr-lg-3, .cpt-stories-px-lg-3 { padding-right: 1rem !important; } .cpt-stories-pb-lg-3, .cpt-stories-py-lg-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-lg-3, .cpt-stories-px-lg-3 { padding-left: 1rem !important; } .cpt-stories-p-lg-4 { padding: 1.5rem !important; } .cpt-stories-pt-lg-4, .cpt-stories-py-lg-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-lg-4, .cpt-stories-px-lg-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-lg-4, .cpt-stories-py-lg-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-lg-4, .cpt-stories-px-lg-4 { padding-left: 1.5rem !important; } .cpt-stories-p-lg-5 { padding: 3rem !important; } .cpt-stories-pt-lg-5, .cpt-stories-py-lg-5 { padding-top: 3rem !important; } .cpt-stories-pr-lg-5, .cpt-stories-px-lg-5 { padding-right: 3rem !important; } .cpt-stories-pb-lg-5, .cpt-stories-py-lg-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-lg-5, .cpt-stories-px-lg-5 { padding-left: 3rem !important; } .cpt-stories-m-lg-n1 { margin: -0.25rem !important; } .cpt-stories-mt-lg-n1, .cpt-stories-my-lg-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-lg-n1, .cpt-stories-mx-lg-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-lg-n1, .cpt-stories-my-lg-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-lg-n1, .cpt-stories-mx-lg-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-lg-n2 { margin: -0.5rem !important; } .cpt-stories-mt-lg-n2, .cpt-stories-my-lg-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-lg-n2, .cpt-stories-mx-lg-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-lg-n2, .cpt-stories-my-lg-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-lg-n2, .cpt-stories-mx-lg-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-lg-n3 { margin: -1rem !important; } .cpt-stories-mt-lg-n3, .cpt-stories-my-lg-n3 { margin-top: -1rem !important; } .cpt-stories-mr-lg-n3, .cpt-stories-mx-lg-n3 { margin-right: -1rem !important; } .cpt-stories-mb-lg-n3, .cpt-stories-my-lg-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-lg-n3, .cpt-stories-mx-lg-n3 { margin-left: -1rem !important; } .cpt-stories-m-lg-n4 { margin: -1.5rem !important; } .cpt-stories-mt-lg-n4, .cpt-stories-my-lg-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-lg-n4, .cpt-stories-mx-lg-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-lg-n4, .cpt-stories-my-lg-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-lg-n4, .cpt-stories-mx-lg-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-lg-n5 { margin: -3rem !important; } .cpt-stories-mt-lg-n5, .cpt-stories-my-lg-n5 { margin-top: -3rem !important; } .cpt-stories-mr-lg-n5, .cpt-stories-mx-lg-n5 { margin-right: -3rem !important; } .cpt-stories-mb-lg-n5, .cpt-stories-my-lg-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-lg-n5, .cpt-stories-mx-lg-n5 { margin-left: -3rem !important; } .cpt-stories-m-lg-auto { margin: auto !important; } .cpt-stories-mt-lg-auto, .cpt-stories-my-lg-auto { margin-top: auto !important; } .cpt-stories-mr-lg-auto, .cpt-stories-mx-lg-auto { margin-right: auto !important; } .cpt-stories-mb-lg-auto, .cpt-stories-my-lg-auto { margin-bottom: auto !important; } .cpt-stories-ml-lg-auto, .cpt-stories-mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .cpt-stories-m-xl-0 { margin: 0 !important; } .cpt-stories-mt-xl-0, .cpt-stories-my-xl-0 { margin-top: 0 !important; } .cpt-stories-mr-xl-0, .cpt-stories-mx-xl-0 { margin-right: 0 !important; } .cpt-stories-mb-xl-0, .cpt-stories-my-xl-0 { margin-bottom: 0 !important; } .cpt-stories-ml-xl-0, .cpt-stories-mx-xl-0 { margin-left: 0 !important; } .cpt-stories-m-xl-1 { margin: 0.25rem !important; } .cpt-stories-mt-xl-1, .cpt-stories-my-xl-1 { margin-top: 0.25rem !important; } .cpt-stories-mr-xl-1, .cpt-stories-mx-xl-1 { margin-right: 0.25rem !important; } .cpt-stories-mb-xl-1, .cpt-stories-my-xl-1 { margin-bottom: 0.25rem !important; } .cpt-stories-ml-xl-1, .cpt-stories-mx-xl-1 { margin-left: 0.25rem !important; } .cpt-stories-m-xl-2 { margin: 0.5rem !important; } .cpt-stories-mt-xl-2, .cpt-stories-my-xl-2 { margin-top: 0.5rem !important; } .cpt-stories-mr-xl-2, .cpt-stories-mx-xl-2 { margin-right: 0.5rem !important; } .cpt-stories-mb-xl-2, .cpt-stories-my-xl-2 { margin-bottom: 0.5rem !important; } .cpt-stories-ml-xl-2, .cpt-stories-mx-xl-2 { margin-left: 0.5rem !important; } .cpt-stories-m-xl-3 { margin: 1rem !important; } .cpt-stories-mt-xl-3, .cpt-stories-my-xl-3 { margin-top: 1rem !important; } .cpt-stories-mr-xl-3, .cpt-stories-mx-xl-3 { margin-right: 1rem !important; } .cpt-stories-mb-xl-3, .cpt-stories-my-xl-3 { margin-bottom: 1rem !important; } .cpt-stories-ml-xl-3, .cpt-stories-mx-xl-3 { margin-left: 1rem !important; } .cpt-stories-m-xl-4 { margin: 1.5rem !important; } .cpt-stories-mt-xl-4, .cpt-stories-my-xl-4 { margin-top: 1.5rem !important; } .cpt-stories-mr-xl-4, .cpt-stories-mx-xl-4 { margin-right: 1.5rem !important; } .cpt-stories-mb-xl-4, .cpt-stories-my-xl-4 { margin-bottom: 1.5rem !important; } .cpt-stories-ml-xl-4, .cpt-stories-mx-xl-4 { margin-left: 1.5rem !important; } .cpt-stories-m-xl-5 { margin: 3rem !important; } .cpt-stories-mt-xl-5, .cpt-stories-my-xl-5 { margin-top: 3rem !important; } .cpt-stories-mr-xl-5, .cpt-stories-mx-xl-5 { margin-right: 3rem !important; } .cpt-stories-mb-xl-5, .cpt-stories-my-xl-5 { margin-bottom: 3rem !important; } .cpt-stories-ml-xl-5, .cpt-stories-mx-xl-5 { margin-left: 3rem !important; } .cpt-stories-p-xl-0 { padding: 0 !important; } .cpt-stories-pt-xl-0, .cpt-stories-py-xl-0 { padding-top: 0 !important; } .cpt-stories-pr-xl-0, .cpt-stories-px-xl-0 { padding-right: 0 !important; } .cpt-stories-pb-xl-0, .cpt-stories-py-xl-0 { padding-bottom: 0 !important; } .cpt-stories-pl-xl-0, .cpt-stories-px-xl-0 { padding-left: 0 !important; } .cpt-stories-p-xl-1 { padding: 0.25rem !important; } .cpt-stories-pt-xl-1, .cpt-stories-py-xl-1 { padding-top: 0.25rem !important; } .cpt-stories-pr-xl-1, .cpt-stories-px-xl-1 { padding-right: 0.25rem !important; } .cpt-stories-pb-xl-1, .cpt-stories-py-xl-1 { padding-bottom: 0.25rem !important; } .cpt-stories-pl-xl-1, .cpt-stories-px-xl-1 { padding-left: 0.25rem !important; } .cpt-stories-p-xl-2 { padding: 0.5rem !important; } .cpt-stories-pt-xl-2, .cpt-stories-py-xl-2 { padding-top: 0.5rem !important; } .cpt-stories-pr-xl-2, .cpt-stories-px-xl-2 { padding-right: 0.5rem !important; } .cpt-stories-pb-xl-2, .cpt-stories-py-xl-2 { padding-bottom: 0.5rem !important; } .cpt-stories-pl-xl-2, .cpt-stories-px-xl-2 { padding-left: 0.5rem !important; } .cpt-stories-p-xl-3 { padding: 1rem !important; } .cpt-stories-pt-xl-3, .cpt-stories-py-xl-3 { padding-top: 1rem !important; } .cpt-stories-pr-xl-3, .cpt-stories-px-xl-3 { padding-right: 1rem !important; } .cpt-stories-pb-xl-3, .cpt-stories-py-xl-3 { padding-bottom: 1rem !important; } .cpt-stories-pl-xl-3, .cpt-stories-px-xl-3 { padding-left: 1rem !important; } .cpt-stories-p-xl-4 { padding: 1.5rem !important; } .cpt-stories-pt-xl-4, .cpt-stories-py-xl-4 { padding-top: 1.5rem !important; } .cpt-stories-pr-xl-4, .cpt-stories-px-xl-4 { padding-right: 1.5rem !important; } .cpt-stories-pb-xl-4, .cpt-stories-py-xl-4 { padding-bottom: 1.5rem !important; } .cpt-stories-pl-xl-4, .cpt-stories-px-xl-4 { padding-left: 1.5rem !important; } .cpt-stories-p-xl-5 { padding: 3rem !important; } .cpt-stories-pt-xl-5, .cpt-stories-py-xl-5 { padding-top: 3rem !important; } .cpt-stories-pr-xl-5, .cpt-stories-px-xl-5 { padding-right: 3rem !important; } .cpt-stories-pb-xl-5, .cpt-stories-py-xl-5 { padding-bottom: 3rem !important; } .cpt-stories-pl-xl-5, .cpt-stories-px-xl-5 { padding-left: 3rem !important; } .cpt-stories-m-xl-n1 { margin: -0.25rem !important; } .cpt-stories-mt-xl-n1, .cpt-stories-my-xl-n1 { margin-top: -0.25rem !important; } .cpt-stories-mr-xl-n1, .cpt-stories-mx-xl-n1 { margin-right: -0.25rem !important; } .cpt-stories-mb-xl-n1, .cpt-stories-my-xl-n1 { margin-bottom: -0.25rem !important; } .cpt-stories-ml-xl-n1, .cpt-stories-mx-xl-n1 { margin-left: -0.25rem !important; } .cpt-stories-m-xl-n2 { margin: -0.5rem !important; } .cpt-stories-mt-xl-n2, .cpt-stories-my-xl-n2 { margin-top: -0.5rem !important; } .cpt-stories-mr-xl-n2, .cpt-stories-mx-xl-n2 { margin-right: -0.5rem !important; } .cpt-stories-mb-xl-n2, .cpt-stories-my-xl-n2 { margin-bottom: -0.5rem !important; } .cpt-stories-ml-xl-n2, .cpt-stories-mx-xl-n2 { margin-left: -0.5rem !important; } .cpt-stories-m-xl-n3 { margin: -1rem !important; } .cpt-stories-mt-xl-n3, .cpt-stories-my-xl-n3 { margin-top: -1rem !important; } .cpt-stories-mr-xl-n3, .cpt-stories-mx-xl-n3 { margin-right: -1rem !important; } .cpt-stories-mb-xl-n3, .cpt-stories-my-xl-n3 { margin-bottom: -1rem !important; } .cpt-stories-ml-xl-n3, .cpt-stories-mx-xl-n3 { margin-left: -1rem !important; } .cpt-stories-m-xl-n4 { margin: -1.5rem !important; } .cpt-stories-mt-xl-n4, .cpt-stories-my-xl-n4 { margin-top: -1.5rem !important; } .cpt-stories-mr-xl-n4, .cpt-stories-mx-xl-n4 { margin-right: -1.5rem !important; } .cpt-stories-mb-xl-n4, .cpt-stories-my-xl-n4 { margin-bottom: -1.5rem !important; } .cpt-stories-ml-xl-n4, .cpt-stories-mx-xl-n4 { margin-left: -1.5rem !important; } .cpt-stories-m-xl-n5 { margin: -3rem !important; } .cpt-stories-mt-xl-n5, .cpt-stories-my-xl-n5 { margin-top: -3rem !important; } .cpt-stories-mr-xl-n5, .cpt-stories-mx-xl-n5 { margin-right: -3rem !important; } .cpt-stories-mb-xl-n5, .cpt-stories-my-xl-n5 { margin-bottom: -3rem !important; } .cpt-stories-ml-xl-n5, .cpt-stories-mx-xl-n5 { margin-left: -3rem !important; } .cpt-stories-m-xl-auto { margin: auto !important; } .cpt-stories-mt-xl-auto, .cpt-stories-my-xl-auto { margin-top: auto !important; } .cpt-stories-mr-xl-auto, .cpt-stories-mx-xl-auto { margin-right: auto !important; } .cpt-stories-mb-xl-auto, .cpt-stories-my-xl-auto { margin-bottom: auto !important; } .cpt-stories-ml-xl-auto, .cpt-stories-mx-xl-auto { margin-left: auto !important; } } /* End */ /* Start:/bitrix/tools/concept.stories/css/swiper.min.css?169294901313425*/ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/bitrix/tools/concept.stories/css/styles.css?169294901336366*/ .cpt-stories.cpt-stories-roboto .cpt-stories-bold{ font-weight: 900; } .cpt-stories-decor-text-shadow_light{ text-shadow: 0 0 10px rgba(255,255,255,1); } .cpt-stories-decor-text-shadow_dark{ text-shadow: 0 0 10px rgba(0,0,0,1); } .cpt-stories-main-bg-clr{ background-color: #008aff; } .cpt-stories-text-align-left{ text-align: left; } .cpt-stories-text-align-center{ text-align: center; } .cpt-stories-text-align-right{ text-align: right; } .cpt-stories-std-bg-clr-blue{ background-color: #2285c4; } .cpt-stories-std-bg-clr-red{ background-color: #e5420b; } .cpt-stories-std-bg-clr-green{ background-color: #3d860b; } .cpt-stories-std-bg-clr-dark-gray{ background-color: #656565; } .cpt-stories-std-bg-clr-light-gray{ background-color: #c1c1c1; } .cpt-stories, .cpt-stories *, .cpt-stories :after, .cpt-stories :before{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cpt-stories *:focus{ outline: -webkit-focus-ring-color auto 0; } .cpt-stories-visible { visibility: visible; } .cpt-stories-invisible { visibility: hidden; } .cpt-stories-bg-cover{ background-size: cover; } /*.cpt-stories a:visited, .cpt-stories a:active, .cpt-stories a:hover{ color: unset; }*/ .cpt-stories a.cpt-stories-txt-light, .cpt-stories a.cpt-stories-txt-light:visited, .cpt-stories a.cpt-stories-txt-light:active, .cpt-stories a.cpt-stories-txt-light:hover{ color: #fff; } .cpt-stories a.cpt-stories-txt-dark, .cpt-stories a.cpt-stories-txt-dark:visited, .cpt-stories a.cpt-stories-txt-dark:active, .cpt-stories a.cpt-stories-txt-dark:hover{ color: #000; } .cpt-stories-arrows .swiper-button-next:after, .cpt-stories-arrows .swiper-button-prev:after{ content: ""; } .cpt-stories-border-padding{ padding: 30px; } .cpt-stories-invisible-opacity{ opacity: 0; } img.cpt-stories-img-fluid{ max-width: 100%; height: auto; } .cpt-stories-modal button{ border: 0; cursor: pointer; } .cpt-stories-modal button:active, .cpt-stories-modal button:visited, .cpt-stories-modal button:focus { border: 0; text-decoration: none !important; outline: none; text-overflow: ellipsis; overflow: hidden; opacity: 1 !important; } .cpt-stories-elips{ -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .cpt-stories-pos-r{ position: relative; } .cpt-stories-pos-a{ position: absolute; } .cpt-stories-blur{ -webkit-filter: blur(15px) grayscale(50%); -moz-filter: blur(15px) grayscale(50%); -ms-filter: blur(15px) grayscale(50%); -o-filter: blur(15px) grayscale(50%); filter: blur(15px) grayscale(50%); } .cpt-stories-overflow-hidden{ overflow: hidden; } .cpt-stories-bg-default-settings{ background-position: center; background-repeat: no-repeat; } .cpt-stories-def-btn{ font-weight: normal; font-size: 17px; line-height: 23px; cursor: pointer; border: 0; white-space: nowrap; padding: 20px 35px; text-decoration: none !important; text-align: center; outline: none; display: inline-block; text-overflow: ellipsis; overflow: hidden; opacity: 1; max-width: 100%; } .cpt-stories-def-btn:hover{ transition: opacity .3s; opacity: .85; } .cpt-stories-shine{ background-size: 200% 100%, auto, 100% 2px, 100% 2px, 100% 1px, 100% 1px; background-image: linear-gradient(45deg, rgba(255, 255, 255, .0) 30%, rgba(255, 255, 255, .8), rgba(255, 255, 255, .0) 70%); background-repeat: no-repeat; background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); animation: shine 5s ease reverse infinite; box-shadow: 0px 9px 40px 0px rgba(50, 50, 50, 0.30); } @keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } @-webkit-keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } @-moz-keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } @-ms-keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } @-o-keyframes shine { 100% { background-position: 500% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 20% { background-position: 200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } 0% { background-position: -200% 0, 0 0, 0 0, 0 100%, 0 4px, 0 calc(100% - 4px); } } .cpt-stories-modal{ position: fixed; /*display: none;*/ display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; width: 100vw; height: 100vh; height: calc(var(--vh,1vh) * 100); z-index: 100001; background-color: #eee; } /*.cpt-stories-modal{ opacity: 0; text-align: center; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; }*/ .cpt-stories-modal.cpt-stories-active{ opacity: 1; } .cpt-stories-modal-overlay, .cpt-stories-bg-shadow{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .cpt-stories-modal-overlay{ background-color: #aaa; transition: background-image .3s; } .cpt-stories-bg-shadow.cpt-stories-dark{ background-color: rgba(37,37,37,0.8); } .cpt-stories-bg-shadow.cpt-stories-light{ background-color: rgba(255,255,255,0.8); } .cpt-stories-modal-guts{ position: relative; z-index: 9; } .cpt-stories-window{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .cpt-stories-window-shadow{ position: absolute; left: 0; top: 35px; bottom: 30px; right: 0; -webkit-box-shadow: 0 0 40px rgba(0,0,0,.3); box-shadow: 0 0 40px rgba(0,0,0,.3); } .cpt-stories-window-shadow, .cpt-stories-frame{ border-radius: 7px; } .cpt-stories-slides{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .2s all; -o-transition: .2s all; transition: .2s all; } .cpt-stories-slide{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; overflow: hidden; } .cpt-stories-slide-progress{ position: absolute; top: 15px; left: -3px; right: -3px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 20; -webkit-transform: translateZ(0); transform: translateZ(0); } .cpt-stories-slide-progress__item{ position: relative; display: block; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; max-width: 100%; margin-left: 3px; margin-right: 3px; height: 2px; background: rgba(255,255,255,.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1); box-shadow: 0 0 3px rgba(0,0,0,.1); -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; } .cpt-stories-slide-progress__item span{ display: block; width: 0; height: 3px; background: #fff; transition: width .1s; } .cpt-stories-frames { position: relative; width: 100%; height: 100%; padding-top: 35px; z-index: 1; display: -webkit-box; 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; /*-webkit-transition: .2s all; -o-transition: .2s all; transition: .2s all;*/ } .cpt-stories-frame{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; height: 100%; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; background-color: #bad0e6; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; -ms-touch-action: none; touch-action: none; } .cpt-stories-frame-title{ font-size: 43px; line-height: 51px; margin-bottom: 20px; color: #fff; } .cpt-stories-frame-subtitle{ font-size: 20px; line-height: 26px; margin-bottom: 10px; color: #fff; } .cpt-stories-frame-text{ font-size: 17px; line-height: 23px; margin-bottom: 30px; color: #fff; } .cpt-stories-frame__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; /*padding: 0 7% 4%;*/ } .cpt-stories-frame__body-inner{ position: absolute; left: 7%; right: 7%; bottom: 5%; z-index: 9; } .cpt-stories-frame__body-inner.cpt-stories-board{ left: 4%; right: 4%; bottom: 2%; } .cpt-stories-frame__body-inner-shadow-down{ position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background-image: url('/bitrix/tools/concept.stories/css/../images/png/shadow_down_bl.png'); background-position: left bottom; background-repeat: repeat-x; } video.cpt-stories-video{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; } .cpt-stories-frame__body-inner > *:last-child{ margin-bottom: 0; } .cpt-stories-frame__body-inner.cpt-stories-board{ padding: 15px 20px 20px 20px; border-radius: 7px; } .cpt-stories-frame__body-inner.cpt-stories-board.cpt-stories-board-dark{ background-color: #3c3c3c; opacity: .92; } .cpt-stories-frame__body-inner.cpt-stories-board.cpt-stories-board-light{ background-color: #fff; opacity: .92; } .cpt-stories-frame-wr-btn{ margin-top: 30px; } .cpt-stories-modal .cpt-stories-close-button { position: absolute; z-index: 1; top: 30px; border: 0; text-align: center; border-radius: 50%; border: 0; cursor: pointer; width: 30px; height: 30px; right: -48px; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/cross_wt.svg'); background-size: 12px; background-color: transparent; transition: background-color .3s; opacity: .5; z-index: 101; } .cpt-stories-modal .cpt-stories-close-button:hover{ background-color: #676767; opacity: 1; transition: opacity .3s; } .cpt-stories-modal .cpt-stories-pause-button { position: absolute; z-index: 1; top: 70px; border: 0; text-align: center; border-radius: 50%; border: 0; cursor: pointer; width: 30px; height: 30px; right: -48px; background-size: 9px; background-color: transparent; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/pause.svg'); /*background-image: url('/bitrix/tools/concept.stories/css/../images/svg/play.svg');*/ opacity: .5; z-index: 101; background-position: 11px 10px; } .cpt-stories-modal .cpt-stories-pause-button:hover, .cpt-stories-modal.cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button.cpt-stories-play, .cpt-stories-modal .cpt-stories-pause-button.cpt-stories-play{ background-color: #676767; opacity: 1; transition: opacity .3s; } .cpt-stories-window-next, .cpt-stories-window-prev{ position: absolute; display: block; padding: 0; border: none; z-index: 9; outline: 0; top: 0; bottom: 0; width: 50%; background-color: transparent; } .cpt-stories-window-next{ right: 0; left: auto; } .cpt-stories-window-prev{ left: 0; right: auto; } .cpt-stories-window-arrow{ display: block; position: absolute; top: calc(50% - 15px); width: 30px; height: 30px; background-size: 7px; background-color: transparent; transition: background-color .3s; border-radius: 50%; opacity: .5; cursor: pointer; } .cpt-stories-window-arrow:hover{ background-color: #676767; opacity: 1; transition: opacity .3s; } .cpt-stories-window-arrow-prev{ left: -48px; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg'); background-position: 8px center; background-size: 13px; } .cpt-stories-window-arrow-next{ right: -48px; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg'); background-position: 9px center; background-size: 13px; } .cpt-stories-modal .cpt-stories-button-prev, .cpt-stories-modal .cpt-stories-button-next{ } .cpt-stories-modal .cpt-stories-button-prev{ left: -40px; } .cpt-stories-modal .cpt-stories-button-next{ right: -40px; } .cpt-stories-modal .cpt-stories-pagination{ top: 15px; left: 10px; right: 10px; } .cpt-stories-modal .cpt-stories-pagination-bullet{ position: relative; width: 100%; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; max-width: 100%; background: none; } .cpt-stories-modal .cpt-stories-pagination-bullet:before{ content: ""; position: absolute; left: 5px; right: 5px; background-color: rgba(255,255,255,.4); border-radius: 4px; top: 0; bottom: 0; } .cpt-stories-block .swiper-slide{ width: 162px !important; transition: .3s; } .cpt-stories-block-center{ margin-left: auto; margin-right: auto; } .cpt-stories-block .cpt-stories-preview-slide{ width: 162px; height: 162px; overflow: hidden; cursor: pointer; position: relative; } .cpt-stories-block-view-2 .cpt-stories-preview-slide{ margin-bottom: 10px; } .cpt-stories-block .cpt-stories-preview-slide-active{ border: 4px solid #f00; } .cpt-stories-block .cpt-stories-preview-slide-shadow-down{ position: absolute; bottom: 0; left: 0; right: 0; height: 100%; background-position: left bottom; background-repeat: repeat-x; background-size: 100% 120px; opacity: .5; } .cpt-stories-block .cpt-stories-preview-slide-shadow-down.cpt-stories-preview-slide-shadow-light{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/shadow_down_bl.png'); } .cpt-stories-block .cpt-stories-preview-slide-shadow-down.cpt-stories-preview-slide-shadow-dark{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/shadow_down_wt.png'); } .cpt-stories-r50{ border-radius: 50%; } .cpt-stories-r30{ border-radius: 30px; } .cpt-stories-r10{ border-radius: 10px; } .cpt-stories-r5{ border-radius: 5px; } .cpt-stories-block .cpt-stories-text{ font-size: 14px; line-height: 20px; } .cpt-stories-txt-light{ color: #fff; } .cpt-stories-txt-dark{ color: #000; } .cpt-stories-block-view-1 .cpt-stories-text{ position: absolute; left: 15px; bottom: 10px; right: 15px; overflow: hidden; } .cpt-stories-block-view-2 .cpt-stories-text{ text-align: center; } .cpt-stories-block .cpt-stories-title{ font-size: 35px; line-height: 40px; text-align: left; } .cpt-stories-block .cpt-stories-title > div{ margin-bottom: 20px; } .cpt-stories-block .swiper-container{ padding: 20px 0; } .cpt-stories-block .cpt-stories-arrows{ width: 70px; text-align: right; position: relative; top: 2px; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next, .cpt-stories-block .cpt-stories-arrows .swiper-button-prev{ display: inline-block; position: static; width: 30px; height: 30px; margin-top: 0; color: transparent; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next{ background-position: 10px; } .cpt-stories-user-select-none{ -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select:none; } .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-next.swiper-button-disabled, .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-prev.swiper-button-disabled{ opacity: .1; } .cpt-stories-block .cpt-stories-arrows .swiper-button-prev{ margin-right: 1px; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next:after, .cpt-stories-block .cpt-stories-arrows .swiper-button-prev:after{ content: ""; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next, .cpt-stories-block .cpt-stories-arrows .swiper-button-prev{ background-size: 11px; } .cpt-stories-block .cpt-stories-arrows .swiper-button-next:hover, .cpt-stories-block .cpt-stories-arrows .swiper-button-prev:hover{ opacity: .8; transition: opacity .3s; } .cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-next, .cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-prev{ background-color: #ececec; } .cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_bl.svg'); } .cpt-stories-block-mode-light .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_bl.svg'); } .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-next, .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-color: #000; opacity: .35; } .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg'); } .cpt-stories-block-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg'); } /*.cpt-stories-block .cpt-stories-arrows .swiper-button-prev:not(.swiper-button-disabled) + .swiper-button-next.swiper-button-disabled{ opacity: .1; visibility: visible; }*/ .cpt-stories-fixblock{ visibility: hidden; position: fixed; z-index: -1; } .cpt-stories-fixblock.cpt-stories-side-left, .cpt-stories-fixblock.cpt-stories-side-right{ top: 20%; width: 80px; padding: 10px; } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-isset-arrows, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-isset-arrows{ padding-top: 15px; padding-bottom: 15px; } /*.cpt-stories-fixblock.isset-album-img.cpt-stories-side-left, .cpt-stories-fixblock.isset-album-img.cpt-stories-side-right, .cpt-stories-fixblock.isset-album-img.cpt-stories-side-left.cpt-stories-isset-arrows, .cpt-stories-fixblock.isset-album-img.cpt-stories-side-right.cpt-stories-isset-arrows{ padding-top: 15px; }*/ .cpt-stories-fixblock.cpt-stories-side-left{ left: -90px; border-radius: 0 10px 10px 0; transition: left .4s; } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-show{ left: 0; } .cpt-stories-fixblock.cpt-stories-side-right{ right: -90px; border-radius: 10px 0 0 10px; transition: right .4s; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-show{ right: 0; } .cpt-stories-fixblock.cpt-stories-side-bottom{ left: 50%; top: auto; bottom: -110px; transform: translateX(-50%); height: 90px; border-radius: 10px 10px 0 0; padding: 15px; transition: bottom .4s; } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-show{ bottom: 0; } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-isset-arrows{ padding-left: 15px; padding-right: 15px; } .cpt-stories-fixblock.cpt-stories-side-bottom.isset-album-img{ padding-left: 90px; } .cpt-stories-fixblock.cpt-stories-mode-light{ background-color: #fff; -webkit-box-shadow: 0 0 50px rgba(0,0,0,.2); box-shadow: 0 0 50px rgba(0,0,0,.2); } .cpt-stories-fixblock.cpt-stories-mode-dark{ background-color: #303030; -webkit-box-shadow: 0 0 50px rgba(0,0,0,.2); box-shadow: 0 0 50px rgba(0,0,0,.2); } .cpt-stories-fixblock .cpt-stories-close-button { position: absolute; border-radius: 50%; cursor: pointer; width: 32px; height: 32px; background-image: url('/bitrix/tools/concept.stories/css/../images/svg/cross_wt.svg'); background-size: 12px; background-color: rgba(0,0,0,.2); top: 25px; right: -50px; opacity: .8; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-close-button, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-close-button{ top: -50px; left: 50%; margin-left: -14px; } .cpt-stories-fixblock .swiper-slide{ width: 60px !important; height: 60px !important; } .cpt-stories-fixblock.cpt-stories-side-left .swiper-container, .cpt-stories-fixblock.cpt-stories-side-right .swiper-container{ height: 100%; } .cpt-stories-fixblock .cpt-stories-preview-slide{ width: 60px; height: 60px; cursor: pointer; position: relative; overflow: unset; } .cpt-stories-fixblock .cpt-stories-preview-slide:hover{ opacity: 1; transition: opacity .3s; } .cpt-stories-fixblock .cpt-stories-preview-slide{ opacity: 0.8; } .cpt-stories-fixblock .cpt-stories-preview-slide-active{ opacity: 1; } .cpt-stories-fixblock .cpt-stories-preview-slide-active:hover{ opacity: .8; transition: opacity .3s; } .cpt-stories-fixblock .cpt-stories-preview-slide-active:after{ content: ""; position: absolute; width: 12px; height: 12px; background-color: #0bff0b; border-radius: 50%; } /*.cpt-stories-fixblock.cpt-stories-mode-light .cpt-stories-preview-slide-active:after{ border: 2px solid #fff; } .cpt-stories-fixblock.cpt-stories-mode-dark .cpt-stories-preview-slide-active:after{ border: 2px solid #000; }*/ .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-preview-slide-active:after, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-preview-slide-active:after, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-preview-slide-active:after{ right: 3px; top: 3px; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows{ position: absolute; top: 0; bottom: 0; z-index: 1; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows{ position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .cpt-stories-header{ position: relative; } .cpt-stories-fixblock .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ display: inline-block; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ width: 70px; height: 38px; position: absolute; background-repeat: repeat-x; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ left: -8px; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ left: -10px; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ top: -10px; background-position: left top; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-position: left bottom; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ bottom: -13px; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ bottom: -16px; } .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-next{ display: inline-block; margin-top: 0; color: transparent; background-size: 13px; opacity: .4; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next{ width: 60px; height: 40px; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev{ bottom: auto; left: 0; right: 0; top: -16px; } /*.cpt-stories-fixblock .cpt-stories-arrows .swiper-button-prev.swiper-button-disabled, .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-next.swiper-button-disabled, .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-prev.swiper-button-disabled + .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock .cpt-stories-arrows .swiper-button-next.swiper-button-disabled + .cpt-stories-bg-shadow-arrow{ display: none; }*/ .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_up_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_up_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next{ bottom: -17px; left: 0; top: auto; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_down_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_down_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/uw.png'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/ug.png'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/dw.png'); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/dg.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ width: 38px; height: 60px; position: absolute; top: -4px; background-repeat: repeat-y; background-size: 35px; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ left: -15px; background-position: left top; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ right: -7px; background-position: right top; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-next{ width: 32px; height: 60px; top: 0; bottom: auto; background-size: 15px; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-prev{ left: -11px; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-arrows .swiper-button-next{ right: -9px; } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/lw.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/gr.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/rw.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/png/gl.png'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-bottom.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg'); } .cpt-stories-fixblock .cpt-stories-fixblock-img{ width: 60px; height: 60px; background-size: contain; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-fixblock-img, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-fixblock-img{ margin-bottom: 30px; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-fixblock-img{ position: absolute; left: 15px; } .cpt-stories-fixblock.cpt-stories-pc-show.cpt-stories-xl, .cpt-stories-fixblock.cpt-stories-pc-show.cpt-stories-lg, .cpt-stories-fixblock.cpt-stories-pc-show.cpt-stories-md, .cpt-stories-fixblock.cpt-stories-sm-show.cpt-stories-sm{ visibility: visible; z-index: 9999; } .cpt-stories-xl{ } .cpt-stories-lg{ } .cpt-stories-md{ } .cpt-stories-sm{ } /*.cpt-stories-1482{ width: 160px; }*/ .cpt-stories-modal.cpt-stories-sm .cpt-stories-frames{ padding-top: 0; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-shadow { top: 0; bottom: 0; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next, .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev{ top: 150px; bottom: 0; height: 100%; width: 130px; z-index: 99; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next, .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev, .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next:hover, .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev:hover{ background-color: transparent; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-next{ right: 0; background-position: 50px center; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-window-prev{ left: 0; background-position: 15px center; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button{ top: 90px; right: 17px; width: 35px; height: 35px; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button{ background-size: 12px; background-position: 11px 10px; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button, .cpt-stories-modal.cpt-stories-sm .cpt-stories-pause-button:hover{ background-color: transparent; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-close-button{ top: 40px; right: 17px; width: 35px; height: 35px; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-close-button { background-size: 18px; } .cpt-stories-modal.cpt-stories-sm .cpt-stories-slide-progress{ left: 3px; right: 3px; } .cpt-stories-ul-def{ list-style: none; margin: 0; padding: 0; } .cpt-stories-animate-rotate { animation-name: rotation; animation-duration: 1s; animation-iteration-count: 1; animation-timing-function: linear; } @keyframes rotation { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } .cpt-stories-block-swiper-scrollbar{ height: 1px; background-color: rgba(0,0,0,.1); } .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag{ height: 29px; top: -14px; z-index: 1; background: none; } .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:hover{ cursor: -webkit-grab; cursor: grab; } .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:active{ cursor: -webkit-grabbing; cursor: grabbing; } .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:after{ content: ''; position: absolute; left: 0; right: 0; top: 12px; height: 5px; background-color: #999; border-radius: 5px; } .cpt-stories-fixblock .swiper-button-next.swiper-button-disabled + .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock .swiper-button-prev.swiper-button-disabled + .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock .swiper-button-next.swiper-button-disabled, .cpt-stories-fixblock .swiper-button-prev.swiper-button-disabled{ display: none; } .cpt-stories-block-mode-light .cpt-stories-block-swiper-scrollbar{ background-color: rgba(255,255,255,.1); } .cpt-stories-block-mode-light .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:after{ background-color: #999; } .cpt-stories-block-mode-dark .cpt-stories-block-swiper-scrollbar{ background-color: rgba(0,0,0,.1); } .cpt-stories-block-mode-dark .cpt-stories-block-swiper-scrollbar .swiper-scrollbar-drag:after{ background-color: #999; } /* End */ /* Start:/bitrix/tools/concept.stories/css/responsive.css?16929490138061*/ /*xl*/ @media (min-width: 1200px){ .cpt-stories-fixblock .cpt-stories-close-button { opacity: 0; transition: opacity .5s; } .cpt-stories-fixblock:hover .cpt-stories-close-button{ opacity: .5; transition: opacity .01s; } .cpt-stories-fixblock .cpt-stories-close-button:hover{ opacity: 1; transition: opacity .3s; } .cpt-stories-block .swiper-slide:hover{ transform: translateY(-10px); } .cpt-stories-fixblock .cpt-stories-arrows{ opacity: 0; transition: opacity .4s; } .cpt-stories-fixblock:hover .cpt-stories-arrows{ opacity: 1; } } /*lg*/ @media (min-width: 992px) and (max-width: 1199px){ } /*md*/ @media (min-width: 768px) and (max-width: 991px){ .cpt-stories-block .swiper-slide { width: 120px !important; } .cpt-stories-block .cpt-stories-preview-slide{ width: 120px; height: 120px; } } /*sm & xs*/ @media (max-width: 767.98px){ .cpt-stories-block .swiper-slide { width: 77px !important; } .cpt-stories-block .cpt-stories-preview-slide{ width: 77px; height: 77px; } .cpt-stories-header .cpt-stories-wr-arrows{ display: none; } .cpt-stories-block .swiper-pagination{ display: block; position: static; margin-top: 10px; width: 200px !important; margin-left: auto; margin-right: auto; } .cpt-stories-block .swiper-pagination-bullet-active{ opacity: 1; background-color: #717171; } .cpt-stories-block .cpt-stories-text{ font-size: 12px; line-height: 15px; } .cpt-stories-modal .cpt-stories-close-button, .cpt-stories-modal .cpt-stories-pause-button{ opacity: 1; } .cpt-stories-block .cpt-stories-title{ font-size: 25px; line-height: 35px; text-align: center; } .cpt-stories-fixblock.cpt-stories-side-bottom{ left: 0; right: 0; top: auto; transform: translateX(0%); border-radius: 0; } .cpt-stories-fixblock.cpt-stories-side-bottom .cpt-stories-close-button { top: -45px; right: 20px; } .cpt-stories-fixblock.cpt-stories-side-bottom{ bottom: -140px; } .cpt-stories-fixblock.cpt-stories-side-left, .cpt-stories-fixblock.cpt-stories-side-right{ left: 0; right: 0; top: auto; transform: translateX(0%); bottom: -140px; height: 90px; width: 100%; border-radius: 0; padding: 10px; transition: bottom .4s; } .cpt-stories-fixblock.isset-album-img.cpt-stories-side-left, .cpt-stories-fixblock.isset-album-img.cpt-stories-side-right{ padding-left: 110px; } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-show, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-show{ bottom: 0; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-fixblock-img, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-fixblock-img{ position: absolute; left: 10px; margin-bottom: 0; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-close-button, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-close-button{ top: -45px; right: 20px; left: auto; margin-left: 0; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows{ left: 0; right: 0; top: 0; bottom: auto; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next{ top: 0 !important; bottom: auto; background-size: 15px; width: 32px; height: 60px; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-prev{ left: -11px; right: auto; } .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .swiper-button-next{ right: 6px; left: auto; } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-next{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_r_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_bl.svg'); } .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev, .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .swiper-button-prev{ background-image: url('/bitrix/tools/concept.stories/css/../images/svg/shevron_l_wt.svg'); } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow{ width: 38px; height: 80px; position: absolute; top: -10px; bottom: -10px; left: auto; right: auto; background-repeat: repeat-y; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ right: -1px; left: auto !important; background-position: right top; } .cpt-stories-fixblock.cpt-stories-side-right .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ left: -1px; right: auto !important; background-position: left top; } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url(/bitrix/tools/concept.stories/css/../images/png/rw.png); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-next{ background-image: url(/bitrix/tools/concept.stories/css/../images/png/gl.png); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-light .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url(/bitrix/tools/concept.stories/css/../images/png/lw.png); } .cpt-stories-fixblock.cpt-stories-side-right.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev, .cpt-stories-fixblock.cpt-stories-side-left.cpt-stories-mode-dark .cpt-stories-arrows .cpt-stories-bg-shadow-arrow-prev{ background-image: url(/bitrix/tools/concept.stories/css/../images/png/gr.png); } .js-cpt-stories-ajax-public-admin{ display: none; } .cpt-stories-window-shadow, .cpt-stories-frame { border-radius: 0; } .cpt-stories-frame-btn{ display: block; } .cpt-stories-fixblock.cpt-stories-hide-img-xs.isset-album-img .cpt-stories-fixblock-img{ display: none; } .cpt-stories-fixblock.cpt-stories-hide-img-xs.isset-album-img{ padding-left: 15px !important; } .cpt-stories-modal{ height: 100%; } } /*sm*/ @media (min-width: 576px) and (max-width: 767.98px){ .cpt-stories-def-btn{ display: block; } .cpt-stories-admin-btn-settings, .cpt-stories-admin-public-btn{ display: none; } } /*xs*/ @media (max-width: 575.98px){ } /* End */ /* /local/templates/burburo/assets/css/header.css?17910398846517 */ /* /local/templates/burburo/components/sotbit/regions.choose/region/style.css?17241570986494 */ /* /local/templates/burburo/components/arturgolubev/search.title/.default/style.min.css?168666369812020 */ /* /bitrix/components/bitrix/menu/templates/.default/style.min.css?1681977955490 */ /* /local/templates/burburo/components/bitrix/menu/footer__menu-1/style.min.css?1681988839490 */ /* /local/templates/burburo/styles.css?1709208284659 */ /* /local/templates/burburo/template_styles.css?1791354028645157 */ /* /bitrix/tools/concept.stories/css/font_roboto.css?1692949013171 */ /* /bitrix/tools/concept.stories/css/grids.css?169294901384170 */ /* /bitrix/tools/concept.stories/css/swiper.min.css?169294901313425 */ /* /bitrix/tools/concept.stories/css/styles.css?169294901336366 */ /* /bitrix/tools/concept.stories/css/responsive.css?16929490138061 */