/* Start:/local/templates/main/components/twofingers/location/.default/style.min.css?17267301699055*/ .tfl__link-container:hover,.tfl__link-container{text-decoration:none;display:flex}.tfl__link:hover,.tfl__link{border-bottom:1px dashed;cursor:pointer}.tfl__link-label{margin-right:5px}.tfl__link.tfl__link_order{font-weight:700;line-height:2}.tfl-define-popup{background-color:#fff;text-align:center}.tfl-define-popup__desktop{border-radius:0.3em;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px 0 rgba(0,0,0,.1);box-shadow:0 1px 10px 0 rgba(0,0,0,.1);transform:translateX(-50%);z-index:1001;-webkit-border-radius:10px;-moz-border-radius:10px;position:absolute}.tfl-define-popup__text{padding-left:20px;padding-right:20px}.tfl-define-popup__mobile{width:100%;position:relative;z-index:9999999;border-radius:0!important}.tfl-define-popup__mobile .tfl-define-popup__buttons{border-radius:0!important}.tfl-define-popup__desktop:before{position:absolute;width:11px;height:11px;transform:rotate(45deg);content:'';background-color:#fff;left:calc(50% - 5px);top:-5px}.tfl-define-popup__buttons{text-align:center;overflow:hidden;display:grid}.tfl-define-popup__button{display:block;padding:10px 20px;box-sizing:border-box}.tfl-define-popup__main{font-weight:700}.tfl-define-popup__second{background-color:#f5f5f5}.tfl-popup{position:fixed;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#fff;z-index:2001;max-width:100%;overflow:hidden;left:50%;top:42%;transform:translate(-50%,-50%);-webkit-box-shadow:-1px 2px 13px 0 rgba(0,0,0,.25);-moz-box-shadow:-1px 2px 13px 0 rgba(0,0,0,.25);box-shadow:-1px 2px 13px 0 rgba(0,0,0,.25);display:grid;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;grid-gap:0;box-sizing:border-box;opacity:0;transition:opacity .2s ease-in,top .2s ease-out}.tfl-popup.tfl-popup_loaded{opacity:1;top:45%}.tfl-popup.tfl-popup_loading{background:url(/local/templates/main/components/twofingers/location/.default/img/preloader.svg) center center no-repeat #fff}.tfl-popup__title-container{position:relative;width:100%}.tfl-popup__search-wrapper{margin-bottom:20px}.tfl-popup__title{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1;width:calc(100% - 40px)}.tfl-popup__search{position:relative;padding:0;margin-bottom:15px;margin-top:26px}.tfl-popup .tfl-popup__search-input{color:#333;-moz-border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1;padding:10px 5px 12px;width:100%;position:relative;border:0;background:bottom/0 100% no-repeat,50% 100%/100% 100%;transition:background ease-out;background-image:linear-gradient(to top,#1f2949 2px,rgba(255,86,5,0) 2px),linear-gradient(to top,#bdbdbd 1px,rgba(189,189,189,0) 1px)}.tfl-popup .tfl-popup__search-input:focus{background-size:100% 100%,100% 100%;transition:.3s;outline:0}.tfl-popup__search-input::-webkit-input-placeholder{color:#bbb}.tfl-popup__search-input::-moz-placeholder{color:#bbb}.tfl-popup__search-input:-ms-input-placeholder{color:#bbb}.tfl-popup__search-input:-moz-placeholder{color:#bbb}.tfl-popup__search-input:focus::-webkit-input-placeholder{color:#d5d5d5}.tfl-popup__search-input:focus::-moz-placeholder{color:#d5d5d5}.tfl-popup__search-input:focus:-ms-input-placeholder{color:#d5d5d5}.tfl-popup__search-input:focus:-moz-placeholder{color:#d5d5d5}.tfl-popup__clear-field{height:14px;position:absolute;right:35px;top:calc(50%);transform:translateY(-50%);width:14px;display:none}.tfl-popup__search-icon{height:40%;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:auto;text-align:right}.tfl-popup__search-icon svg{fill:#d5d5d5;background-color:transparent;width:auto;height:100%}.tfl-popup__search-icon svg path{fill:#d5d5d5}.tfl-popup__container{position:relative;display:grid;grid-template-rows:1fr;grid-template-columns:1fr}.tfl-popup__container:before{position:absolute;content:'';left:0;right:5px;height:18px;bottom:0;z-index:1;background-image:-moz-linear-gradient(top,rgba(255,255,255,.001) 0,#fff);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.001) 0,#fff);background-image:-o-linear-gradient(top,rgba(255,255,255,.001) 0,#fff);background-image:-ms-linear-gradient(top,rgba(255,255,255,.001) 0,#fff);background-image:linear-gradient(top,rgba(255,255,255,.001) 0,#fff)}.tfl-popup__container.tfl-popup__container_no-found:before{content:none}.favorites-right-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container{grid-template-columns:2fr 1fr}.favorites-left-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container{grid-template-columns:1fr 2fr}.tfl-popup__scroll-container{overflow:hidden;overflow-y:auto;position:relative;display:none}.tfl-popup__scroll-container::-webkit-scrollbar{width:5px}.tfl-popup__scroll-container::-webkit-scrollbar-track{background:rgb(213 213 213 / 40%);border-radius:2px}.tfl-popup__scroll-container:hover::-webkit-scrollbar-track{background:rgb(213 213 213)}.tfl-popup__scroll-container::-webkit-scrollbar-thumb{background-color:rgb(0 0 0 / 40%);border:none;border-radius:2px}.tfl-popup__scroll-container:hover::-webkit-scrollbar-thumb{background-color:rgb(0 0 0)}.tfl-popup__scroll-container+.tfl-popup__scroll-container{padding-left:10px}.tfl-popup__with-locations .tfl-popup__scroll-container.tfl-popup__locations,.tfl-popup__with-defaults .tfl-popup__scroll-container.tfl-popup__defaults{display:block}.tfl-popup__list{list-style:none;padding:0;line-height:1.25;margin-bottom:15px;-webkit-column-width:150px;-moz-column-width:150px;column-width:150px;-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;-webkit-column-rule:0px solid #ccc;-moz-column-rule:0 solid #ccc;column-rule:0px solid #ccc;display:block}.favorites-under-search .tfl-popup__defaults .tfl-popup__list{margin-top:15px;margin-bottom:0}.tfl-popup__search-wrapper .tfl-popup__defaults .tfl-popup__list{margin-top:30px;margin-bottom:0}.tfl-popup__list li{padding-bottom:7.5px;overflow:hidden;list-style:none;page-break-inside:avoid;break-inside:avoid;padding-left:0;margin:0}.tfl-popup__list li:before,.tfl-popup__list li:after{content:none}.tfl-popup__location-link{color:#333;text-decoration:none;border-bottom:1px dashed #777}.tfl-popup__location-link:hover{color:#333;border-bottom:1px dotted #333}.tfl-popup__defaults .tfl-popup__location-link{font-weight:700;border-bottom:1px dotted #333}.tf-location__region{display:block;font-size:.7em;color:#999;line-height:1;margin-top:0.3em}.tfl-popup-overlay{display:none;position:fixed;margin:0;padding:0;top:0;left:0;bottom:0;right:0;background:url('/local/templates/main/components/twofingers/location/.default/img/custom-popup-overlay.png');z-index:10000}@-webkit-keyframes animate-circle{from{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@keyframes animate-circle{from{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.tfl-popup-overlay__loader{--size:10rem;position:fixed;top:50%;left:50%;height:var(--size);width:var(--size);transform:translateX(-50%) translateY(-50%)}.tfl-popup-overlay__loader>.tfl-popup-overlay__circle{--duration:2s;position:absolute;height:inherit;width:inherit;background:#fff;border-radius:50%;-webkit-animation:animate-circle var(--duration) cubic-bezier(.9,.24,.62,.79) infinite;animation:animate-circle var(--duration) cubic-bezier(.9,.24,.62,.79) infinite}.tfl-popup-overlay__loader>.tfl-popup-overlay__circle:first-of-type{-webkit-animation-delay:0s;animation-delay:0s}.tfl-popup-overlay__loader>.tfl-popup-overlay__circle:nth-of-type(2){-webkit-animation-delay:calc(var(--duration) / -3);animation-delay:calc(var(--duration) / -3)}.tfl-popup-overlay__loader>.tfl-popup-overlay__circle:nth-of-type(3){-webkit-animation-delay:calc(var(--duration) / -6);animation-delay:calc(var(--duration) / -6)}.tfl-popup__close{display:flex;position:absolute;cursor:pointer;opacity:.2;width:40px;height:40px;top:20px;right:20px;align-items:center;justify-content:center}.tfl-define-popup .tfl-popup__close{top:0;right:0}.tfl-popup__close:hover{opacity:.5}.tfl-popup__close:before,.tfl-popup__close:after{position:absolute;content:'';width:2px;background-color:#333;height:20px}.tfl-popup__close:before{transform:rotate(45deg)}.tfl-popup__close:after{transform:rotate(-45deg)}.tfl-popup__clear-field .tfl-popup__close{width:100%;height:100%;top:0;right:0}.tfl-popup__clear-field .tfl-popup__close:before,.tfl-popup__clear-field .tfl-popup__close:after{width:2px;height:15px;top:0;left:6px}.tfl-define-popup .tfl-popup__close{width:30px;height:30px}.tfl-define-popup .tfl-popup__close:before,.tfl-define-popup .tfl-popup__close:after{width:2px;height:15px;top:7px;left:15px}.tfl-body-freeze{overflow-y:hidden;margin-right:calc(-1 * (100vw - 100%));height:auto}.tfl-body-blur{-webkit-filter:blur(2px);-moz-filter:blur(2px);-o-filter:blur(2px);-ms-filter:blur(2px);filter:blur(2px)}.tfl-popup__nofound-mess{display:none;font-size:20px;text-align:center;position:absolute;top:50%;width:100%;color:#d5d5d5;transform:translateY(-50%)}.tfl-popup__container_no-found .tfl-popup__nofound-mess{display:block} /* End */ /* Start:/local/templates/main/components/arturgolubev/search.title/jh/style.min.css?172673392611988*/ .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-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/main/components/arturgolubev/search.title/jh/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/main/components/arturgolubev/search.title/jh/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/main/components/arturgolubev/search.title/jh/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/main/components/arturgolubev/search.title/jh/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/main/components/arturgolubev/search.title/jh/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/main/components/arturgolubev/search.title/jh/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/main/components/arturgolubev/search.title/jh/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/main/components/arturgolubev/search.title/jh/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/main/components/arturgolubev/search.title/jh/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:/local/templates/main/components/bitrix/form.result.new/consult_about_forgotten_basket/style.css?1735112285623*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/main/components/bitrix/form.result.new/consult_about_forgotten_basket/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/main/components/bitrix/form.result.new/consult_about_forgotten_basket/images/icon_warn.gif); } /* End */ /* Start:/local/templates/main/components/bitrix/form.result.new/service_request/style.css?1780047662623*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/main/components/bitrix/form.result.new/service_request/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/main/components/bitrix/form.result.new/service_request/images/icon_warn.gif); } /* End */ /* Start:/local/templates/main/components/maxma/catalog.element.bonus/.default/style.css?17724435034855*/ .maxma { font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 1.2; white-space: normal; clear: left; min-width: 140px; } .maxma a { color: #1CA1BD; color: var(--maxma-accent-color); text-decoration: none; cursor: pointer; max-width: fit-content; } .maxma a:hover { color: #1CA1BD; color: var(--maxma-accent-color); } .maxma-element-bonus__bonus-amount-wrapper { flex-direction: column; } .maxma-element-bonus__bonus-amount-wrapper > div { margin-bottom: 6px; } .maxma-element-bonus__bonus-amount-container { color: #292b2c; margin-right: 4px; display: flex; justify-content: flex-start; align-items: center; } .maxma-element-bonus__bonus-container { position: relative; display: flex; flex-wrap: wrap; align-items: center; } .maxma-element-bonus__bonus-logo { margin-right: 4px; vertical-align: bottom; } .vat_price:has(.maxma-element-bonus__bonus-logo) { display: flex; align-items: center; gap: 2px; } .vat_price .maxma-element-bonus__bonus-logo { margin: -2px 0; height: 20px; width: 20px; } .price-block_md .vat_price .maxma-element-bonus__bonus-logo { height: 24px; width: 24px; } .price-block_md .maxma { padding-top: 2px; } .basket-table__prices:has(.maxma-element-bonus__bonus-logo) > div { display: flex; flex-direction: row; align-items: center; gap: 2px; } .maxma-element-bonus__bonus-question { display: flex; width: 14px; height: 14px; background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 17 17' fill='%23b9bdc1' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.86133' cy='8.90601' r='7.5' stroke='%23ffffff'/%3E%3Crect x='8.36133' y='12.906' width='1' height='1' fill='%23ffffff'/%3E%3Cpath d='M8.28416 10.906C8.27993 10.7573 8.27782 10.6458 8.27782 10.5715C8.27782 10.1337 8.34124 9.75586 8.46809 9.43786C8.56112 9.19834 8.71122 8.95674 8.91841 8.71309C9.07063 8.5355 9.34336 8.27739 9.73659 7.93875C10.1341 7.59598 10.392 7.32341 10.5104 7.12105C10.6288 6.91869 10.688 6.69775 10.688 6.45822C10.688 6.02459 10.5146 5.64465 10.1679 5.3184C9.82116 4.98801 9.39621 4.82282 8.89304 4.82282C8.40678 4.82282 8.00086 4.97149 7.67528 5.26884C7.3497 5.56618 7.13617 6.03078 7.03469 6.66264L5.86133 6.52636C5.96704 5.67975 6.27993 5.03137 6.80002 4.58123C7.32433 4.13108 8.01566 3.90601 8.87401 3.90601C9.7831 3.90601 10.5083 4.1476 11.0495 4.63078C11.5907 5.11397 11.8613 5.69834 11.8613 6.38388C11.8613 6.78034 11.7662 7.14583 11.5759 7.48034C11.3856 7.81486 11.0135 8.22164 10.4596 8.7007C10.0875 9.02282 9.84441 9.26028 9.73025 9.41309C9.61609 9.56589 9.53152 9.7414 9.47655 9.93963C9.42158 10.1379 9.38987 10.46 9.38141 10.906H8.28416Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") center center no-repeat; cursor: pointer; } .maxma-element-bonus__info-container { display: none; position: absolute; width: 230px; right: -25px; top: 25px; flex-direction: column; padding: 8px 8px 4px; border: 1px solid #ebebec; box-sizing: border-box; border-radius: 3px; filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.14)); z-index: 10; background-color: #ffffff; } .maxma-element-bonus__info-container:hover { cursor: default; } .maxma-element-bonus__bonus-info{ display: flex; } .maxma-element-bonus__can-pay-balls-wrap:hover .maxma-element-bonus__info-container, .maxma-element-bonus__bonus-info:hover .maxma-element-bonus__info-container { display: flex; } .maxma-element-bonus__info-container > div:not(:last-child) { margin-bottom: 6px; } .maxma-element-bonus__info-details-link { color: #1CA1BD; color: var(--maxma-accent-color); } .maxma-element-bonus__info-container::before { content: ''; display: block; height: 0; width: 0; position: absolute; right: 25px; top: -12px; border: 6px solid; z-index: 99; border-color: transparent transparent #ffffff transparent; } .maxma-element-bonus__info-container::after { content: ''; display: block; height: 0; width: 0; right: 24px; top: -14px; position: absolute; border: 7px solid; z-index: 98; border-color: transparent transparent #ebebec transparent; } .slick-slide .maxma-element-bonus__bonus-info { display: none; } .maxma-element-bonus__can-pay-balls { margin-left: 6px; color: #2D8D57; position: relative; top: 1px; } @media (max-width: 480px) { .maxma-element-bonus__can-pay-balls { flex: 1 0 100%; margin: 0; } } .slick-slide .maxma-element-bonus__can-pay-balls, .goods-list__item .maxma-element-bonus__can-pay-balls { display: none; } /* End */ /* Start:/local/templates/main/styles.css?17803890335204*/ .thumbs-gallery__badges { display: flex; gap: 10px; } .product-tile__badges .stamp, .thumbs-gallery__badges .stamp { display: flex; } .product-tile__badges .stamp .gift_icon { display: flex; align-items: center; margin: 0 7px 0 0px; } .thumbs-gallery__badges .stamp .gift_icon { display: flex; align-items: center; margin: 0 7px 0 5px; } .product-offer__select-chars { float: none; } .tfl__link-label { width: 100%; } .tfl__link:hover, .tfl__link { text-decoration: none; } @media (max-width: 991px) { .tfl__link-label { display: none; } .tfl__link { width: auto; max-width: 110px; display: block; font-size: 14px; } } @media (min-width: 414px) { .product-offer__select-chars { float: none !important; } } @media (max-width: 768px) { .product-offer__select-chars .select-block__label { font-weight: bold; } } .css_3d_object_main .sketchfab-embed-wrapper iframe { width: 100%; height: 100%; margin: 0 !important; } .css_3d_object_main .sketchfab-embed-wrapper, .css_3d_object_main .thumbs-gallery__big-img-wrap { width: 100%; height: 100%; } .no-collapse:after { content: none !important; } .product-page__content-main .descr img { height: auto; } .product-card-map .shops__map { width: 100%; margin-left: 0px; } .patrnership_form .form-group { position: relative; } .patrnership_form .form-group .error { position: absolute; bottom: -30px; } .popup__content iframe { max-width: 380px; margin-left: auto; margin-top: 0; margin-bottom: 0; } .catalog-dropdown__sections .catalog-dropdown__section-title-in { word-break: break-word; word-break: auto-phrase; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .popup__form .popup__error { color: red; } .product-tile__rating { margin-bottom: 0.3rem; display: flex; gap: 2px; align-items: baseline; } .product-tile__rating .svg-icon { width: 15px; height: 15px; margin-right: 5px; position: relative; top: 1px; } .product-tile__rating .reviews_average { font-weight: 700; font-size: 14px; line-height: 21px; color: #000000; margin-right: 6px; } .product-tile__rating .reviews_count { font-weight: 400; font-size: 12px; line-height: 21px; opacity: 0.5; color: #000000; } .product-offer__meta .product-tile__rating { margin-top: 2px; margin-bottom: 2px; } .product-offer__meta .product-tile__rating .reviews_count { font-size: 14px; } .css-only-tabs { display: flex; flex-wrap: wrap; margin: 0 auto 20px; border-radius: 10px 10px 0 0; } .css-only-tabs .radiotab { position: absolute; opacity: 0; } .css-only-tabs .label { width: 100%; padding: 22px 20px; background: #e5e5e5; cursor: pointer; font-weight: bold; font-size: 16px; color: #7f7f7f; transition: background .3s, color .3s; border: none; border-radius: 0; text-align: center; } .css-only-tabs .label:hover { background: #e6e6e6; border-color: #eba502; } .css-only-tabs .label:active { background: #fdbf2d; } .css-only-tabs .radiotab:checked + .label { background: transparent; border-top: solid 2px #fdbf2d; border-left: solid 2px #fdbf2d; border-right: solid 2px #fdbf2d; border-bottom: none; } .css-only-tabs .panel { display: none; padding: 20px 30px 30px; background: #fff; width: 100%; } .css-only-tabs .radiotab:checked + .label + .panel { display: block; } .css-only-tabs .panel { order: 99; } .css-only-tabs .label { width: 50%; border-bottom: solid 2px #fdbf2d; } .phone_auth_steps { display: none; } .mobileid_loader { width: 48px; min-width: 48px; height: 48px; border: 5px solid #696e75; border-bottom-color: #fdbf2d; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .otp-input { display: flex; gap: 0.5em; justify-content: center; } .otp-input input { width: 2em; padding: 0.5em 0; appearance: none; border: 1px solid #ccc; font-family: monospace; font-size: 1em; text-align: center; } .otp-input input[type=number] { -moz-appearance: textfield; /* Firefox */ } .otp-input input::-webkit-outer-spin-button, .otp-input input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .otp-form-group { display: flex; flex-direction: column; gap: 20px; align-items: center; margin: auto; } .phone_auth_steps .popup-form__form-group { justify-content: center; } .number_products { position: absolute; border-radius: 50%; background: #FDBF2D; width: 1.5em; height: 1.5em; top: -6px; text-align: center; } /* End */ /* Start:/local/templates/main/template_styles.css?1780389033321*/ .mfp-figure:after { opacity: 0; } .smart-captcha.smart-captcha-min-width{ min-width: 100%; } .smart-captcha .CheckboxCaptcha-LabelText[class][class] { font-weight: 500; margin-bottom: 6px; } .smart-captcha .Text.Text_weight_regular { font-weight: 400; font-size: 12px; line-height: 11px; } /* End */ /* Start:/local/templates/main/skin/styles/jqueryui.css?17803890331286*/ @charset "UTF-8"; /*! * http://api.jqueryui.com/slider/#theming */ .ui-slider { position: relative; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } audio, canvas, progress, video { display: inline-block; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } address, dl, ol, ul { margin-bottom: 1rem; } dd, label, legend { margin-bottom: .5rem; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* End */ /* Start:/local/templates/main/skin/styles/fonts.css?17803890334630*/ @charset "UTF-8"; @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-Regular.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-Regular.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-Regular.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-Regular.svg#Roboto Regular') format("svg"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-Italic.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-Italic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-Italic.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-Italic.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-Italic.svg#Roboto Italic') format("svg"); font-style: italic; font-weight: 400; font-display: swap; } @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-Medium.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-Medium.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-Medium.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-Medium.svg#Roboto Medium') format("svg"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-Bold.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-Bold.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-Bold.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-Bold.svg#Roboto Bold') format("svg"); font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.svg#Roboto Bold Italic') format("svg"); font-style: italic; font-weight: 700; font-display: swap; } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS35.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS35.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS35.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS35.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS35.svg#Pragmatica Slab Extra Light') format("svg"); font-style: normal; font-weight: 100; font-display: swap; } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS45.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS45.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS45.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS45.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS45.svg#Pragmatica Slab Light') format("svg"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS55.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS55.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS55.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS55.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS55.svg#Pragmatica Slab Book') format("svg"); font-style: normal; font-weight: 300; font-display: swap; } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS65.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS65.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS65.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS65.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS65.svg#Pragmatica Slab Medium') format("svg"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS75.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS75.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS75.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS75.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS75.svg#Pragmatica Slab Bold') format("svg"); font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS85.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS85.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS85.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS85.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS85.svg#Pragmatica Slab Extra Bold') format("svg"); font-style: normal; font-weight: 800; font-display: swap; } @font-face { font-family: PragmaticaBlack; src: url(/local/templates/main/skin/styles/../fonts/6674.eot); src: url(/local/templates/main/skin/styles/../fonts/6674.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/6674.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/6674.ttf) format("truetype"), url(/local/templates/main/skin/styles/../fonts/6674.svg#6674) format("svg"); font-style: normal; font-weight: 400; font-display: swap; } /* End */ /* Start:/local/templates/main/skin/styles/all_style.css?1780389033150831*/ /* * Copyright (c) 2016 Daniel Eden */ .choices:focus, .choices__button:focus, .choices__input:focus, a:not([href]):not([tabindex]):focus { outline: 0 } .form-card, .product-tile { perspective: 1000px } .owl-carousel .owl-item, .slick-slider { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent } .breadcrumb, .carousel-indicators, .choices__list, .dropdown-menu, .list-inline, .list-unstyled, .nav, .pagination, .slick-dots, .ui-helper-reset, ul { list-style: none } .mfp-arrow, .owl-carousel, .owl-carousel .owl-item, .owl-theme .owl-dots, .owl-theme .owl-nav, .slick-slider, [class^=swal2], html { -webkit-tap-highlight-color: transparent } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060); animation-timing-function: cubic-bezier(.755, .050, .855, .060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } } @keyframes pulse { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } } @keyframes rubberBand { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg) } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg) } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg) } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg) } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg) } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } } @keyframes tada { from, to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { from, to { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } } @keyframes wobble { from, to { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0) } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0) } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0) } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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 { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } .flipInY, .flipOutX { -webkit-backface-visibility: visible !important } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; backface-visibility: visible !important } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) 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 { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } @keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19) } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .choices { font-size: 16px } .choices:last-child { margin-bottom: 0 } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #EAEAEA; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .choices.is-disabled .choices__item { cursor: not-allowed } .choices[data-type*=select-one] { cursor: pointer } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #DDD; background-color: #FFF; margin: 0 } .choices[data-type*=select-one] .choices__button { background-image: url(/local/templates/main/skin/styles/../../node_modules/choices.js/assets/icons/cross-inverse.svg); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: .5 } .choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover { opacity: 1 } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0 0 0 2px #00BCD4 } .choices[data-type*=select-one]:after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333 transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none } .choices[data-type*=select-one].is-open:after { border-color: transparent transparent #333; margin-top: -7.5px } .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0 } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; padding-left: 16px; background-size: 8px; width: 8px; line-height: 1; opacity: .75; margin: 0 -4px 0 8px } .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover { opacity: 1 } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #DDD; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7 } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0 } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px } .choices__list { margin: 0; padding-left: 0 } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100% } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px } .choices__list--single .choices__item { width: 100% } .choices__list--multiple { display: inline } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00BCD4; border: 1px solid #00a5bb; color: #FFF; word-break: break-all } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1 } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191 } .choices__list--dropdown { display: none; z-index: 1; position: absolute; width: 100%; background-color: #FFF; border: 1px solid #DDD; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all } .choices__list--dropdown.is-active { display: block } .is-open .choices__list--dropdown { border-color: #b7b7b7 } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: .25rem .25rem 0 0 } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position } .form-check-input, .ui-icon, svg:not(:root) { overflow: hidden } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px } [dir=rtl] .choices__list--dropdown .choices__item { text-align: right } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px } .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px } [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px } } .choices__list--dropdown .choices__item--selectable.is-highlighted:after, .choices__placeholder, .close { opacity: .5 } .ui-slider, caption, th { text-align: left } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2 } .choices__item { cursor: default } .choices__item--selectable { cursor: pointer } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .5 } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0 } .form-check-input { top: 20px; width: 1px; height: 1px; padding: 0; margin: 0 0 0 10px !important; clip: rect(0, 0, 0, 0); border: 0 } .form-check-input:disabled + .form-check-content { cursor: default !important; opacity: .65 !important; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn, .custom-control-indicator { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .form-check-input:disabled + .form-check-content .disabled, .form-check-input:disabled + .form-check-content :disabled { opacity: 1 !important } .form-check-input:not(:disabled) + .form-check-content:focus:before, .form-check-input:not(:disabled) + .form-check-content:hover:before { background: #F6F6F8; border-color: #fdbf2d; border-width: 2px } .form-check-input:checked + .form-check-content:before { background: #fdbf2d !important; border-color: #fdbf2d !important } .form-check-input:checked + .form-check-content:after { opacity: 1 } .form-check-input.error + .form-check-content { color: #ca0813 } .form-check-label { display: block; margin: 0; padding: 0 !important } .form-check-label:hover .form-check-content { color: #4a4b4c } .form-check-content { display: block; position: relative; padding: 0 0 1px 36px; line-height: 19px; font-size: 14px; color: #696e75 } .form-check-content:after, .form-check-content:before { content: ''; position: absolute; display: block } .form-check-content:before { top: 0; left: 0; width: 20px; height: 20px; border: 1px solid #CED0D2; background: #fff } .checkbox .form-check-content:after, .radio .form-check-content:after { left: 6px; top: 6px; width: 8px; height: 8px } .form-check-content:after { opacity: 0; background: #fff } .form-check-content a { color: #95989A; text-decoration: underline } .form-check-inline { padding-left: 0 } .form-check label.error { display: none !important } .form-check__input[data-validate=agreement] ~ label.error { display: block !important; margin: 5px 0 0 } .checkbox .form-check-content:before { border-radius: 2px } .radio .form-check-content:after, .radio .form-check-content:before { border-radius: 50% } @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-Regular.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-Regular.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-Regular.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-Regular.svg#Roboto Regular') format("svg"); font-style: normal; font-weight: 400; font-display: swap } @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-Italic.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-Italic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-Italic.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-Italic.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-Italic.svg#Roboto Italic') format("svg"); font-style: italic; font-weight: 400; font-display: swap } @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-Medium.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-Medium.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-Medium.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-Medium.svg#Roboto Medium') format("svg"); font-style: normal; font-weight: 500; font-display: swap } @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-Bold.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-Bold.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-Bold.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-Bold.svg#Roboto Bold') format("svg"); font-style: normal; font-weight: 700; font-display: swap } @font-face { font-family: Roboto; src: url(/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.eot); src: url(/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/Roboto-BoldItalic.svg#Roboto Bold Italic') format("svg"); font-style: italic; font-weight: 700; font-display: swap } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS35.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS35.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS35.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS35.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS35.svg#Pragmatica Slab Extra Light') format("svg"); font-style: normal; font-weight: 100; font-display: swap } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS45.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS45.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS45.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS45.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS45.svg#Pragmatica Slab Light') format("svg"); font-style: normal; font-weight: 400; font-display: swap } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS55.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS55.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS55.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS55.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS55.svg#Pragmatica Slab Book') format("svg"); font-style: normal; font-weight: 300; font-display: swap } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS65.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS65.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS65.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS65.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS65.svg#Pragmatica Slab Medium') format("svg"); font-style: normal; font-weight: 500; font-display: swap } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS75.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS75.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS75.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS75.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS75.svg#Pragmatica Slab Bold') format("svg"); font-style: normal; font-weight: 700; font-display: swap } @font-face { font-family: "Pragmatica Slabserif"; src: url(/local/templates/main/skin/styles/../fonts/PSS85.eot); src: url(/local/templates/main/skin/styles/../fonts/PSS85.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/PSS85.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/PSS85.ttf) format("truetype"), url('/local/templates/main/skin/styles/../fonts/PSS85.svg#Pragmatica Slab Extra Bold') format("svg"); font-style: normal; font-weight: 800; font-display: swap } @font-face { font-family: PragmaticaBlack; src: url(/local/templates/main/skin/styles/../fonts/6674.eot); src: url(/local/templates/main/skin/styles/../fonts/6674.eot?#iefix) format("embedded-opentype"), url(/local/templates/main/skin/styles/../fonts/6674.woff) format("woff"), url(/local/templates/main/skin/styles/../fonts/6674.ttf) format("truetype"), url(/local/templates/main/skin/styles/../fonts/6674.svg#6674) format("svg"); font-style: normal; font-weight: 400; font-display: swap } /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100% } .ui-helper-clearfix:after, .ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse } .ui-helper-clearfix:after { clear: both } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-front { z-index: 100 } .ui-state-disabled { cursor: default !important; pointer-events: none } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; background-repeat: no-repeat } progress, sub, sup { vertical-align: baseline } dl, ol, p, pre, ul { margin-top: 0 } button, hr, input { overflow: visible } pre, textarea { overflow: auto } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100% } /* ------ */ @media screen and (max-width: 991px) { .cookies-popup { font-size: 12px; line-height: 1.1; padding: 10px 0 10px; } .cookies-popup__button { margin-bottom: 10px; width: 30px; height: 30px; } } @media screen and (max-width: 768px) { .page-p-img { max-width: 100%; height: auto; } } .coupon-form .bx_ordercart_coupon { position: relative; white-space: nowrap; margin-bottom: 4px; } .coupon-form .bx_ordercart_coupon span { display: block; margin-bottom: 13px; color: #7f7f7f; font-size: 13px; } .coupon-form .bx_ordercart_coupon input { border: 1px solid #dedede; color: #666; text-align: left; font-weight: bold; font-size: 16px; vertical-align: middle; outline: none !important; height: 30px; line-height: 1; padding: 0 0 0 10px; } .coupon-form .bx_ordercart_coupon span.good, .coupon-form .bx_ordercart_coupon span.bad, .coupon-form .bx_ordercart_coupon span.disabled { display: inline-block; width: 22px; height: 34px; vertical-align: middle; margin: 0 0 0 5px; cursor: pointer; } .coupon-form .bx_ordercart_coupon span.disabled:hover { cursor: pointer; } .coupon-form .bx_ordercart_coupon input.good { position: relative; border: 1px solid #59a62a; background: rgba(89, 166, 42, 0.16); box-shadow: 0 0 2px 0 rgba(89, 166, 42, 0.8); } .coupon-form .bx_ordercart_coupon span.good { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAAoklEQVQ4y2NgIBOUb7JkY6AEAA0wBuJHQGxHrgFWQPwBiP8D8WcgliTVAHuoRpAB/4A4E10BDwED3ID4K9SAP0CciK7ACYhfg2gcBvgA8Q8kA6LQFQgB8Seogq/oBgH5QUD8EyoPooNwOTUMagOKQSAbkcRBLvEhFGjoBvWi8V2JDX1kg2AY5FV7UqMR2SBQerAkN0GBDHoJSpmUJm1uYtUCAMzalTMY8Lf6AAAAAElFTkSuQmCC") no-repeat center; } .coupon-form .bx_ordercart_coupon input.bad { border: 1px solid #e16565; background: rgba(225, 101, 101, 0.16); box-shadow: 0 0 2px 0 rgba(225, 101, 101, 0.8); } .coupon-form .bx_ordercart_coupon span.good:hover, .coupon-form .bx_ordercart_coupon span.bad, .coupon-form .bx_ordercart_coupon span.disabled { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA2QzFEQUU3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA2QzFEQUY3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDZDMURBQzdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDZDMURBRDdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuRKTjMAAAC1SURBVHjaXJAhEsIwEEWTDiCoAa6CBtUKEAxHwAfHGSpxySWqUFQUh+YG3AEMOvxlfmf+kJmXnXRftr/1McaDc+4M9iGEu5OVUlqhXMCpwNaABejYUKljrxlh24EbmFHeomZKJXiZ43POdnsp8odDB6lGpMdP5KtUdirZoZDsNmEs5wmYDoeC09YoV8pvUuoHevyef6nikB7MmXljE1sJXlkm5qr5zHqtiQE8Nbgtka13/AowAFzKRSz6AcYPAAAAAElFTkSuQmCC") no-repeat center; } .coupon-form .bx_ordercart_coupon input.disabled { color: #9a9a9a; } .coupon-form .bx_ordercart_coupon_notes { -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; display: none; opacity: 0; white-space: normal; border: 1px solid #ddd; position: absolute; top: 100%; left: 0; max-width: 270px; padding: 10px; background: #fff; z-index: 1010; border-radius: 5px; font-size: 13px; line-height: 17px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05); } .coupon-form .bx_ordercart_coupon:hover .bx_ordercart_coupon_notes { display: block; opacity: 1; } .bx_ordercart_coupon span[data-coupon] { text-indent: -5000px; } .rent-additional__item_ { padding: 0 3px; margin-top: 6px; } .podarok { font-size: 13px; width: 330px; margin-top: -172px; background: #d00813; color: #fff; padding-bottom: 15px; } .podarok > div { padding: 15px 10px 0 10px; } .podarok ul { margin-top: -6px; } .action-label { position: absolute; top: 0; left: 0; background: #d00813; color: #fff; padding: 10px; z-index: 1000; } .product-page__gallery .action-label, .action-label-catalog { position: absolute; top: 0; left: 0; width: 95px; height: 93px; font-size: 0; background: url(/local/templates/main/skin/styles/assets/images/icon_hit.png) no-repeat 0 0; /*background: #d00813;*/ color: #fff; padding: 5px 10px; z-index: 20; } .podarok a { color: #fdbf2d; } .stacker-banner-1 { width: 995px; height: 230px; background: url(/local/templates/main/skin/styles/../img/stacker-banner-1.jpg); margin-bottom: 15px; background-size: contain; } .stacker-banner-1.m13-15 { background-image: url(/local/templates/main/skin/styles/../img/telezhki-banner.jpg); } .stacker-banner-1.shtabelery { background-image: url(/local/templates/main/skin/styles/../img/shtabelery-banner.jpg); } .stacker-banner-1.richtrack { background-image: url(/local/templates/main/skin/styles/../img/banner-995x230-richtrack.jpg); background-repeat: no-repeat; } .stacker-banner-1.pogruzchik { background-image: url(/local/templates/main/skin/styles/../img/banner-995x230_v2_pogruzchik.jpg); background-repeat: no-repeat; } .footer__nav-li { -webkit-column-break-inside: avoid; page-break-inside: avoid; /* Makes effect only in Firefox */ break-inside: avoid; /* IE10+, Opera 11.1—12.1 */ } .sidebar-banner { width: 272px; height: 163px; /*background: url(/local/templates/main/skin/styles/skin/img/sidebar-banner.jpg);*/ background-size: contain; } .social-links__a { transition: 0.2s all ease; } .soc-icon { fill: #5b5b5b; transition: 0.2s all ease; } .social-links__a:hover { background-color: #fdbf2d; } .social-links__a:hover .soc-icon { fill: #fff; } .advantages-short__icon img.svg-icon { margin: 0; max-width: 100%; max-height: 100%; } .select-block__label { clear: both; } /* Advantages */ .card-advantages-title{ font-size: 16px; font-family: "Pragmatica Slabserif",Georgia,"Times New Roman",Times,serif; font-weight: 600; color: #292b2c; } .card-advantages ul { margin: 0; padding: 0; } .card-advantages ul li { font-size: 12px; padding-left: 30px; padding-top: 6px; padding-bottom: 6px; line-height: 1.6em; margin-right: 12px; } .card-advantages ul li:nth-child(2n) { margin-right: 0px; } .card-advantages ul li:before { display: none; } .card-advantages ul li.ca-delivery { background: url(/local/templates/main/skin/styles/../img/ca-delivery.png) no-repeat 0 4px; } .card-advantages ul li.ca-time { background: url(/local/templates/main/skin/styles/../img/ca-time.png) no-repeat 0 5px; } .card-advantages ul li.ca-tech { background: url(/local/templates/main/skin/styles/../img/ca-tech.png) no-repeat 0 5px; } .card-advantages ul li.ca-guarantee { background: url(/local/templates/main/skin/styles/../img/ca-guarantee.png) no-repeat 0 2px; } .card-advantages ul li.ca-phone { background: url(/local/templates/main/skin/styles/../img/ca-phone.png) no-repeat 0 9px; } .card-advantages ul li.ca-money { background: url(/local/templates/main/skin/styles/../img/ca-money.png) no-repeat 0 5px; } .card-advantages ul li.ca-service { background: url(/local/templates/main/skin/styles/../img/ca-service.png) no-repeat 0 4px; } .pre { border-top: 8px solid #ffc001; position: relative; background: #fff; padding: 24px 0 42px; } .top-bar__nav { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 35%; max-width: 65%; margin-left: 1.1%; text-align: center; } .pre::before { content: ''; position: absolute; display: block; top: 0; left: 50%; margin-left: -15px; border-width: 14px 15px 0 15px; border-style: solid; border-color: #ffc001 transparent transparent transparent; } .thumb-up-ger { width: 25px; height: 29px; background: url(/local/templates/main/skin/styles/../img/thumb-up.png) no-repeat; position: absolute; right: 54px; top: 10px; z-index: 2; } .gift-telezhka { width: 83px; height: 111px; background: url(/local/templates/main/skin/styles/../img/gift-4.png) no-repeat; position: absolute; left: 24px; top: 0; z-index: 2; } div.reviews-reply-buttons input { font-size: .8125rem; text-transform: uppercase; line-height: 1; border: none; font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; padding: 1.03rem 1.5rem; color: #fff; background-color: #fdbf2d; border-color: #fdbf2d; font-weight: 700; color: #000; } .reviews-reply-field-setting label { margin-bottom: 0; } div.reviews-reply-header { margin-top: 5px; } .reviews-reply-field .feed-add-post-text { padding-top: 10px; } div.reviews-header-box { color: #fff; background: #f5ac02; border-color: #f5ac02; } .last-seen .product-light__offers { display: block !important; } .last-seen__slider .product-light__badges { display: none; } .last-seen__slider .product-light__price { max-width: 100% !important; } .nav-link { position: relative; } .nav-link .new { color: #ca0813; font-size: 9px; position: absolute; top: 3px; right: -24px; } .tab-pane.product_b_u .div_b_u { font-size: 15px; color: #4a5059; padding: 11px 0 10px 0; margin-left: -10px; position: relative; background: url(/local/templates/main/skin/styles/skin/img/dots.png) repeat-x; background-position: 20px 25px; } .tab-pane.product_b_u .div_b_u a { z-index: 100; background: #ebebec; padding-left: 10px; } .tab-pane.product_b_u .div_b_u:hover { background: #fdbf2d url(/local/templates/main/skin/styles/skin/img/dots.png); background-position: 20px 25px; background-repeat: repeat-x; } .tab-pane.product_b_u .div_b_u:hover a { color: #313131; background: #fdbf2d; } .tab-pane.product_b_u .div_b_u:hover .price_b_u { background: #fdbf2d; } .tab-pane.product_b_u .div_b_u .price_b_u { float: right; font-family: "Pragmatica Slabserif", Georgia, "Times New Roman", Times, serif; font-weight: 600; background: #ebebec; padding-right: 12px; } .product-offer__buy-options .product-offer__count, .product-offer__buy-options .product-offer__to-basket, .price-block__current, .price-block__old.vat_price { float: left; } .price-block__old.vat_price { margin-top: 2px !important; } .product-offer__to-basket .btn.btn-primary.add-to-cart, .product-offer__to-basket .btn.btn-primary.btn-success { padding: 1.03rem 2rem; } .clear { clear: both; } .product-offer__params-in { max-width: 21rem !important; } .product-offer__article { float: left; font-size: .875rem; color: #b9bec3; margin-left: 58px; padding-top: 2px; } .product-offer__fast-order.offer-hidden { display: none; } .product-offer__sizes { margin-bottom: 0 !important; } .product-offer__params-in .card-advantages ul { display: -ms-flex; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-flow: row wrap; } .product-offer__params-in .card-advantages li { width: 48%; margin-bottom: 10px; } .catalog-nav__li.active .catalog-nav__dropdown, .catalog-nav__li.is-active .catalog-nav__dropdown { z-index: 100; } .product-page__content-aside .section-title { font-size: 24px; margin-left: 40px; margin-top: 11px; text-align: center; margin-bottom: 1.6rem; } .product-page__content-aside .btn.btn-primary.visit { margin-left: 40px; margin-top: 30px; width: 93.3%; } .product-offer__art { display: none; } .advantages-short.advantages-short_type-light.product-card-map { padding: 0; } .advantages-short.advantages-short_type-light.product-card-map { padding: 0; max-width: 542px; } .advantages-short.advantages-short_type-light.product-card-map img { margin: 0; } .red { color: #ca0813 !important; } .card-advantages-more-info { font-size: 12px; margin-top: 6px; } .tabs-block .nav-link { font-size: .8rem !important; } .product-tile__front .product-tile__title-propert { font-size: .875rem; } .product-tile__front .product-tile__offers { margin-top: 0.6rem; } .product-tile__title { margin-bottom: 0.7rem !important; } @media (max-width: 1365px) { .stacker-banner-1 { width: 100%; height: 230px; background-size: contain; } .product-offer__to-basket .btn.btn-primary.add-to-cart, .product-offer__to-basket .btn.btn-primary.btn-success { padding: 1.03rem 2.2rem; } } .rent-additional__item-title { display: block; color: #696e75 !important; margin-top: 18px; font-size: 16px; font-weight: 700; font-family: "Pragmatica Slabserif", Georgia, "Times New Roman", Times, serif; } .rent-additional__item-link { display: block; background: #fff; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15); padding: 47px 36px 8px; text-decoration: none !important; text-align: center; min-height: 100%; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .rent-additional__item_ { padding: 0 3px; margin-top: 6px; margin-right: 40px; } .rent-additional__item-link { display: block; background: #fff; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15); padding: 47px 36px 8px; text-decoration: none !important; text-align: center; min-height: 80%; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } @media (max-width: 1260px) { .podarok { width: 100%; background: #fdbf2d; padding: 15px; margin-top: 40px; font-size: 14px; } .podarok a { color: #fff; } .super-offer > div { font-weight: bold; } .stacker-banner-1 { width: 100%; height: 190px; background-size: contain; background-repeat: no-repeat; } .sidebar-banner { width: 100%; height: 163px; background-repeat: no-repeat; } .primary-catalog__tile:nth-child(3) .section-tile__picture img, .primary-catalog__tile:nth-child(4) .section-tile__picture img { transform: scale(0.8, 0.8); } .primary-catalog__tile:nth-child(3) .section-tile__picture, .primary-catalog__tile:nth-child(4) .section-tile__picture { right: -50px; bottom: -10px; } .product-offer__params { height: auto; } .product-offer__params-in { max-width: 100% !important; display: -ms-flex; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-flow: row wrap; } .card-advantages { float: left; } .product-offer__params-in .card-advantages li { margin-bottom: 5px; } .product-page__content-aside .section-title { margin-left: 0; } .product-offer__params-in .product-offer__select-chars-row { margin-top: 18px; padding-top: 0; border-top: none; padding-left: 20px; } } @media (max-width: 991px) { .primary-catalog__tile:nth-child(3) .section-tile__picture img, .primary-catalog__tile:nth-child(4) .section-tile__picture img { transform: scale(1, 1); } .primary-catalog__tile:nth-child(3) .section-tile__picture, .primary-catalog__tile:nth-child(4) .section-tile__picture { right: -10px; bottom: 0; } .product-offer__supply, .product-offer__pickup { clear: none !important; } .product-offer__pickup { margin-left: 40px; } .card-advantages br { display: none; } .product-offer__params-in .product-offer__select-chars-row { padding-left: 0; } .card-advantages-more-info { margin-top: 10px; } .nav-link .new { right: auto; } } @media (max-width: 768px) { .stacker-banner-1 { height: 140px; } .product-offer__supply, .product-offer__pickup { clear: left !important; } .product-offer__pickup { margin-left: 0; } .product-page__content-aside .btn.btn-primary.visit { margin-left: 0; margin-top: 30px; width: 100%; } .card-advantages-more-info { margin-top: 16px; } } @media (max-width: 576px) { .tab-pane.product_b_u .div_b_u { overflow: hidden; } .tab-pane.product_b_u .div_b_u a { padding-left: 25px; max-width: 300px; display: block; float: left; } } @media (max-width: 480px) { .stacker-banner-1 { height: 600px; background: url(/local/templates/main/skin/styles/../img/stacker-banner-1-mini.jpg); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .stacker-banner-1.m13-15 { background: url(/local/templates/main/skin/styles/../img/telezhki-banner-mini.jpg); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .stacker-banner-1.shtabelery { background: url(/local/templates/main/skin/styles/../img/shtabelery-banner-mini.jpg); background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .stacker-banner-1.richtrack { background-image: url(/local/templates/main/skin/styles/../img/banner-480x660-richtrack.jpg); background-repeat: no-repeat; } .stacker-banner-1.pogruzchik { background-image: url(/local/templates/main/skin/styles/../img/banner-480x660-pogruzchik-mini.jpg); background-repeat: no-repeat; } .tab-pane.product_b_u .div_b_u a { max-width: 220px; } .tab-pane.product_b_u .div_b_u a { font-size: 12px; } .tab-pane.product_b_u .div_b_u .price_b_u { font-size: 12px; font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; } .product-offer__article { clear: left !important; margin-left: 0; } .product-offer__commerce { margin-top: -40px; } .card-advantages br { display: inline; } } @media (max-width: 380px) { .stacker-banner-1 { height: 400px; } } @media (max-width: 320px) { .price-block_md .price-block__current { font-size: 1.2rem !important; } .product-offer__commerce a { width: 8.0625rem !important; padding-right: 1rem !important; } } .top-bar__nav { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 35%; max-width: 65%; margin-left: 1.1%; text-align: center; } .ya-ma-cont { padding-top: 35px; margin-bottom: 35px; } .ya-ma-cont img { max-width: 100%; height: auto; } .wa-img { background-color: #20d466; background-size: contain; background-image: url(data:image/png;base64,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); } @media (max-width: 1260px) { .ya-ma-cont { padding-top: 16px; } } @media (min-width: 992px) { footer .footer__copyright { margin-top: 0; } } @media screen and (max-width: 767px) { .rent-product-cont .rent-how h2 { font-size: 28px !important; } } @media (max-width: 375px) { .logo__picture { max-width: 40px; height: auto; } } .stamp.black { color: #fdbf2d; background-color: #212733; } .stamp.black:after { background-image: url(/local/img/sh_black_after.png); } /* Системные окна */ div.mlsd { font-family: sans-serif; font-size: 13px; line-height: 1.2; } iframe.mlsd-iframe { display: block; margin: 0; } div.mlsd img, div.bxml-dialog img, iframe.ml-frame img { display: inline-block; margin: 0; } div.mlsd table td, div.mlsd table th, div.bxml-dialog table td, div.bxml-dialog table th, iframe.ml-frame table td, iframe.ml-frame table th { vertical-align: middle; border: 0; } .top-bar__nav { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 35%; max-width: 65%; margin-left: 1.1%; text-align: center; } .fade.in { opacity: 1; } .marquiz__bg_open { z-index: 1040 !important; } .catalog-dropdown__section-picture { margin-right: 0.6rem; } .catalog-dropdown__section-title, .catalog-nav__a { font-size: .75rem; } .file_link { display: flex; padding: 5px 0; justify-content: flex-start; width: fit-content; } .file_link::before { margin-right: 0.5rem; width: 25px; min-width: 25px; height: 25px; content: ""; background-repeat: no-repeat; background-position: center; background-size: contain; } .file_link.file_link_pdf::before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024'%3E%3Cpath d='M531.3 574.4l.3-1.4c5.8-23.9 13.1-53.7 7.4-80.7c-3.8-21.3-19.5-29.6-32.9-30.2c-15.8-.7-29.9 8.3-33.4 21.4c-6.6 24-.7 56.8 10.1 98.6c-13.6 32.4-35.3 79.5-51.2 107.5c-29.6 15.3-69.3 38.9-75.2 68.7c-1.2 5.5.2 12.5 3.5 18.8c3.7 7 9.6 12.4 16.5 15c3 1.1 6.6 2 10.8 2c17.6 0 46.1-14.2 84.1-79.4c5.8-1.9 11.8-3.9 17.6-5.9c27.2-9.2 55.4-18.8 80.9-23.1c28.2 15.1 60.3 24.8 82.1 24.8c21.6 0 30.1-12.8 33.3-20.5c5.6-13.5 2.9-30.5-6.2-39.6c-13.2-13-45.3-16.4-95.3-10.2c-24.6-15-40.7-35.4-52.4-65.8zM421.6 726.3c-13.9 20.2-24.4 30.3-30.1 34.7c6.7-12.3 19.8-25.3 30.1-34.7zm87.6-235.5c5.2 8.9 4.5 35.8.5 49.4c-4.9-19.9-5.6-48.1-2.7-51.4c.8.1 1.5.7 2.2 2zm-1.6 120.5c10.7 18.5 24.2 34.4 39.1 46.2c-21.6 4.9-41.3 13-58.9 20.2c-4.2 1.7-8.3 3.4-12.3 5c13.3-24.1 24.4-51.4 32.1-71.4zm155.6 65.5c.1.2.2.5-.4.9h-.2l-.2.3c-.8.5-9 5.3-44.3-8.6c40.6-1.9 45 7.3 45.1 7.4zm191.4-388.2L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494z' fill='%23292b2c' %3E%3C/path%3E%3C/svg%3E"); } .file_link.file_link_zip::before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024'%3E%3Cpath d='M296 392h64v64h-64zm0 190v160h128V582h-64v-62h-64v62zm80 48v64h-32v-64h32zm-16-302h64v64h-64zm-64-64h64v64h-64zm64 192h64v64h-64zm0-256h64v64h-64zm494.6 88.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h64v64h64v-64h174v216a42 42 0 0 0 42 42h216v494z' fill='%23292b2c' %3E%3C/path%3E%3C/svg%3E%0A"); } .file_link.file_link_excel::before { background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024'%3E%3Cpath d='M854.6 288.6L639.4 73.4c-6-6-14.1-9.4-22.6-9.4H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V311.3c0-8.5-3.4-16.7-9.4-22.7zM790.2 326H602V137.8L790.2 326zm1.8 562H232V136h302v216a42 42 0 0 0 42 42h216v494zM514.1 580.1l-61.8-102.4c-2.2-3.6-6.1-5.8-10.3-5.8h-38.4c-2.3 0-4.5.6-6.4 1.9c-5.6 3.5-7.3 10.9-3.7 16.6l82.3 130.4l-83.4 132.8a12.04 12.04 0 0 0 10.2 18.4h34.5c4.2 0 8-2.2 10.2-5.7L510 664.8l62.3 101.4c2.2 3.6 6.1 5.7 10.2 5.7H620c2.3 0 4.5-.7 6.5-1.9c5.6-3.6 7.2-11 3.6-16.6l-84-130.4l85.3-132.5a12.04 12.04 0 0 0-10.1-18.5h-35.7c-4.2 0-8.1 2.2-10.3 5.8l-61.2 102.3z' fill='%23292b2c' %3E%3C/path%3E%3C/svg%3E"); } .detail_jh img { margin: 20px auto; display: block; max-width: 90%; max-height: 1000px; border-radius: 10px; } .detail_jh_block { display: grid; grid-template-columns: 300px 1fr; gap: 20px; margin: 30px 0; border-bottom: 1px solid #b9bdc1; padding-bottom: 30px; } .detail_jh_block img { margin: 0; width: 100%; max-width: 100%; } .detail_jh_block h2 { margin-top: 0; } .detail_jh_block:nth-child(2n) { grid-template-columns: 1fr 300px; } .detail_jh_block:nth-child(2n) img { grid-column-start: -1; grid-column-end: -2; grid-row-start: 1; } .detail_jh_block:last-child { border: none; } @media screen and (max-width: 991px) { .detail_jh_block { grid-template-columns: 200px 1fr; gap: 15px; margin: 20px 0; padding-bottom: 20px; } .detail_jh_block:nth-child(2n) { grid-template-columns: 1fr 200px; } } @media screen and (max-width: 767px) { .detail_jh_block { grid-template-columns: 1fr; gap: 15px; margin: 20px 0; padding-bottom: 20px; } .detail_jh_block:nth-child(2n) { grid-template-columns: 1fr; } } .tg_bg { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2012C0%205.373%205.373%200%2012%200s12%205.373%2012%2012-5.373%2012-12%2012S0%2018.627%200%2012Z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24%2012c0%206.627-5.373%2012-12%2012S0%2018.627%200%2012%205.373%200%2012%200s12%205.373%2012%2012ZM12.43%208.859c-1.167.485-3.5%201.49-6.998%203.014-.568.226-.866.447-.893.663-.046.366.412.51%201.034.705.085.027.173.054.263.084.613.199%201.437.432%201.865.441.389.008.823-.152%201.302-.48%203.268-2.207%204.955-3.322%205.061-3.346.075-.017.179-.039.249.024.07.062.063.18.056.212-.046.193-1.84%201.862-2.77%202.726-.29.269-.495.46-.537.504-.094.097-.19.19-.282.279-.57.548-.996.96.024%201.632.49.323.882.59%201.273.856.427.291.853.581%201.405.943.14.092.274.187.405.28.497.355.944.673%201.496.623.32-.03.652-.331.82-1.23.397-2.126%201.179-6.73%201.36-8.628a2.112%202.112%200%200%200-.02-.472.506.506%200%200%200-.172-.325c-.143-.117-.365-.142-.465-.14-.451.008-1.143.249-4.476%201.635Z%22%20fill%3D%22%2354A6E4%22%2F%3E%3C%2Fsvg%3E"); background-size: contain; } .-icon.wa { margin-left: 10px; } .-icon.max { margin-left: 10px; margin-right: 20px; } .-icon.tg div, .-icon.wa div { margin: 0; } @media (max-width: 420px) { .wa-img, .tg_bg { width: 25px; height: 25px; } .max-img img { width: 27px; height: 27px; } } .catalog-dropdown__section-picture { margin-right: 0.6rem; } .catalog-dropdown__section-title, .catalog-nav__a { font-size: .75rem; } .shops__map .map__map { min-height: 500px; height: calc(100% - 10px); max-height: unset; } .map, .map__inner { height: calc(100% - 5px); } .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-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-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 { /* Fix of input shadow for IOS browsers. */ 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/main/skin/styles/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-top: 0 none; */ border-radius: 2px; box-shadow: 0px 0px 7px -2px #d6d6d6; /* display: block !important; */ } div.title-search-fader { display: none; background-image: url('/local/templates/main/skin/styles/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 { /* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; */ display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image { background-image: url(/local/templates/main/skin/styles/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: bold; } .bx_smart_searche .bx_item_element a b { font-weight: bold; } .bx_smart_searche .bx_item_element a b { 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: bold; font-size: 15px; margin-top: 5px; } .bx_smart_searche .bx_price .old { font-weight: normal; 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: #db9b02; border: 1px solid; border-color: #db9b02; 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: bold; 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; /* font-weight: bold; */ } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; 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: bold; 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_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic { /* padding-left: 39px; */ } .bx_item_block_item_prop_item { display: block; } .bx_smart_no_result_find { padding: 0 8px 8px; } /* preloader base */ .bx-searchtitle .bx-searchtitle-preloader { position: absolute; top: 2px; right: 110%; width: 30px; height: 30px; z-index: 5; display: none; /* display: block; */ } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/local/templates/main/skin/styles/images/loader_orange.gif) center center no-repeat; } /* blue */ .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color: #f5a61c } .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/skin/styles/images/loader_blue.gif); } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button { background-color: #f5a61c border-color: #f5a61c } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #f5a61c border-color: #f5a61c 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: #f5a61c; border-color: #f5a61c; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b { color: #f5a61c; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: #feeed2; } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color: #f5a61c } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color: #f5a61c } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #f5a61c } /* black */ .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/main/skin/styles/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:1px solid #333; */ 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; } /* green */ .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/main/skin/styles/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; } /* red */ .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/main/skin/styles/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; } /* yellow */ .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/main/skin/styles/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; } .del_inp_action { position: absolute; top: 11px; left: 5px; cursor: pointer; } /* End */ /* Start:/local/templates/main/skin/styles/patch.css?17803890336357*/ font.errortext { color: red !important; } .fade.in { opacity: 1; } /*.top-bar__nav{ -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 35%; max-width: 65%; margin-left: 1.1%; text-align: center; } @media screen and (max-width: 1380px){ .top-bar__nav{ -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 33%; max-width: 65%; margin-left: 1.1%; text-align: center; } .top-bar__phone-a{ font-size: 1.25rem; font-weight: 700; color: #fdbf2d; font-size: 15px; } .top-bar__phone{ display: inline-block; vertical-align: middle; margin-right: 0; white-space: nowrap; } } @media screen and (max-width: 1280px){ .top-bar__nav{ -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 37%; max-width: 55%; margin-left: 1.1%; text-align: center; } .top-bar__contacts{ -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 28.333%; max-width: 3.333%; } .top-bar__nav-li:not(:first-child){ margin-left: 1.5rem; } .top-bar__phone{ display: inline-block; vertical-align: middle; margin-left: 2.188rem; white-space: nowrap; } }*/ .pagination-link.active { background: #fdbf2d; border-color: #fdbf2d; } .preview-company { position: relative; z-index: 2; } .cart_items__class { display: none; } .cart_items__class.active { display: block; } #infinity-next-page { display: block; width: calc(100% + 2px); height: 80px; padding-top: 30px; background: #fff; margin-left: -1px; margin-right: -1px; text-align: center; position: relative; } #infinity-next-page .loader-inner { display: none; margin-top: 15px; } #infinity-next-page.loading .loader-inner { display: block; } #infinity-next-page.loading a, #infinity-next-page.loading .pagination { display: none; } #infinity-next-page .pagination { justify-content: flex-end; } .goods-list__show-count { position: relative; z-index: 10; } @media (max-width: 991px), (min-width: 1366px) { #infinity-next-page { height: 150px; } #infinity-next-page .pagination { justify-content: center; } .goods-list__footer { display: flex; justify-content: center; } } .basket-table__row .product-offer__gift_added { display: none; } .basket-table__row_gift .product-offer__gift { display: block; } .card-advantages { float: left; max-width: 100%; } .card-advantages ul li { display: flex; padding-left: 0; } .card-advantages__image { min-width: 22px; max-width: 22px; margin-right: 12px; } .card-advantages__image img { margin: 4px 0 0; } .card-advantages__text a { color: #fdbf2d; } .card-advantages__text a:hover, .card-advantages__text a:focus { color: #db9b02; } .grecaptcha-badge iframe { margin-top: 0; } a[href^='https://top.mail.ru/'] { display: none; } @media (max-width: 991.98px) { .board__img { margin: -12px -10px 12px; max-width: calc(100% + 20px); } } @media (max-width: 991.98px) { .product-offer__commerce { margin-top: -16px; } } .product-offer__params-in { align-items: center; } @media (min-width: 576px) { .product-offer__params-in { margin-top: 10px; } .product-offer__prices { width: 100%; } } .product-offer__prices { float: left; /*width: auto !important;*/ } @media (max-width: 991.98px) { .product-offer__params-in { justify-content: center; } .product-offer__gift-wrapper, .product-offer__select-chars, .product-offer__chars, .card-advantages { order: 2; } .product-offer__gift-wrapper { display: flex; justify-content: center; } product-offer__prices-desc { margin-bottom: 0; } .product-offer__buy-options { margin-top: 20px; margin-bottom: 0; margin-left: 25px; order: 1; } .product-offer__prices-desc ~ .product-offer__buy-options { margin-left: 0 !important; margin-top: 0; min-width: 100%; display: flex; justify-content: center; } } .product-offer__prices-desc { margin-bottom: 24px; } .product-offer__prices-desc ~ .product-offer__fast-order { margin-top: 20px; } .product-offer__gift-wrapper { width: 100%; } .product-offer__buy-options { margin-bottom: 15px; float: left; margin-top: -10px; } .product-offer__fast-order { order: 1; min-width: 100%; margin-top: 0; margin-bottom: 20px; text-align: center; float: left; } .product-offer__select-chars { margin-bottom: 0; } .product-offer__select-chars .product-offer__select-chars-row:last-child { margin-bottom: 1.5rem; } @media (max-width: 413.98px) { .product-offer__count { margin-right: 10px; } .product-offer__buy-options { margin-left: 12px; } .input-count__wrap { padding: 0 24px; } .input-count__btn { width: 24px; } .input-count__control { width: 30px; } .product-offer__to-basket .btn.btn-primary.add-to-cart, .product-offer__to-basket .btn.btn-primary.btn-success { padding: 1.03rem 0.4rem; } } @media (min-width: 414px) and (max-width: 575.98px) { .product-offer__count { margin-right: 12px; } .product-offer__buy-options { margin-left: 18px; } .input-count__wrap { padding: 0 40px; } .input-count__btn { width: 40px; } .input-count__control { width: 40px; } .product-offer__to-basket .btn.btn-primary.add-to-cart, .product-offer__to-basket .btn.btn-primary.btn-success { padding: 1.03rem 0.8rem; } } .offer-hidden { display: none; } .product-tile__fast-order-a { font-size: 15px; } .product-offer__fast-order-a span { font-size: 15px; } #forms { position: relative; max-width: max-content; margin: 0 auto; } /* End */ /* Start:/local/templates/main/skin/styles/seospin.css?176709489326217*/ .collapse.in{display:block;} .fancybox-content .popup-form__label { padding-right: 10px; } .articles-slider__li .article-block__text:empty { height: auto; margin-top: -1rem; } .articles-slider__li .article-block__title { height: 5.55rem; } .news-list__item .article-block__title { height: 5.55rem; margin-bottom: .5rem; } @media screen and (min-width:768px) { .fancybox-content .popup-form__input-container{ width: calc(100% - 105px); } .fancybox-content .popup-form__label { width: 115px; } .fancybox-content .popup-form__buttons { margin-left: 115px; min-width: calc(100% - 115px); } } .fancybox-content select.inputselect { width: 100%; border: 1px solid rgba(0,0,0,.15); font-size: 1rem; line-height: 1.25; color: #696e75; padding: 7px 52px 7px 14px!important; min-height: 50px; line-height: 34px; border-radius: 2.5px; font-size: 14px; position: relative; background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.4 5.6'%3E%3Cpath fill='%23b9bdc1' d='M9.12.3A1,1,0,0,0,7.7.28l-3,2.92L1.7.28A1,1,0,0,0,.3,1.72L4,5.32a1,1,0,0,0,.22.14l.1.06a1,1,0,0,0,.75,0l.1-.06a1,1,0,0,0,.22-.14l3.7-3.6A1,1,0,0,0,9.12.3Z'/%3E%3C/svg%3E") 95% center no-repeat; -webkit-background-size: 10px; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .fancybox-content select.inputselect::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ } .fancybox-content select.inputselect:focus { color: #696e75; background-color: #fff; border-color: #fee5ab; outline: 0; } .fancybox-content select.inputselect option { padding: .5rem .75rem; font-size: 18px; } .fancybox-content select.inputselect option[selected] { background-color: #f6f6f6; font-weight: bold; text-decoration: underline; } .rent-product-cont .rent-top__image { display: block; position: relative; } .rent-product-cont .rent-top__image-decor.rent-decor-1 { position: absolute; width: 522px; height: 577px; left: -120px; top: 0; background-repeat: no-repeat; background-position: center center; } .rent-product-cont .rent-top__margin { margin-top: -40px; margin-bottom: -40px; } .rent-product-cont .rent-top__margin .rent-top__image-inner { opacity: .5; } .rent-product-cont .rent-main-head { padding: 140px 0 80px; background: #ebebec; } .rent-product-cont .rent-main-head__content-aside { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 55px; } .rent-product-cont .rent-main-head .advantages-short.advantages-short_type-light.product-card-map { width: 542px; background-repeat: no-repeat; } .rent-product-cont .rent-main-head__main { -webkit-flex: 0 0 46%; -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; padding: 0 55px; -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2; } .rent-product-cont .rent-main-head__title { font-size: 38px; color: #292b2c; font-family: "Pragmatica Slabserif",Georgia,"Times New Roman",Times,serif; font-weight: 600; } .rent-product-cont .rent-main-head .rent-top__button:active, .rent-product-cont .rent-main-head .rent-top__button:hover, .rent-product-cont .rent-main-head .rent-top__button:visited, .rent-product-cont .rent-main-head .rent-top__button { font-size: 38px; position: relative; line-height: 1.2; margin-bottom: 20px; width: 100%; } .rent-product-cont .rent-main-head .rent-top__button:before { display: inline-block; vertical-align: middle; background: url(/local/templates/main/skin/styles/../img/pic_rent/icon_rent_phone.png) no-repeat left center; width: 34px; height: 34px; content: ''; margin-right: 20px; padding-right: 22px; border-right: 1px solid #000; box-sizing: content-box; margin-top: -2px; } .rent-product-cont .rent-main-head__desc { text-align: center; font-size: 18px; font-weight: 300; font-family: "Pragmatica Slabserif",Georgia,"Times New Roman",Times,serif; } .rent-product-cont .rent-main-catalog { padding: 60px 0 110px; } .rent-product-cont .rent-main-catalog h1 { text-align: center; font-size: 34px; margin-bottom: 50px; } .rent-product-cont .rent-main-catalog .product-tile__offers { flex-wrap: wrap; } .rent-product-cont .rent-main-catalog .product-tile__price { width: 100%; max-width: 100%; text-align: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; min-height: 50px; } .rent-product-cont .rent-main-catalog .product-tile__price .price-block { display: block; margin: 0 auto; float: none; clear: both; text-align: center; } .rent-product-cont .rent-main-catalog .product-tile__title { text-align: center; height: auto; margin-bottom: 5px; min-height: 35px; } .rent-product-cont .rent-main-catalog .product-tile__title-a:active, .rent-product-cont .rent-main-catalog .product-tile__title-a:active, .rent-product-cont .rent-main-catalog .product-tile__title-a:active, .rent-product-cont .rent-main-catalog .product-tile__title-a { display: inline-block; text-decoration: underline; font-size: 16px; font-weight: bold; font-family: "Pragmatica Slabserif",Georgia,"Times New Roman",Times,serif; } .rent-product-cont .rent-main-catalog .product-light__img, .rent-product-cont .rent-main-catalog .product-tile__img { max-height: 17.875rem; } .rent-product-cont .rent-main-catalog .product-tile__picture { height: 17.875rem; } .rent-product-cont .rent-main-catalog .product-tile__btns { float: none; margin: 0 auto; padding-top: 20px; } .rent-product-cont .rent-main-catalog .product-tile__btns .btn { font-size: 15px; min-width: 190px; } .rent-product-cont .rent-main-catalog .product-tile__front { display:flex; flex-direction: column; padding-bottom: 10px!important; } .rent-product-cont .product-tile__front .product-tile__offers { margin-top: 0.6rem; margin-bottom: 55px; position: static; } .rent-product-cont .rent-how { padding: 65px 0 85px; background: #f6f6f8; } .rent-product-cont .rent-how h1 { text-align: center; margin-bottom: 65px; font-size: 34px; } .rent-product-cont .rent-how .rent-main__subtitle-item { font-size: 18px; font-weight: bold; padding: 42px 55px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; justify-content: center; } .rent-product-cont .rent-additional.rent-add-2 { padding-top: 15px; } .rent-product-cont .rent-top__info { position: relative; z-index: 2; } .rent-product-cont .rent-main-catalog .goods-list__advantages, .rent-product-cont .rent-main-catalog .goods-list__item { border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } .rent-product-cont .rent-main-catalog .goods-list__list { border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; } .fancybox-slide--html .fancybox-button.fancybox-close-small { top: 18px; right: 18px; } .fancybox-content { text-align: left; vertical-align: middle; } .site-body .row .content .site-body { overflow: visible; } .rent-product-cont .rent-top>*, .rent-product-cont .rent-how>*, .rent-product-cont .rent-main-head>*, .rent-product-cont .rent-main>*, .rent-product-cont .rent-additional.rent-add-2>*, .rent-product-cont .rent-additional>* { position: relative; z-index: 2; } .rent-product-cont .rent-top, .rent-product-cont .rent-how, .rent-product-cont .rent-main-head, .rent-product-cont .rent-main, .rent-product-cont .rent-additional.rent-add-2, .rent-product-cont .rent-additional { position: relative; } .rent-product-cont .rent-top:after, .rent-product-cont .rent-how:after, .rent-product-cont .rent-main-head:after, .rent-product-cont .rent-main:after, .rent-product-cont .rent-additional.rent-add-2:after, .rent-product-cont .rent-additional:after { display: block; content: ''; position: absolute; width: 3000px; height: 100%; left: 50%; top: 0; transform: translateX(-50%); } .rent-product-cont .rent-top:after { background: #000; } .rent-product-cont .rent-how:after, .rent-product-cont .rent-main-head:after, .rent-product-cont .rent-main:after { background: #ebebec; } .rent-product-cont .rent-additional:after, .rent-product-cont .rent-additional.rent-add-2:after { background: #F6F6F8; border-top: 8px solid #FFC001; top: -8px; box-sizing: content-box; } .rent-product-cont .rent-additional:before, .rent-product-cont .rent-additional.rent-add-2:before { z-index: 2; } .stacker-banner-1.pogruzchik { background-image: url(/local/templates/main/skin/img/pic_rent_test-drive.jpg); background-repeat: no-repeat; } @media screen and (min-width: 1366px) { .rent-product-cont .rent-main-catalog .goods-list__item { -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } } @media screen and (max-width: 1380px) { .rent-product-cont .rent-top__image-decor.rent-decor-1 { transform: scale(0.8); } } @media screen and (max-width: 991px) { .rent-product-cont .rent-how .rent-main__subtitle-item { font-size: 16px; padding: 22px 35px; } } @media screen and (max-width: 1080px) { .rent-product-cont .rent-main-head__main { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; -webkit-order: 0; -moz-order: 0; -ms-order: 0; -o-order: 0; order: 0; margin-bottom: 50px; } .rent-product-cont .rent-main-head .rent-top__button:active, .rent-product-cont .rent-main-head .rent-top__button:hover, .rent-product-cont .rent-main-head .rent-top__button:visited, .rent-product-cont .rent-main-head .rent-top__button { max-width: 300px; font-size: 20px; } .rent-product-cont .rent-main-head .rent-top__button:before { width: 20px; height: 20px; -webkit-background-size: contain; background-size: contain; padding-right: 12px; margin-right: 12px; } .rent-product-cont .rent-main-head { padding: 40px 0 70px; } .rent-product-cont .rent-main-head__title { font-size: 28px; line-height: 1.3; } .rent-product-cont .rent-main-head__title br:nth-child(odd) { display: none; } .rent-product-cont .rent-main-head__content-aside { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; } .rent-product-cont .rent-main-head .advantages-short.advantages-short_type-light.product-card-map { margin: 0 auto; } .rent-product-cont .rent-main-head__desc { text-align: left; } } @media screen and (max-width: 767px) { .rent-product-cont .rent-top .rent-top__info { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; min-width: 100%; } .rent-product-cont .rent-top .rent-top__image { padding-right: 10px; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; min-width: 100%; } .rent-product-cont .rent-top__margin { margin: 0 auto; } .rent-product-cont .rent-top__image-decor.rent-decor-1 { left: 50% !important; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 500px; max-height: 100%; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center center; } .rent-product-cont .rent-main-catalog .goods-list { max-width: 440px; margin: 0 auto; } .rent-product-cont .rent-how h1 { font-size: 28px; } .rent-product-cont .rent-how .rent-main__subtitle-item { font-size: 15px; padding: 6px 30px; } .rent-product-cont .rent-how .rent-main__subtitle-item br { display: none; } } @media screen and (max-width: 640px) { .rent-product-cont .rent-main-head .advantages-short.advantages-short_type-light.product-card-map { display: none; } .rent-product-cont .rent-main-head__main { margin-bottom: 0; } } @media screen and (max-width: 480px) { .stacker-banner-1.richtrack { background-image: url(/local/templates/main/skin/img/2-mobile.jpg); background-repeat: no-repeat; } .content .board a[href="/upload/richtrak-jung.jpg"] { display: none; } .stacker-banner-1.pogruzchik { background-image: url(/local/templates/main/skin/img/pic_rent_test-drive-mobile.jpg); background-repeat: no-repeat; } } /* fancybox styles */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content:not(.popup){background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* / fancybox styles */ /* End */ /* Start:/local/templates/main/skin/styles/custom_mwi.css?17803890335214*/ .codeOfEthics-table .bold { font-weight: 700; } .codeOfEthics-table td { border: none; } .product-offer__chars_block { flex: 0 0 100%; max-width: 100%; margin-top: 18px; display: flex; flex-direction: column; margin-bottom: 20px; } .product-offer__chars_block .product-offer__select-chars { padding-right: 10px; padding-left: 10px; } @media (min-width: 1260px) { .product-offer__chars_block { flex: 0 0 53.33333%; max-width: 53.33333%; margin-top: 0; } .product-offer__chars_block .product-offer__chars { flex: 0 0 100%; max-width: 100%; } } .product-page .product-offer__meta { display: flex; flex-wrap: wrap; row-gap: 10px; column-gap: 25px; } .product-page .product-offer__meta .product-offer__article { min-width: 100px; margin-left: 0px; } .product-page .product-offer__meta .product-offer__supply { padding-right: 0px; margin-left: 0px; margin-top: 0px; } .product-page .product-offer__meta .product-offer__pickup { margin-left: 0px; } .product-page .product-offer__meta .product-offer__commerce { margin-top: 0px; } .product-offer__gift_added .product-offer__gift-info { min-width: calc(100% - 180px); max-width: calc(100% - 180px); } .product-offer__gift_added .product-offer__gift-quantity { width: 30px; } .product-offer__calculate_delivery { width: 100%; text-align: center; order: 9; clear: both; margin-bottom: 20px; } .product-offer__leasing { order: 10; clear: both; margin-bottom: 20px; } .basket__order-leasing { margin-top: 8px; } .fluid-control__input.is-filled + .js-custom-mask-email-error + .fluid-control__label, .fluid-control__input:focus + .js-custom-mask-email-error + .fluid-control__label { transform: translateY(-100%) scale(.75, .75); color: #fdbf2d; cursor: auto; } /* Подсказки в форме заказа */ .order-form__input-container { position: relative; } .order-form__input-container.loading:after { content: ''; position: absolute; top: 50%; right: 12px; margin: -8px 0 0 0; display: block; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #fdbf2d; border-top: 2px solid transparent; animation: input-loading 1s linear infinite; z-index: 1; } @keyframes input-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .order-form__input-container .suggestions-list { position: absolute; top: 100%; left: 0; width: 100%; background: #fff; z-index: 30; border: 1px solid #fee5ab; overflow-y: auto; max-height: 220px; padding: 0; margin: 0; } .order-form__input-container .suggestions-list li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, .15); } .order-form__input-container .suggestions-list li { display: block; width: 100%; background: none; border: none; padding: 8px 12px; margin: 0; text-align: left; font-size: 14px; line-height: 1.5; transition-property: background; transition-duration: .25s; transition-timing-function: ease-in-out; cursor: pointer; } .order-form__input-container .suggestions-list li:before { display: none; } .order-form__input-container .suggestions-list li:hover { background: #f6f6f7; } .order-form__input-container .suggestions-list li mark { background: none; color: #fdbf2d; font-weight: bold; padding: 0; } .services_thesis .services_thesis_item:hover { background: #fff; border-right: 1px solid #febe2d; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1), 0px 10px 22px 0px rgba(0, 0, 0, 0.1), 0px 40px 40px 0px rgba(0, 0, 0, 0.09), 0px 89px 53px 0px rgba(0, 0, 0, 0.05), 0px 158px 63px 0px rgba(0, 0, 0, 0.01), 0px 248px 69px 0px rgba(0, 0, 0, 0); transform: scale(108.8%); z-index: 1; } @media screen and (max-width: 1260px) { .services_thesis .services_thesis_item:hover { border-right: none; transform: scale(101%); } } .services_thesis .services_thesis_item:hover .count { color: var(--main); } .services_thesis .services_thesis_item:hover a { text-decoration: none; } .product-page__gallery .slick-list:has(.slick-active .css_3d_object_main) + .slick-next { opacity: 1; } .product-page__gallery .slick-prev:has(+ .slick-list .slick-track .slick-active .css_3d_object_main) { opacity: 1; } /* rollover - Вернуться наверх */ button.rollover { z-index: 100; background: url(https://jh-shop.ru/upload/medialibrary/5ba/1pic1212.png) no-repeat; width: 53px; height: 42px; position: fixed; margin-bottom: 1%; bottom: 1%; left: 1%; border: none; opacity: 0; transition: opacity .3s ease; } button.rollover_active { opacity: 1; } .bx-no-touch button.rollover:hover, .bx-no-touch button.rollover:focus { background: url(https://jh-shop.ru/upload/medialibrary/13e/2pic1212.png) no-repeat; } button.rollover:hover, button.rollover:focus { outline: none; } .min-basket__title:hover { background: #fdbf2d; } /* End */ /* /local/templates/main/components/twofingers/location/.default/style.min.css?17267301699055 */ /* /local/templates/main/components/arturgolubev/search.title/jh/style.min.css?172673392611988 */ /* /local/templates/main/components/bitrix/form.result.new/consult_about_forgotten_basket/style.css?1735112285623 */ /* /local/templates/main/components/bitrix/form.result.new/service_request/style.css?1780047662623 */ /* /local/templates/main/components/maxma/catalog.element.bonus/.default/style.css?17724435034855 */ /* /local/templates/main/styles.css?17803890335204 */ /* /local/templates/main/template_styles.css?1780389033321 */ /* /local/templates/main/skin/styles/jqueryui.css?17803890331286 */ /* /local/templates/main/skin/styles/fonts.css?17803890334630 */ /* /local/templates/main/skin/styles/all_style.css?1780389033150831 */ /* /local/templates/main/skin/styles/patch.css?17803890336357 */ /* /local/templates/main/skin/styles/seospin.css?176709489326217 */ /* /local/templates/main/skin/styles/custom_mwi.css?17803890335214 */