/* Start:/local/templates/.default/assets/css/libs.min.css?154460502364229*/ @charset "UTF-8";.slick-loading .slick-list{background:#fff url(/local/templates/.default/assets/css/../img/ajax-loader.gif) 50% no-repeat}@font-face{font-family:slick;src:url(/local/templates/.default/assets/css/../fonts/slick/slick.eot);src:url(/local/templates/.default/assets/css/../fonts/slick/slick.eot?#iefix) format("embedded-opentype"),url(/local/templates/.default/assets/css/../fonts/slick/slick.woff) format("woff"),url(/local/templates/.default/assets/css/../fonts/slick/slick.ttf) format("truetype"),url(/local/templates/.default/assets/css/../fonts/slick/slick.svg#slick) format("svg");font-weight:400;font-style:normal}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;top:50%;transform:translateY(-50%);padding:0;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:transparent;color:transparent;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{height:20px;width:20px;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;outline:none;line-height:0;font-size:0;color:transparent;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(180deg,#fff 50%,#eee);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(180deg,#eee 50%,#ccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(180deg,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(180deg,#eee 50%,#fff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:50%;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")}.swiper-pagination{position:absolute;text-align:center;transition:.3s;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:hsla(0,0%,100%,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:a 1s steps(12) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@keyframes a{to{transform:rotate(1turn)}} /*! * fullPage 2.9.7 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}.fp-section{position:relative;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;transform:translateZ(0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{position:relative}.fp-scrollable,.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translateZ(0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;transform:translateZ(0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li:hover a.active span,#fp-nav ul li a.active span,.fp-slidesNav ul li:hover a.active span,.fp-slidesNav ul li a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav.fp-show-active a.active+.fp-tooltip,#fp-nav ul li:hover .fp-tooltip{transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height:auto!important}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1043;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /*! * 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/ */ /*! * 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%;list-style:none}.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;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%} /*! * jQuery UI Accordion 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/accordion/#theming */.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto} /*! * jQuery UI Autocomplete 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/autocomplete/#theming */.ui-autocomplete{position:absolute;top:0;left:0;cursor:default} /*! * jQuery UI Button 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/button/#theming */.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0} /*! * jQuery UI Checkboxradio 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/checkboxradio/#theming */.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none} /*! * jQuery UI Controlgroup 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/controlgroup/#theming */.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid} /*! * jQuery UI Datepicker 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/datepicker/#theming */.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em} /*! * jQuery UI Dialog 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/dialog/#theming */.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move} /*! * jQuery UI Draggable 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */.ui-draggable-handle{-ms-touch-action:none;touch-action:none} /*! * jQuery UI Menu 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/menu/#theming */.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0} /*! * jQuery UI Progressbar 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/progressbar/#theming */.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none} /*! * jQuery UI Resizable 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px} /*! * jQuery UI Selectable 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000} /*! * jQuery UI Selectmenu 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/selectmenu/#theming */.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0} /*! * jQuery UI Sortable 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license */.ui-sortable-handle{-ms-touch-action:none;touch-action:none} /*! * jQuery UI Slider 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/slider/#theming */.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.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}.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} /*! * jQuery UI Spinner 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/spinner/#theming */ /*! * jQuery UI Tabs 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/tabs/#theming */.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none} /*! * jQuery UI Tooltip 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/tooltip/#theming */ /*! * jQuery UI Spinner 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/spinner/#theming */.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0} /*! * jQuery UI Tooltip 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/tooltip/#theming */.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.irs{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.irs,.irs-line{position:relative;display:block}.irs-line{overflow:hidden;outline:none!important}.irs-line-left,.irs-line-mid,.irs-line-right{position:absolute;display:block;top:0}.irs-line-left{left:0;width:11%}.irs-line-mid{left:9%;width:82%}.irs-line-right{right:0;width:11%}.irs-bar{width:0}.irs-bar,.irs-bar-edge{position:absolute;display:block;left:0}.irs-bar-edge{top:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-slider{position:absolute;display:block;cursor:default;z-index:1}.irs-slider.type_last{z-index:2}.irs-min{left:0}.irs-max,.irs-min{position:absolute;display:block;cursor:default}.irs-max{right:0}.irs-from,.irs-single,.irs-to{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:transparent;z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute!important;display:block!important;top:0!important;left:0!important;width:0!important;height:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important;overflow:hidden;outline:none!important;z-index:-9999!important;background:none!important;border-style:solid!important;border-color:transparent!important}.irs{height:55px}.irs-with-grid{height:75px}.irs-line{height:10px;top:33px;background:#eee;background:linear-gradient(180deg,#ddd -50%,#fff 150%);border:1px solid #ccc;border-radius:16px;-moz-border-radius:16px}.irs-line-left,.irs-line-mid,.irs-line-right{height:8px}.irs-bar{border-top:1px solid #428bca;border-bottom:1px solid #428bca}.irs-bar,.irs-bar-edge{height:10px;top:33px;background:#428bca;background:linear-gradient(0deg,#428bca 0,#7fc3e8)}.irs-bar-edge{width:14px;border:1px solid #428bca;border-right:0;border-radius:16px 0 0 16px;-moz-border-radius:16px 0 0 16px}.irs-shadow{height:2px;top:38px;background:#000;opacity:.3;border-radius:5px;-moz-border-radius:5px}.lt-ie9 .irs-shadow{filter:alpha(opacity=30)}.irs-slider{top:25px;width:27px;height:27px;border:1px solid #aaa;background:#ddd;background:linear-gradient(180deg,#fff 0,#dcdcdc 20%,#fff);border-radius:27px;-moz-border-radius:27px;box-shadow:1px 1px 3px rgba(0,0,0,.3);cursor:pointer}.irs-slider.state_hover,.irs-slider:hover{background:#fff}.irs-max,.irs-min{color:#333;font-size:12px;line-height:1.333;text-shadow:none;top:0;padding:1px 5px;background:rgba(0,0,0,.1);border-radius:3px;-moz-border-radius:3px}.lt-ie9 .irs-max,.lt-ie9 .irs-min{background:#ccc}.irs-from,.irs-single,.irs-to{color:#fff;font-size:14px;line-height:1.333;text-shadow:none;padding:1px 5px;background:#428bca;border-radius:3px;-moz-border-radius:3px}.lt-ie9 .irs-from,.lt-ie9 .irs-single,.lt-ie9 .irs-to{background:#999}.irs-grid{height:27px}.irs-grid-pol{opacity:.5;background:#428bca}.irs-grid-pol.small{background:#999}.irs-grid-text{bottom:5px;color:#99a4ac}@keyframes b{0%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes c{0%{transform:scale(1);opacity:1}15%{transform:scale(1.1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes d{0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}@keyframes f{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}}.drift-zoom-pane{background:rgba(0,0,0,.5);transform:translateZ(0);-webkit-transform:translateZ(0)}.drift-zoom-pane.drift-opening{animation:b .18s ease-out;-webkit-animation:b .18s ease-out}.drift-zoom-pane.drift-closing{animation:c .21s ease-in;-webkit-animation:c .21s ease-in}.drift-zoom-pane.drift-inline{position:absolute;width:150px;height:150px;border-radius:75px;box-shadow:0 6px 18px rgba(0,0,0,.3)}.drift-loading .drift-zoom-pane-loader{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:66px;height:20px;animation:d 1.8s linear infinite;-webkit-animation:d 1.8s linear infinite}.drift-zoom-pane-loader:after,.drift-zoom-pane-loader:before{content:"";display:block;width:20px;height:20px;position:absolute;top:50%;margin-top:-10px;border-radius:20px;background:hsla(0,0%,100%,.9)}.drift-zoom-pane-loader:before{left:0;animation:e 1.8s linear infinite;-webkit-animation:e 1.8s linear infinite}.drift-zoom-pane-loader:after{right:0;animation:f 1.8s linear infinite;-webkit-animation:f 1.8s linear infinite;animation-delay:-.9s;-webkit-animation-delay:-.9s}.drift-bounding-box{background-color:rgba(0,0,0,.4)} /* End */ /* Start:/local/templates/.default/assets/css/main.css?1712576478364100*/ -15px/*======================================================*/ /* FONTS */ /*======================================================*/ @font-face { font-family: "gothampro-regular"; font-style: normal; font-weight: normal; src: url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-regular/gothampro-regular.eot?") format("eot"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-regular/gothampro-regular.woff") format("woff"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-regular/gothampro-regular.ttf") format("truetype"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-regular/gothampro-regular.svg#gothampro-regular") format("svg"); } @font-face { font-family: "gothampro-bold"; font-style: normal; font-weight: normal; src: url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-bold/gothampro-bold.eot?") format("eot"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-bold/gothampro-bold.woff") format("woff"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-bold/gothampro-bold.ttf") format("truetype"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-bold/gothampro-bold.svg#gothampro-bold") format("svg"); } @font-face { font-family: "gothampro-italic"; font-style: normal; font-weight: normal; src: url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-italic/gothampro-italic.eot?") format("eot"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-italic/gothampro-italic.woff") format("woff"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-italic/gothampro-italic.ttf") format("truetype"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-italic/gothampro-italic.svg#gothampro-italic") format("svg"); } @font-face { font-family: "gothampro-bold-italic"; font-style: normal; font-weight: normal; src: url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-bold-italic/gothampro-bold-italic.eot?") format("eot"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-bold-italic/gothampro-bold-italic.woff") format("woff"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-bold-italic/gothampro-bold-italic.ttf") format("truetype"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-bold-italic/gothampro-bold-italic.svg#gothampro-bold-italic") format("svg"); } @font-face { font-family: "gothampro-medium"; font-style: normal; font-weight: normal; src: url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-medium/gothampro-medium.eot?") format("eot"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-medium/gothampro-medium.woff") format("woff"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-medium/gothampro-medium.ttf") format("truetype"), url("/local/templates/.default/assets/css/../fonts/gothampro/gothampro-medium/gothampro-medium.svg#gothampro-medium") format("svg"); } @font-face { font-family: "minionpro-regular"; font-style: normal; font-weight: normal; src: url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-regular/minionpro-regular.eot?") format("eot"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-regular/minionpro-regular.woff") format("woff"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-regular/minionpro-regular.ttf") format("truetype"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-regular/minionpro-regular.svg#minionpro-regular") format("svg"); } @font-face { font-family: "minionpro-bold"; font-style: normal; font-weight: normal; src: url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-bold/minionpro-bold.eot?") format("eot"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-bold/minionpro-bold.woff") format("woff"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-bold/minionpro-bold.ttf") format("truetype"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-bold/minionpro-bold.svg#minionpro-bold") format("svg"); } @font-face { font-family: "minionpro-italic"; font-style: normal; font-weight: normal; src: url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-italic/minionpro-italic.eot?") format("eot"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-italic/minionpro-italic.woff") format("woff"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-italic/minionpro-italic.ttf") format("truetype"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-italic/minionpro-italic.svg#minionpro-italic") format("svg"); } @font-face { font-family: "minionpro-medium"; font-style: normal; font-weight: normal; src: url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-medium/minionpro-medium.eot?") format("eot"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-medium/minionpro-medium.woff") format("woff"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-medium/minionpro-medium.ttf") format("truetype"), url("/local/templates/.default/assets/css/../fonts/minionpro/minionpro-medium/minionpro-medium.svg#minionpro-medium") format("svg"); } /*======================================================*/ /* NORMALIZE AND RESET */ /*======================================================*/ /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } main { display: block; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } input { overflow: visible; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } details { display: block; } summary { display: list-item; } menu { display: block; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /* reset */ input, input:focus, textarea, select { -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; -moz-outline: 3px solid white !important; outline: 0 !important; } body { -webkit-font-smoothing: antialiased; } body, html { height: 100%; width: 100%; } select[disabled] { cursor: default; } form { margin: 0; padding: 0; } input { vertical-align: middle; } textarea, .select select, input[type="text"], input[type="email"], input[type="search"], input[type="submit"], input[type="button"], input[type="reset"], button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } select::-ms-expand { display: none; } input[type=radio], input[type=checkbox], select { cursor: pointer; } textarea, input, button { -webkit-appearance: none; border-radius: 0; } input[type="radio"]:focus { -moz-outline-radius: 12px !important; -moz-outline-offset: 0 !important; } input[type="checkbox"]:focus { -moz-outline-offset: -1px !important; -moz-outline: 1px solid #000 !important; } input::-ms-clear { display: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } fieldset { border: none; margin: 0; padding: 0; } table { border: 0; width: 100%; padding: 0; margin: 0; } ul { list-style: none; padding: 0; margin: 0; } *, *::after, *::before { box-sizing: border-box; } /* reset end */ /* browserupgrade */ .old-ie { overflow: hidden; } .old-ie body { overflow: hidden; } .browserupgrade { position: fixed; height: 100%; width: 100%; padding: 0.2em 0; margin: 0; font-size: 28px; line-height: 42px; color: #000; background: #ccc; z-index: 99999; } .browserupgrade p { position: absolute; width: 100%; top: 50%; margin: -22px 0 0; padding: 0; text-align: center; vertical-align: middle; } /* browserupgrade end */ /*======================================================*/ /* VENDOR */ /*======================================================*/ /* jFiler */ .upload-file { opacity: 0; } .jFiler { position: relative; } .jFiler-input-dragDrop { margin: 0; cursor: pointer; padding: 20px; background: white; border: 1px dashed #969696; transition: none; } .no-touchevents .jFiler-input-dragDrop:hover { border-color: #ff6501; } .jFiler-input-dragDrop.dragged .jFiler-input-icon i { -ms-transform: translate(0, -8px); transform: translate(0, -8px); } .jFiler-input-dragDrop .jFiler-input-icon { margin-top: 0; margin-bottom: 15px; text-align: center; } .jFiler-input-dragDrop .jFiler-input-icon i { display: inline-block; vertical-align: top; background: url(/local/templates/.default/assets/css/../img/attach.png) no-repeat center; background-size: contain; width: 40px; height: 32px; transition-property: background-color, border-color, transform; transition-duration: 0.2s; } .jFiler-input-dragDrop .jFiler-input-text strong { display: block; font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; line-height: 1.25; color: #1a1a1a; text-align: center; } .jFiler-items { margin: 50px 0 0; } .jFiler-items-list, .user-content .jFiler-items-list { margin: 1.5rem 0; } .jFiler-items-list li, .user-content .jFiler-items-list li { padding-left: 0; } .jFiler-items-list li::before, .user-content .jFiler-items-list li::before { content: none; } .jFiler-item { margin: 1.5rem 0; font-size: 1.4rem; line-height: 1.43; color: #1a1a1a; overflow: hidden; } .jFiler-item-icon { display: none; } .jFiler-item-title { display: inline-block; vertical-align: top; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; margin-right: 10px; } .jFiler-item-others { display: inline-block; vertical-align: top; color: #b2b2b2; position: relative; } .jFiler-item-others::after { content: ''; position: absolute; left: 100%; bottom: 0; width: 999px; height: 0; border-bottom: 1px dotted #e6e6e6; margin: 0 0 3px; } .jFiler-item-others span { padding-right: 5px; } .jFiler-item-assets { position: absolute; right: 0; bottom: 0; } .jFiler-item-assets ul, .user-content ul .jFiler-item-assets ul { margin: 0; } .jFiler-item-assets ul li, .user-content ul .jFiler-item-assets ul li { margin: 0; padding: 0 0 3px 8px !important; background: #f2f2f2; } .jFiler-item-trash-action { display: block; position: relative; width: 20px; height: 20px; z-index: 2; cursor: pointer; background-color: transparent; } .jFiler-item-trash-action::before, .jFiler-item-trash-action::after { content: ''; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; border-radius: 2px; background: #1a1a1a; margin: -1px 0 0 -8px; transition: none; } .jFiler-item-trash-action::before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .jFiler-item-trash-action::after { -ms-transform: rotate(45deg); transform: rotate(45deg); } .no-touchevents .jFiler-item-trash-action:hover::before, .no-touchevents .jFiler-item-trash-action:hover::after { background-color: #ff6501; } /* jFiler end */ /* slick sliders */ .slick-arrow { width: 50px; height: 50px; display: block; position: absolute; border: none; border-radius: 0; background: none; outline: none; box-shadow: none; opacity: 1; z-index: 6; margin-right: -5px; margin-left: -5px; transition: none; } .slick-arrow::before { content: none; } .slick-arrow::after { top: 50%; margin-top: -3px; content: ""; } .no-touchevents .slick-arrow:hover { opacity: 1; } .no-touchevents .slick-arrow:hover.slick-prev::after { border-right-color: #ff6501; } .no-touchevents .slick-arrow:hover.slick-next::after { border-left-color: #ff6501; } .slick-arrow.slick-disabled, .no-touchevents .slick-arrow.slick-disabled { opacity: 0.25; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); cursor: default; } .slick-arrow.slick-disabled::before, .no-touchevents .slick-arrow.slick-disabled::before { opacity: 1; } .slick-prev { left: 0; } .slick-prev::after { width: 0; height: 0; z-index: 2; border-right: 9px solid #1a1a1a; border-bottom: 6px solid transparent; border-top: 6px solid transparent; left: 50%; } .slick-next { right: 0; } .slick-next::after { width: 0; height: 0; z-index: 2; border-left: 9px solid #1a1a1a; border-bottom: 6px solid transparent; border-top: 6px solid transparent; right: 50%; } .slick-dots { margin: 0; line-height: 0; } .user-content .slick-dots { margin: 0; max-width: none; } .slick-dots li { vertical-align: top; width: auto; height: auto; margin: 0; } .slick-dots li, .user-content .slick-dots li { padding: 4px 10px; margin: 0; } .slick-dots li::before, .user-content .slick-dots li::before { content: none; } .slick-dots li button { width: 12px; height: 12px; padding: 0; border-radius: 50%; background: #ff6501; position: relative; transition: none; } .slick-dots li button::before { content: ''; position: absolute; left: 2px; top: 2px; height: 8px; width: 8px; background: #fff; border-radius: 50%; opacity: 1; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); transition: none; } .slick-dots li.slick-active button::before { opacity: 0; } /* slick sliders end */ /* swiper slider & default arrows */ .swiper-button-prev, .swiper-button-next, .def-arrows--prev, .def-arrows--next { overflow: hidden; text-indent: -9999px; width: 52px; height: 22px; margin-top: -11px; will-change: transform; background: none; } @media (max-width: 991px) { .swiper-button-prev, .swiper-button-next, .def-arrows--prev, .def-arrows--next { width: 40px; height: 16px; margin-top: -8px; } } .swiper-button-prev::before, .swiper-button-prev::after, .swiper-button-next::before, .swiper-button-next::after, .def-arrows--prev::before, .def-arrows--prev::after, .def-arrows--next::before, .def-arrows--next::after { content: ""; display: block; position: absolute; border: 2px solid #1a1a1a; -ms-transform: none; transform: none; } .swiper-button-prev::before, .swiper-button-next::before, .def-arrows--prev::before, .def-arrows--next::before { top: 50%; left: 50%; width: 51px; height: 0; border-left: none; border-right: none; border-bottom: none; margin: -1px 0 0 -26px; } @media (max-width: 991px) { .swiper-button-prev::before, .swiper-button-next::before, .def-arrows--prev::before, .def-arrows--next::before { width: 39px; height: 0; margin: -1px 0 0 -20px; } } .swiper-button-prev::after, .swiper-button-next::after, .def-arrows--prev::after, .def-arrows--next::after { width: 14px; height: 14px; border-bottom: none; top: 50%; } @media (max-width: 991px) { .swiper-button-prev::after, .swiper-button-next::after, .def-arrows--prev::after, .def-arrows--next::after { width: 10px; height: 10px; } } .swiper-button-prev:not(.swiper-button-disabled):hover::before, .swiper-button-prev:not(.swiper-button-disabled):hover::after, .swiper-button-next:not(.swiper-button-disabled):hover::before, .swiper-button-next:not(.swiper-button-disabled):hover::after { border-color: #ff6501; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { pointer-events: auto; } .def-arrows--prev, .def-arrows--next { position: relative; } .def-arrows--prev:not(.def-arrows--disabled):hover::before, .def-arrows--prev:not(.def-arrows--disabled):hover::after, .def-arrows--next:not(.def-arrows--disabled):hover::before, .def-arrows--next:not(.def-arrows--disabled):hover::after { border-color: #ff6501; } .def-arrows--prev.def-arrows--disabled, .def-arrows--next.def-arrows--disabled { pointer-events: auto; } .swiper-button-prev::after, .def-arrows--prev::after { left: 0; border-right: none; -ms-transform-origin: left top; transform-origin: left top; -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .swiper-button-next::after, .def-arrows--next::after { right: 0; border-left: none; -ms-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: right top; transform-origin: right top; } .swiper-button-prev.swiper-button-disabled { pointer-events: auto; cursor: default; } /* swiper slider end */ /* magnific popup */ .css-scroll-fixed .mfp-wrap { overflow-x: hidden; overflow-y: auto; } .mfp-bg { background-color: #3e3e3d; } .mfp-container { max-width: 1920px; } .home-page .mfp-container { max-width: 100%; } @media (max-width: 1919px) { .mfp-container { max-width: 100%; } } @media (max-width: 767px) { .mfp-container { padding: 0; } .mfp-container::before { content: none; } } /* * *====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; -ms-transform: scale(0.8); transform: scale(0.8); } @media (max-width: 767px) { .mfp-zoom-in .mfp-with-anim { -ms-transform: none; transform: none; } } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.5; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; } @media (max-width: 767px) { .mfp-zoom-in.mfp-removing .mfp-with-anim { -ms-transform: none; transform: none; } } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* magnific popup end */ .spinner { position: relative; display: inline-block; vertical-align: top; text-align: left; background-color: transparent; } .spinner input { margin-bottom: 0; border: none; box-shadow: none; width: 20px; height: 20px; padding: 0; } .spinner.spinner-js { opacity: 0; visibility: hidden; } .ui-spinner .spinner.spinner-js { opacity: 1; visibility: visible; } .ui-widget.ui-widget-content { border: none; } .ui-spinner { padding-right: 30px; padding-left: 30px; color: #1a1a1a; background-color: #fff; box-shadow: inset 0 0 0 1px #e6e6e6; } .ui-spinner.ui-state-disabled { color: #e6e6e6; } .ui-spinner-input, .ui-spinner-input[type="text"] { width: 54px; border: none; background: none; color: inherit; padding: 5px 5px; height: 30px; vertical-align: top; margin: 0; font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 20px; text-align: center; box-shadow: none; -moz-appearance: textfield; } .ui-spinner-input::-webkit-inner-spin-button, .ui-spinner-input::-webkit-outer-spin-button, .ui-spinner-input[type="text"]::-webkit-inner-spin-button, .ui-spinner-input[type="text"]::-webkit-outer-spin-button { -webkit-appearance: none; } .ui-spinner-input:focus, .ui-spinner-input:hover, .ui-spinner-input[type="text"]:focus, .ui-spinner-input[type="text"]:hover { box-shadow: none !important; border-color: transparent !important; } .ui-spinner-button { position: absolute; top: 0; width: 30px; height: 100%; padding: 0; margin: 0; cursor: pointer; color: currentColor; } .ui-spinner a.ui-spinner-button { border: 1px solid #e6e6e6; } .ui-spinner-up { right: 0; } .ui-spinner-down { left: 0; } .ui-button-icon-only .ui-icon { width: 10px; height: 2px; position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; overflow: visible; } .ui-button-icon-only .ui-icon::before, .ui-button-icon-only .ui-icon::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 10px; height: 2px; background-color: currentColor; } .ui-spinner-up .ui-button-icon::before { -ms-transform: rotate(0.25turn); transform: rotate(0.25turn); } [aria-valuenow="0"] ~ .ui-spinner-down { cursor: default; } [aria-valuenow="0"] ~ .ui-spinner-down .ui-button-icon::before, [aria-valuenow="0"] ~ .ui-spinner-down .ui-button-icon::after { background-color: #ccc !important; } .ui-spinner-button:hover .ui-button-icon::before, .ui-spinner-button:hover .ui-button-icon::after { background-color: #ff6501; } .ui-tooltip { background-color: #262626; color: white; padding: 6px 8px; font-size: 13px; line-height: 1.31; pointer-events: none; } /* full page */ @media (max-width: 1199px) { .fp-enabled body, html.fp-enabled { overflow: visible; } } @media (max-height: 399px) { .fp-enabled body, html.fp-enabled { overflow: visible; } } /* full page end */ /* irs */ .range-slider-js, .p-filters-price-value { opacity: 0; } .irs ~ .p-filters-price-value { opacity: 1; } .irs { height: 2px; margin-bottom: 20px; } .p-filters-drop .irs { margin: 8px 0 15px; } .p-filters-drop .irs .irs { margin: 0; } .irs-line { background: #ccc; border: none; border-radius: 0; top: 0; height: 100%; } .irs-bar, .irs-bar-edge { top: 0; height: 100%; background: #333; border: none; } .irs-slider { width: 16px; height: 16px; border: 2px solid #333; background: #fff; box-shadow: none; top: 1px; -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .irs-min, .irs-max, .irs-from, .irs-to, .irs-single { top: auto; bottom: 0; margin-bottom: 8px; opacity: 0; will-change: opacity; transition-property: opacity; transition-duration: 0.2s; } .no-touchevents .irs:hover .irs-min, .no-touchevents .irs:hover .irs-max, .no-touchevents .irs:hover .irs-from, .no-touchevents .irs:hover .irs-to, .no-touchevents .irs:hover .irs-single { opacity: 1; } .irs-from, .irs-single, .irs-to { padding: 0; font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 12px; color: #333; background: none; } .irs-max, .irs-min { padding: 0; font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 10px; color: #ccc; background: none; } /* irs end */ /*======================================================*/ /* TYPOGRAPHY */ /*======================================================*/ /* v-middle */ .v-middle { overflow: hidden; height: 100%; } .v-middle__align { width: calc(100% + 100px); overflow-x: hidden; overflow-y: auto; height: 100%; } .v-middle__holder { display: table; height: 100%; table-layout: fixed; width: 100%; } .v-middle__row { display: table-row; } .v-middle__row.v-middle--bottom, .v-middle__row.v-middle--top { height: 1%; } .v-middle__cell { display: table-cell; vertical-align: middle; } .v-middle--center .v-middle__cell { padding-top: 20px; padding-bottom: 20px; } /* v-middle end */ html { font-size: 62.5%; } html.css-scroll-fixed { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; line-height: 1.88; letter-spacing: 0.025em; color: #1a1a1a; background: white url(/local/templates/.default/assets/css/../img/empty.png) no-repeat left top fixed; } body *::-moz-selection { background-color: #ff6501; color: white; } body *::selection { background-color: #ff6501; color: white; } h1, h2, h3, h4, h5, h6 { padding: 0; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; color: #1a1a1a; margin: 0 0 0.8em; } h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: inherit; } .no-touchevents h1 a:hover, .no-touchevents h2 a:hover, .no-touchevents h3 a:hover, .no-touchevents h4 a:hover, .no-touchevents h5 a:hover, .no-touchevents h6 a:hover { color: #ff6501; text-decoration: underline; } h1 { font-size: 4.8rem; line-height: 1; letter-spacing: 0.05em; } @media (max-width: 1919px) { h1 { font-size: 4.2rem; line-height: 1; } } @media (max-width: 1365px) { h1 { font-size: 3.6rem; line-height: 1; } } @media (max-width: 639px) { h1 { font-size: 3rem; line-height: 1; } } h2 { font-size: 3.6rem; line-height: 1; } @media (max-width: 1365px) { h2 { font-size: 3rem; line-height: 1; } } @media (max-width: 639px) { h2 { font-size: 2.6rem; line-height: 1; } } h3 { font-size: 2.8rem; line-height: 1; } @media (max-width: 1365px) { h3 { font-size: 2.8rem; line-height: 1; } } @media (max-width: 639px) { h3 { font-size: 2.2rem; line-height: 1; } } h4 { font-size: 2.2rem; line-height: 1; } h5 { font-size: 1.6rem; line-height: 1.88; } h6 { font-size: 1.2rem; line-height: 2.35; text-transform: uppercase; } .user-content p + h2, .user-content ul + h2, .user-content ol + h2, .user-content hr + h2, .user-content table + h2, .user-content .table-auto + h2 { margin-top: 1.4em; } .user-content p + h3, .user-content ul + h3, .user-content ol + h3, .user-content hr + h3, .user-content table + h3, .user-content .table-auto + h3 { margin-top: 1.4em; } .user-content p + h4, .user-content ul + h4, .user-content ol + h4, .user-content hr + h4, .user-content table + h4, .user-content .table-auto + h4 { margin-top: 1.4em; } .user-content p + h5, .user-content ul + h5, .user-content ol + h5, .user-content hr + h5, .user-content table + h5, .user-content .table-auto + h5 { margin-top: 1.4em; } p { padding: 0; margin: 0 0 2rem; } .user-content > p:last-child, .layout-article:last-child > p:last-child { margin-bottom: 0; } hr { line-height: 1px; height: 0; border: none; background: none; border-bottom: 1px solid #e6e6e6; margin-bottom: 3rem; } a { color: #ff6501; text-decoration: underline; cursor: default; } a:link { cursor: pointer; } .no-touchevents a:hover { text-decoration: none; } a[href^="tel"], .no-touchevents a[href^="tel"]:hover { text-decoration: none !important; color: inherit; cursor: default; } a[href^="javascript:"] { cursor: default; } img { border: none; vertical-align: top; max-width: 100%; } table img { max-width: none; } b, strong, th { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; } i, em { font-family: "gothampro-italic", sans-serif; font-weight: normal; font-style: normal; } i b, i strong, em b, em strong, b i, b em, strong i, strong em { font-family: "gothampro-bold-italic", sans-serif; font-weight: normal; font-style: normal; } .font-d { display: inline-block; vertical-align: top; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; color: #1a1a1a; } .font-d > span { display: inline-block; vertical-align: top; border-bottom: 2px solid #1a1a1a; line-height: 28px; } .font-d:hover { color: #ff6501; } .font-d:hover > span { border-color: #ff6501; } .entry-text { position: relative; margin-bottom: 3rem; padding-bottom: 4rem; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 30px; line-height: 1.2; text-align: center; } .entry-text::after { content: ""; display: block; position: absolute; top: 100%; left: 50%; width: 100px; height: 0; margin-left: -50px; border-top: 1px solid #1a1a1a; } .entry-text:last-child { margin-bottom: 0; } .entry-text b, .entry-text strong, .entry-text i, .entry-text em { font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; } .entry-img { position: relative; overflow: hidden; margin-bottom: 3rem; height: calc(100vh - 100px); min-height: 400px; } .entry-img::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(26, 26, 26, 0.35); z-index: 2; } @media (max-width: 479px) { .entry-img { height: 0; padding-top: 56.25%; } } .entry-img img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: none; min-width: 0; min-height: 0; text-align: left; width: calc(100% + 4px); height: calc(100% + 4px); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; z-index: 1; } .entry-img .breadcrumbs { position: relative; z-index: 2; margin-bottom: 0; } .entry-img .breadcrumbs li, .entry-img .breadcrumbs a { color: white; } .entry-img .datetime { display: block; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; color: white; text-align: center; margin-bottom: 3em; } .entry-img__content { position: absolute; top: 50%; left: 50%; width: 94%; max-width: 980px; max-height: 70%; overflow: hidden; padding-right: 0 !important; padding-left: 0 !important; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 3; } .entry-img__title { margin: 0; font-size: 72px; line-height: 1; color: white; text-shadow: 0 5px 20px rgba(0, 0, 0, 0.2); text-align: center; } @media (max-width: 1599px) { .entry-img__title { font-size: 60px; } } @media (max-width: 1365px) { .entry-img__title { font-size: 48px; } } @media (max-width: 639px) { .entry-img__title { font-size: 44px; } } @media (max-width: 479px) { .entry-img__title { font-size: 22px; } } .heading, .sub-heading { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; line-height: 1; margin: 0 auto 2rem; } @media (max-width: 991px) { .heading, .sub-heading { display: block; margin-bottom: 4rem; } } @media (max-width: 639px) { .heading, .sub-heading { margin-bottom: 2rem; } } .heading h1, .heading h2, .heading h3, .sub-heading h1, .sub-heading h2, .sub-heading h3 { position: relative; display: inline-block; vertical-align: middle; padding-right: 50px; margin-bottom: 2rem; } @media (max-width: 991px) { .heading h1, .heading h2, .heading h3, .sub-heading h1, .sub-heading h2, .sub-heading h3 { display: block; padding-right: 0; } } @media (max-width: 639px) { .heading h1, .heading h2, .heading h3, .sub-heading h1, .sub-heading h2, .sub-heading h3 { margin-bottom: 1rem; } } .heading h1:last-child, .heading h2:last-child, .heading h3:last-child, .sub-heading h1:last-child, .sub-heading h2:last-child, .sub-heading h3:last-child { margin-right: 0; } .heading .sep, .sub-heading .sep { position: absolute; width: 100px; height: 0; top: 50%; left: 100%; border-top: 1px solid #1a1a1a; margin-top: -1px; } @media (max-width: 991px) { .heading .sep, .sub-heading .sep { display: none; } } .heading__options { display: inline-block; vertical-align: top; margin-bottom: 2rem; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 991px) { .heading__options { display: block; text-align: left; margin-bottom: 1rem; } } .heading__options__item { display: inline-block; vertical-align: middle; margin-left: 20px; } .heading__options__item:first-child, .heading__options__item.first-child { margin-left: 0; } .heading__options__item--filters-show { display: none; } @media (max-width: 991px) { .heading__options__item--filters-show { display: inline-block; } } .c-info .c-info__heading { color: #ff6501; } .c-info .c-info__heading h1, .c-info .c-info__heading h2, .c-info .c-info__heading h3, .c-info .c-info__heading h4 { margin-bottom: 0; color: inherit; } @media (max-width: 991px) { .item--shops-view-switcher { display: none; } } .note { color: #b3b3b3; text-transform: uppercase; font-size: 1.2rem; line-height: 2; letter-spacing: 0.05em; } @media (max-width: 479px) { .note { font-size: 1.1rem; line-height: 1.36; } } .note.note--align-right { max-width: 528px; margin-left: auto; } @media (max-width: 991px) { .note.note--align-right { max-width: none; } } .mark { color: tomato; font-style: inherit; font-weight: inherit; } .text-mark { color: #ff6501; } .light-color { color: #b2b2b2; } .text-color-alt { color: #ff6501; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .float-left { float: left; } .float-right { float: right; } .nobr { white-space: nowrap; } .hide-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .hide-text:active, .hide-text:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @media (min-width: 992px) { .for-mob { display: none !important; } } @media (max-width: 991px) { .for-desk { display: none !important; } } @media (min-width: 1200px) { .hide-min-1200 { display: none !important; } } @media (max-width: 639px) { [data-short] { display: inline-block; vertical-align: baseline; font-size: 0; } } [data-short]::before { content: attr(data-short); font-size: 1.6rem; display: none; } @media (max-width: 639px) { [data-short]::before { display: inherit; } } .warning-success, .warning-error { position: relative; padding-left: 40px; margin-bottom: 2rem; } @media (max-width: 1365px) { .warning-success, .warning-error { padding-left: 35px; } } @media (max-width: 639px) { .warning-success, .warning-error { padding-left: 30px; } } .warning-success:last-child, .warning-error:last-child { margin-bottom: 0; } .warning-success p, .warning-error p { margin: 0; } .warning-success p:first-child, .warning-error p:first-child { font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 3.6rem; line-height: 1; } @media (max-width: 1365px) { .warning-success p:first-child, .warning-error p:first-child { font-size: 3rem; line-height: 1; } } @media (max-width: 639px) { .warning-success p:first-child, .warning-error p:first-child { font-size: 2.6rem; line-height: 1; } } .warning-success p:nth-child(2), .warning-error p:nth-child(2) { color: #b2b2b2; text-transform: uppercase; font-size: 1.2rem; line-height: 2; letter-spacing: 0.05em; } .warning-success::before, .warning-success::after, .warning-error::before, .warning-error::after { content: ""; display: block; position: absolute; left: 0; top: 0; border: solid currentColor; border-width: 4px 0 0; height: 0; } @media (max-width: 1365px) { .warning-success::before, .warning-success::after, .warning-error::before, .warning-error::after { border-top-width: 3px; } } @media (max-width: 639px) { .warning-success::before, .warning-success::after, .warning-error::before, .warning-error::after { border-top-width: 2px; } } .warning-success { color: #319c46; } .warning-success::before { width: 16px; -ms-transform: rotate(45deg); transform: rotate(45deg); left: -1px; top: 17px; } @media (max-width: 1365px) { .warning-success::before { width: 12px; left: -1px; top: 14px; } } @media (max-width: 639px) { .warning-success::before { width: 10px; left: -1px; top: 13px; } } .warning-success::after { width: 24px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 7px; top: 14px; } @media (max-width: 1365px) { .warning-success::after { width: 20px; left: 5px; top: 12px; } } @media (max-width: 639px) { .warning-success::after { width: 16px; left: 4px; top: 11px; } } .warning-error { color: #ff203b; } .warning-error::before, .warning-error::after { width: 24px; left: -2px; top: 14px; } @media (max-width: 1365px) { .warning-error::before, .warning-error::after { width: 22px; top: 12px; } } @media (max-width: 639px) { .warning-error::before, .warning-error::after { width: 20px; top: 10px; } } .warning-error::before { -ms-transform: rotate(45deg); transform: rotate(45deg); } .warning-error::after { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .order-calc__empty-alert { position: fixed; right: 61px; top: 120px; font-family: "minionpro-regular", serif; font-weight: normal; font-style: normal; font-size: 2rem; line-height: 1; color: #ff203b; padding: 15px 30px; border: 1px solid currentColor; background-color: rgba(255, 255, 255, 0.85); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.13); z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -webkit-tap-highlight-color: transparent; will-change: opacity, visibility, transform; } @media (max-width: 1919px) { .order-calc__empty-alert { right: 61px; } } @media (max-width: 1599px) { .order-calc__empty-alert { right: 41px; top: 80px; } } @media (max-width: 1199px) { .order-calc__empty-alert { right: 30px; } } @media (max-width: 639px) { .order-calc__empty-alert { right: 20px; font-size: 1.6rem; } } body .hide--always { display: none !important; } @media (max-width: 767px) { body .hide--tab-sm { display: none !important; } } @media (max-width: 639px) { body .hide--mob-lg { display: none !important; } } @media (max-width: 479px) { body .hide--mob-md { display: none !important; } } /* bottom space */ .bottom-space { margin-bottom: 2rem; } @media (max-width: 1599px) { .bottom-space { margin-bottom: 1.6rem; } } @media (max-width: 991px) { .bottom-space { margin-bottom: 1.4rem; } } @media (max-width: 639px) { .bottom-space { margin-bottom: 1.2rem; } } .bottom-space:last-child { margin-bottom: 0; } .bottom-space-lg { margin-bottom: 3rem; } @media (max-width: 1599px) { .bottom-space-lg { margin-bottom: 2.4rem; } } @media (max-width: 991px) { .bottom-space-lg { margin-bottom: 1.95rem; } } @media (max-width: 639px) { .bottom-space-lg { margin-bottom: 1.5rem; } } .bottom-space-lg:last-child { margin-bottom: 0; } /* bottom space end */ /* content img */ .imgc { text-align: center; margin-bottom: 2rem; clear: both; } .imgc figcaption { display: block; padding: 2rem 0 0; margin: 0; font-size: 1.4rem; line-height: 1.43; } .imgl { text-align: left; float: left; margin: 0 2rem 2rem 0 !important; } .imgr { text-align: right; float: right; margin: 0 0 2rem 2rem !important; } .imgl, .imgr { max-width: 40% !important; } @media (max-width: 767px) { .imgl, .imgr { float: none; display: block; margin-left: auto; margin-right: auto; max-width: 100% !important; } } /* content img end */ /* columnize */ .columnize, .columnize--3, .columnize--4 { column-count: 2; column-gap: 2em; margin-bottom: 2rem; font-size: 0.9em; } .columnize--3 { column-count: 3; font-size: 0.85em; } .columnize--4 { column-count: 4; font-size: 0.8em; } @media (max-width: 1199px) { .columnize--4 { column-count: 3; } } @media (max-width: 991px) { .columnize--3, .columnize--4 { column-count: 2; } } @media (max-width: 767px) { .columnize, .columnize--3, .columnize--4 { column-count: 1; } } /* columnize end */ /* list */ .user-content ul, .user-content ol { margin: 0 0 2rem; padding: 0; list-style: none; } .user-content ul li, .user-content ol li { padding-left: 30px; margin: 0 0 1rem; position: relative; } .user-content ul > li::before { content: ""; display: block; position: absolute; left: 0; top: 1.5rem; width: 0; height: 0; border: 4px solid #ff6501; margin-top: -4px; border-radius: 50%; } .user-content ol { counter-reset: section; } .user-content ol > li { counter-increment: section; height: 1%; overflow: hidden; } .user-content ol > li::before { position: relative; display: inline-block; text-align: left; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; color: #ff6501; content: counter(section); padding: 0 4px 0 0; min-width: 30px; margin-left: -30px; } .user-content ul ul, .user-content ul ol, .user-content ol ul, .user-content ol ol { margin: 1rem 0; } .user-content > ul:last-child, .layout-article:last-child > ul:last-child, .user-content > ol:last-child, .layout-article:last-child > ol:last-child { margin-bottom: 0; } /* list reset */ .reset-list, .user-content .reset-list { list-style: none; } .reset-list li, .reset-list li:first-child, .user-content .reset-list li, .user-content .reset-list li:first-child { padding: 0; } .reset-list li::before, .reset-list li:first-child::before, .user-content .reset-list li::before, .user-content .reset-list li:first-child::before { content: none; } /* list reset end */ /* list end */ /* table */ table { border-collapse: collapse; border-spacing: 0; width: auto; } table td, table th { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; line-height: 1.25; color: inherit; padding: 10px 20px; border-color: #e6e6e6; } @media (max-width: 991px) { table td, table th { padding: 10px 15px; } } table td p:last-child, table th p:last-child { margin-bottom: 0; } table th, table thead td { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; } .table-auto { position: relative; overflow: auto; max-width: 100%; -webkit-overflow-scrolling: touch; margin-bottom: 3rem; } .table-auto table { margin-bottom: 0; width: auto; min-width: 100%; } .user-content table { margin-bottom: 3rem; } @media (max-width: 1599px) { .user-content table { margin-bottom: 2.4rem; } } @media (max-width: 991px) { .user-content table { margin-bottom: 1.95rem; } } @media (max-width: 639px) { .user-content table { margin-bottom: 1.5rem; } } .user-content .table-auto table { margin-bottom: 0; } .user-content .tbl { border: none; } .user-content .tbl td, .user-content .tbl th { color: #1a1a1a; background-color: white; border: 0 solid #e6e6e6; border-width: 0 1px; } .user-content .tbl td { border-bottom-width: 1px; } .user-content .tbl tbody tr:first-child td { border-top-width: 1px; } .user-content .tbl th, .user-content .tbl thead td, .user-content .tbl .theader { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 1.4rem; letter-spacing: 0.025em; text-align: left; text-transform: uppercase; } .user-content .tbl th, .user-content .tbl thead td, .user-content .tbl tfoot td, .user-content .tbl .theader { background: #f2f2f2; border-top-width: 0; border-bottom-width: 0; } /* table end */ /* blockquote */ .user-content blockquote { display: block; margin: 3rem 0; padding: 0; } .user-content blockquote q { margin: 0; padding: 0 0 2rem; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 3rem; line-height: 1.2; color: #1a1a1a; text-align: center; } .user-content blockquote q::before, .user-content blockquote q::after { content: ""; display: block; position: relative; width: 24px; height: 15px; margin-right: auto; margin-left: auto; background-position: center; background-repeat: no-repeat; background-size: contain; line-height: 1; } .user-content blockquote q::before { content: ''; margin-bottom: 2rem; background-image: url(/local/templates/.default/assets/css/../img/ql.png); } .user-content blockquote q::after { content: ''; margin-top: 2rem; background-image: url(/local/templates/.default/assets/css/../img/ql.png); } .user-content blockquote cite { font-size: 2rem; line-height: 1.2; color: #ff6501; text-align: right; } .user-content blockquote q, .user-content blockquote cite { display: block; max-width: 540px; margin-right: auto; margin-left: auto; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; padding-right: 40px; padding-left: 40px; } /* blockquote end */ /* user spacer */ .user-spacer { display: block; height: 3rem; font-size: 0; line-height: 0; } .user-spacer::after { content: ''; display: table; clear: both; } @media (max-width: 1599px) { .user-spacer { height: 2.6rem; } } /* user spacer end */ /* datetime */ .datetime { display: block; font-style: normal; margin-bottom: 2rem; } /* datetime end */ /* view print */ .view-print { display: inline-block; vertical-align: top; margin-bottom: 3rem; line-height: 1; color: black; text-decoration: none; } @media (max-width: 1599px) { .view-print { margin-bottom: 2.6rem; } } @media (max-width: 991px) { .view-print { display: none; } } .view-print:last-child { margin-bottom: 0; } .view-print svg { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 5px; } .view-print path { fill: currentColor; } .view-print span { display: inline-block; vertical-align: middle; } .no-touchevents .view-print:hover { color: #ff6501; fill: #ff6501; } /* view print end */ /* DEPICTS */ .svg-ico-arr-l, .svg-ico-arr-r { width: 12px; height: 12px; } .svg-ico-reset { width: 18px; height: 18px; } .svg-ico-basket-add { width: 41px; height: 22px; } .svg-ico-basket { width: 22px; height: 22px; } .svg-ico-basket-add { width: 32px; height: 22px; } /* DEPICTS end */ /* BUTTON */ [class|="btn"], [class*=" btn-"], input[type="submit"], input[type="button"], input[type="reset"], button { display: inline-block; vertical-align: top; position: relative; text-align: center; text-decoration: none; cursor: pointer; } [class|="btn"] input[type="submit"], [class|="btn"] input[type="button"], [class|="btn"] input[type="reset"], [class*=" btn-"] input[type="submit"], [class*=" btn-"] input[type="button"], [class*=" btn-"] input[type="reset"] { background: url("/local/templates/.default/assets/css/../img/empty.png") repeat; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; border: none; z-index: 99; opacity: 0; } /* btn-default */ [class*="btn-default"] { position: relative; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; color: white; fill: white; padding: 14px 38px; border: 2px solid transparent; background: #262626; box-shadow: none; margin: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } @media (max-width: 639px) { [class*="btn-default"] { padding-right: 15px; padding-left: 15px; } } [class*="btn-default"], [class*="btn-default"] > span { font-size: 14px; line-height: 18px; letter-spacing: 0.2em; } .no-touchevents [class*="btn-default"]:hover { background-color: #ff6501; } [class*="btn-default"]:disabled, [class*="btn-default"].disabled, [class*="btn-default"][data-disabled], [class*="btn-default"][disabled] { cursor: default; color: white !important; background-color: #ccc !important; pointer-events: none; } [class*="btn-default"]:disabled::before, [class*="btn-default"]:disabled::after, [class*="btn-default"].disabled::before, [class*="btn-default"].disabled::after, [class*="btn-default"][data-disabled]::before, [class*="btn-default"][data-disabled]::after, [class*="btn-default"][disabled]::before, [class*="btn-default"][disabled]::after { display: none; } /* btn-default end */ /* btn-default-alt */ .btn-default-alt { color: #262626; border: 2px solid #262626; background: white; } .no-touchevents .btn-default-alt:hover { background: #262626; color: white; fill: white; } .btn-default-alt:disabled, .btn-default-alt.disabled, .btn-default-alt[data-disabled], .btn-default-alt[disabled] { cursor: default; background-color: white !important; border-color: #ccc !important; color: #ccc !important; fill: #ccc !important; pointer-events: none; } .btn-default-alt:disabled::before, .btn-default-alt:disabled::after, .btn-default-alt.disabled::before, .btn-default-alt.disabled::after, .btn-default-alt[data-disabled]::before, .btn-default-alt[data-disabled]::after, .btn-default-alt[disabled]::before, .btn-default-alt[disabled]::after { display: none; } .btn-default-alt:disabled > i::before, .btn-default-alt:disabled > i::after, .btn-default-alt.disabled > i::before, .btn-default-alt.disabled > i::after, .btn-default-alt[data-disabled] > i::before, .btn-default-alt[data-disabled] > i::after, .btn-default-alt[disabled] > i::before, .btn-default-alt[disabled] > i::after { border-color: #ccc !important; fill: #ccc !important; } /* btn-default-alt end */ /* btn-default-clean */ .btn-default-clean { padding-right: 0; padding-left: 0; color: #262626; border-color: transparent; background-color: transparent; } @media (max-width: 639px) { .btn-default-clean { padding-right: 0; padding-left: 0; } } .no-touchevents .btn-default-clean:hover { color: #ff6501; background-color: transparent; } .btn-default-clean:disabled, .btn-default-clean.disabled, .btn-default-clean[data-disabled], .btn-default-clean[disabled] { color: #ccc !important; background-color: transparent !important; pointer-events: none; } /* btn-default-clean end */ /* btn-underline */ .btn-underline { display: inline-block; vertical-align: top; position: relative; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; color: #1a1a1a; padding: 0 0 5px; box-shadow: none; background: none; border: solid currentColor; border-width: 0 0 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .btn-underline, .btn-underline > span { font-size: 14px; line-height: 18px; letter-spacing: 0.2em; } .no-touchevents .btn-underline:hover { color: #ff6501; } .btn-underline:disabled, .btn-underline.disabled, .btn-underline[data-disabled], .btn-underline[disabled] { cursor: default; color: #ccc !important; pointer-events: none; } /* btn-underline end */ /* btn-with-icon */ .btn-with-icon { text-align: center; font-size: 0; letter-spacing: -4px; white-space: nowrap; } .btn-with-icon svg, .btn-with-icon span { display: inline-block; vertical-align: middle; } .btn-with-icon path { fill: currentColor; } .btn-with-icon span { text-align: left; white-space: normal; padding-right: 10px; } .btn-with-icon svg ~ span { padding-right: 0; padding-left: 10px; } /* btn-with-icon end */ /* btn-with-arrow */ .btn-with-arrow > i, .btn-with-arrow > span { display: inline-block; vertical-align: middle; } .btn-with-arrow > i { position: relative; margin-right: 10px; font-size: 0; line-height: 0; width: 26px; height: 18px; } .btn-with-arrow > i::before, .btn-with-arrow > i::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; border: 0 solid white; -ms-transform: none; transform: none; } .btn-with-arrow > i::before { width: 26px; height: 2px; border-top-width: 2px; margin: -1px 0 0 -13px; } .btn-with-arrow > i::after { top: 0; width: 12px; height: 12px; border-width: 2px 0 0 2px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin: 3px 0 0 -13px; } .btn-with-arrow > span { text-align: left; white-space: normal; max-width: calc(100% - 26px - 10px); } .btn-with-arrow > span ~ i { margin-right: 0; margin-left: 10px; } .btn-with-arrow > span ~ i::after { border-width: 0 2px 2px 0; margin: 3px 0 0 1px; } .btn-with-arrow.btn-default-alt > i::before, .btn-with-arrow.btn-default-alt > i::after { border-color: #262626; } .no-touchevents .btn-with-arrow.btn-default-alt:hover > i::before, .no-touchevents .btn-with-arrow.btn-default-alt:hover > i::after { border-color: white; } /* btn-with-arrow end */ /* button toggle menu */ .btn-menu { display: block; vertical-align: top; position: relative; text-decoration: none; color: #1a1a1a; background-color: white; } .btn-menu > span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: normal; } .btn-menu > span:active, .btn-menu > span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .btn-menu::before, .btn-menu::after { content: ""; display: block; position: absolute; width: 26px; height: 3px; background-color: #1a1a1a; top: 50%; left: 50%; margin-top: -2px; margin-left: -13px; will-change: opacity, transform; opacity: 0; transition-property: transform, opacity; transition-duration: 0.2s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); } @media (max-width: 1599px) { .btn-menu::before, .btn-menu::after { width: 22px; height: 2px; margin-top: -1px; margin-left: -11px; } } .btn-menu > i { position: absolute; left: 50%; top: 50%; width: 26px; height: 3px; background-color: #1a1a1a; margin-top: -2px; margin-left: -13px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity; transition-duration: 0.2s; transition-delay: 0.1s; } @media (max-width: 1599px) { .btn-menu > i { width: 22px; height: 2px; margin-top: -1px; margin-left: -11px; } } .btn-menu > i::before, .btn-menu > i::after { content: ""; display: block; position: absolute; left: 0; width: 26px; height: 3px; background-color: #1a1a1a; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: transform; transition-duration: 0.2s; transition-delay: 0.1s; } @media (max-width: 1599px) { .btn-menu > i::before, .btn-menu > i::after { width: 22px; height: 2px; } } .btn-menu > i::before { top: -8px; } @media (max-width: 1599px) { .btn-menu > i::before { top: -6px; } } .btn-menu > i::after { top: 8px; } @media (max-width: 1599px) { .btn-menu > i::after { top: 6px; } } .no-touchevents .btn-menu:hover::before, .no-touchevents .btn-menu:hover::after { background-color: #ff6501; } .no-touchevents .btn-menu:hover > i { background-color: #ff6501; } .no-touchevents .btn-menu:hover > i::before, .no-touchevents .btn-menu:hover > i::after { background-color: #ff6501; } .btn-menu.active::before, .btn-menu.active::after { transition-delay: 0.1s; opacity: 1; } .btn-menu.active::before { transform: rotate(45deg) translateZ(0); } .btn-menu.active::after { transform: rotate(-45deg) translateZ(0); } .btn-menu.active > i { opacity: 0; transition-delay: 0s; } .btn-menu.active > i::before, .btn-menu.active > i::after { transition-delay: 0s; } .btn-menu.active > i::before { transform: translate(0, 8px) translateZ(0); } @media (max-width: 1599px) { .btn-menu.active > i::before { transform: translate(0, 6px) translateZ(0); } } .btn-menu.active > i::after { transform: translate(0, -8px) translateZ(0); } @media (max-width: 1599px) { .btn-menu.active > i::after { transform: translate(0, -6px) translateZ(0); } } /* button toggle menu end */ /* arrow left */ .arr-left, .arr-right { position: relative; display: inline-block; vertical-align: top; width: 50px; height: 50px; text-decoration: none; color: #1a1a1a; } .arr-left > span, .arr-right > span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .arr-left > span:active, .arr-left > span:focus, .arr-right > span:active, .arr-right > span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .arr-left > i, .arr-right > i { position: absolute; top: 50%; left: 50%; font-size: 0; letter-spacing: -4px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .arr-left > i { width: 0; height: 0; z-index: 2; border-right: 9px solid #1a1a1a; border-bottom: 6px solid transparent; border-top: 6px solid transparent; } .arr-right > i { width: 0; height: 0; z-index: 2; border-left: 9px solid #1a1a1a; border-bottom: 6px solid transparent; border-top: 6px solid transparent; } /* arrow left end */ .btn-clear-filters svg, .btn-clear-form svg { width: 14px; height: 14px; } /* btn-del */ .btn-del { display: inline-block; vertical-align: top; width: 20px; height: 20px; color: #1a1a1a; text-decoration: none; } .btn-del svg { position: absolute; width: 12px; height: 12px; top: 50%; left: 50%; margin: -6px 0 0 -6px; } .btn-del path { fill: currentColor; } .btn-del > span { display: none; } .btn-del:hover { color: #ff6501; } /* btn-del end */ /* BUTTON end */ /* FORM STYLES DEFAULT */ /* form layout */ .form-row, .input-wrap { position: relative; margin-bottom: 3rem; z-index: 1; } .form-row:last-child { margin-bottom: 0; } .input-holder { position: relative; z-index: 1; } .label-holder, label { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; line-height: 1.25; letter-spacing: 0.05em; color: #1a1a1a; margin-bottom: 7px; } label, .label { display: inline-block; vertical-align: top; box-shadow: none !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .label-holder label, .label-holder .label { margin-bottom: 0; } .form-mark { display: inline-block; vertical-align: top; position: relative; margin-left: -15px; left: 15px; color: tomato; } .form-row { margin-right: -20px; margin-left: -20px; font-size: 0; letter-spacing: -4px; } .form-row .input-wrap { display: inline-block; vertical-align: top; width: calc(100% * 0.5 - 40px); margin-right: 20px; margin-left: 20px; margin-bottom: 0; font-size: 1.6rem; letter-spacing: normal; } @media (max-width: 639px) { .form-row .input-wrap { display: block; width: auto; margin-bottom: 1.5em; } } .form-row label { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .form-columnize { column-count: 2; } .form-columnize--3 { column-count: 3; } .form-columnize, .form-columnize--3 { column-gap: 40px; } .form-columnize label, .form-columnize--3 label { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media (max-width: 639px) { .form-columnize, .form-columnize--3 { column-count: 1; column-gap: 0; } } .form-group { margin-bottom: 4rem; } .form-group:last-child { margin-bottom: 0; } .form-group-title { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1.78; margin-bottom: 2rem; } .form-buttons::after { content: ''; display: table; clear: both; } .comment-form .form-buttons { margin: 0 -15px 3rem; } @media (max-width: 767px) { .comment-form .form-buttons { margin: 0 0 2rem; } } .comment-form .form-buttons > * { margin-right: 15px; margin-left: 15px; } @media (max-width: 767px) { .comment-form .form-buttons > * { margin-right: 0; margin-left: 0; margin-bottom: 10px; } } .comment-form .form-buttons > *:last-child { margin-bottom: 0; } .form-buttons:last-child { margin-bottom: 0; } .form-buttons [class*="btn-"] { min-width: 236px; } @media (max-width: 767px) { .form-buttons [class*="btn-"] { float: none; display: block; width: 100%; } } .form-buttons .btn-default-clean { min-width: 0; } /* form layout end */ /* form footer */ .form-footer::after { content: ''; display: table; clear: both; } .form-footer .form-buttons { float: left; } .form-footer .form-note { display: block; overflow: hidden; font-size: 14px; line-height: 22px; min-height: 50px; } /* form footer end */ /* form common */ input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea { display: block; padding: 13px 20px 13px; width: 100%; height: 50px; background: white; box-shadow: none; border: 0 solid #1a1a1a; cursor: pointer; } @media (max-width: 639px) { input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea { padding-right: 12px; padding-left: 12px; } } input[type="text"].form-minimal, input[type="password"].form-minimal, input[type="email"].form-minimal, input[type="search"].form-minimal, textarea.form-minimal { height: 30px; padding: 6px 0; } input[type="text"].form-light.form-minimal, input[type="password"].form-light.form-minimal, input[type="email"].form-light.form-minimal, input[type="search"].form-light.form-minimal, textarea.form-light.form-minimal { height: 40px; padding: 11px 8px; } .select2, .user-content select, .select, input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; margin: 0 0 3rem; box-shadow: inset 0 -2px 0 #1a1a1a; } .select2-container--default .select2-selection .select2-selection__rendered, .user-content select, .select, input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea { font-size: 16px; line-height: 24px; color: #1a1a1a; } .select2-container--default .select2-selection .select2-selection__rendered.form-minimal, .form-minimal .select2-container--default .select2-selection .select2-selection__rendered, .user-content select.form-minimal, .form-minimal .user-content select, .select.form-minimal, .form-minimal .select, input[type="text"].form-minimal, .form-minimal input[type="text"], input[type="password"].form-minimal, .form-minimal input[type="password"], input[type="email"].form-minimal, .form-minimal input[type="email"], input[type="search"].form-minimal, .form-minimal input[type="search"], textarea.form-minimal, .form-minimal textarea { font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.05em; } input[type="text"].dark-form, input[type="password"].dark-form, input[type="email"].dark-form, input[type="search"].dark-form, textarea.dark-form { background-color: #f2f2f2; } input[type="text"].form-light, input[type="password"].form-light, input[type="email"].form-light, input[type="search"].form-light, textarea.form-light { border: 1px solid #d9d9d9; box-shadow: none; } input[type="text"].form-light.form-minimal, input[type="password"].form-light.form-minimal, input[type="email"].form-light.form-minimal, input[type="search"].form-light.form-minimal, textarea.form-light.form-minimal { height: 40px; padding: 11px 8px; } textarea { padding: 13px 20px 13px; min-height: 114px; height: 114px; resize: vertical; } .input-wrap input[type="text"], input[type="text"]:last-child, .input-wrap input[type="password"], input[type="password"]:last-child, .input-wrap input[type="email"], input[type="email"]:last-child, .input-wrap input[type="search"], input[type="search"]:last-child, .input-wrap textarea, textarea:last-child, .input-wrap select, select:last-child, .input-wrap .select, .select:last-child, .input-wrap .select2, .select2:last-child { margin-bottom: 0; } .error-note, .confirm-note { float: left; position: relative; width: 100%; height: 22px; font-size: 12px; line-height: 22px; letter-spacing: normal; max-width: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: none; margin-top: -3rem; } .input-wrap .error-note, .select .error-note, .input-wrap .confirm-note, .select .confirm-note { float: none; position: absolute; margin-top: 0; } .error-note { color: #ff203b; } form .error + .error-note, form .error + .select2 + .error-note { display: block; } .confirm-note { color: #319c46; } form .confirm + .confirm-note, form .confirm + .select2 + .confirm-note { display: block; } .success-note { float: left; position: relative; left: 100%; top: -33px; margin-top: -3rem; margin-left: 4px; width: 16px; height: 16px; font-size: 0; line-height: 0; letter-spacing: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; pointer-events: none; display: none; } .input-wrap .success-note, .select .success-note { float: none; position: absolute; top: 25px; margin: -8px 0 0 2px; } @media (max-width: 991px) { .success-note { margin-left: 0px; } } @media (max-width: 767px) { .success-note { margin-left: 0px; } } form .success + .error-note + .success-note, form .success + .select2 + .error-note + .success-note { display: block; } .success-note::before, .success-note::after { content: ""; display: block; position: absolute; bottom: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: #319c46; } .success-note::before { width: 8px; height: 3px; right: 50%; -ms-transform-origin: bottom right; transform-origin: bottom right; -ms-transform: rotate(45deg); transform: rotate(45deg); } .success-note::after { width: 14px; height: 3px; left: 50%; -ms-transform-origin: bottom left; transform-origin: bottom left; -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .js-form_result { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; line-height: 1.25; letter-spacing: 0.05em; text-align: center; color: #ff6501; margin-bottom: 3rem; } .js-form_result .success-text { position: relative; left: auto; top: auto; width: auto; height: auto; opacity: 1; visibility: visible; -ms-transform: none; transform: none; background: none; } /* form common end */ /* form placeholder */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #b2b2b2; transition: 0.2s opacity; } input:-moz-placeholder, textarea:-moz-placeholder { color: #b2b2b2; transition: 0.2s opacity; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; color: #b2b2b2; transition: 0.2s opacity; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity: 1; color: #b2b2b2; transition: 0.2s opacity; } input.placeholder, textarea.placeholder { color: #b2b2b2; transition: 0.2s opacity; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { opacity: 0; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { opacity: 0; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { opacity: 0; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { opacity: 0; } input.placeholder:focus, textarea.placeholder:focus { opacity: 0; } /* form placeholder end */ /* form checkbox and radiobutton */ input[type="checkbox"] ~ label, input[type="radio"] ~ label, .check-label, .radio-label { display: inline-block; vertical-align: top; font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 12px; line-height: 15px; letter-spacing: 0.05em; color: #1a1a1a; text-transform: uppercase; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: normal !important; text-overflow: clip !important; } .no-touchevents input[type="checkbox"] ~ label:hover, .no-touchevents input[type="radio"] ~ label:hover, .no-touchevents .check-label:hover, .no-touchevents .radio-label:hover { color: #ff6501; } .no-touchevents input[type="checkbox"] ~ label:hover input[type="checkbox"]:not(:disabled) ~ i::before, .no-touchevents input[type="radio"] ~ label:hover input[type="checkbox"]:not(:disabled) ~ i::before, .no-touchevents .check-label:hover input[type="checkbox"]:not(:disabled) ~ i::before, .no-touchevents .radio-label:hover input[type="checkbox"]:not(:disabled) ~ i::before { border-color: #1a1a1a; } input[type="checkbox"], input[type="radio"] { float: left; width: 16px; height: 16px; padding: 0; margin: 0; display: none; } input[type="checkbox"] ~ label > span, input[type="checkbox"] ~ span, input[type="radio"] ~ label > span, input[type="radio"] ~ span { display: inline-block; vertical-align: top; position: relative; padding: 4px 0 3px 34px; z-index: 2; } input[type="checkbox"] ~ img, input[type="radio"] ~ img { width: 30px; display: block; position: absolute; left: 34px; top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%); } input[type="checkbox"] ~ img ~ span, input[type="radio"] ~ img ~ span { padding-left: 76px; } input[type="checkbox"] ~ i, input[type="radio"] ~ i { font-size: 0; line-height: 0; width: 22px; height: 22px; position: absolute; left: 0; top: 0; } .no-touchevents .check-label:hover input[type="checkbox"]:not(:disabled) ~ i::before { border-color: #ff6501; } .no-touchevents .radio-label:hover input[type="radio"]:not(:disabled) ~ span::before { border-color: #ff6501; } input[type="checkbox"] ~ label::before, input[type="checkbox"] ~ label::after, input[type="checkbox"] ~ i::before, input[type="checkbox"] ~ i::after { content: ''; width: 22px; height: 22px; position: absolute; left: 0; top: 50%; margin-top: -11px; border-radius: 0; } input[type="checkbox"] ~ label::before, input[type="checkbox"] ~ i::before { border: 2px solid #1a1a1a; background-color: #fff; } input[type="checkbox"] ~ label::after, input[type="checkbox"] ~ i::after { content: none; } input[type="checkbox"] ~ label > span::before, input[type="checkbox"] ~ label > span::after, input[type="checkbox"] ~ span::before, input[type="checkbox"] ~ span::after { content: ''; position: absolute; width: 0; height: 3px; left: 0; top: 0; border-radius: 0; background: white; } input[type="checkbox"] ~ label > span::before, input[type="checkbox"] ~ span::before { margin: 6px 0 0 0; -ms-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: 0 10px; transform-origin: 0 10px; z-index: 1; } input[type="checkbox"] ~ label > span::after, input[type="checkbox"] ~ span::after { margin: 11px 0 0 -6px; -ms-transform: rotate(-50deg); transform: rotate(-50deg); -ms-transform-origin: 0 10px; transform-origin: 0 10px; left: 22px; } input[type="checkbox"]:checked ~ label::before, input[type="checkbox"]:checked ~ i::before { border-color: #ff6501; background-color: #ff6501; } input[type="checkbox"]:checked ~ label > span::before, input[type="checkbox"]:checked ~ span::before { width: 5px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } input[type="checkbox"]:checked ~ label > span::after, input[type="checkbox"]:checked ~ span::after { width: 11px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } input[type="checkbox"]:disabled ~ label, input[type="checkbox"]:disabled ~ span { color: #bdbdbd !important; cursor: default; } input[type="checkbox"]:disabled ~ label::before, input[type="checkbox"]:disabled ~ i::before { border-color: #d6d6d6; background-color: #f3f3f3; } input[type="checkbox"]:disabled ~ label > span:before, input[type="checkbox"]:disabled ~ label > span:after, input[type="checkbox"]:disabled ~ span:before, input[type="checkbox"]:disabled ~ span:after { background: #d6d6d6; } input[type="radio"] ~ label::before, input[type="radio"] ~ label::after, input[type="radio"] ~ span::before, input[type="radio"] ~ span::after { content: ''; width: 22px; height: 22px; position: absolute; left: 0; top: 0; margin-top: 0; border-radius: 50px; } input[type="radio"] ~ label::before, input[type="radio"] ~ span::before { border: 2px solid #1a1a1a; } input[type="radio"] ~ label::after, input[type="radio"] ~ span::after { background: none; } input[type="radio"] ~ label > span::after, input[type="radio"] ~ i::after { content: ''; width: 12px; height: 12px; position: absolute; top: 50%; left: 5px; margin-top: -6px; border-radius: 50%; overflow: hidden; background: #1a1a1a; opacity: 0; } input[type="radio"] ~ i { z-index: 3; } input[type="radio"]:checked ~ label::before, input[type="radio"]:checked ~ span::before { border-color: #ff6501; background-color: #ff6501; } input[type="radio"]:checked ~ label > span::after, input[type="radio"]:checked ~ i::after { opacity: 1; background-color: white; } input[type="radio"]:disabled ~ label, input[type="radio"]:disabled ~ label > span, input[type="radio"]:disabled ~ span { color: #bdbdbd; cursor: default; } input[type="radio"]:disabled ~ label::before, input[type="radio"]:disabled ~ label > span::before, input[type="radio"]:disabled ~ span::before { border-color: #d6d6d6; background-color: #f3f3f3; } input[type="radio"]:disabled ~ label > span::after, input[type="radio"]:disabled ~ i::after { background: #b9b9b9; } .check-list { font-size: 16px; line-height: 20px; } .check-list, .user-content .check-list { margin: 0; padding: 0; } .check-list li, .user-content .check-list li { margin: 0 0 20px; padding-left: 0; } .check-list li::before, .user-content .check-list li::before { content: none; } /* form checkbox and radiobutton end */ /* select */ .user-content select { display: block; width: 100%; } .select { position: relative; width: 100%; } .input-wrap .select { margin-bottom: 0; } .select .cselect { width: 100%; } .user-content select, .select select, .select2-container--default .select2-selection { display: block; position: relative; overflow: hidden; height: 50px; width: 100%; cursor: pointer; padding: 13px 20px 13px 16px; white-space: nowrap; text-indent: 0; text-overflow: ''; border: 0 solid #1a1a1a; border-radius: 0; background: white; box-shadow: inset 0 -2px 0 #1a1a1a; outline: none; -webkit-tap-highlight-color: transparent; } .user-content select.form-minimal, .select select.form-minimal, .select2-container--default .select2-selection.form-minimal { height: 40px; padding: 11px 20px 11px 0; } .user-content select.form-light.form-minimal, .select select.form-light.form-minimal, .select2-container--default .select2-selection.form-light.form-minimal { height: 40px; padding: 11px 6px; } .select2-container--default .select2-selection { padding-right: 40px; } .form-minimal .select2-container--default .select2-selection { height: 40px; padding: 11px 20px 11px 0; font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.05em; } .user-content select.form-light, .select select.form-light { box-shadow: none; border: 1px solid #d9d9d9; padding-top: 12px; padding-bottom: 12px; } .select select, .select .select2 { margin-bottom: 0; } .select select { padding-right: 40px; } .select.form-minimal select { height: 40px; padding: 11px 20px 11px 0; font-size: 12px; line-height: 16px; text-transform: uppercase; letter-spacing: 0.05em; } .select::before, .select::after, .select2-container--default .select2-selection--single .select2-selection__arrow b::before, .select2-container--default .select2-selection--single .select2-selection__arrow b::after { content: ''; position: absolute; right: 22px; top: 50%; width: 8px; height: 2px; background-color: #1a1a1a; margin-top: -1px; z-index: 1; } .select::before, .select2-container--default .select2-selection--single .select2-selection__arrow b::before { -ms-transform: rotate(45deg); transform: rotate(45deg); } .select::after, .select2-container--default .select2-selection--single .select2-selection__arrow b::after { -ms-transform: rotate(-45deg); transform: rotate(-45deg); right: 17px; } .select.form-minimal::before, .select2-container--default .select2-selection--single .select2-selection__arrow b.form-minimal::before { right: 4px; } .select.form-minimal::after, .select2-container--default .select2-selection--single .select2-selection__arrow b.form-minimal::after { right: -1px; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; right: 0; top: 0; width: 40px; height: 100%; background-color: transparent; z-index: 2; } .form-minimal .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .select2-container--default .select2-search--inline .select2-search__field { height: auto; margin: 0; } .select2-container--default .select2-selection--multiple { height: auto; padding: 10px 20px 10px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-left: 0; padding-right: 0; margin: 0; vertical-align: top; max-width: none; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { padding: 0 4px; margin: 3px 8px 3px 0; border: none; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li::before { content: none; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #f3f3f3; border: 1px solid #f3f3f3; border-radius: 0; color: #1a1a1a; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #1a1a1a; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #ff6501; } .select2-container--default .select2-selection--single .select2-selection__placeholder, .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #b2b2b2; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single { border: none; box-shadow: inset 0 -2px 0 #ff6501; } .select2-container--default .select2-search--dropdown .select2-search__field { margin: 0; height: 34px; padding: 4px; border-color: #1a1a1a; border-width: 1px; line-height: 24px; box-shadow: none; } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-color: #ff6501; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #f3f3f3; color: #1a1a1a; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #1a1a1a; color: white; } .select2-container--default.select2-container--disabled .select2-selection--single { background: none; } .select2-container--default.select2-container--disabled .select2-selection { box-shadow: inset 0 -2px 0 #ccc; } .select2-container--default.select2-container--disabled .select2-selection .select2-selection__rendered { color: #ccc; } .select2-dropdown { border: 1px solid #ff6501; border-radius: 0; z-index: 9999; } .select2-results__options { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 24px; } .select2-results__option { padding: 8px 20px 8px 20px; } /* select end */ /* inputs states */ input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="search"]:hover, textarea:hover, .user-content select:hover, .select:hover { box-shadow: inset 0 -2px 0 #ff6501; } input[type="text"].form-light:hover, input[type="password"].form-light:hover, input[type="email"].form-light:hover, input[type="search"].form-light:hover, textarea.form-light:hover, .user-content select.form-light:hover, .select.form-light:hover { box-shadow: none; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus, .user-content select:focus, .select:focus { box-shadow: inset 0 -2px 0 #ff6501; } input[type="text"].form-light:focus, input[type="password"].form-light:focus, input[type="email"].form-light:focus, input[type="search"].form-light:focus, textarea.form-light:focus, .user-content select.form-light:focus, .select.form-light:focus { box-shadow: none; border-color: #000; } label.input--has-value, input[type="text"].input--has-value, input[type="password"].input--has-value, input[type="email"].input--has-value, input[type="search"].input--has-value, textarea.input--has-value, .user-content select.input--has-value, .select.input--has-value { box-shadow: inset 0 -2px 0 #ff6501; } label.input--has-value.form-light, input[type="text"].input--has-value.form-light, input[type="password"].input--has-value.form-light, input[type="email"].input--has-value.form-light, input[type="search"].input--has-value.form-light, textarea.input--has-value.form-light, .user-content select.input--has-value.form-light, .select.input--has-value.form-light { box-shadow: none; border-color: #000; } label.success, input[type="text"].success, input[type="password"].success, input[type="email"].success, input[type="search"].success, textarea.success, .user-content select.success, .select.success { box-shadow: inset 0 -2px 0 #319c46; } input[type="text"].success::-webkit-input-placeholder, input[type="password"].success::-webkit-input-placeholder, input[type="email"].success::-webkit-input-placeholder, input[type="search"].success::-webkit-input-placeholder, textarea.success::-webkit-input-placeholder, .user-content select.success::-webkit-input-placeholder, .select.success::-webkit-input-placeholder { color: #319c46; } input[type="text"].success:-moz-placeholder, input[type="password"].success:-moz-placeholder, input[type="email"].success:-moz-placeholder, input[type="search"].success:-moz-placeholder, textarea.success:-moz-placeholder, .user-content select.success:-moz-placeholder, .select.success:-moz-placeholder { color: #319c46; } input[type="text"].success::-moz-placeholder, input[type="password"].success::-moz-placeholder, input[type="email"].success::-moz-placeholder, input[type="search"].success::-moz-placeholder, textarea.success::-moz-placeholder, .user-content select.success::-moz-placeholder, .select.success::-moz-placeholder { opacity: 1; color: #319c46; } input[type="text"].success:-ms-input-placeholder, input[type="password"].success:-ms-input-placeholder, input[type="email"].success:-ms-input-placeholder, input[type="search"].success:-ms-input-placeholder, textarea.success:-ms-input-placeholder, .user-content select.success:-ms-input-placeholder, .select.success:-ms-input-placeholder { opacity: 1; color: #319c46; } input[type="text"].success.placeholder, input[type="password"].success.placeholder, input[type="email"].success.placeholder, input[type="search"].success.placeholder, textarea.success.placeholder, .user-content select.success.placeholder, .select.success.placeholder { color: #319c46; } input[type="text"].success.form-light, input[type="password"].success.form-light, input[type="email"].success.form-light, input[type="search"].success.form-light, textarea.success.form-light, .user-content select.success.form-light, .select.success.form-light { box-shadow: none; border-color: #319c46; } label.error, input[type="text"].error, input[type="password"].error, input[type="email"].error, input[type="search"].error, textarea.error, .user-content select.error, .select.error { color: #ff203b; box-shadow: inset 0 -2px 0 #ff203b; } input[type="text"].error::-webkit-input-placeholder, input[type="password"].error::-webkit-input-placeholder, input[type="email"].error::-webkit-input-placeholder, input[type="search"].error::-webkit-input-placeholder, textarea.error::-webkit-input-placeholder, .user-content select.error::-webkit-input-placeholder, .select.error::-webkit-input-placeholder { color: #ff203b; } input[type="text"].error:-moz-placeholder, input[type="password"].error:-moz-placeholder, input[type="email"].error:-moz-placeholder, input[type="search"].error:-moz-placeholder, textarea.error:-moz-placeholder, .user-content select.error:-moz-placeholder, .select.error:-moz-placeholder { color: #ff203b; } input[type="text"].error::-moz-placeholder, input[type="password"].error::-moz-placeholder, input[type="email"].error::-moz-placeholder, input[type="search"].error::-moz-placeholder, textarea.error::-moz-placeholder, .user-content select.error::-moz-placeholder, .select.error::-moz-placeholder { opacity: 1; color: #ff203b; } input[type="text"].error:-ms-input-placeholder, input[type="password"].error:-ms-input-placeholder, input[type="email"].error:-ms-input-placeholder, input[type="search"].error:-ms-input-placeholder, textarea.error:-ms-input-placeholder, .user-content select.error:-ms-input-placeholder, .select.error:-ms-input-placeholder { opacity: 1; color: #ff203b; } input[type="text"].error.placeholder, input[type="password"].error.placeholder, input[type="email"].error.placeholder, input[type="search"].error.placeholder, textarea.error.placeholder, .user-content select.error.placeholder, .select.error.placeholder { color: #ff203b; } input[type="text"].error.form-light, input[type="password"].error.form-light, input[type="email"].error.form-light, input[type="search"].error.form-light, textarea.error.form-light, .user-content select.error.form-light, .select.error.form-light { box-shadow: none; border-color: #ff203b; } label.input--focus, input[type="text"].input--focus, input[type="password"].input--focus, input[type="email"].input--focus, input[type="search"].input--focus, textarea.input--focus, .user-content select.input--focus, .select.input--focus { box-shadow: inset 0 -2px 0 #ff6501; } label.input--focus.form-light, input[type="text"].input--focus.form-light, input[type="password"].input--focus.form-light, input[type="email"].input--focus.form-light, input[type="search"].input--focus.form-light, textarea.input--focus.form-light, .user-content select.input--focus.form-light, .select.input--focus.form-light { box-shadow: none; border-color: #000; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="search"]:disabled, textarea:disabled, .user-content select:disabled, .select:disabled { box-shadow: inset 0 -2px 0 #ccc !important; color: #ccc !important; cursor: default !important; } input[type="text"].form-light:disabled, input[type="password"].form-light:disabled, input[type="email"].form-light:disabled, input[type="search"].form-light:disabled, textarea.form-light:disabled, .user-content select.form-light:disabled, .select.form-light:disabled { border-color: #ccc !important; box-shadow: none !important; } input[type="text"]:focus, input[type="text"].input--has-value, input[type="text"].input--focus, input[type="password"]:focus, input[type="password"].input--has-value, input[type="password"].input--focus, input[type="email"]:focus, input[type="email"].input--has-value, input[type="email"].input--focus, input[type="search"]:focus, input[type="search"].input--has-value, input[type="search"].input--focus, textarea:focus, textarea.input--has-value, textarea.input--focus { cursor: text; } .input--has-value + .select2 .select2-selection { box-shadow: inset 0 -2px 0 #ff6501; } .success + .select2 .select2-selection { box-shadow: inset 0 -2px 0 #319c46; } .error + .select2 .select2-selection { color: #ff203b; box-shadow: inset 0 -2px 0 #ff203b; } .input--focus + .select2 .select2-selection { box-shadow: inset 0 -2px 0 #ff6501; } .success + .select2 .select2-search__field::-webkit-input-placeholder { color: #319c46; } .success + .select2 .select2-search__field:-moz-placeholder { color: #319c46; } .success + .select2 .select2-search__field::-moz-placeholder { opacity: 1; color: #319c46; } .success + .select2 .select2-search__field:-ms-input-placeholder { opacity: 1; color: #319c46; } .success + .select2 .select2-search__field.placeholder { color: #319c46; } .error + .select2 .select2-search__field::-webkit-input-placeholder { color: #ff203b; } .error + .select2 .select2-search__field:-moz-placeholder { color: #ff203b; } .error + .select2 .select2-search__field::-moz-placeholder { opacity: 1; color: #ff203b; } .error + .select2 .select2-search__field:-ms-input-placeholder { opacity: 1; color: #ff203b; } .error + .select2 .select2-search__field.placeholder { color: #ff203b; } /* inputs states end */ /* captcha */ .captcha { font-size: 0; letter-spacing: -4px; position: relative; z-index: 1; } .captcha::after { content: ''; display: table; clear: both; } .captcha input { text-align: center; } .captcha img { display: inline-block; vertical-align: middle; max-width: 50%; margin-right: 20px; font-size: 12px; line-height: 1.33; letter-spacing: 0.025em; } .captcha img + input { display: inline-block; vertical-align: middle; width: calc(50% - 20px); } @media (max-width: 991px) { .captcha img { display: block; max-width: none; margin-bottom: 1.5rem; } .captcha img + input { display: block; max-width: none; width: 100%; } } .captcha .captcha-refresh { font-size: 14px; line-height: 1.29; letter-spacing: 0.025em; margin-bottom: 0.5em; } .captcha .captcha-refresh a { color: #1a1a1a; text-decoration: none; } .captcha .captcha-refresh a span { border-bottom: 1px dotted #1a1a1a; } .captcha .captcha-refresh a:hover { color: #ff6501; } .captcha .captcha-refresh a:hover span { border-color: #ff6501; } /* captcha end */ /* FORM STYLE DEFAULT end */ /*======================================================*/ /* COMMON */ /*======================================================*/ /* SLIDERS */ /* SLIDERS */ /* images slider */ .images-slider { position: relative; border: 1px solid #e6e6e6; } .images-slider__list, .slick-dotted.images-slider__list { padding-bottom: 0; margin-bottom: 0; position: relative; z-index: 2; } .images-slider__item { position: relative; overflow: hidden; float: none; display: inline-block; vertical-align: top; white-space: normal; opacity: 0; } .slick-initialized .images-slider__item { display: block; float: left; opacity: 1; } .no-js .images-slider__item { display: block; width: 100%; opacity: 1; } .images-slider__item img { margin: 0 auto; } .images-slider .slick-arrow { right: auto; left: auto; top: auto; bottom: 0; -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 17px; } .images-slider .slick-prev { left: 0; } .images-slider .slick-next { right: 0; } .images-slider .slider-counter { position: relative; padding: 34px 0 0; width: auto; height: 86px; font-family: "minionpro-regular", serif; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; color: #1a1a1a; text-align: center; background-color: white; border: 0 solid #e6e6e6; border-width: 1px 0 0; } .images-slider .slider-counter::before, .images-slider .slider-counter::after { content: ''; display: block; position: absolute; top: 50%; width: 0; height: 30px; margin: -15px 88px; border-left: 1px solid #e6e6e6; } .images-slider .slider-counter::before { left: 0; } .images-slider .slider-counter::after { right: 0; } .images-slider .slider-counter .slide-curr { color: #ff6501; padding-right: 5px; } .images-slider .slider-counter .slide-total { padding-left: 5px; } .images-slider .slick-dots, .user-content .images-slider .slick-dots { position: absolute; bottom: 3rem; } .images-slider .slick-dots li, .user-content .images-slider .slick-dots li { padding-right: 7px; padding-left: 7px; } .images-slider .slick-dots li button, .user-content .images-slider .slick-dots li button { width: 6px; height: 6px; border-radius: 50%; background-color: white; opacity: 0.5; transition: none; } .images-slider .slick-dots li button::before, .user-content .images-slider .slick-dots li button::before { content: none; } .images-slider .slick-dots li.slick-active button, .user-content .images-slider .slick-dots li.slick-active button { opacity: 1; } .no-touchevents .images-slider .slick-dots li:hover button, .no-touchevents .user-content .images-slider .slick-dots li:hover button { opacity: 1; -ms-transform: scale(2); transform: scale(2); } /* images slider end */ /* SLIDERS end */ /* SLIDERS end */ /* FORMS */ /* user form */ .form-caption { position: relative; display: block; margin-bottom: 50px; } .input-wrap + .form-caption { margin-top: 90px; } @media (max-width: 767px) { .form-caption { margin-bottom: 30px; position: static; } .input-wrap + .form-caption { margin-top: 54px; } } .form-title { display: block; position: relative; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 30px; line-height: 1.2; color: #1a1a1a; text-transform: uppercase; margin-bottom: 50px; } @media (max-width: 767px) { .form-title { margin-bottom: 30px; } } @media (max-width: 639px) { .form-title { font-size: 24px; } } .form-caption .form-title { width: 50%; } @media (max-width: 767px) { .form-caption .form-title { width: auto; } } @media (max-width: 767px) { .form-caption .form-title br { display: none; } } .form-title::after { content: ""; display: block; position: absolute; top: 100%; left: 100%; width: 100px; height: 0; margin: -0.7em 0 0 20px; border-top: 1px solid #1a1a1a; } @media (max-width: 767px) { .form-title::after { display: none; } } .form-subtitle { font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 3.6rem; line-height: 1; color: #1a1a1a; margin-bottom: 50px; } @media (max-width: 1365px) { .form-subtitle { font-size: 3rem; line-height: 1; } } @media (max-width: 767px) { .form-subtitle { margin-bottom: 30px; } } @media (max-width: 639px) { .form-subtitle { font-size: 2.6rem; line-height: 1; } } .btn-reset { font-size: 1.6rem; line-height: 1.25; border: none; border-bottom: 1px dashed #1a1a1a; background: none; box-shadow: none; margin: 0; padding: 0; } .btn-reset:hover { color: #ff6501; border-color: #ff6501; } .form-caption .btn-reset { position: absolute; right: 0; bottom: 0; margin-bottom: 0.6em; } @media (max-width: 767px) { .form-caption .btn-reset { margin-bottom: 0; } } .user-form { background: #f2f2f2; margin-bottom: 3rem; } .user-form:last-child { margin-bottom: 0; } .user-form form { display: block; position: relative; } .user-form .input-wrap { margin-bottom: 50px; } .user-form .input-wrap::after { content: ''; display: table; clear: both; } @media (max-width: 767px) { .user-form .input-wrap { margin-bottom: 30px; } } .user-form .label-holder { float: left; width: 250px; margin-bottom: 0; padding: 0 20px 0 0; font-size: 0; letter-spacing: -4px; line-height: 1; } @media (max-width: 767px) { .user-form .label-holder { width: auto; float: none; padding: 0 0 10px; } } .user-form .label-holder::before { content: ""; display: inline-block; vertical-align: middle; min-height: 50px; } @media (max-width: 767px) { .user-form .label-holder::before { content: none; } } .user-form .label-holder label { font-size: 14px; line-height: 1.21; letter-spacing: 0.1em; display: inline-block; vertical-align: middle; max-width: calc(100% - 6px); padding: 5px 0; text-transform: uppercase; } .user-form .input-holder { margin-left: 250px; } @media (max-width: 767px) { .user-form .input-holder { margin-left: 0; } } .user-form textarea { height: 130px; max-height: 130px; resize: none; } .user-form .form-footer { padding: 50px 0 0; border: solid #d9d9d9; border-width: 1px 0 0; text-align: center; } .user-form .form-footer::after { content: none; } @media (max-width: 767px) { .user-form .form-footer { padding-top: 30px; } } .user-form .form-buttons { float: none; margin-bottom: 20px; } @media (max-width: 767px) { .user-form .form-buttons { float: none; text-align: center; } } .user-form .form-buttons .btn-submit { width: 200px; } @media (max-width: 639px) { .user-form .form-buttons .btn-submit { display: block; width: 100%; } } .user-form .form-buttons:last-child { margin-bottom: 0; } .user-form .form-note { font-size: 1.6rem; line-height: 1.88; text-align: left; margin-bottom: 20px; min-height: 0; } @media (max-width: 767px) { .user-form .form-note { font-size: 1.4rem; line-height: 1.43; } } .user-form .form-note:last-child { margin-bottom: 0; } .user-form .form-note .form-mark { margin-left: 0; left: auto; } .user-form .form-note__item { margin-bottom: 10px; } @media (max-width: 767px) { .user-form .form-note__item { margin-bottom: 5px; } } .user-form .form-note__item:last-child { margin-bottom: 0; } /* user form end */ /* search form */ .search-form, .search-form__field { position: relative; margin-bottom: 4rem; } @media (max-width: 767px) { .search-form, .search-form__field { margin-bottom: 3rem; } } .search-form:last-child, .search-form__field:last-child { margin-bottom: 0; } .touchevents .search-form__field { padding-right: 52px; } @media (max-width: 991px) { .search-form__field, .touchevents .search-form__field { padding-right: 52px; } } @media (max-width: 639px) { .search-form__field, .touchevents .search-form__field { padding-right: 36px; } } input.search-form__input { padding: 0; height: 72px; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 72px; line-height: 72px; letter-spacing: 0.05em; } @media (max-width: 991px) { input.search-form__input { height: 46px; font-size: 46px; line-height: 46px; } } @media (max-width: 767px) { input.search-form__input { height: 32px; font-size: 32px; line-height: 32px; } } @media (max-width: 639px) { input.search-form__input { height: 22px; font-size: 22px; line-height: 22px; } } input.search-form__input, input.search-form__input:hover, input.search-form__input:focus, input.search-form__input.error, input.search-form__input.input--has-value { box-shadow: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(255, 255, 255, 0); -moz-outline: 3px solid white; outline: 0; } input.search-form__input::-webkit-input-placeholder { color: #e5e5e5; } input.search-form__input:-moz-placeholder { color: #e5e5e5; } input.search-form__input::-moz-placeholder { opacity: 1; color: #e5e5e5; } input.search-form__input:-ms-input-placeholder { opacity: 1; color: #e5e5e5; } input.search-form__input.placeholder { color: #e5e5e5; } input.search-form__input:focus::-webkit-input-placeholder { color: #e5e5e5; opacity: 1; } input.search-form__input:focus:-moz-placeholder { color: #e5e5e5; opacity: 1; } input.search-form__input:focus::-moz-placeholder { color: #e5e5e5; opacity: 1; } input.search-form__input:focus:-ms-input-placeholder { color: #e5e5e5; opacity: 1; } input.search-form__input.placeholder:focus { color: #e5e5e5; opacity: 1; } .search-form__btn { display: none; position: absolute; right: 0; top: 50%; width: 40px; height: 40px; margin-top: -20px; font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 0; letter-spacing: -4px; text-align: center; z-index: 5; transition-property: color, fill, opacity; transition-duration: 0.2s; color: #e5e5e5; pointer-events: none; } .touchevents .search-form__btn { display: block; } @media (max-width: 991px) { .search-form__btn { display: block; } } @media (max-width: 639px) { .search-form__btn { width: 24px; height: 24px; margin-top: -12px; } } .input--has-value .search-form__btn { pointer-events: auto; color: #1a1a1a; } .no-touchevents .search-form__btn:hover { color: #ff6501; } .search-form__btn input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; border: 0; opacity: 0; z-index: 99; } .search-form__btn svg { display: inline-block; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; } @media (max-width: 639px) { .search-form__btn svg { width: 24px; height: 24px; margin: -12px 0 0 -12px; } } .search-form__btn path { fill: currentColor; transition: inherit; } .search-form__btn span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .search-form__btn span:active, .search-form__btn span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* search form end */ /* search counter */ .search-counter { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 3rem; } @media (max-width: 1599px) { .search-counter { margin-bottom: 2.6rem; } } .search-counter:last-child { margin-bottom: 0; } /* search counter end */ /* search results */ .search-results { overflow: hidden; margin-bottom: 3rem; } @media (max-width: 1599px) { .search-results { margin-bottom: 2.6rem; } } .search-results:last-child { margin-bottom: 0; } .search-results__list { margin-left: -37px; margin-right: -37px; font-size: 0; letter-spacing: -4px; } @media (max-width: 1599px) { .search-results__list { margin-left: -25px; margin-right: -25px; } } @media (max-width: 1199px) { .search-results__list { margin-left: -15px; margin-right: -15px; } } @media (max-width: 639px) { .search-results__list { margin-left: -10px; margin-right: -10px; } } .search-results__item { display: inline-block; vertical-align: top; width: 25%; padding-left: 37px; padding-right: 37px; font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.025em; } .search-results__item, .search-results__item:nth-last-child(n+5) { margin-bottom: 48px; } .search-results__item:nth-last-child(-n+4) { margin-bottom: 0; } @media (max-width: 1599px) { .search-results__item { width: 25%; padding-left: 25px; padding-right: 25px; } .search-results__item, .search-results__item:nth-last-child(n+5) { margin-bottom: 25px; } .search-results__item:nth-last-child(-n+4) { margin-bottom: 0; } } @media (max-width: 1365px) { .search-results__item { width: 33.33%; padding-left: 25px; padding-right: 25px; } .search-results__item, .search-results__item:nth-last-child(n+4) { margin-bottom: 25px; } .search-results__item:nth-last-child(-n+3) { margin-bottom: 0; } } @media (max-width: 991px) { .search-results__item { width: 100%; padding-left: 15px; padding-right: 15px; } .search-results__item, .search-results__item:nth-last-child(n+2) { margin-bottom: 30px; } .search-results__item:nth-last-child(-n+1) { margin-bottom: 0; } } @media (max-width: 639px) { .search-results__item { width: 100%; padding-left: 10px; padding-right: 10px; } .search-results__item, .search-results__item:nth-last-child(n+2) { margin-bottom: 20px; } .search-results__item:nth-last-child(-n+1) { margin-bottom: 0; } } .search-results__inner { position: relative; display: block; text-decoration: none; color: inherit; } .search-results__inner::after { content: ''; display: table; clear: both; } .search-results__img { display: block; text-decoration: none; color: inherit; position: relative; width: 52px; height: auto; } .no-image .search-results__img { background: url(/local/templates/.default/assets/css/../img/no-img-product.png) no-repeat center; background-size: contain; } .search-results__item .search-results__img { float: left; margin-top: 5px; } .search-results__img::after { content: ""; display: block; position: relative; height: 0; padding-top: 134.62%; } .search-results__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; max-width: none; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .search-results__img ~ * { margin-left: 82px; margin-bottom: 10px; } @media (max-width: 639px) { .search-results__img ~ * { margin-bottom: 4px; margin-left: 62px; } } .search-results__img ~ *:last-child { margin-bottom: 0; } .search-results__text { color: #b2b2b2; } a.search-results__inner:hover .search-results__title { color: #ff6501; } /* search results end */ /* subscription form */ .subscription-form { position: relative; background-color: #f2f2f2; } .article-footer + .subscription-form { margin-top: -63px; } .subscription-form__title { display: block; position: relative; margin-bottom: 3rem; padding-bottom: 4rem; font-family: "minionpro-medium", serif; font-weight: normal; font-style: normal; font-size: 36px; line-height: 1.167; text-align: center; color: inherit; } .subscription-form__title::after { content: ""; display: block; position: absolute; top: 100%; left: 50%; width: 100px; height: 0; margin-left: -50px; border-top: 1px solid #1a1a1a; } .subscription-form__title:last-child { margin-bottom: 0; } .subscription-form .input-wrap { margin: 0; font-size: 0; letter-spacing: -4px; } .subscription-form .label-holder { margin-bottom: 2rem; text-align: center; } .subscription-form .label-holder, .subscription-form label { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.88; letter-spacing: 0.025em; color: inherit; } .subscription-form .form-fields { position: relative; letter-spacing: 0.025em; max-width: 320px; margin-right: auto; margin-left: auto; } .subscription-form .input-holder { position: relative; height: 50px; padding-right: 50px; transition-property: opacity, visibility, transform; transition-duration: 0.25s; } .subscription-form .input-holder::after { content: ''; display: table; clear: both; } @media (max-width: 479px) { .subscription-form .input-holder { height: auto; } } .subscription-form.success-form .input-holder { opacity: 0; visibility: hidden; transform: scale(0.76, 0.76) translateZ(0); } .subscription-form input[type='submit'], .subscription-form button { width: 50px; height: 50px; position: absolute; top: 0; right: 0; cursor: pointer; padding: 0; } @media (max-width: 479px) { .subscription-form input[type='submit'], .subscription-form button { float: none; display: block; width: 100%; height: 50px; } } .success-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; background-color: white; transform: scale(0.76, 0.76) translateZ(0); transition-property: opacity, visibility, transform; transition-duration: 0.25s; } .subscription-form.success-form .success-text { opacity: 1; visibility: visible; transform: scale(1, 1) translateZ(0); } .success-text span { position: absolute; top: 50%; left: 50%; width: 24px; height: 16px; margin: -8px 0 0 -12px; } .success-text span::before, .success-text span::after { content: ""; display: block; position: absolute; width: 0; height: 3px; top: 50%; left: 50%; border-radius: 2px; background-color: #319c46; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: width; transition-duration: 0.12s; transition-timing-function: linear; } .success-text span::before { margin: -7px 0 0 -19px; transform: rotate(45deg) translateZ(0); -ms-transform-origin: 0 13px; transform-origin: 0 13px; transition-delay: 0.12s; } .success-text span::after { transform: rotate(-50deg) translateZ(0); -ms-transform-origin: 0 21px; transform-origin: 0 21px; margin: -1px 0 0 12px; } .subscription-form.success-form .success-text span::before { width: 13px; transition-delay: 0s; transition-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05); } .subscription-form.success-form .success-text span::after { width: 21px; transition-delay: 0.12s; } .error-text { position: absolute; top: 100%; left: 0; width: 100%; height: 24px; padding: 0 8px; font-size: 12px; line-height: 24px; color: #ff203b; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; opacity: 0; visibility: hidden; -ms-transform: scale(0.76, 0.76); transform: scale(0.76, 0.76); transition-property: opacity, visibility, transform; transition-duration: 0.1s; } .subscription-form.error-form .error-text { opacity: 1; visibility: visible; -ms-transform: scale(1, 1); transform: scale(1, 1); } /* subscription form end */ /* msg form */ .msg-form textarea { resize: none; height: 120px; max-height: 120px; } .msg-form .form-buttons button { margin-bottom: 20px; } .msg-form .form-buttons button:last-child { margin-bottom: 0; } .msg-form .form-buttons .btn-submit { display: block; width: 100%; text-align: center; } /* msg form end */ /* comment form */ .comment-form textarea { resize: none; height: 200px; min-height: 200px; } /* comment form end */ /* FORMS end */ /* COMPONENTS */ /*breadcrumbs*/ .breadcrumbs { position: relative; color: #b2b2b2; margin-bottom: 2rem; } @media (max-width: 1599px) { .breadcrumbs { margin-bottom: 1.5rem; } } @media (max-width: 1199px) { .breadcrumbs { margin-bottom: 1.2rem; } } .breadcrumbs:last-child { margin-bottom: 0; } .breadcrumbs__list, .user-content .breadcrumbs__list { padding: 0; margin: 0; list-style: none; } .breadcrumbs__list li, .user-content .breadcrumbs__list li { padding: 0 6px 0 0; margin: 0; } .breadcrumbs__list li::before, .breadcrumbs__list li:first-child::before, .user-content .breadcrumbs__list li::before, .user-content .breadcrumbs__list li:first-child::before { content: none; } .breadcrumbs__list { cursor: default; overflow: hidden; font-size: 1.4rem; line-height: 1.43; letter-spacing: 0.025em; } .breadcrumbs__list li { display: inline; position: relative; } .breadcrumbs__list li::after { display: inline-block; vertical-align: baseline; content: '•'; border: none; color: #ff6501; padding-left: 10px; } .breadcrumbs__list li:last-child::after { content: none; } .breadcrumbs__list a { padding-top: 0.5em; color: #1a1a1a; text-decoration: none; cursor: pointer; } .breadcrumbs__list a span { border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .no-touchevents .breadcrumbs__list a:hover { color: #ff6501; } .no-touchevents .breadcrumbs__list a:hover span { border-color: rgba(255, 101, 1, 0.3); } /*breadcrumbs end*/ /* social networks */ .social-networks { margin-bottom: 2rem; } .social-networks::after { content: ''; display: table; clear: both; } .social-networks:last-child { margin-bottom: 0; } .social-networks__list { position: relative; float: left; width: calc(100% + 30px); margin: 0 -15px -15px; font-size: 0; } @media (max-width: 1599px) { .social-networks__list { width: calc(100% + 20px); margin: 0 -10px -10px; } } .social-networks__item { display: inline-block; vertical-align: top; margin: 0 15px 15px; font-size: 14px; line-height: 1.29; letter-spacing: normal; } @media (max-width: 1599px) { .social-networks__item { margin: 0 10px 10px; } } .social-networks__item a { display: block; position: relative; width: 50px; height: 50px; border: 2px solid currentColor; color: #1a1a1a; border-radius: 50%; } .social-networks__item a span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .social-networks__item a span:active, .social-networks__item a span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .social-networks__item a svg { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; } .social-networks__item a path { fill: currentColor; } .no-touchevents .social-networks__item a:hover { color: #ff6501; } /* social networks end */ /* share */ .social-share { margin-bottom: 2rem; font-size: 0; letter-spacing: -4px; } .social-share:last-child { margin-bottom: 0; } input[type="checkbox"].social-share__check { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } input[type="checkbox"].social-share__check:active, input[type="checkbox"].social-share__check:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .social-share__opener { position: relative; display: inline-block; vertical-align: middle; width: 50px; height: 50px; margin: 0 20px 0 0; font-size: 1.6rem; line-height: 1.88; letter-spacing: normal; color: #1a1a1a; text-decoration: none; cursor: pointer; border: 2px solid #1a1a1a; border-radius: 50%; overflow: hidden; } .social-share__opener::before, .social-share__opener::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -8px; border: none; width: 16px; height: 4px; background-color: white; display: none; } .social-share__opener::before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .social-share__opener::after { -ms-transform: rotate(45deg); transform: rotate(45deg); } .social-share__opener:hover { border-color: #ff6501; color: #ff6501; } .social-share__opener span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .social-share__opener span:active, .social-share__opener span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .social-share__opener svg { position: absolute; left: 50%; top: 50%; width: 26px; height: 26px; margin: -13px 0 0 -15px; } .social-share__opener path { fill: currentColor; } .social-share__list { display: none; vertical-align: middle; position: relative; margin: -6px 20px -6px 0; } .social-share__item { display: inline-block; vertical-align: top; margin: 6px; font-size: 14px; line-height: 1.29; letter-spacing: normal; } .social-share__item a { display: block; position: relative; width: 50px; height: 50px; border: 2px solid currentColor; color: #1a1a1a; border-radius: 50%; } .social-share__item a span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .social-share__item a span:active, .social-share__item a span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .social-share__item a svg { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; } .social-share__item a path { fill: currentColor; } .no-touchevents .social-share__item a:hover { color: #ff6501; } .social-share__label { position: relative; display: inline-block; vertical-align: middle; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; color: #b2b2b2; padding: 15px 0 15px 60px; } .social-share__label::before { content: ""; display: block; position: absolute; bottom: 50%; left: 0; width: 40px; height: 0; border-top: 1px solid #b2b2b2; } .is-open .social-share__list { display: inline-block; } .is-open .social-share__opener { margin-right: 6px; background-color: #1a1a1a; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .is-open .social-share__opener:hover { background-color: #ff6501; } .is-open .social-share__opener svg { display: none; } .is-open .social-share__opener::before, .is-open .social-share__opener::after { display: block; } .is-open .social-share__list { margin-right: 0; } .is-open .social-share__label { display: none; } /* share end */ /* files links */ .file { display: inline-block; vertical-align: top; position: relative; min-height: 30px; padding-left: 30px; font-size: 1.6rem; line-height: 1.88; color: #ff6501; text-decoration: none; } .file::after { content: ''; display: table; clear: both; } .file svg { position: absolute; left: 0; top: 0; width: 30px; height: 30px; } .file path { fill: currentColor; } .file > span, .file > em { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; display: block; padding-left: 1em; } .file > span { text-decoration: underline; } .file > em { display: block; font-size: 0.8em; font-family: "gothampro-italic", sans-serif; font-weight: normal; font-style: normal; color: #b2b2b2; } .no-touchevents .file:hover > span { text-decoration: none; } /* files links end */ /* pagination */ .pagination { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 0; letter-spacing: -4px; color: inherit; text-align: center; cursor: default; margin-bottom: 3rem; margin-right: auto; margin-left: auto; } .pagination::after { content: ''; display: table; clear: both; } @media (max-width: 1599px) { .pagination { margin-bottom: 2.6rem; } } @media (max-width: 639px) { .pagination { position: relative; padding-bottom: 38px; } } .pagination:last-child { margin-bottom: 0; } .pg-left { float: left; } @media (max-width: 639px) { .pg-left { float: none; position: absolute; bottom: 0; right: 50%; } } .pg-right { float: right; } @media (max-width: 639px) { .pg-right { float: none; position: absolute; bottom: 0; left: 50%; } } .pg-right::before { content: ""; display: block; position: absolute; width: 0; height: 20px; margin-top: -10px; top: 50%; left: -1px; border-left: 2px solid; display: none; } @media (max-width: 639px) { .pg-right::before { display: block; } } .pg-first-arr, .pg-last-arr, .pg-prev-arr, .pg-next-arr { position: absolute; top: 50%; left: 0; width: 12px; height: 2px; margin-top: -1px; letter-spacing: 0; border-top: 2px solid #1a1a1a; } .pg-first-arr::before, .pg-first-arr::after, .pg-last-arr::before, .pg-last-arr::after, .pg-prev-arr::before, .pg-prev-arr::after, .pg-next-arr::before, .pg-next-arr::after { content: ""; display: block; position: absolute; top: 0; width: 8px; height: 8px; margin-top: -1px; border: 0 solid #1a1a1a; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pg-first-arr::before, .pg-first-arr::after, .pg-prev-arr::before, .pg-prev-arr::after { -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: left top; transform-origin: left top; left: 0; margin-left: -1px; border-width: 2px 0 0 2px; } .pg-last-arr, .pg-next-arr { left: auto; right: 0; } .pg-last-arr::before, .pg-last-arr::after, .pg-next-arr::before, .pg-next-arr::after { right: 0; margin-right: -1px; -ms-transform-origin: top right; transform-origin: top right; -ms-transform: rotate(45deg); transform: rotate(45deg); border-width: 2px 2px 0 0; } .pg-first-arr::after { margin-left: 6px; } .pg-last-arr::after { margin-right: 6px; } .pg-prev-arr::after, .pg-next-arr::after { display: none; } .pg-first, .pg-last, .pg-prev, .pg-next { display: inline-block; vertical-align: middle; position: relative; margin: 4px 15px; color: inherit; text-decoration: none; } .pg-first span, .pg-last span, .pg-prev span, .pg-next span { padding-right: 20px; padding-left: 20px; } .pg-first.disabled, .pg-last.disabled, .pg-prev.disabled, .pg-next.disabled { opacity: 0.5; cursor: default; } .no-touchevents .pg-first:not(.disabled):hover, .no-touchevents .pg-last:not(.disabled):hover, .no-touchevents .pg-prev:not(.disabled):hover, .no-touchevents .pg-next:not(.disabled):hover { color: #ff6501; } .no-touchevents .pg-first:not(.disabled):hover [class*="-arr"], .no-touchevents .pg-first:not(.disabled):hover [class*="-arr"]::before, .no-touchevents .pg-first:not(.disabled):hover [class*="-arr"]::after, .no-touchevents .pg-last:not(.disabled):hover [class*="-arr"], .no-touchevents .pg-last:not(.disabled):hover [class*="-arr"]::before, .no-touchevents .pg-last:not(.disabled):hover [class*="-arr"]::after, .no-touchevents .pg-prev:not(.disabled):hover [class*="-arr"], .no-touchevents .pg-prev:not(.disabled):hover [class*="-arr"]::before, .no-touchevents .pg-prev:not(.disabled):hover [class*="-arr"]::after, .no-touchevents .pg-next:not(.disabled):hover [class*="-arr"], .no-touchevents .pg-next:not(.disabled):hover [class*="-arr"]::before, .no-touchevents .pg-next:not(.disabled):hover [class*="-arr"]::after { border-color: #ff6501; } .pg-first span, .pg-prev span { padding-right: 0; } .pg-last span, .pg-next span { padding-left: 0; } .pg-first, .pg-last { display: none; } @media (max-width: 639px) { .pg-first, .pg-last { display: none; } } .pg-list { display: inline-block; vertical-align: middle; } .pg-list, .user-content .pg-list { margin: 0; } .pg-list li, .user-content .pg-list li { margin: 4px 4px; padding: 0; } @media (max-width: 479px) { .pg-list li, .user-content .pg-list li { margin-right: 0; margin-left: 0; } } .pg-list li:before, .user-content .pg-list li:before { content: none; } .pg-list li { display: inline-block; vertical-align: top; text-align: center; } .pg-list li a, .pg-list li > span { display: inline-block; vertical-align: top; color: inherit; background: transparent; min-width: 30px; padding: 0 2px; border-radius: 50%; } .pg-list li a { text-decoration: none; cursor: pointer; } .no-touchevents .pg-list li a:hover { color: #ff6501; } .pg-list li.active a, .no-touchevents .pg-list li.active a:hover { color: white; background-color: #ff6501; } .pg-first, .pg-last, .pg-prev, .pg-next, .pg-list a, .pg-list li > span { height: 30px; font-size: 14px; line-height: 30px; letter-spacing: 0.2em; text-transform: uppercase; } @media (max-width: 479px) { .pg-first, .pg-last, .pg-prev, .pg-next, .pg-list a, .pg-list li > span { font-size: 14px; } } .pg-list a, .pg-list li > span { letter-spacing: normal; } /* pagination end */ .drift-bounding-box, .drift-zoom-pane { background-color: rgba(0, 0, 0, 0.133); z-index: 999; } .drift-zoom-pane { background-color: #fff; } .m-wrapper { position: relative; padding-right: 1px; margin-bottom: 3rem; z-index: 15; } @media (max-width: 1599px) { .m-wrapper { margin-bottom: 2.6rem; } } .m-wrapper:last-child { margin-bottom: 0; } /* 404 page */ .err { display: table; width: 100%; } .err__holder { display: table-cell; vertical-align: middle; padding-top: 100px; padding-bottom: 100px; background: url(/local/templates/.default/assets/css/../img/no-img-product.png) no-repeat center; background-size: contain; } /* 404 page end */ /* logo */ .logo { position: relative; float: left; background-color: #ff6501; z-index: 5; } @media (max-width: 1199px) { .logo { float: none; display: block; background-color: transparent; } } .logo::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-image: url(/local/templates/.default/assets/css/../img/logo.png); background-size: auto 100%; background-position: left; } .home-page .logo::before, .page--has-full-logo .logo::before { background-size: contain; background-position: center; } @media (max-width: 1199px) { .logo::before { background-image: url(/local/templates/.default/assets/css/../img/logo--alt.png); background-size: contain; background-position: center; } } .logo a, .logo > span { position: relative; display: block; height: 100%; z-index: 5; } .logo a > em, .logo > span > em { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .logo a > em:active, .logo a > em:focus, .logo > span > em:active, .logo > span > em:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* logo end */ /* scroll to */ .scroll-to { text-align: center; color: #1a1a1a; transition-property: color; transition-duration: 0.2s; } .scroll-is-bottom .scroll-to { color: #ccc; } .scroll-to a { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; color: inherit; } .scroll-to svg { display: inline-block; vertical-align: middle; width: 40px; height: 40px; } @media (max-width: 1599px) { .scroll-to svg { width: 30px; height: 30px; } } .scroll-to path { fill: currentColor; } .scroll-to a:hover { color: #ff6501; } /* scroll to end */ /* short contacts */ .short-contacts-wrap { text-align: center; margin-bottom: 2rem; } .short-contacts-wrap:last-child { margin-bottom: 0; } .short-contacts, .user-content .short-contacts { list-style: none; margin: 0; padding: 0; } .short-contacts li, .user-content .short-contacts li { padding: 0 0 10px; margin: 0; } .short-contacts li:last-child, .user-content .short-contacts li:last-child { padding-bottom: 0; } .short-contacts li::before, .user-content .short-contacts li::before { content: none; } .short-contacts { display: inline-block; vertical-align: top; text-align: left; width: 100%; } .short-contacts li { font-size: 0; letter-spacing: -4px; color: #1a1a1a; cursor: default; } .short-contacts li::after { content: ''; display: table; clear: both; } .short-contacts svg { float: left; width: 22px; height: 22px; margin-right: 14px; } .short-contacts path, .short-contacts use { fill: #b2b2b2; } .short-contacts a, .short-contacts li > div { display: block; font-size: 16px; line-height: 22px; margin-left: 36px; color: inherit; text-decoration: none; } .short-contacts a sub, .short-contacts a sup, .short-contacts li > div sub, .short-contacts li > div sup { font-size: 0.6em; } .short-contacts a ~ a, .short-contacts li > div ~ a { margin-top: 5px; } .short-contacts a span, .short-contacts li > div span { letter-spacing: normal; } .short-contacts a[href] span, .short-contacts li > div[href] span { border-bottom: 1px solid #a3a3a3; } .short-contacts a[href^="mailto:"], .short-contacts li > div[href^="mailto:"] { word-wrap: break-word; } .short-contacts a[href^="tel:"] span, .short-contacts a a[href] span, .short-contacts li > div[href^="tel:"] span, .short-contacts li > div a[href] span { border-bottom-color: transparent; } .no-touchevents .short-contacts a[href]:not([href^="tel:"]):hover, .no-touchevents .short-contacts li > div[href]:not([href^="tel:"]):hover { color: #ff6501; } .no-touchevents .short-contacts a[href]:not([href^="tel:"]):hover span, .no-touchevents .short-contacts li > div[href]:not([href^="tel:"]):hover span { border-bottom: 1px solid #ffc199; } /* short contacts end */ /* departments */ .dep-list { border-style: solid; border-width: 0 1px 1px; border-color: #e6e6e6; font-size: 0; letter-spacing: -4px; } .dep-list, .user-content .dep-list { list-style: none; margin: 0 0 4rem; padding: 0; } @media (max-width: 1599px) { .dep-list, .user-content .dep-list { margin-bottom: 2.6rem; } } .dep-list:last-child, .user-content .dep-list:last-child { margin-bottom: 0; } .dep-list > li, .user-content .dep-list > li { padding: 24px 28px; margin: 0; } @media (max-width: 639px) { .dep-list > li, .user-content .dep-list > li { padding-left: 20px; } } .dep-list > li::before, .user-content .dep-list > li::before { content: none; } .dep-list > li { position: relative; border-style: solid; border-color: inherit; border-width: 1px 0 0; min-height: 105px; background-color: white; z-index: 5; overflow: hidden; } .dep-list > li:first-child { overflow: visible; } .dep-img { position: absolute; right: 28px; bottom: 0; padding: 0; margin: 0; width: 80px; font-size: 1.6rem; line-height: 0.025em; } .dep-img::before { content: ""; display: block; position: relative; height: 0; padding-top: 150%; } .dep-img > div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .dep-img img { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; display: block; width: 100%; height: 100%; max-width: none; opacity: 0.5; -webkit-filter: grayscale(1); filter: grayscale(1); } .touchevents .dep-img img { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); } .dep-img > div:first-child img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity: 1; } .dep-list > li:hover { z-index: 10 !important; overflow: visible !important; } .dep-list > li:hover::after { content: none; } .dep-list > li:hover .dep-img::after { opacity: 0; } .dep-list > li:hover .dep-img img { -webkit-filter: grayscale(0); filter: grayscale(0); } .dep-sub-list, .user-content .dep-sub-list { list-style: none; margin: 0; padding: 0 10px 0 0; } .dep-sub-list li, .user-content .dep-sub-list li { padding: 0; margin: 0 0 18px; } .dep-sub-list li::before, .user-content .dep-sub-list li::before { content: none; } .dep-sub-list li:last-child, .user-content .dep-sub-list li:last-child { margin-bottom: 0; } .dep-sub-list li { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; color: inherit; } .dep-sub-list li a { color: inherit; text-decoration: none; } .dep-sub-list li a:hover { color: #ff6501; } .dep-list--horizontal { display: block; border-width: 0; } .dep-list--horizontal > li, .user-content .dep-list--horizontal > li { margin: -1px 0 0 -1px; } .dep-list--horizontal > li { display: inline-block; vertical-align: top; width: calc(25% + 1px); border-width: 1px; overflow: hidden; } .dep-list--horizontal > li:nth-child(-n+4) { overflow: visible; } @media (max-width: 1919px) { .dep-list--horizontal > li { width: calc(50% + 1px); overflow: hidden; } .dep-list--horizontal > li:nth-child(-n+4) { overflow: hidden; } .dep-list--horizontal > li:nth-child(-n+2) { overflow: visible; } } @media (max-width: 1365px) { .dep-list--horizontal > li { width: calc(25% + 1px); } .dep-list--horizontal > li:nth-child(-n+4) { overflow: visible; } } @media (max-width: 1199px) { .dep-list--horizontal > li { width: calc(50% + 1px); overflow: hidden; } .dep-list--horizontal > li:nth-child(-n+4) { overflow: hidden; } .dep-list--horizontal > li:nth-child(-n+2) { overflow: visible; } } /* departments end */ /* main slider (home page) */ .main-slider { height: 100%; background-color: #f2f2f2; color: white; } @media (max-width: 1199px) { .main-slider { color: #1a1a1a; padding-bottom: 0px; } } .main-slider-prev, .main-slider-next, .main-slider-pagination, .main-slider__content { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .main-slider-prev::before, .main-slider-prev::after, .main-slider-next::before, .main-slider-next::after { border-color: white; } @media (max-width: 1199px) { .main-slider-prev::before, .main-slider-prev::after, .main-slider-next::before, .main-slider-next::after { border-color: #1a1a1a; } } .main-slider-pagination { position: absolute; top: 0; left: 0; bottom: auto; width: auto; min-width: 35px; padding-right: 20px; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 20px; line-height: 1; pointer-events: none; } @media (max-width: 1199px) { .main-slider-pagination { position: absolute; width: auto; min-width: 85px; padding-right: 25px; padding-left: 25px; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; text-align: center; color: #1a1a1a; } } .main-slider-pagination::after { content: ""; display: block; position: absolute; left: 100%; top: 50%; width: 100px; height: 0; border-top: 1px solid white; margin-top: -1px; } @media (max-width: 1199px) { .main-slider-pagination::after { /*width: 50px;*/ content: none; } } /* @media (max-width: 639px) { .main-slider-pagination::after { content: none; } } */ .main-slider__item { display: block; position: relative; text-align: center; text-decoration: none; color: currentColor; } /* .main-slider__item::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0); z-index: -1; } @media (max-width: 1199px) { .main-slider__item::before { content: none; } } */ .main-slider__item::after { content: ""; display: inline-block; vertical-align: middle; height: 100%; } @media (max-width: 1199px) { .main-slider__item::after { content: none; } } @media (min-width: 1200px) { .main-slider__img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #f2f2f2; z-index: -2; } } /* @media (max-width: 639px) { .main-slider__img { margin: -20px -20px 2.5rem; } } @media (max-width: 479px) { .main-slider__img { margin-bottom: 1.5rem; } } */ .main-slider__img:last-child { margin-bottom: 0; } .main-slider__img::before { content: none; display: block; height: 0; padding-top: 49.42%; } @media (max-width: 639px) { .main-slider__img::before { content: ""; } } .main-slider__img img { display: block; width: 100%; height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } @media (max-width: 639px) { .main-slider__img img { position: absolute; left: 0; top: 0; } } .main-slider__content { display: none; /* Hide a title of a slide. 2019.03.20 */ /*display: inline-block;*/ /*vertical-align: top;*/ vertical-align: bottom; padding: 0 80px; max-width: calc(100% - 10px); text-align: left; } @media (max-width: 639px) { .main-slider__content { /*display: block;*/ /* Hide a title of a slide. 2019.03.20 */ max-width: none; } } @media (max-width: 991px) { .main-slider__content { padding: 0 60px; } } @media (max-width: 639px) { .main-slider__content { padding: 0; } } .main-slider__title { display: block; overflow: hidden; margin: 0 auto 3rem; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 60px; line-height: 1; text-align: center; max-width: 100%; } @media (max-width: 1439px) { .main-slider__title { font-size: 52px; } } @media (max-width: 1199px) { .main-slider__title { font-size: 48px; } } @media (max-width: 991px) { .main-slider__title { font-size: 40px; } } @media (max-width: 639px) { .main-slider__title { font-size: 26px; line-height: 1.2; margin-bottom: 2rem; text-align: left; } } @media (max-width: 479px) { .main-slider__title { font-size: 20px; max-height: 120px; } } .main-slider__title:last-child { margin-bottom: 0; } .main-slider__footer .more-link { display: inline-block; vertical-align: top; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; color: inherit; } .main-slider__footer .more-link span { display: inline-block; vertical-align: top; line-height: 1.5; border-bottom: 2px solid; } .main-slider__footer .more-link:hover { color: #ff6501; } .main-slider__footer .more-link:hover span { border-color: #ff6501; } /* main slider (home page) end */ /* catalog - m-catalog (home page) */ .m-catalog-title { display: block; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 48px; line-height: 1; letter-spacing: 0.05em; margin-bottom: 0.7em; } @media (max-width: 1919px) { .m-catalog-title { font-size: 40px; } } @media (max-width: 1599px) { .m-catalog-title { font-size: 32px; } } @media (max-width: 639px) { .m-catalog-title { margin-bottom: 0.5em; } } @media (max-width: 479px) { .m-catalog-title { display: none; } } .m-catalog-title:last-child { margin-bottom: 0; } .m-catalog-list { border-style: solid; border-width: 0; border-color: #e6e6e6; font-size: 0; letter-spacing: -4px; } .m-catalog-list, .user-content .m-catalog-list { list-style: none; margin: 0 -1px 0 0; padding: 0; } .m-catalog-list li, .user-content .m-catalog-list li { margin: -1px 0 0 -1px; } .m-catalog-list li::before, .user-content .m-catalog-list li::before { content: none; } .m-catalog-list > li { float: left; overflow: hidden; width: calc(25% + 1px); position: relative; letter-spacing: 0.025em; border-style: solid; border-color: inherit; border-width: 1px; background-color: white; z-index: 5; height: calc((100vh - 100px)/2 + 1px); } @media (max-width: 1599px) { .m-catalog-list > li { height: calc((100vh - 60px)/2 + 1px); } } @media (max-width: 1199px) { .m-catalog-list > li { width: calc(100%/2 + 1px); height: 260px; } } @media (max-width: 639px) { .m-catalog-list > li { height: auto; min-height: 168px; width: calc(100% + 1px); } } @media (max-width: 479px) { .m-catalog-list > li { min-height: 138px; } } .m-catalog-list > li::after { content: ""; display: block; position: absolute; width: 100%; height: 0; left: 0; bottom: 100%; border-style: solid; border-color: inherit; border-width: 1px 0 0; z-index: 10; } .m-catalog-list > li:last-child::after { content: none; } .m-catalog-list[data-length="1"] > li { width: calc(100% + 1px); height: calc(100vh - 100px + 1px); display: none; } @media (max-width: 1599px) { .m-catalog-list[data-length="1"] > li { height: calc(100vh - 60px + 1px); } } @media (max-width: 1199px) { .m-catalog-list[data-length="1"] > li { height: calc((100vh - 60px)/2 + 1px); } } @media (max-width: 639px) { .m-catalog-list[data-length="1"] > li { height: auto; min-height: 168px; width: calc(100% + 1px); } } @media (max-width: 479px) { .m-catalog-list[data-length="1"] > li { min-height: 138px; } } .m-catalog-list[data-length="1"] > li:nth-child(-n+1) { display: block; } .m-catalog-list[data-length="1"] > li .m-catalog-img { left: auto; right: 100px; -ms-transform: none; transform: none; } @media (max-width: 1199px) { .m-catalog-list[data-length="1"] > li .m-catalog-img { right: -6%; } } .m-catalog-list[data-length="2"] > li { width: calc(100%/2 + 1px); height: calc(100vh - 100px + 1px); display: none; } @media (max-width: 1599px) { .m-catalog-list[data-length="2"] > li { height: calc(100vh - 60px + 1px); } } @media (max-width: 1199px) { .m-catalog-list[data-length="2"] > li { height: calc((100vh - 60px)/2 + 1px); } } @media (max-width: 639px) { .m-catalog-list[data-length="2"] > li { height: auto; min-height: 168px; width: calc(100% + 1px); } } @media (max-width: 479px) { .m-catalog-list[data-length="2"] > li { min-height: 138px; } } .m-catalog-list[data-length="2"] > li:nth-child(-n+2) { display: block; } .m-catalog-list[data-length="2"] > li .m-catalog-img { left: auto; right: 100px; -ms-transform: none; transform: none; } @media (max-width: 1199px) { .m-catalog-list[data-length="2"] > li .m-catalog-img { right: -6%; } } .m-catalog-list[data-length="3"] > li { width: calc(100%/2 + 1px); display: none; } .m-catalog-list[data-length="3"] > li:nth-child(-n+3) { display: block; } .m-catalog-list[data-length="3"] > li:first-child { height: calc(100vh - 100px + 1px); } @media (max-width: 1599px) { .m-catalog-list[data-length="3"] > li:first-child { height: calc(100vh - 60px + 1px); } } @media (max-width: 1199px) { .m-catalog-list[data-length="3"] > li:first-child { height: calc((100vh - 60px)/2 + 1px); width: calc(100% + 1px); } .m-catalog-list[data-length="3"] > li:first-child .m-catalog-img { right: 100px; } } @media (max-width: 639px) { .m-catalog-list[data-length="3"] > li:first-child { height: auto; min-height: 168px; width: calc(100% + 1px); } } @media (max-width: 479px) { .m-catalog-list[data-length="3"] > li:first-child { min-height: 138px; } } .m-catalog-list[data-length="3"] > li .m-catalog-img { left: auto; right: 100px; -ms-transform: none; transform: none; } @media (max-width: 1199px) { .m-catalog-list[data-length="3"] > li .m-catalog-img { right: -6%; } } @media (max-width: 639px) { .m-catalog-list[data-length="3"] > li { height: auto; min-height: 168px; width: calc(100% + 1px); } } @media (max-width: 479px) { .m-catalog-list[data-length="3"] > li { min-height: 138px; } } .m-catalog-list[data-length="4"] > li { width: calc(100%/2 + 1px); display: none; } @media (max-width: 639px) { .m-catalog-list[data-length="4"] > li { height: auto; min-height: 168px; width: calc(100% + 1px); } } @media (max-width: 479px) { .m-catalog-list[data-length="4"] > li { min-height: 138px; } } .m-catalog-list[data-length="4"] > li:nth-child(-n+4) { display: block; } .m-catalog-list[data-length="4"] > li .m-catalog-img { left: auto; right: 100px; -ms-transform: none; transform: none; } @media (max-width: 1199px) { .m-catalog-list[data-length="4"] > li .m-catalog-img { right: 0; } } .m-catalog-list[data-length="5"] > li { width: calc(100%/3 + 1px); display: none; } @media (max-width: 1199px) { .m-catalog-list[data-length="5"] > li { width: calc(100%/2 + 1px); } } .m-catalog-list[data-length="5"] > li:nth-child(-n+5) { display: block; } .m-catalog-list[data-length="5"] > li:nth-child(-n+2) { width: calc(100%/2 + 1px); } .m-catalog-list[data-length="5"] > li:nth-child(-n+2) .m-catalog-img { right: 100px; } @media (max-width: 1199px) { .m-catalog-list[data-length="5"] > li:nth-child(-n+2) .m-catalog-img { right: 0; } } @media (max-width: 1199px) { .m-catalog-list[data-length="5"] > li:first-child { height: calc((100vh - 60px)/2 + 1px); width: calc(100% + 1px); } } @media (max-width: 1199px) { .m-catalog-list[data-length="5"] > li:first-child .m-catalog-img { right: 100px; } } @media (max-width: 639px) { .m-catalog-list[data-length="5"] > li { height: auto; min-height: 168px; width: calc(100% + 1px); } } @media (max-width: 479px) { .m-catalog-list[data-length="5"] > li { min-height: 138px; } } .m-catalog-list[data-length="5"] > li .m-catalog-img { left: auto; right: -6%; -ms-transform: none; transform: none; } .m-catalog-list[data-length="6"] > li { width: calc(100%/4 + 1px); display: none; } @media (max-width: 1199px) { .m-catalog-list[data-length="6"] > li { width: calc(100%/2 + 1px); } } .m-catalog-list[data-length="6"] > li:nth-child(-n+6) { display: block; } .m-catalog-list[data-length="6"] > li:nth-child(7n + 1), .m-catalog-list[data-length="6"] > li:nth-child(6n) { width: calc(100%/4*2 + 1px); } .m-catalog-list[data-length="6"] > li:nth-child(7n + 1) .m-catalog-img, .m-catalog-list[data-length="6"] > li:nth-child(6n) .m-catalog-img { left: auto; right: 100px; -ms-transform: none; transform: none; } @media (max-width: 1199px) { .m-catalog-list[data-length="6"] > li:nth-child(7n + 1) .m-catalog-img, .m-catalog-list[data-length="6"] > li:nth-child(6n) .m-catalog-img { right: 0; } } @media (max-width: 1199px) { .m-catalog-list[data-length="6"] > li .m-catalog-img { left: auto; right: -6%; -ms-transform: none; transform: none; } } @media (max-width: 639px) { .m-catalog-list[data-length="6"] > li { height: auto; min-height: 168px; width: calc(100% + 1px); } } @media (max-width: 479px) { .m-catalog-list[data-length="6"] > li { min-height: 138px; } } .m-catalog-list[data-length="7"] > li { width: calc(100%/4 + 1px); display: none; } @media (max-width: 1199px) { .m-catalog-list[data-length="7"] > li { width: calc(100%/2 + 1px); } } .m-catalog-list[data-length="7"] > li:nth-child(-n+7) { display: block; } .m-catalog-list[data-length="7"] > li:nth-child(7n + 1) { width: calc(100%/4*2 + 1px); } .m-catalog-list[data-length="7"] > li:nth-child(7n + 1) .m-catalog-img { left: auto; right: 100px; -ms-transform: none; transform: none; } @media (max-width: 1199px) { .m-catalog-list[data-length="7"] > li:nth-child(7n + 1) .m-catalog-img { right: 0; } } @media (max-width: 1199px) { .m-catalog-list[data-length="7"] > li:first-child { height: calc((100vh - 60px)/2 + 1px); width: calc(100% + 1px); } } @media (max-width: 1199px) { .m-catalog-list[data-length="7"] > li:first-child .m-catalog-img { right: 100px; } } @media (max-width: 639px) { .m-catalog-list[data-length="7"] > li { height: auto; min-height: 168px; width: calc(100% + 1px); } } @media (max-width: 479px) { .m-catalog-list[data-length="7"] > li { min-height: 138px; } } .m-catalog-list[data-length="7"] > li .m-catalog-img { left: auto; right: -6%; -ms-transform: none; transform: none; } .m-catalog-img { position: absolute; left: 50%; bottom: 0; padding: 0; margin: 0; width: 250px; max-width: 80%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: -1; } @media (max-width: 1919px) { .m-catalog-img { width: 230px; } } @media (max-width: 1599px) { .m-catalog-img { width: 200px; } } @media (max-width: 1199px) { .m-catalog-img { width: 170px; left: auto; right: 0; -ms-transform: none; transform: none; } } @media (max-width: 639px) { .m-catalog-img { right: 20px; width: 100px; } } .m-catalog-img::before { content: ""; display: block; position: relative; height: 0; padding-top: 150%; } .m-catalog-img > div { position: absolute; width: 100%; height: 100%; top: 0; left: -15px; } .m-catalog-img img { -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; display: block; width: 100%; height: 100%; max-width: none; } .m-catalog-img::after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: -15px; background-color: rgba(255, 255, 255, 0.75); z-index: 2; } @media (max-width: 1199px) { .m-catalog-img::after { content: none; } } .m-catalog-img img { -webkit-filter: grayscale(1); filter: grayscale(1); } @media (max-width: 1199px) { .m-catalog-img img { -webkit-filter: grayscale(0); filter: grayscale(0); } } .m-catalog-list > li:hover { z-index: 10; } .m-catalog-list > li:hover::after { content: none; } .m-catalog-list > li:hover .m-catalog-img::after { opacity: 0; } .m-catalog-list > li:hover .m-catalog-img img { -webkit-filter: grayscale(0); filter: grayscale(0); } .m-catalog-sub-list, .m-catalog-sub-list .user-content { list-style: none; margin: 0; padding: 0 10px 0 0; } .m-catalog-sub-list li, .m-catalog-sub-list .user-content li { padding: 0; margin: 0 0 18px; } .m-catalog-sub-list li::before, .m-catalog-sub-list .user-content li::before { content: none; } .m-catalog-sub-list li:last-child, .m-catalog-sub-list .user-content li:last-child { margin-bottom: 0; } .m-catalog-sub-list li { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; color: inherit; overflow: hidden; } .m-catalog-sub-list li a { color: inherit; text-decoration: none; padding-top: 0.5em; } .m-catalog-sub-list li a span { /*border-bottom: 2px solid #1a1a1a;*/ border-color: inherit; } .m-catalog-sub-list li a:hover { color: #ff6501; } .m-catalog-sub-list li a:hover span { border-color: #ff6501; } /* catalog - m-catalog (home page) end */ /* services (home page) */ .m-services-container { height: 100%; overflow: hidden; position: relative; } .m-services-container::after { content: ''; display: table; clear: both; } .m-services { height: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .m-services-visual { float: left; width: 50%; height: 100%; /*background-color: #f2f2f2;*/ background-color: #ffffff!important; } @media (max-width: 991px) { .m-services-visual { position: absolute; right: 150%; top: 0; } } .m-services-prev, .m-services-next, .m-services-pagination, .m-services__content { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .m-services__item { position: relative; } .m-services__img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #ffffff; /*background-color: #f2f2f2;*/ z-index: -1; } .m-services__img img { display: block; width: 100%; height: 100%; max-width: none; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .m-services-title { display: block; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 48px; line-height: 1; letter-spacing: 0.05em; color: inherit; margin-bottom: 60px; padding-left: 320px; } @media (max-width: 1919px) { .m-services-title { padding-left: 260px; margin-bottom: 46px; } } @media (max-width: 1599px) { .m-services-title { padding-left: 160px; font-size: 36px; margin-bottom: 0.75em; } } @media (max-width: 1199px) { .m-services-title { font-size: 30px; } } @media (max-width: 991px) { .m-services-title { padding-left: 0; } } @media (max-width: 639px) { .m-services-title { margin-bottom: 0.5em; } } .m-services-pagination { position: relative; z-index: 5; } @media (max-width: 991px) { .m-services-pagination { margin-right: -30px; margin-left: -30px; } .m-services-pagination::after { content: ''; display: table; clear: both; } } @media (max-width: 639px) { .m-services-pagination { margin-right: -20px; margin-left: -20px; } } .m-services__letter { display: block; position: absolute; top: 50%; left: 100%; width: 400px; height: 400px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .m-services__letter svg { display: block; position: absolute; top: 50%; left: 50%; margin-top: 50px; width: 400px; height: 400px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font: 50vmin/1 'minionpro-bold', serif; text-transform: uppercase; } .m-services-thumbs { position: relative; float: right; width: 50%; height: 100%; overflow-y: auto; overflow-x: hidden; z-index: 0; } @media (max-width: 991px) { .m-services-thumbs { float: none; width: auto; height: auto; overflow: visible; } } .m-services-thumbs-align { position: relative; padding-top: 61px; padding-bottom: 61px; min-height: 100%; } .m-services-thumbs-align::before { content: ""; display: block; position: absolute; left: 160px; top: 0; width: 0; height: 100%; border: solid #e6e6e6; border-width: 0 0 0 1px; z-index: 5; pointer-events: none; } @media (max-width: 1599px) { .m-services-thumbs-align::before { left: 100px; } } @media (max-width: 991px) { .m-services-thumbs-align::before { content: none; display: none; left: 40px; } } .m-services-bullet { display: block; position: relative; padding: 20px 0; color: inherit; font-size: 16px; line-height: 24px; text-decoration: none; } @media (max-width: 1919px) { .m-services-bullet { padding-top: 18px; padding-bottom: 18px; } } @media (max-width: 991px) { .m-services-bullet { float: left; width: 50%; padding: 10px 30px; } .m-services-bullet:nth-child(2n + 3) { clear: both; } } @media (max-width: 639px) { .m-services-bullet { width: 100%; float: none; padding: 13px 20px; } } .m-services-bullet::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #fafafa; opacity: 0; z-index: -1; } .m-services-bullet::after { content: ''; display: table; clear: both; } @media (max-width: 639px) { .m-services-bullet::after { content: ""; display: block; position: absolute; left: 20px; right: 20px; top: 0; height: 0; border-top: 1px solid #bfbfbf; } } .m-services-bullet:first-child::after { border: none; } .m-services-bullet > i { display: block; float: left; width: 160px; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 18px; text-align: center; margin-top: 1px; margin-bottom: -1px; } @media (max-width: 1599px) { .m-services-bullet > i { width: 100px; } } @media (max-width: 991px) { .m-services-bullet > i { width: 40px; text-align: left; } } .m-services-bullet > i::after { content: ""; display: block; position: absolute; top: 0; left: 160px; width: 0; height: 100%; border-right: 1px solid #e6e6e6; } @media (max-width: 1599px) { .m-services-bullet > i::after { left: 100px; } } @media (max-width: 991px) { .m-services-bullet > i::after { content: none; display: none; left: 100px; } } .m-services-bullet > span { position: relative; display: block; padding-left: 320px; } @media (max-width: 1919px) { .m-services-bullet > span { padding-left: 260px; } } @media (max-width: 1599px) { .m-services-bullet > span { padding-left: 160px; } } @media (max-width: 991px) { .m-services-bullet > span { padding-left: 40px; } } .m-services-bullet > span::before, .m-services-bullet > span::after { content: ""; display: block; position: absolute; height: 0; border: solid #1a1a1a; border-width: 1px 0 0; top: 50%; left: 160px; opacity: 0; transform: scale3d(0, 1, 1); transition-property: transform, opacity; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); } @media (max-width: 1599px) { .m-services-bullet > span::before, .m-services-bullet > span::after { left: 100px; } } @media (max-width: 991px) { .m-services-bullet > span::before, .m-services-bullet > span::after { content: none; display: none; left: 40px; } } .m-services-bullet > span::before { width: 30px; margin-left: -30px; -ms-transform-origin: right center; transform-origin: right center; } @media (max-width: 1599px) { .m-services-bullet > span::before { width: 25px; margin-left: -25px; } } .m-services-bullet > span::after { width: 70px; -ms-transform-origin: left center; transform-origin: left center; } @media (max-width: 1599px) { .m-services-bullet > span::after { width: 25px; } } .no-touchevents .m-services-bullet:hover::before, .no-touchevents .m-services-bullet.m-services-bullet-active::before { opacity: 1; } .no-touchevents .m-services-bullet:hover > span, .no-touchevents .m-services-bullet.m-services-bullet-active > span { color: #ff6501; } .no-touchevents .m-services-bullet:hover > span::before, .no-touchevents .m-services-bullet:hover > span::after, .no-touchevents .m-services-bullet.m-services-bullet-active > span::before, .no-touchevents .m-services-bullet.m-services-bullet-active > span::after { opacity: 1; transform: scale3d(1, 1, 1); } /* services (home page) end */ /* file download */ .file-download { margin-bottom: 4rem; font-size: 12px; line-height: 1.33; letter-spacing: 0.05em; } @media (max-width: 1599px) { .file-download { margin-bottom: 2.6rem; } } .file-download:last-child { margin-bottom: 0; } .file-download a { display: inline-block; vertical-align: top; padding: 5px 0 5px 36px; color: #1a1a1a; text-decoration: none; text-transform: uppercase; background-image: url(/local/templates/.default/assets/css/../img/depict-download.png); background-repeat: no-repeat; background-size: 20px; } .file-download a:hover { color: #ff6501; } /* file download end */ /* tape slider (home page): News and Promotions */ .tape-slider { height: 100%; color: #1a1a1a; } .tape-slider .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; } .tape-slider-prev, .tape-slider-next, .tape-slider-pagination, .tape-slider__content { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .tape-slider-prev::before, .tape-slider-prev::after, .tape-slider-next::before, .tape-slider-next::after { border-color: #1a1a1a; } .tape-slider-pagination { position: absolute; left: 50%; width: auto; min-width: 85px; padding-right: 25px; padding-left: 25px; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1; text-align: center; color: #b2b2b2; } .tape-slider-pagination::before, .tape-slider-pagination::after { content: ""; display: block; position: absolute; width: 100px; height: 0; top: 50%; border-top: 1px solid #1a1a1a; margin-top: -1px; } @media (max-width: 1199px) { .tape-slider-pagination::before, .tape-slider-pagination::after { content: none; display: none; } } .tape-slider-pagination::before { right: 100%; } .tape-slider-pagination::after { left: 100%; } .tape-slider-pagination .swiper-pagination-current { color: #1a1a1a; } .tape-slider__item { position: relative; width: 445px; height: auto; max-height: none; min-height: 0; } .tape-slider__item::after { content: ''; display: table; clear: both; } /* tape slider (home page): News and Promotions (end) */ /* news previews */ .news-preview__inner { display: block; position: relative; text-decoration: none; color: inherit; padding-bottom: 30px; letter-spacing: 0.025em; height: 100%; } .news-preview__inner::after { content: ''; display: table; clear: both; } @media (max-width: 479px) { .news-preview__inner { padding: 0 20px 20px; } } @media (max-width: 479px) { .news-preview .news-preview__inner { padding: 0; } } .news-preview__date { display: block; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1.33; color: #b2b2b2; margin-bottom: 2.6rem; } @media (max-width: 639px) { .news-preview__date { margin-bottom: 1.5rem; } } .news-preview__img { position: relative; width: 250px; height: auto; max-width: 100%; background-color: #f2f2f2; } @media (max-width: 479px) { .news-preview__img { margin-bottom: 2rem; } } .news-preview__img::before { content: ""; display: block; position: relative; height: 0; padding-top: 100%; } .news-preview__img::after { content: ""; display: block; position: absolute; top: 100%; left: 35px; width: 0; height: 80px; margin-top: -40px; border-left: 1px solid #ff6501; } @media (max-width: 479px) { .news-preview__img::after { content: none; } } .news-preview__img img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } @media (max-width: 1439px) { .news-preview .news-preview__img { width: 200px; } } @media (max-width: 767px) { .news-preview .news-preview__img { margin-bottom: 2rem; } } @media (max-width: 767px) { .news-preview .news-preview__img::after { content: none; } } .news-preview__content { display: block; position: relative; margin-bottom: 2.6rem; background-color: white; opacity: .85; } @media (max-width: 479px) { .news-preview__content { margin: 0 0 2rem; padding: 0; background: none; opacity: .85; } } .news-preview__img ~ .news-preview__content { float: right; width: calc(100% - 125px); margin-top: -125px; margin-left: 125px; margin-bottom: 0; padding: 20px 30px; opacity: .85; } @media (max-width: 479px) { .news-preview__img ~ .news-preview__content { float: none; width: auto; margin-top: 0; margin-left: 0; padding: 0; opacity: .85; } } @media (max-width: 1439px) { .news-preview .news-preview__img ~ .news-preview__content { width: calc(100% - 100px); margin-top: -100px; margin-left: 100px; margin-bottom: 0; padding: 14px 20px; } } @media (max-width: 767px) { .news-preview .news-preview__img ~ .news-preview__content { float: none; width: auto; margin: 0 0 2rem; padding: 0; background: none; } } .news-preview__text { display: block; position: relative; overflow: hidden; font-size: 1.6rem; line-height: 1.88; } .news-preview__img ~ .news-preview__content .news-preview__text { height: 15rem; } @media (max-width: 479px) { .news-preview__img ~ .news-preview__content .news-preview__text { height: auto; } } .news-preview .news-preview__text { height: auto; min-height: 15rem; } @media (max-width: 1439px) { .news-preview .news-preview__text { font-size: 1.5rem; line-height: 1.67; min-height: 13rem; } } @media (max-width: 479px) { .news-preview .news-preview__text { min-height: 0; } } .news-preview__footer { display: block; position: absolute; width: 100%; height: auto; bottom: 0; left: 0; } @media (max-width: 479px) { .news-preview__footer { position: relative; bottom: auto; left: auto; } } @media (max-width: 767px) { .news-preview .news-preview__footer { position: relative; bottom: auto; left: auto; } } .news-preview__footer .more-link { display: inline-block; vertical-align: top; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 30px; letter-spacing: 0.2em; text-transform: uppercase; text-decoration: none; color: inherit; } .news-preview__footer .more-link span { display: inline-block; vertical-align: top; border-bottom: 2px solid #1a1a1a; line-height: 28px; } .news-preview__footer .more-link:hover { color: #ff6501; } .news-preview__footer .more-link:hover span { border-color: #ff6501; } .no-image .news-preview__img { background-image: url(/local/templates/.default/assets/css/../img/no-img.png); background-color: #f2f2f2; background-position: center; background-repeat: no-repeat; background-size: 50%; } .news-preview { max-width: 980px; } .news-preview__list { margin-bottom: 3rem; margin-left: -30px; margin-right: -30px; font-size: 0; letter-spacing: -4px; } @media (max-width: 1599px) { .news-preview__list { margin-bottom: 80px; margin-left: -21px; margin-right: -21px; } } @media (max-width: 1199px) { .news-preview__list { margin-left: -15px; margin-right: -15px; } } .news-preview__list:last-child { margin-bottom: 0; } .news-previews__item { display: inline-block; vertical-align: top; width: 50%; padding-left: 30px; padding-right: 30px; } .news-previews__item, .news-previews__item:nth-last-child(n+3) { margin-bottom: 60px; } .news-previews__item:nth-last-child(-n+2) { margin-bottom: 0; } @media (max-width: 1599px) { .news-previews__item { width: 50%; padding-left: 21px; padding-right: 21px; } .news-previews__item, .news-previews__item:nth-last-child(n+3) { margin-bottom: 50px; } .news-previews__item:nth-last-child(-n+2) { margin-bottom: 0; } } @media (max-width: 1199px) { .news-previews__item { width: 50%; padding-left: 15px; padding-right: 15px; } .news-previews__item, .news-previews__item:nth-last-child(n+3) { margin-bottom: 50px; } .news-previews__item:nth-last-child(-n+2) { margin-bottom: 0; } } @media (max-width: 479px) { .news-previews__item { width: 100%; padding-left: 15px; padding-right: 15px; } .news-previews__item, .news-previews__item:nth-last-child(n+2) { margin-bottom: 40px; } .news-previews__item:nth-last-child(-n+1) { margin-bottom: 0; } } .row-view-activated.news-preview__list { margin-left: 0; margin-right: 0; } .row-view-activated .news-previews__item { width: 100%; padding-left: 0; padding-right: 0; border: dashed #e6e6e6; border-width: 0 0 1px; height: auto !important; } .row-view-activated .news-previews__item, .row-view-activated .news-previews__item:nth-last-child(n+2) { margin-bottom: 0; } .row-view-activated .news-previews__item:nth-last-child(-n+1) { margin-bottom: 0; } .row-view-activated .news-previews__item:first-child { border-width: 1px 0; } .row-view-activated .news-preview__inner { padding: 30px 0; } @media (max-width: 639px) { .row-view-activated .news-preview__inner { padding: 20px 0; } } .row-view-activated .news-preview__date { float: left; width: 135px; margin: -4px 0; } @media (max-width: 1439px) { .row-view-activated .news-preview__date { width: 120px; } } @media (max-width: 639px) { .row-view-activated .news-preview__date { float: none; width: auto; margin: 0 0 0.5em; } } .row-view-activated .news-preview__img { float: left; width: 50px; margin-right: 50px; margin-bottom: 0; } @media (max-width: 1439px) { .row-view-activated .news-preview__img { margin-right: 30px; } } @media (max-width: 639px) { .row-view-activated .news-preview__img { margin-right: 20px; } } .row-view-activated .news-preview__img::after { content: none; } .row-view-activated .news-preview__content, .row-view-activated .news-preview__img ~ .news-preview__content { float: none; overflow: hidden; margin: -8px 0; padding: 0; background-color: transparent; } @media (max-width: 1439px) { .row-view-activated .news-preview__content, .row-view-activated .news-preview__img ~ .news-preview__content { margin: -6px 0; } } .row-view-activated .news-preview__text, .row-view-activated .news-preview__img ~ .news-preview__content .news-preview__text { height: auto; min-height: 0; max-height: none; } .row-view-activated .news-preview__footer { display: none; } .row-view-activated a.news-preview__inner:hover .news-preview__text { color: #ff6501; } /* news previews end */ /* previews tabs */ .previews-tabs { position: relative; height: 100%; } .previews-tabs__nav { position: absolute; width: 100%; height: auto; top: 0; left: 0; z-index: 5; } @media (max-width: 1199px) { .previews-tabs__nav { position: relative; left: auto; top: auto; } } .previews-tabs__nav .view-all { float: right; } @media (max-width: 639px) { .previews-tabs__nav .view-all { float: none; } } .previews-tabs__nav .view-all a { display: none; } .activeIs-newsPreviews .previews-tabs__nav .view-all a.all-news { display: inline-block; } .activeIs-newsPromotions .previews-tabs__nav .view-all a.all-promotions { display: inline-block; } .previews-tabs__thumbs { display: inline-block; vertical-align: top; font-size: 0; letter-spacing: -4px; position: relative; padding-right: 50px; } @media (max-width: 1199px) { .previews-tabs__thumbs { padding-right: 30px; } } @media (max-width: 639px) { .previews-tabs__thumbs { display: block; padding-right: 0; margin-bottom: 1rem; } } .previews-tabs__thumbs::before, .previews-tabs__thumbs::after { content: ""; display: block; position: absolute; width: 100px; height: 0; top: 50%; border-top: 1px solid #1a1a1a; margin-top: -1px; } @media (max-width: 1199px) { .previews-tabs__thumbs::before, .previews-tabs__thumbs::after { width: 50px; } } .previews-tabs__thumbs::before { content: none; } .previews-tabs__thumbs::after { left: 100%; } @media (max-width: 639px) { .previews-tabs__thumbs::after { content: none; } } .heading .previews-tabs__thumbs { margin-bottom: 2rem; } @media (max-width: 1599px) { .heading .previews-tabs__thumbs { margin-bottom: 1rem; } } .previews-tabs__tab { position: relative; display: inline-block; vertical-align: top; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 48px; line-height: 52px; letter-spacing: 0.025em; padding-right: 1.6em; } @media (max-width: 1599px) { .previews-tabs__tab { font-size: 36px; line-height: 40px; } } @media (max-width: 1199px) { .previews-tabs__tab { font-size: 30px; line-height: 36px; } } @media (max-width: 639px) { .previews-tabs__tab { padding-right: 10px; margin-bottom: 0; } } .previews-tabs__tab::after { content: ""; display: block; position: absolute; width: 0; height: 52px; top: 50%; right: 0.8em; border-left: 2px solid #b2b2b2; margin-top: -1px; -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 1599px) { .previews-tabs__tab::after { height: 36px; } } @media (max-width: 639px) { .previews-tabs__tab::after { display: none; } } .previews-tabs__tab:last-child { padding-right: 0; } .previews-tabs__tab:last-child::after { content: none; } .previews-tabs__tab a { text-decoration: none; color: inherit; } .previews-tabs__tab a span { border-bottom: 2px solid transparent; } .previews-tabs__tab a:hover:not(.active-tab) span { border-color: #1a1a1a; } .previews-tabs__tab a.active-tab { color: #ff6501; cursor: default; } .previews-tabs__panels { height: 100%; overflow: hidden; } .previews-tabs__panel { height: 100%; } /* previews tabs end */ /* box options */ .box-options { margin-bottom: 2rem; } .box-options::after { content: ''; display: table; clear: both; } @media (max-width: 639px) { .box-options { display: none; } } .box-options:last-child { margin-bottom: 0; } .box-options__label { float: left; min-height: 10px; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 1.8rem; line-height: 1.67; color: #b2b2b2; } @media (max-width: 1365px) { .box-options__label { display: none; } } /* box options end */ /* custom table */ .c-table { display: table; width: 100%; } .c-thead { display: table-header-group; } .c-tbody { display: table-row-group; } .c-tfoot { display: table-footer-group; } .c-tr { display: table-row; color: inherit; text-decoration: none; } .c-tr.c-tr--head .c-td { background-color: #fafafa; } .c-tr.c-tr--removed .c-td { background-color: #fff7f2; color: #b3b3b3; text-decoration: line-through; } .c-tr.c-tr--removed .caption-for-table { pointer-events: none; } .c-tr.c-tr--removed .img-for-table { opacity: 0.35; } a.c-tr:hover { color: #ff6501; } .c-th, .c-td { display: table-cell; } .c-th { padding: 15px 15px; border-left: 2px solid white; border-bottom: 1px solid #e6e6e6; background-color: #f2f2f2; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 1.3rem; line-height: 20px; letter-spacing: 0.1em; text-align: left; text-transform: uppercase; vertical-align: middle; } @media (max-width: 1599px) { .c-th { padding: 15px 8px; letter-spacing: normal; } } @media (max-width: 1365px) { .c-th { font-size: 1.1rem; } } @media (max-width: 1199px) { .c-th { padding: 12px 5px; letter-spacing: -0.05em; } } .c-th:first-child, .c-th.c-th--title { border-left: none; } .c-th > svg { display: inline-block; vertical-align: top; } .c-th--pack-length, .c-th--pack-total { white-space: nowrap; } .c-th--del { text-align: center; } .c-th--del > span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .c-th--del > span:active, .c-th--del > span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .c-td { padding: 20px 15px; vertical-align: middle; border: solid #e6e6e6; border-width: 0 0 1px; font-size: 1.6rem; line-height: 1.5; } @media (max-width: 1599px) { .c-td { padding: 16px 8px; font-size: 1.4rem; } } @media (max-width: 1199px) { .c-td { letter-spacing: normal; padding: 12px 5px; font-size: 1.2rem; } } .c-td a { text-decoration: none; color: inherit; } .no-touchevents .c-td a:hover { color: #ff6501; } .c-td--caption { min-width: 240px; width: 400px; padding-top: 10px; padding-bottom: 10px; } @media (max-width: 1365px) { .c-td--caption { width: 280px; } } .c-td--photo { padding-top: 10px; padding-bottom: 10px; } .c-td--growth { min-width: 100px; } @media (max-width: 1199px) { .c-td--growth { min-width: 80px; } } .c-td--packs-length { box-sizing: content-box; min-width: 114px; width: 114px; } .c-td--price, .c-td--price-sum { min-width: 140px; } @media (max-width: 1599px) { .c-td--price, .c-td--price-sum { min-width: 110px; } } @media (max-width: 1365px) { .c-td--price, .c-td--price-sum { min-width: 100px; } } @media (max-width: 1199px) { .c-td--price, .c-td--price-sum { min-width: 80px; } } .c-td--del { min-width: 60px; text-align: center; padding: 5px 0; } @media (max-width: 1199px) { .c-td--del { min-width: 40px; } } .c-td--del .btn-del { width: 40px; height: 40px; } .c-td--length, .c-td--length-sum, .c-td--price, .c-td--price-sum, .c-td--length-total { white-space: nowrap; } .c-td--removed-info { text-align: right; } .c-tfoot .c-td { background-color: #f2f2f2; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.2em; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; border-width: 0; } @media (max-width: 1599px) { .c-tfoot .c-td { font-size: 1.3rem; } } @media (max-width: 1199px) { .c-tfoot .c-td { font-size: 1.2rem; } } .c-table-result { position: relative; line-height: 0; background-color: #f2f2f2; } .c-table-result::after { content: ''; display: table; clear: both; } .c-table-result__total { display: inline-block; vertical-align: middle; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.2em; text-transform: uppercase; padding: 15px 15px; } @media (max-width: 1599px) { .c-table-result__total { font-size: 1.3rem; padding: 15px 8px; } } @media (max-width: 1199px) { .c-table-result__total { padding: 12px 5px; font-size: 1.2rem; } } .c-table-result__label { display: inline-block; vertical-align: top; margin-right: 10px; } @media (max-width: 479px) { .c-table-result__label { display: block; margin-right: 0; } } .c-table-result__count, .c-table-result__price { color: #ff6501; } .c-td { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; will-change: transform, opacity; transition-property: transform, opacity; transition-duration: 0.2s; } .remove-candidate-js .c-td { opacity: 0.15; } @media (max-width: 991px) { .cart-order .c-table, .cart-order .c-thead, .cart-order .c-tbody, .cart-order .c-tfoot, .cart-order .c-tr, .cart-order .c-th, .cart-order .c-td { display: block; } } @media (max-width: 991px) { .cart-order .c-table { margin-right: -30px; margin-left: -30px; width: auto; } } @media (max-width: 639px) { .cart-order .c-table { margin-left: -20px; margin-right: -20px; } } @media (max-width: 991px) { .cart-order .c-thead { display: none; } } @media (max-width: 991px) { .cart-order .c-tr { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 30px; padding-left: 115px; border: solid #e6e6e6; border-width: 1px 0 0; } } @media (max-width: 767px) { .cart-order .c-tr { padding-left: 30px; } } @media (max-width: 639px) { .cart-order .c-tr { padding-right: 20px; padding-left: 20px; } } @media (max-width: 991px) { .cart-order .c-td { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1 1; flex: 1 1; font-size: 1.4rem; border-bottom-width: 0; } } .cart-order .c-td::before { content: attr(data-label); font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; font-size: 12px; letter-spacing: normal; color: #999; display: none; } @media (max-width: 991px) { .cart-order .c-td--caption { padding-left: 0; } } @media (max-width: 991px) { .cart-order .c-td--del { width: 40px; min-width: 40px; max-width: 40px; padding: 0; } } @media (max-width: 767px) { .cart-order .c-td--del { position: relative; top: auto; right: auto; height: auto; width: auto; max-width: 100%; min-width: 100%; font-size: 12px; line-height: 1; text-align: left; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 767px) { .cart-order .btn-del { height: auto; width: auto; padding: 12px 5px; padding-left: 20px; position: relative; text-align: left; } } @media (max-width: 767px) { .cart-order .btn-del .svg-ico-close { position: absolute; left: 0; top: 50%; margin: 0; -ms-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 767px) { .cart-order .btn-del span { display: block; } } @media (max-width: 991px) { .cart-order .c-td--size { padding-left: 0; } } @media (max-width: 991px) { .cart-order .c-td--price, .cart-order .c-td--price-sum { width: auto; max-width: 100px; min-width: 100px; } } @media (max-width: 767px) { .cart-order .c-td--price, .cart-order .c-td--price-sum { max-width: none; min-width: 0; } } @media (max-width: 991px) { .cart-order .caption-for-table .img-for-table { margin-right: 15px; } } @media (max-width: 767px) { .cart-order .c-td--packs-length { width: auto; max-width: 70px; min-width: 70px; } } @media (max-width: 767px) { .cart-order .ui-spinner { height: auto !important; vertical-align: top; padding-right: 0; padding-left: 0; } .cart-order .ui-spinner a.ui-spinner-button { display: none; } } @media (max-width: 991px) { .cart-order .c-tr--head { -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f7f7f7; padding-left: 30px; } } @media (max-width: 767px) { .cart-order .c-tr--head { -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 639px) { .cart-order .c-tr--head { padding-left: 20px; } } @media (max-width: 991px) { .cart-order .c-tr--head .c-td { display: block; background-color: transparent; border: none; } } @media (max-width: 767px) { .cart-order .c-tr--head .c-td { width: auto; max-width: none; min-width: 0; box-sizing: border-box; } } @media (max-width: 639px) { .cart-order .c-tr--head .c-td { -ms-flex-preferred-size: calc(100% / 3); flex-basis: calc(100% / 3); max-width: calc(100% / 3); min-width: calc(100% / 3); } } @media (max-width: 991px) { .cart-order .c-tr--head .c-td:nth-child(3) { margin-left: 85px; } } @media (max-width: 767px) { .cart-order .c-tr--head .c-td:nth-child(3) { margin-left: 0; } } @media (max-width: 991px) { .cart-order .c-tr--head .c-td[data-label]::before { display: block; margin-bottom: 0.2em; } } @media (max-width: 991px) { .cart-order .c-tr--head .c-td--caption { display: -ms-flexbox; display: flex; width: auto; max-width: 400px; min-width: 400px; padding-bottom: 0; border-bottom: none; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; } .cart-order .c-tr--head .c-td--caption::before { content: none; } } @media (max-width: 767px) { .cart-order .c-tr--head .c-td--caption { max-width: 300px; min-width: 300px; font-size: 1.4rem; } } @media (max-width: 479px) { .cart-order .c-tr--head .c-td--caption { max-width: 100%; min-width: 100%; padding-right: 0; padding-left: 0; } } @media (max-width: 991px) { .cart-order .c-tr--head .c-td--model { display: -ms-flexbox; display: flex; -ms-flex: 1 1; flex: 1 1; width: auto; min-width: calc(100% - 400px); max-width: calc(100% - 400px); padding-bottom: 0; border-bottom: none; padding-right: 40px; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; } .cart-order .c-tr--head .c-td--model::before { content: none; } } @media (max-width: 767px) { .cart-order .c-tr--head .c-td--model { min-width: calc(100% - 300px); max-width: calc(100% - 300px); padding-right: 0; } } @media (max-width: 479px) { .cart-order .c-tr--head .c-td--model { max-width: 100%; min-width: 100%; padding-right: 0; padding-left: 0; } } @media (max-width: 767px) { .cart-order .c-tr--head .c-td--size, .cart-order .c-tr--head .c-td--height, .cart-order .c-tr--head .c-td--length, .cart-order .c-tr--head .c-td--price { display: none; } } @media (max-width: 991px) { .cart-order .c-tr--head .c-td--packs-length { padding-left: 0; } } @media (max-width: 991px) { .cart-order .c-tr--head .c-td--price-sum { margin-right: 40px; } } @media (max-width: 767px) { .cart-order .c-tr--head .c-td--price-sum { margin-right: 0; padding-right: 0; } } @media (max-width: 991px) { .cart-order .c-tr--head .c-td--del { position: absolute; right: 30px; top: 20px; padding: 0; width: 40px; height: 40px; border: none; } } @media (max-width: 767px) { .cart-order .c-tr--head .c-td--del { position: relative; top: auto; right: auto; width: auto; min-width: 100%; max-width: 100%; height: auto; } } @media (max-width: 767px) { .cart-order .c-tr--child .c-td { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; padding-bottom: 0; -ms-flex: auto; flex: auto; box-sizing: border-box; } } @media (max-width: 479px) { .cart-order .c-tr--child .c-td { max-width: calc(100% / 4); min-width: calc(100% / 4); } } @media (max-width: 767px) { .cart-order .c-tr--child .c-td::before { display: block; font-size: 10px; font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-width: 100%; margin-bottom: 0.4em; } } .cart-order .c-tr--child .c-td .c-td__val { min-width: 100%; line-height: 30px; } @media (max-width: 991px) { .cart-order .c-tr--child .c-td--caption { display: none; } } @media (max-width: 991px) { .cart-order .c-tr--child .c-td--model { display: none; } } @media (max-width: 479px) { .cart-order .c-tr--child .c-td--length { padding-right: 0; } } @media (max-width: 479px) { .cart-order .c-tr--child .c-td--length-total { padding-left: 0; } } @media (max-width: 767px) { .cart-order .c-tr--child .c-td--price-sum { padding-right: 0; } } .cart-order .c-tr--child .c-td--del { margin-top: 10px; } @media (max-width: 479px) { .cart-order .c-tr--child .c-td--del { max-width: 100%; min-width: 100%; } } @media (max-width: 767px) { .cart-order .c-tr--child .c-td--del::before { display: none; } } @media (max-width: 991px) { .cart-order .c-tr--removed { background-color: #fff7f2; padding-left: 30px; } } @media (max-width: 639px) { .cart-order .c-tr--removed { padding-left: 20px; } } @media (max-width: 767px) { .cart-order .c-tr--removed .c-td { padding-bottom: 0; } } @media (max-width: 991px) { .cart-order .c-tr--removed .c-td--caption { width: auto; min-width: 400px; max-width: 400px; } } @media (max-width: 767px) { .cart-order .c-tr--removed .c-td--caption { min-width: 300px; max-width: 300px; } } @media (max-width: 991px) { .cart-order .c-tr--removed .c-td--caption .td__val { width: 100%; } } @media (max-width: 991px) { .cart-order .c-tr--removed .c-td--model { width: auto; max-width: 100px; min-width: 100px; } } @media (max-width: 639px) { .cart-order .c-tr--removed .c-td--removed-info { max-width: 100%; min-width: 100%; padding-right: 0; padding-left: 0; } } @media (max-width: 767px) { .cart-order .c-tr--removed .c-td--del { text-decoration: none; } } @media (max-width: 991px) { .cart-order .c-tr--removed .title-for-table { max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } @media (max-width: 991px) { .cart-order .c-tfoot .c-tr { -ms-flex-pack: end; justify-content: flex-end; background-color: #f2f2f2; padding-left: 30px; border-bottom-width: 1px; } } @media (max-width: 639px) { .cart-order .c-tfoot .c-tr { padding-left: 20px; padding-bottom: 10px; } } @media (max-width: 991px) { .cart-order .c-tfoot .c-td { -ms-flex: 0 1; flex: 0 1; font-size: 1.4rem; } } @media (max-width: 639px) { .cart-order .c-tfoot .c-td { font-size: 1.2rem; padding-top: 10px; padding-bottom: 0; } } @media (max-width: 639px) { .cart-order .c-tfoot .c-td:first-child { max-width: 100%; min-width: 100%; text-align: right; -ms-flex-pack: end; justify-content: flex-end; } } /* custom table end */ /* color pic */ .color-pics { cursor: default; } .color-pic { display: inline-block; vertical-align: top; width: 16px; height: 16px; border-radius: 50%; font-size: 0; line-height: 0; } .color-pic[style*="#fff"] { box-shadow: inset 0 0 0 1px #d9d9d9; } .color-pics .color-pic { margin-right: 16px; margin-top: 10px; } /* color pic end */ /* order list */ .caption-for-table { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; } @media (max-width: 1199px) and (min-width: 992px) { .order-calc .caption-for-table { display: block; } } .img-for-table { display: block; width: 70px; height: 70px; text-decoration: none; color: inherit; position: relative; background-color: #fff; } .c-tr--child .img-for-table { height: 0; } .caption-for-table .img-for-table { margin-right: 15px; } @media (max-width: 1599px) { .caption-for-table .img-for-table { margin-right: 8px; } } @media (max-width: 1199px) { .caption-for-table .img-for-table { margin-right: 5px; } } @media (max-width: 1199px) and (min-width: 992px) { .order-calc .caption-for-table .img-for-table { margin-right: 0; margin-bottom: 10px; } } .no-image .img-for-table { background: url(/local/templates/.default/assets/css/../img/no-img-product.png) no-repeat center; background-size: contain; } .img-for-table img { position: absolute; left: 0; top: 0; width: 70px; height: 70px; display: block; max-width: none; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .title-for-table { padding-top: 5px; padding-bottom: 5px; } .caption-for-table .title-for-table { -ms-flex: 1 1; flex: 1 1; } .order-list__color, .color-indicator { white-space: nowrap; vertical-align: middle; overflow: hidden; line-height: 16px; } .order-list__color .color-pic, .color-indicator .color-pic { vertical-align: middle; margin-right: 5px; } .order-list__color .dash, .color-indicator .dash { display: inline-block; vertical-align: middle; } @media (max-width: 1439px) { .order-list__color .dash, .color-indicator .dash { display: none; } } .order-list__color .color-name, .color-indicator .color-name { display: inline-block; vertical-align: middle; line-height: 1.3; } @media (max-width: 1365px) { .order-list__color .color-name, .color-indicator .color-name { display: none; } } .c-table-result__total.hide-before-calc { display: none; } .c-table-result__total.show { display: inline-block; } @media (max-width: 767px) { .c-table-result__total.show { display: block; } } .order-calc__empty { display: none; padding: 8px; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; color: #ff203b; } @media (max-width: 639px) { .order-calc__empty { font-size: 14px; } } .order-calc__empty-alert { animation-delay: 0.33s; animation-duration: 2s; opacity: 0; visibility: hidden; -ms-transform: translateX(50px); transform: translateX(50px); } @keyframes cartEmpty { 0% { opacity: 0; visibility: visible; transform: translateX(50px); } 13% { opacity: 1; transform: translateX(0); } 87% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; visibility: hidden; transform: translateX(50px); } } .order-calc__hasnt-items .order-calc__empty { display: block; } .order-calc__hasnt-items .order-calc__empty-alert { animation-name: cartEmpty; } .order-calc__hasnt-items .c-table, .order-calc__hasnt-items .c-table-result { display: none; } /* order list end */ /* stock tape */ .stock-tape { display: block; position: relative; width: 90px; height: 10px; background-color: white; box-shadow: inset 0 0 0 1px #e6e6e6; } @media (max-width: 1365px) { .stock-tape { width: 70px; height: 16px; } } @media (max-width: 991px) { .stock-tape { width: 90px; height: 10px; margin: 0; } } .stock-tape-value { background-color: gray; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; } .stock-tape-value[style*="1%"] { background-color: #d70000; } .stock-tape-value[style*="2%"] { background-color: #d70400; } .stock-tape-value[style*="3%"] { background-color: #d70900; } .stock-tape-value[style*="4%"] { background-color: #d70d00; } .stock-tape-value[style*="5%"] { background-color: #d71200; } .stock-tape-value[style*="6%"] { background-color: #d71600; } .stock-tape-value[style*="7%"] { background-color: #d71a00; } .stock-tape-value[style*="8%"] { background-color: #d71f00; } .stock-tape-value[style*="9%"] { background-color: #d72300; } .stock-tape-value[style*="10%"] { background-color: #d72700; } .stock-tape-value[style*="11%"] { background-color: #d72c00; } .stock-tape-value[style*="12%"] { background-color: #d73000; } .stock-tape-value[style*="13%"] { background-color: #d73500; } .stock-tape-value[style*="14%"] { background-color: #d73900; } .stock-tape-value[style*="15%"] { background-color: #d73d00; } .stock-tape-value[style*="16%"] { background-color: #d74200; } .stock-tape-value[style*="17%"] { background-color: #d74600; } .stock-tape-value[style*="18%"] { background-color: #d74b00; } .stock-tape-value[style*="19%"] { background-color: #d74f00; } .stock-tape-value[style*="20%"] { background-color: #d75300; } .stock-tape-value[style*="21%"] { background-color: #d75800; } .stock-tape-value[style*="22%"] { background-color: #d75c00; } .stock-tape-value[style*="23%"] { background-color: #d76100; } .stock-tape-value[style*="24%"] { background-color: #d76500; } .stock-tape-value[style*="25%"] { background-color: #d76900; } .stock-tape-value[style*="26%"] { background-color: #d76e00; } .stock-tape-value[style*="27%"] { background-color: #d77200; } .stock-tape-value[style*="28%"] { background-color: #d77600; } .stock-tape-value[style*="29%"] { background-color: #d77b00; } .stock-tape-value[style*="30%"] { background-color: #d77f00; } .stock-tape-value[style*="31%"] { background-color: #d78400; } .stock-tape-value[style*="32%"] { background-color: #d78800; } .stock-tape-value[style*="33%"] { background-color: #d78c00; } .stock-tape-value[style*="34%"] { background-color: #d79100; } .stock-tape-value[style*="35%"] { background-color: #d79500; } .stock-tape-value[style*="36%"] { background-color: #d79a00; } .stock-tape-value[style*="37%"] { background-color: #d79e00; } .stock-tape-value[style*="38%"] { background-color: #d7a200; } .stock-tape-value[style*="39%"] { background-color: #d7a700; } .stock-tape-value[style*="40%"] { background-color: #d7ab00; } .stock-tape-value[style*="41%"] { background-color: #d7b000; } .stock-tape-value[style*="42%"] { background-color: #d7b400; } .stock-tape-value[style*="43%"] { background-color: #d7b800; } .stock-tape-value[style*="44%"] { background-color: #d7bd00; } .stock-tape-value[style*="45%"] { background-color: #d7c100; } .stock-tape-value[style*="46%"] { background-color: #d7c500; } .stock-tape-value[style*="47%"] { background-color: #d7ca00; } .stock-tape-value[style*="48%"] { background-color: #d7ce00; } .stock-tape-value[style*="49%"] { background-color: #d7d300; } .stock-tape-value[style*="50%"] { background-color: #d7d700; } .stock-tape-value[style*="51%"] { background-color: #d7d700; } .stock-tape-value[style*="52%"] { background-color: #d3d600; } .stock-tape-value[style*="53%"] { background-color: #ced500; } .stock-tape-value[style*="54%"] { background-color: #cad300; } .stock-tape-value[style*="55%"] { background-color: #c5d200; } .stock-tape-value[style*="56%"] { background-color: #c1d100; } .stock-tape-value[style*="57%"] { background-color: #bdd000; } .stock-tape-value[style*="58%"] { background-color: #b8ce00; } .stock-tape-value[style*="59%"] { background-color: #b4cd00; } .stock-tape-value[style*="60%"] { background-color: #b0cc00; } .stock-tape-value[style*="61%"] { background-color: #abcb00; } .stock-tape-value[style*="62%"] { background-color: #a7ca00; } .stock-tape-value[style*="63%"] { background-color: #a2c800; } .stock-tape-value[style*="64%"] { background-color: #9ec700; } .stock-tape-value[style*="65%"] { background-color: #9ac600; } .stock-tape-value[style*="66%"] { background-color: #95c500; } .stock-tape-value[style*="67%"] { background-color: #91c300; } .stock-tape-value[style*="68%"] { background-color: #8cc200; } .stock-tape-value[style*="69%"] { background-color: #88c100; } .stock-tape-value[style*="70%"] { background-color: #84c000; } .stock-tape-value[style*="71%"] { background-color: #7fbf00; } .stock-tape-value[style*="72%"] { background-color: #7bbd00; } .stock-tape-value[style*="73%"] { background-color: #76bc00; } .stock-tape-value[style*="74%"] { background-color: #72bb00; } .stock-tape-value[style*="75%"] { background-color: #6eba00; } .stock-tape-value[style*="76%"] { background-color: #69b800; } .stock-tape-value[style*="77%"] { background-color: #65b700; } .stock-tape-value[style*="78%"] { background-color: #61b600; } .stock-tape-value[style*="79%"] { background-color: #5cb500; } .stock-tape-value[style*="80%"] { background-color: #58b300; } .stock-tape-value[style*="81%"] { background-color: #53b200; } .stock-tape-value[style*="82%"] { background-color: #4fb100; } .stock-tape-value[style*="83%"] { background-color: #4bb000; } .stock-tape-value[style*="84%"] { background-color: #46af00; } .stock-tape-value[style*="85%"] { background-color: #42ad00; } .stock-tape-value[style*="86%"] { background-color: #3dac00; } .stock-tape-value[style*="87%"] { background-color: #39ab00; } .stock-tape-value[style*="88%"] { background-color: #35aa00; } .stock-tape-value[style*="89%"] { background-color: #30a800; } .stock-tape-value[style*="90%"] { background-color: #2ca700; } .stock-tape-value[style*="91%"] { background-color: #27a600; } .stock-tape-value[style*="92%"] { background-color: #23a500; } .stock-tape-value[style*="93%"] { background-color: #1fa400; } .stock-tape-value[style*="94%"] { background-color: #1aa200; } .stock-tape-value[style*="95%"] { background-color: #16a100; } .stock-tape-value[style*="96%"] { background-color: #12a000; } .stock-tape-value[style*="97%"] { background-color: #0d9f00; } .stock-tape-value[style*="98%"] { background-color: #099d00; } .stock-tape-value[style*="99%"] { background-color: #049c00; } .stock-tape-value[style*="100%"] { background-color: #009b00; } /* stock tape end */ /* pseudotabs */ .pseudotabs { margin-bottom: 3rem; } @media (max-width: 1599px) { .pseudotabs { margin-bottom: 2.6rem; } } .pseudotabs:last-child { margin-bottom: 0; } .pseudotabs-nav { font-size: 0; letter-spacing: -4px; margin: 0 -20px 2rem; } @media (max-width: 1599px) { .pseudotabs-nav { margin-bottom: 1rem; } } @media (max-width: 767px) { .pseudotabs-nav { margin-right: -10px; margin-left: -10px; } } .pseudotabs-nav.align-center { text-align: center; } .pseudotabs-tab { display: inline-block; vertical-align: top; margin: 0 20px 2rem; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 2.8rem; line-height: 1; letter-spacing: 0.025em; } @media (max-width: 1599px) { .pseudotabs-tab { margin-bottom: 1rem; } } @media (max-width: 1365px) { .pseudotabs-tab { font-size: 2.8rem; line-height: 1; } } @media (max-width: 767px) { .pseudotabs-tab { margin-right: 10px; margin-left: 10px; } } @media (max-width: 639px) { .pseudotabs-tab { font-size: 2.2rem; line-height: 1; } } .pseudotabs-tab a { display: block; color: #1a1a1a; text-decoration: none; } .pseudotabs-tab a span { line-height: 1; border-bottom: 2px dotted #1a1a1a; display: inline-block; vertical-align: top; padding: 0 0 2px; } .pseudotabs-tab a:hover { color: #ff6501; } .pseudotabs-tab a:hover span { border-color: #ff6501; } .pseudotabs-tab a.active-tab { color: #ff6501; } .pseudotabs-tab a.active-tab span { border-color: transparent; } /* pseudotabs end */ /* list dividers */ .list-dividers, .user-content .list-dividers { padding: 0; } .list-dividers li, .user-content .list-dividers li { padding: 20px 0; margin: 0; } .list-dividers li::before, .user-content .list-dividers li::before { content: none; } .list-dividers li { border: solid #e6e6e6; border-width: 0 0 1px; } .list-dividers li:first-child { border-width: 1px 0; } /* list dividers end */ /* bag list */ .bag { overflow: hidden; margin-bottom: 3rem; } @media (max-width: 1599px) { .bag { margin-bottom: 2.6rem; } } .bag:last-child { margin-bottom: 0; } .bag__item { position: relative; font-size: 1.4rem; line-height: 1.5; letter-spacing: 0.025em; padding-right: 50px; padding-bottom: 20px; } @media (max-width: 479px) { .bag__item { padding-right: 30px; } } .bag__item:last-child { padding-bottom: 0; } .bag__inner { position: relative; display: table; width: 100%; text-decoration: none; color: inherit; } .bag__inner::after { content: ''; display: table; clear: both; } .bag__cell { display: table-cell; vertical-align: top; padding-right: 15px; padding-left: 15px; word-wrap: break-word; } .bag__cell:first-child { padding-left: 0; } .bag__cell:last-child { padding-right: 0; } .bag__cell.bag__cell--price { width: 110px; min-width: 110px; text-align: right; } @media (max-width: 479px) { .bag__cell.bag__cell--price { text-align: inherit; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; } } .bag__group { display: table; width: 100%; } @media (max-width: 479px) { .bag__group { display: block; } } @media (max-width: 479px) { .bag__group .bag__cell { display: block; padding: 0; width: auto; min-width: auto; } } .bag__img { display: block; text-decoration: none; color: inherit; position: relative; margin: 3px 0 0; width: 52px; height: auto; } .no-image .bag__img { background: url(/local/templates/.default/assets/css/../img/no-img-product.png) no-repeat center; background-size: contain; } .bag__img::after { content: ""; display: block; position: relative; height: 0; padding-top: 134.62%; } .bag__img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; width: 100%; height: 100%; max-width: none; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .bag__text { color: #b2b2b2; } a.bag__inner:hover .bag__title { color: #ff6501; } .bag__item .btn-del { width: 12px; height: 12px; display: block; position: absolute; right: 0; top: 4px; } /* bag list end */ /* bag footer */ .bag-footer__row { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 20px; } @media (max-width: 639px) { .bag-footer__row { margin-bottom: 10px; } } .bag-footer__row:last-child { margin-bottom: 0; } .bag-footer__row [class*="btn-"] { display: block; width: 100%; text-align: center; padding-right: 10px; padding-left: 10px; } .bag-footer__cell { display: inline-block; vertical-align: top; } /* bag footer end */ /* contacts */ .contacts { position: relative; } .contacts::after { content: ''; display: table; clear: both; } @media (min-width: 992px) { .contacts-page .content { padding: 0; } } @media (min-width: 992px) { .contacts-page .breadcrumbs, .contacts-page .heading { display: none; } } @media (max-width: 991px) { .contacts-page { background-color: #f2f2f2; } } /* contacts end */ /* contacts map */ .contacts__map { float: left; width: 50%; will-change: min-height; position: relative; min-height: 50px; height: calc(100vh - 100px); } @media (max-width: 1599px) { .contacts__map { height: calc(100vh - 60px); } } @media (max-width: 991px) { .contacts__map { float: none; width: auto; height: 480px; margin-bottom: 2.6rem; } } @media (max-width: 767px) { .contacts__map { height: 320px; } } @media (max-width: 639px) { .contacts__map { height: 260px; margin-right: -20px; margin-left: -20px; } } .contacts__map:last-child { margin-bottom: 0; } .contacts__map__holder { height: 100%; -ms-transform: translate(0, 0); transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; background: #f2f2f2 url(/local/templates/.default/assets/css/../img/__temp-map.jpg) no-repeat; background-size: cover; } .contacts__map__holder .map-container { height: 100%; } .contacts__map__holder .contacts-map__frame { height: 100%; background: #f3f3f3; } /* contacts map end */ /* map popup */ .map-popup__title, .map-popup__subtitle { display: block; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 20px; line-height: 24px; margin-bottom: 0.5em; color: #1a1a1a; } .map-popup__subtitle { font-size: 18px; line-height: 22px; margin-bottom: 0.7em; } .map-popup__row { font-size: 14px; line-height: 18px; padding: 0 0 0.8em; } .map-popup__row::after { content: ''; display: table; clear: both; } .map-popup__row sup, .map-popup__row sub { font-size: 0.6em; } /* map popup end */ /* contacts info */ .contacts__info { float: left; width: 50%; background-color: #f7f7f7; min-height: calc(100vh - 100px); padding: 55px 61px; } @media (max-width: 1919px) { .contacts__info { padding: 55px 61px; } } @media (max-width: 1599px) { .contacts__info { padding: 55px 41px; } } @media (max-width: 1199px) { .contacts__info { padding: 27px 30px; } } @media (max-width: 991px) { .contacts__info { float: none; width: auto; padding: 0; background-color: transparent; } } .contacts-tabs { position: relative; } .contacts-tabs__nav { z-index: 5; margin-bottom: 3rem; } @media (max-width: 1599px) { .contacts-tabs__nav { margin-bottom: 2.6rem; } } @media (max-width: 991px) { .contacts-tabs__nav { max-width: 640px; margin-right: auto; margin-left: auto; } } @media (max-width: 959px) { .contacts-tabs__nav { max-width: none; } } .contacts-tabs__thumbs { display: inline-block; vertical-align: top; font-size: 0; letter-spacing: -4px; position: relative; } .contacts-tabs__tab { position: relative; display: inline-block; vertical-align: top; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 36px; line-height: 1.17; letter-spacing: 0.025em; padding-right: 1.6em; } @media (max-width: 1599px) { .contacts-tabs__tab { font-size: 32px; } } @media (max-width: 1199px) { .contacts-tabs__tab { font-size: 26px; } } @media (max-width: 639px) { .contacts-tabs__tab { display: block; padding-right: 0; margin-bottom: 0.4em; } } .contacts-tabs__tab::after { content: ""; display: block; position: absolute; width: 0; height: 36px; top: 50%; right: 0.8em; border-left: 2px solid #b2b2b2; margin-top: -1px; -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 639px) { .contacts-tabs__tab::after { display: none; } } .contacts-tabs__tab:last-child { padding-right: 0; margin-bottom: 0; } .contacts-tabs__tab:last-child::after { content: none; } .contacts-tabs__tab a { text-decoration: none; color: inherit; } .contacts-tabs__tab a span { border-bottom: 2px solid transparent; } @media (max-width: 639px) { .contacts-tabs__tab a span { border-style: dotted; border-color: #1a1a1a; border-width: 0 0 2px; } } .contacts-tabs__tab a:hover:not(.active-tab) span { border-color: #1a1a1a; } .contacts-tabs__tab a.active-tab { color: #ff6501; cursor: default; } @media (max-width: 639px) { .contacts-tabs__tab a.active-tab span { border-color: transparent; } } .contacts-box { border-top: 1px dashed #b4b4b4; padding: 30px 0; } @media (max-width: 991px) { .contacts-box { max-width: 640px; margin-right: auto; margin-left: auto; } } @media (max-width: 959px) { .contacts-box { max-width: none; } } @media (max-width: 767px) { .contacts-box { padding-top: 20px; padding-bottom: 20px; } } .contacts-box:last-child { padding-bottom: 0; } .contacts-box__item { margin-bottom: 4rem; } .contacts-box__item::after { content: ''; display: table; clear: both; } @media (max-width: 767px) { .contacts-box__item { margin-bottom: 2.6rem; } } .contacts-box__item:last-child { margin-bottom: 0; } .contacts-box__label, .contacts-box__title { position: relative; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 24px; letter-spacing: 0.2em; text-transform: uppercase; } .contacts-box__title { margin-bottom: 2rem; } .contacts-box__title:last-child { margin-bottom: 0; } .contacts-box__label { float: left; padding-right: 120px; width: calc(100% - 320px); } @media (max-width: 1599px) { .contacts-box__label { padding-right: 80px; width: calc(100% - 260px); } } @media (max-width: 1365px) { .contacts-box__label { padding-right: 10px; } } @media (max-width: 1199px) { .contacts-box__label { float: none; width: auto; padding-right: 0; padding-bottom: 2rem; margin-bottom: 2rem; } } .contacts-box__label::after { content: ""; display: block; position: absolute; top: 13px; right: 50px; width: 50px; height: 0; border: solid #1a1a1a; border-width: 1px 0 0; } @media (max-width: 1599px) { .contacts-box__label::after { right: 25px; width: 40px; } } @media (max-width: 1365px) { .contacts-box__label::after { content: none; } } @media (max-width: 1199px) { .contacts-box__label::after { content: ""; right: auto; left: 0; top: auto; bottom: 0; width: 50px; } } .contacts-box__title ~ .contacts-box__item .contacts-box__label { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 24px; text-transform: none; letter-spacing: 0.08em; } .contacts-box__content { overflow: hidden; } .contacts-box__dt { font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 18px; line-height: 24px; color: #b2b2b2; letter-spacing: 0.1em; } .contacts-box__dd { font-family: "minionpro-regular", serif; font-weight: normal; font-style: normal; font-size: 30px; line-height: 1.2; margin-bottom: 0.5em; } @media (max-width: 1919px) { .contacts-box__dd { font-size: 28px; } } @media (max-width: 1599px) { .contacts-box__dd { font-size: 24px; } } .contacts-box__dd a { color: inherit; text-decoration: none; word-wrap: break-word; } .contacts-box__dd a:hover { text-decoration: underline; } .contacts-box__dd:last-child { margin-bottom: 0; } .contacts__info .user-form { padding: 0; background: none; } @media (min-width: 992px) { .contacts__info .user-form .layout-text { max-width: none; } } @media (max-width: 959px) { .contacts__info .user-form .layout-text { max-width: none; } } @media (max-width: 1199px) { .contacts__info .user-form .input-wrap { margin-bottom: 30px; } } @media (max-width: 1365px) { .contacts__info .user-form .label-holder { width: 200px; } } @media (max-width: 1199px) { .contacts__info .user-form .label-holder { width: 170px; } } @media (max-width: 767px) { .contacts__info .user-form .label-holder { width: auto; } } @media (max-width: 1199px) { .contacts__info .user-form .label-holder label { font-size: 13px; } } @media (max-width: 1365px) { .contacts__info .user-form .input-holder { margin-left: 200px; } } @media (max-width: 1199px) { .contacts__info .user-form .input-holder { margin-left: 170px; } } @media (max-width: 767px) { .contacts__info .user-form .input-holder { margin-left: 0; } } @media (max-width: 1199px) { .contacts__info .user-form .form-footer { padding-top: 30px; } } @media (max-width: 639px) { .contacts__info .user-form .form-note { padding-bottom: 0; } } /* contacts info end */ /* options panel */ .p-options { position: relative; margin-bottom: 1.5rem; } @media (max-width: 1599px) { .p-options { margin-bottom: 1.2rem; } } @media (max-width: 991px) { .p-options { margin-bottom: 1.05rem; border-width: 1px; } } @media (max-width: 639px) { .p-options { margin-bottom: 0.9rem; } } .p-options:last-child { margin-bottom: 0; } .p-options__list { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 639px) { .p-options__list { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .p-options__item { line-height: 1; text-align: center; } .p-options__item:first-child { text-align: left; -ms-flex: 1 1; flex: 1 1; } @media (max-width: 639px) { .p-options__item:first-child { min-width: 100%; margin-bottom: 20px; } } .p-options__item:last-child { text-align: right; } .no-flexbox .p-options__item { display: table-cell; vertical-align: middle; } .p-options__item .view-switcher { display: inline-block; vertical-align: top; } @media (max-width: 991px) { .p-options__item .view-switcher { display: block; height: 100%; width: 100%; } } .p-options__item--view-switcher { margin-left: 150px; } @media (max-width: 1365px) { .p-options__item--view-switcher { margin-left: 80px; } } @media (max-width: 1199px) { .p-options__item--view-switcher { margin-left: 30px; } } @media (max-width: 991px) { .p-options__item--view-switcher { margin-left: 20px; } } .p-options__item--filters-show { display: none; } @media (max-width: 991px) { .p-options__item--filters-show { display: block; margin-left: 20px; } } .btn-filters-show { position: relative; display: inline-block; vertical-align: top; color: #1a1a1a; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 100%; max-width: 100%; } @media (max-width: 991px) { .btn-filters-show { display: block; height: 100%; } } .btn-filters-show > span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .btn-filters-show > span:active, .btn-filters-show > span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .btn-filters-show .p-filters-activated-js { position: absolute; left: -8px; top: -8px; font-size: 10px; line-height: 1; letter-spacing: normal; color: #ff6501; z-index: 2; } .btn-filters-show .p-filters-activated-js.hide { display: none; } .btn-filters-show svg { display: inline-block; vertical-align: top; width: 24px; height: 24px; } .btn-filters-show path { fill: currentColor; } .no-touchevents .btn-filters-show:hover { color: #ff6501; } .p-options__inner { position: relative; } .p-options__group { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; } .p-options__group .p-options__label { display: inline-block; vertical-align: middle; margin: 5px 25px 5px 0; font-size: inherit; line-height: inherit; color: #b2b2b2; } @media (max-width: 1365px) { .p-options__group .p-options__label { margin-right: 15px; } } @media (max-width: 767px) { .p-options__group .p-options__label { display: none; } } .p-options__group > a { text-decoration: none; color: currentColor; } .no-touchevents .p-options__group > a:hover { color: #ff6501; } .p-sorting { display: inline-block; vertical-align: middle; } .p-sorting, .user-content .p-sorting { margin: 0; } .p-sorting li, .user-content .p-sorting li { padding: 0; margin: 4px 18px 4px 0; } @media (max-width: 1365px) { .p-sorting li, .user-content .p-sorting li { margin-right: 10px; } } .p-sorting li::before, .user-content .p-sorting li::before { content: none; } .p-sorting li { display: inline-block; vertical-align: top; white-space: nowrap; position: relative; cursor: pointer; } .p-sorting li .arr { position: absolute; top: 50%; right: 0; width: 0; height: 0; z-index: 2; border-bottom: 8px solid #1a1a1a; border-left: 4px solid transparent; border-right: 4px solid transparent; margin-top: -4px; opacity: 0; transform: rotate(0) translateZ(0); transition-property: transform, opacity; transition-duration: 0.2s; } .order-desc .p-sorting li .arr { transform: rotate(0.5turn) translateZ(0); } .p-sorting a { display: block; position: relative; text-decoration: none; color: inherit; padding: 0 12px 0 0; } .p-sorting a:hover { color: #ff6501; } .p-sorting a > span em { display: none; font-style: inherit; font-weight: inherit; font-family: inherit; } @media (max-width: 767px) { .p-sorting a > span em { display: inline; } } .p-sorting li.active a { color: #ff6501; } .p-sorting li.active a > span { border-bottom-color: transparent; } .p-sorting li.active a .arr { opacity: 1; border-bottom-color: #ff6501; } .p-thumbs { display: inline-block; vertical-align: middle; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 639px) { .p-thumbs { -ms-flex-pack: justify; justify-content: space-between; } } .p-thumbs, .user-content .p-thumbs { margin: -5px 0 -5px -40px; } @media (max-width: 1365px) { .p-thumbs, .user-content .p-thumbs { margin: -4px 0 -4px -25px; } } @media (max-width: 479px) { .p-thumbs, .user-content .p-thumbs { margin: -4px 0 -4px -10px; } } .p-thumbs li, .user-content .p-thumbs li { padding: 0; margin: 5px 0 5px 40px; } @media (max-width: 1365px) { .p-thumbs li, .user-content .p-thumbs li { margin: 4px 0 4px 25px; } } @media (max-width: 479px) { .p-thumbs li, .user-content .p-thumbs li { margin: 4px 0 4px 10px; } } .p-thumbs li::before, .user-content .p-thumbs li::before { content: none; } .p-thumbs li { display: inline-block; vertical-align: top; white-space: nowrap; position: relative; cursor: pointer; } .p-thumbs .select { display: inline-block; vertical-align: top; width: auto; } .p-thumbs .select::before { content: none; } .p-thumbs .select::after { position: absolute; right: 0; top: 50%; width: 0; height: 0; z-index: 2; border-top: 6px solid currentColor; border-left: 4px solid transparent; border-right: 4px solid transparent; -ms-transform: none; transform: none; background: none; margin-top: -2px; } .p-thumbs select { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.2em; text-transform: uppercase; box-shadow: inset 0 -1px 0 currentColor; padding: 5px 16px 5px 0; height: 30px; } @media (max-width: 767px) { .p-thumbs select { font-size: 12px; letter-spacing: normal; } } @media (max-width: 479px) { .p-thumbs select { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 11px; letter-spacing: -0.05em; } } .p-thumbs select:hover, .p-thumbs select:focus { box-shadow: inset 0 -1px 0 currentColor; } /* options panel end */ /* accordion */ .accordion { margin-bottom: 2.6rem; } @media (max-width: 1599px) { .accordion { margin-bottom: 2rem; } } .accordion:last-child { margin-bottom: 0; } .accordion__item { position: relative; } .accordion__header { position: relative; z-index: 2; } .accordion__panel .accordion__header { z-index: 1; } .accordion__hand { position: relative; border: solid #e6e6e6; border-width: 0 0 1px; padding: 20px 0; padding-right: 80px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .shops .accordion__hand:first-child { border-top-width: 1px; } .accordion__item:first-child .accordion__hand { border-top-width: 1px; } @media (max-width: 991px) { .accordion__hand { padding: 15px 0; padding-right: 62px; } } @media (max-width: 639px) { .accordion__hand { padding: 10px 0; padding-right: 52px; } } .accordion__header__text { font-family: "minionpro-medium", serif; font-weight: normal; font-style: normal; font-size: 28px; line-height: 1.21; } @media (max-width: 991px) { .accordion__header__text { font-size: 24px; } } @media (max-width: 639px) { .accordion__header__text { font-size: 20px; } } .accordion__header__angle { display: block; position: absolute; right: 0; top: 50%; width: 40px; height: 40px; border: 2px solid currentColor; border-radius: 50%; margin-top: -20px; cursor: pointer; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 991px) { .accordion__header__angle { right: 0; } } @media (max-width: 639px) { .accordion__header__angle { right: 0; } } .accordion__header__angle::before, .accordion__header__angle::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 10px; height: 2px; border-right: 2px; background-color: currentColor; will-change: transform, opacity; transition-property: transform; transition-duration: 0.2s; } .accordion__header__angle::before { -ms-transform: rotate(45deg); transform: rotate(45deg); transform: rotate(45deg) translateZ(0); margin-left: -8px; } .accordion__header__angle::after { -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg) translateZ(0); margin-left: -2px; } .no-touchevents .accordion__hand:hover, .accordion__hand.is-open, .no-touchevents .order-accordion__hand:hover, .order-accordion__hand.is-open { color: #ff6501; } .accordion__hand-js.is-open .accordion__header__angle::before, .accordion__hand.active-tab .accordion__header__angle::before, .accordion__header__angle.is-open::before, .is-open > .accordion__header__angle::before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); transform: rotate(-45deg) translateZ(0); } .accordion__hand-js.is-open .accordion__header__angle::after, .accordion__hand.active-tab .accordion__header__angle::after, .accordion__header__angle.is-open::after, .is-open > .accordion__header__angle::after { -ms-transform: rotate(45deg); transform: rotate(45deg); transform: rotate(45deg) translateZ(0); } .accordion__hand:active .accordion__header__angle { -ms-transform: scale(0.933); transform: scale(0.933); } .accordion__header__angle:active { -ms-transform: scale(0.933); transform: scale(0.933); } .accordion__panel { display: none; } .accordion__panel__frame { position: relative; border-bottom: 1px solid #e6e6e6; will-change: opacity, transform; opacity: 0; transition-property: opacity; transition-duration: 0.2s; } .is-open > .accordion__panel__frame { opacity: 1; transition-delay: 0.08s; } .accordion__panel__content { padding: 20px 0 40px; } @media (max-width: 991px) { .accordion__panel__content { padding: 15px 0 30px; } } @media (max-width: 639px) { .accordion__panel__content { padding: 10px 0 20px; } } /* accordion end */ /* order */ .order-container[id] { padding-top: 100px; margin-top: -100px; } @media (max-width: 991px) { .order-container[id] { padding-top: 60px; margin-top: -60px; } } .order { margin-bottom: 2rem; border: 0 solid #e6e6e6; } @media (max-width: 639px) { .order { border-bottom-width: 1px; } } .order__caption, .order__head { position: relative; display: -ms-flexbox; display: flex; } .order-accordion .order__caption, .order-accordion .order__head { padding-right: 100px; } @media (max-width: 991px) { .order-accordion .order__caption, .order-accordion .order__head { padding-right: 60px; } } @media (max-width: 639px) { .order-accordion .order__caption, .order-accordion .order__head { padding-right: 0; } } .order__caption { background-color: #f2f2f2; } @media (max-width: 991px) { .order__caption { display: none; } } .order__head__th, .order__caption__th, .order__labels__th { display: inline-block; vertical-align: top; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 15px 20px; font-size: 1.6rem; line-height: 1.5; text-align: left; } .order__caption__th { border: solid white; border-width: 0 0 0 2px; background-color: #f2f2f2; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 1.3rem; line-height: 1.54; letter-spacing: 0.1em; text-transform: uppercase; } .order__caption__th:first-child { border-left: none; -ms-flex: 1 1; flex: 1 1; } .order__caption__th:nth-child(2) { width: 205px; } .order__caption__th:nth-child(3) { width: 130px; } .order__caption__th:last-child { border-right-width: 2px; } .order__head { min-height: 80px; border: solid #e6e6e6; border-width: 1px 0 0; } @media (max-width: 991px) { .order__head { min-height: 60px; } } @media (max-width: 639px) { .order__head { -ms-flex-direction: column; flex-direction: column; } } .order__item:first-child .order__head { border-top-width: 0; } @media (max-width: 991px) { .order__item:first-child .order__head { border-top-width: 1px; } } .order__head [data-label]::before { content: attr(data-label) ":"; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; color: #b2b2b2; margin-bottom: 5px; display: none; } @media (max-width: 991px) { .order__head [data-label]::before { display: block; } } .order-accordion__hand { display: none; cursor: pointer; border: solid #e6e6e6; border-width: 0; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .order-accordion .order-accordion__hand { display: block; } @media (max-width: 639px) { .order-accordion .order-accordion__hand { display: -ms-flexbox; display: flex; } } @media (max-width: 639px) { .order-accordion__hand { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; position: relative; height: 80px; border-top-width: 1px; padding-left: 80px; } } .order-accordion__hand .accordion__header__angle { right: 50px; margin-right: -20px; } @media (max-width: 991px) { .order-accordion__hand .accordion__header__angle { right: 0; margin-right: 0; } } @media (max-width: 639px) { .order-accordion__hand .accordion__header__angle { position: relative; top: auto; right: auto; margin: 0 10px 0 0; } } .no-touchevents .order-accordion__hand .accordion__header__angle:hover, .order-accordion__hand .accordion__header__angle.is-open { color: #ff6501; } .order-accordion__hand span { display: none; font-size: 1.6rem; line-height: 1.5; } @media (max-width: 639px) { .order-accordion__hand span { display: block; } .order-accordion__hand span + span { display: none; } } @media (max-width: 639px) { .is-open .order-accordion__hand span { display: none; } .is-open .order-accordion__hand span + span { display: block; } } @media (max-width: 991px) { .order__head__th { display: block; } } @media (max-width: 639px) { .order__head__th { padding: 0 0 20px; } } .order__head__th:first-child { border-left: none; -ms-flex: 1 1; flex: 1 1; padding-left: 0; } @media (max-width: 991px) { .order__head__th:first-child { display: -ms-flexbox; display: flex; } } .order__head__th:nth-child(2) { width: 205px; } @media (max-width: 991px) { .order__head__th:nth-child(2) { width: 150px; } } @media (max-width: 639px) { .order__head__th:nth-child(2) { width: auto; padding-left: 80px; } } .order__head__th:nth-child(3) { width: 130px; white-space: nowrap; } @media (max-width: 991px) { .order__head__th:nth-child(3) { width: 150px; } } @media (max-width: 639px) { .order__head__th:nth-child(3) { width: auto; padding-left: 80px; } } .order__head__th.caption-for-table { padding-top: 10px; padding-bottom: 10px; } .order__head__th .color-indicator .color-name { display: inline-block; } .order__group { position: relative; } .order-accordion .order__group { display: none; } .no-js .order-accordion .order__group { display: block; } .order__group__holder { padding-bottom: 28px; } @media (max-width: 991px) { .order__group__holder { padding-bottom: 0; } } .order-accordion .order__group__holder { padding-right: 100px; padding-left: 100px; position: relative; will-change: opacity, transform; opacity: 0; transition-property: opacity; transition-duration: 0.2s; } @media (max-width: 1365px) { .order-accordion .order__group__holder { padding-right: 0; padding-left: 0; } } .order-accordion .is-open > .order__group__holder { opacity: 1; transition-delay: 0.08s; } .order__labels { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border: solid #e6e6e6; border-width: 1px 0; min-height: 80px; } @media (max-width: 991px) { .order__labels { min-height: 60px; } } .order__labels__th { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; display: -ms-flexbox; display: flex; font-size: 1.3rem; line-height: 1.38; letter-spacing: 0.1em; text-transform: uppercase; } .order__labels__th:nth-child(1) { width: 108px; padding-left: 0; } @media (max-width: 639px) { .order__labels__th:nth-child(1) { width: 80px; } } .order__labels__th:nth-child(2) { padding-left: 0; } @media (max-width: 991px) { .order__labels__th:nth-child(2) { -ms-flex: 1 1; flex: 1 1; -ms-flex-pack: center; justify-content: center; text-align: center; } } .order__labels__th [data-short]::before { font-size: 1.3rem; line-height: 1.38; } .order__list::after { content: ''; display: table; clear: both; } .order__list__side { float: left; width: 108px; color: #b2b2b2; padding-top: 70px; } @media (max-width: 639px) { .order__list__side { width: 80px; } } .order__list__side > div { padding-bottom: 28px; line-height: 31px; } .order__list__content { position: relative; margin-left: 108px; } @media (max-width: 639px) { .order__list__content { margin-left: 80px; } } .order__list__content::before, .order__list__content::after { content: ""; position: absolute; top: 0; bottom: 0; width: 25px; z-index: 5; pointer-events: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; } @media (max-width: 1365px) { .order__list__content::before, .order__list__content::after { display: block; } } .order__list__content::before { left: 0; background: white; background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%); } .order__list__content::after { right: 0; background: white; background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0) 100%); } .order__list__content table, .order__list__content tbody, .order__list__content thead, .order__list__content tfoot { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .order__list__content table { border-collapse: collapse; border-spacing: 0; margin-bottom: 0; } .order__list__content table tr { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .order__list__content table tr::before, .order__list__content table tr::after { content: ""; min-width: 20px; display: none; } @media (max-width: 1365px) { .order__list__content table tr::before, .order__list__content table tr::after { display: table-cell; display: -ms-flexbox; display: flex; } } .order__list__content table th, .order__list__content table td { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 15px; width: 114px; min-width: 114px; box-sizing: content-box; } @media (max-width: 991px) { .order__list__content table th, .order__list__content table td { width: 50px; min-width: 50px; } } .order__list__content table th:first-child, .order__list__content table td:first-child { padding-left: 0; } .order__list__content table th:last-child, .order__list__content table td:last-child { padding-right: 0; } .order__list__content table th { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; color: #b2b2b2; height: 70px; } .order__list__content table td { padding-bottom: 28px; } .order__list__layout { overflow-y: hidden; overflow-x: auto; } .order-select { display: inline-block; vertical-align: top; max-width: 114px; } @media (max-width: 991px) { .order-select { max-width: 50px; } } @media (max-width: 991px) { .order-select .ui-spinner { padding-left: 0; padding-right: 0; height: auto !important; } } @media (max-width: 991px) { .order-select a.ui-spinner-button { display: none; } } @media (max-width: 991px) { .order-select .ui-spinner-input, .order-select .ui-spinner-input[type="text"] { width: 50px; } } .order-select .stock-tape { width: 100%; height: 2px; position: relative; margin-top: -1px; background: none; box-shadow: none; } .order-select .stock-tape.stock-empty { visibility: hidden; opacity: 0; } .order-result { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; line-height: 0; background-color: #f2f2f2; } @media (max-width: 639px) { .order-result { padding-top: 10px; background-color: transparent; display: block; } } .order__group .order-result { background-color: transparent; } .order-result .note { display: inline-block; vertical-align: top; text-transform: none; font-size: 16px; line-height: 20px; padding-right: 30px; } @media (max-width: 639px) { .order-result .note { display: block; padding: 0; margin-bottom: 10px; text-align: right; } } @media (max-width: 639px) { .order-result [class*="btn-"] { display: block; width: 100%; } } .order-result__group { display: inline-block; vertical-align: top; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 639px) { .order-result__group { -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 639px) { .order-result__group { display: block; } } .order-result__total, .order-result__label { display: inline-block; vertical-align: middle; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.2em; text-transform: uppercase; padding: 5px 30px; } @media (max-width: 1599px) { .order-result__total, .order-result__label { padding-right: 20px; padding-left: 20px; } } @media (max-width: 639px) { .order-result__total, .order-result__label { display: block; text-align: right; padding: 0; margin-bottom: 10px; } } @media (max-width: 639px) { .order-result__total [data-short], .order-result__label [data-short] { letter-spacing: normal; } .order-result__total [data-short]::before, .order-result__label [data-short]::before { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.2em; text-transform: uppercase; } } @media (max-width: 639px) { .order-result__label { font-size: 0; line-height: 0; } } .order-result__label::before { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.2em; text-transform: uppercase; } /* order end */ /* js-loading */ .loader-cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 15; background-color: rgba(255, 255, 255, 0.5); opacity: 0; visibility: hidden; transition-property: opacity, visibility; transition-duration: 0.2s; } @media (max-width: 991px) { .loader-cover { position: fixed; z-index: 10100; } } .js-loading .loader-cover { opacity: 1; visibility: visible; } .loader-cover::before { content: ""; display: block; position: fixed; left: 50%; top: 50%; width: 120px; height: 120px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(/local/templates/.default/assets/css/../img/preloader.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } /* js-loading end */ /*shops network */ .shops { overflow: hidden; position: relative; } .shops.no-shops-items .shops-holder { overflow: hidden !important; height: 0 !important; } /* shops-view-switcher */ .shops-view-switcher { position: relative; margin-right: -15px; margin-left: -15px; } .shops-view-switcher a { margin-right: 15px; margin-left: 15px; border-bottom-color: transparent; } .shops-view-switcher a.active-tab { color: #ff6501; border-color: currentColor; cursor: default; } /* shops-view-switcher end */ /* shops-filters */ .shops-filters { margin-bottom: 4rem; } .shops-filters:last-child { margin-bottom: 0; } .shops-filters hr { margin-bottom: 3rem; } .shops-filters .select { margin: 0; } .shops-filters .select.form-minimal select, .shops-filters .select.form-minimal .select2-container--default .select2-selection, .shops-filters .select.form-minimal .select2-container--default .select2-selection .select2-selection__rendered { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; letter-spacing: 0.2em; text-transform: uppercase; } .shops-filters .select.disabled::before, .shops-filters .select.disabled::after { background-color: #ccc; } .shops-filters .select.hide { display: none; } .shops-filters__item { line-height: 1; margin-bottom: 2rem; } .shops-filters__item:last-child { margin-bottom: 0; } .shops-filters__item .radio-label, .shops-filters__item .check-label { margin-bottom: 0; } /* shops-filters end */ /* shops-opener */ .shops .tab-link-js { display: none; } @media (max-width: 991px) { .shops .tab-link-js { display: block; } } /* shops-opener end */ /* shops-map */ .shops-by-map { height: 662px; opacity: 0; visibility: hidden; } .no-js .shops-by-map { opacity: 1; visibility: visible; } @media (max-width: 1599px) { .shops-by-map { height: 550px; } } @media (max-width: 991px) { .shops-by-map { float: none !important; position: relative !important; left: auto !important; top: auto !important; height: auto !important; width: auto !important; z-index: auto !important; visibility: visible !important; opacity: 1 !important; border: none; } } .shops-map { position: relative; height: 100%; background: #f3f3f3; z-index: 1; } @media (max-width: 991px) { .shops-map { height: 400px; } } @media (max-width: 639px) { .shops-map { height: 320px; } } .shops-map::before { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; background: url(/local/templates/.default/assets/css/../img/preloader.svg) 0 0 no-repeat; background-size: contain; z-index: -1; } /* shops-map */ /* shops-by-list */ /* shops-by-list layout */ .shops-by-list { position: relative; background: white; opacity: 0; visibility: hidden; } .no-js .shops-by-list { opacity: 1; visibility: visible; } @media (max-width: 991px) { .shops-by-list { float: none !important; position: relative !important; left: auto !important; top: auto !important; height: auto !important; width: auto !important; z-index: auto !important; visibility: visible !important; opacity: 1 !important; } } .shops-by-list__frame { overflow: hidden; position: relative; } @media (max-width: 991px) { .shops-by-list__frame { border-bottom: 1px solid #e6e6e6; } } .shops-list { margin-right: -50px; margin-left: -50px; margin-bottom: -50px; font-size: 0; letter-spacing: -4px; } @media (max-width: 1919px) { .shops-list { margin-right: -20px; margin-left: -20px; margin-bottom: -30px; } } @media (max-width: 991px) { .shops-list { padding: 20px 0; margin-bottom: -20px; } } /* shops-by-list layout end */ /* shops-item */ .shops-item { display: inline-block; vertical-align: top; width: 25%; padding: 0 50px; margin-bottom: 50px; background: white; will-change: transform; font-size: 1.6rem; line-height: 1.88; letter-spacing: normal; } .shops-item.item-hide { display: none; } @media (max-width: 1919px) { .shops-item { padding: 0 20px; margin-bottom: 30px; } } @media (max-width: 1599px) { .shops-item { width: 33.33%; } } @media (max-width: 1365px) { .shops-item { width: 50%; } } @media (max-width: 991px) { .shops-item { margin-bottom: 20px; } } .shops-item:first-child { border-top: none; } .shops-item__title { font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 2.4rem; line-height: 1.33; padding-bottom: 1em; } @media (max-width: 991px) { .shops-item__title { padding-bottom: 0.5em; } } .shops-item__title a { text-decoration: none; color: inherit; } @media (max-width: 991px) { .shops-item__title a { cursor: default; } } .no-touchevents .shops-item__title a:hover { color: #ff6501; } @media (max-width: 991px) { .no-touchevents .shops-item__title a:hover { color: inherit; } } @media (min-width: 1366px) { .no-touchevents .is-active .shops-item__title a, .is-active .shops-item__title a { color: inherit; cursor: default; } } .shops-item__list, .shops-item__info { color: #1a1a1a; margin-bottom: 1.5rem; font-size: 1.6rem; line-height: 1.88; } .shops-item__list:last-child, .shops-item__info:last-child { margin-bottom: 0; } .shops-item__list__item, .shops-item__info__item { position: relative; margin-bottom: 0.5em; } .shops-item__list__item:last-child, .shops-item__info__item:last-child { margin-bottom: 0; } .shops-item__list__item b, .shops-item__info__item b { font-family: "gothampro-medium", sans-serif; font-weight: normal; font-style: normal; } @media (max-width: 991px) { .shops-item__footer { display: none; } } .shops-item__footer .btn-to-map { display: inline-block; vertical-align: top; color: inherit; font-size: 1.6rem; line-height: 24px; height: 24px; } .shops-item__footer .btn-to-map svg { display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .shops-item__footer .btn-to-map path { fill: #ff6501; } .shops-item__footer .btn-to-map > span { border-bottom: 1px solid #9a9a9a; } .no-touchevents .shops-item__footer .btn-to-map:hover { color: #ff6501; } .no-touchevents .shops-item__footer .btn-to-map:hover path { fill: currentColor; } .no-touchevents .shops-item__footer .btn-to-map:hover > span { border-color: currentColor; } /* shops-item end */ /* filter-no-item */ .shops .filter-no-item { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; color: #ff203b; } /* filter-no-item end */ /* loader */ .count-loader { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(255, 255, 255, 0.85) url(/local/templates/.default/assets/css/../img/preloader.svg) no-repeat 50% 50%; background-size: 30px; } .no-svg .count-loader { background-image: url(/local/templates/.default/assets/css/../img/preloader.svg); } /* loader end */ /*shops network end */ /* bitrix default search page */ .search-page { font-size: 1.4rem; margin-bottom: 3rem; } .search-page .pagination-wrap { margin-bottom: 2rem; } .search-page .pagination-wrap + br { display: none; } .search-page .p-nav-title { font-size: 2rem; line-height: 1.4; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; margin-bottom: 2rem; } .search-page .pagination { margin-bottom: 2rem; } .search-page .pagination::after { content: ''; display: table; clear: both; } .search-page .p-nav { display: inline-block; width: 3.8rem; height: 3.8rem; position: relative; box-shadow: inset 0 0 0 1px lightgray; border-radius: 50%; z-index: 10; } .no-touchevents .search-page .p-nav:hover { background: lightgray; } .search-page .p-nav.disabled { opacity: 0.25; cursor: default; pointer-events: none; } .search-page .p-nav .icon { position: absolute; left: 50%; top: 50%; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; background-repeat: no-repeat; background-position: center center; background-size: contain; } .search-page .p-nav .icon.icon-angle-left { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAoCAYAAAD6xArmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzE1MTVGRjAxNDVFMTFFN0FERkZCNzNGOTg3QzA3QkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzE1MTVGRjExNDVFMTFFN0FERkZCNzNGOTg3QzA3QkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMTUxNUZFRTE0NUUxMUU3QURGRkI3M0Y5ODdDMDdCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMTUxNUZFRjE0NUUxMUU3QURGRkI3M0Y5ODdDMDdCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj0voocAAAFPSURBVHjatNdPK0RxFMbxSZowMxFqFjIpCzXlVXkDNlZSFkppMgtNDRkLUqNsUBY2UsrCn6ZpIjSEiIWFbLDhWcwt6T6/xXmOX303s/h0u9177plEwu+U0CM6QENe6Bb6/tWJB7r5B42SzgZBtxW0StA66rKiqwQ9R51WdIWg1yhjRZcCaI8VXSTojYIuEPQe9VnRIkGfUNaKzgfQAStaIOiLgs4Q9BXlrOg0Qd/QsBWdCqAjVnSSoO8KOkHQD5S3omMBdFQZf58x6BUaVNA21B7z+xd6UL8C44E50K/i7IW4U4ZMdGYJfutx5XMBvFfF2Zhsom4VZ4P9EqVVvBz4EmdUfJngFyil4hWCN1CHirMFpYaSKr5O8FMPnO1rZ2TmuKytx62h5rpoRx15LNw7BD/0uOe7BK96XPnef/xViM5+zExxO2voufV05H8EGABd2PB1TJvhSAAAAABJRU5ErkJggg=="); } .search-page .p-nav .icon.icon-angle-right { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAoCAYAAAD6xArmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0VDMkIwMTgxNDVFMTFFN0I2Q0VFRENBRTlBNEY1MkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0VDMkIwMTkxNDVFMTFFN0I2Q0VFRENBRTlBNEY1MkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRUMyQjAxNjE0NUUxMUU3QjZDRUVEQ0FFOUE0RjUyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRUMyQjAxNzE0NUUxMUU3QjZDRUVEQ0FFOUE0RjUyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhzOMNEAAAFKSURBVHjatNfPR8NxHMfxj8lUW0pFh2miQ4z+qv6BLp0SHWIk7ZCo2TqUsehS0aFLIjr0Q5LNZKVR6rBDunQo6xUbyff1OXxe7314Xh8+Pr6fH1/nnMugC/SKdpzhqKHWn06s4FZExxZwmeBHKhxHZwQ/tJj5OcH3VTjW/jqi8D0V70HXBC9brPkVwUsW+A3Bt1W8F90RvKjiCVQleEHFB1CF4Bsqnow4UzqtqfggqhM8p+LD6JHgyyo+6sGzKj6Cngi+ZDHzBsFnLU7FqE30HRPR8fb2/z++FHQafZKlmAlFMx50LhSdQh8EnVfQd4IuhKKTHnQxFE2jpvWGSKE3gq4o6AtBV0PRMQ+aUw6ZhvXBPoQeCLqpoPcEzSuXJkO3QtE+z00c/EDpR7fdeK8dEHS3G78K8rP1d1xaP7Q7YwKdome0boX+CDAA4lrvlBc5n98AAAAASUVORK5CYII="); } .search-page .p-nav span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .search-page .p-nav span:active, .search-page .p-nav span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .search-page .p-prev { float: left; margin-right: 10px; } .search-page .p-next { float: right; margin-left: 10px; } .search-page ul { overflow: hidden; text-align: center; cursor: default; margin: 0; } .search-page ul li { display: inline-block; margin: 0 0 0.5em; padding: 0 2px; text-align: center; } .search-page ul li::before { content: none; } .search-page ul a { display: inline-block; vertical-align: top; color: #ff6501; text-decoration: none; cursor: pointer; } .search-page ul span { display: inline-block; vertical-align: top; min-width: 3.8rem; height: 3.8rem; line-height: 3.8rem; padding: 0 4px; border-radius: 50%; transition-property: color, background-color; transition-duration: 0.2s; } .search-page ul .active { cursor: default; } .search-page ul .active span { color: white !important; background-color: #ff6501 !important; } .no-touchevents .search-page ul a:hover span { background-color: lightgray; } .search-page p { margin-top: 1rem; margin-bottom: 1rem; } .search-page small { color: #b2b2b2; } /* bitrix default search page end */ /* feature list */ .feature-list__item { margin-bottom: 4rem; } .feature-list__item::after { content: ''; display: table; clear: both; } .feature-list__item:last-child { margin-bottom: 0; } .feature-list__img { float: left; width: 25%; margin: 0.1em 2rem 1.5rem 0; } @media (max-width: 639px) { .feature-list__img { width: auto; float: none; margin-right: 0; } } .feature-list__content { overflow: hidden; } .feature-list__content h3, .feature-list__content p { margin-bottom: 1.5rem; } .feature-list__content h3:last-child, .feature-list__content p:last-child { margin-bottom: 0; } /* feature list end */ /* user options */ .user-options { position: relative; list-style: none; padding: 0; margin: 0 -17px; font-size: 0; letter-spacing: -4px; line-height: 1; } .user-options__item { position: relative; display: inline-block; vertical-align: middle; font-size: 1.6rem; line-height: 1; letter-spacing: normal; } .user-options__item > a { position: relative; display: block; width: 50px; height: 50px; color: #1a1a1a; line-height: 1; text-decoration: none; text-align: center; } .user-options__item > a::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .user-options__item > a svg { width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; margin: -9px 0 0 -9px; will-change: opacity; transition-property: transform, opacity; transition-duration: 0.2s; } .user-options__item > a svg.for-close { width: 12px; height: 12px; margin: -6px 0 0 -6px; z-index: auto; opacity: 0; } .user-options__item > a svg.for-open { z-index: 1; } .user-options__item > a svg ~ span { padding-left: 10px; } .user-options__item > a svg ~ span.hide-text { padding-left: 0; } .user-options__item > a path { fill: currentColor; } .user-options__item > a > span { display: inline-block; vertical-align: middle; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; } .user-options__item > a:hover { color: #ff6501; } .user-options__item > a.active .for-close { opacity: 1; z-index: 1; } .user-options__item > a.active .for-open { opacity: 0; z-index: auto; } @media (max-width: 479px) { .user-options--login { display: none; } } .user-options-counter { position: absolute; left: 50%; top: 50%; margin: -18px 0 0 0; padding: 0 3px; height: 22px; min-width: 22px; border-radius: 11px; background-color: #ff6501; border: 2px solid white; font-family: "gothampro-medium", sans-serif; font-weight: normal; font-style: normal; font-size: 11px; line-height: 18px; color: white; text-align: center; z-index: 5; transform: rotateY(0turn); will-change: transform, opacity; opacity: 1; transition-property: transform, opacity; transition-duration: 0.2s; } .user-options__item a.active .user-options-counter { opacity: 0.5; transform: rotateY(0.25turn); } @media (max-width: 767px) { .user-options--search > a.active svg.for-close { opacity: 0; } } @media (max-width: 767px) { .user-options--search > a.active svg.for-open { opacity: 1; } } .user-options--lang { display: none; } @media (max-width: 1199px) { .user-options--lang { display: inline-block; } } /* user options */ /* lang */ .lang { position: relative; text-align: center; } .lang > a { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; padding-left: 0.2em; color: #1a1a1a; text-decoration: none; } .lang > a:hover { color: #ff6501; } /* lang end */ /* article style */ .article-entry { position: relative; margin-bottom: 2rem; } .article-entry::after { content: ''; display: table; clear: both; } .article-entry:last-child { margin-bottom: 0; } .article-entry p:last-child, .article-entry ul:last-child, .article-entry li:last-child { margin-bottom: 0; } .article-entry p { overflow: hidden; } .article-entry h1, .article-entry .h1 { width: 320px; float: left; margin-bottom: 0; padding-right: 20px; } @media (max-width: 1365px) { .article-entry h1, .article-entry .h1 { width: 280px; } } @media (max-width: 991px) { .article-entry h1, .article-entry .h1 { width: auto; float: none; margin-bottom: 0.25em; padding-right: 0; } } .article-entry__holder { position: relative; overflow: hidden; max-height: 9.024rem; margin-bottom: 2rem; } .text-slide__shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background: white; background: linear-gradient(to top, white 0, rgba(255, 255, 255, 0) 100%); pointer-events: none; } .text-slide__button { line-height: 1; margin-left: 320px; } @media (max-width: 1365px) { .text-slide__button { margin-left: 280px; } } @media (max-width: 991px) { .text-slide__button { margin-left: 0; } } .text-slide__button a { display: inline-block; vertical-align: top; position: relative; font-size: 1.2rem; line-height: 1.2; color: #1a1a1a; text-decoration: none; text-transform: uppercase; padding-right: 17px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .text-slide__button a span { border-bottom: 1px dotted; } .no-touchevents .text-slide__button a:hover { color: #ff6501; } .text-slide__button a::before { content: ""; display: block; position: absolute; right: 0; top: 0.4rem; width: 0; height: 0; z-index: 2; border-top: 6px solid #1a1a1a; border-left: 3px solid transparent; border-right: 3px solid transparent; } .text-slide__button .btn-arrow--bottom.active::before { -ms-transform: rotate(-0.5turn); transform: rotate(-0.5turn); } .history-info__text p:last-child { margin-bottom: 0; } .text-slide__button .btn-arrow--bottom.active > span::before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .text-slide__button .btn-arrow--bottom.active > span::after { -ms-transform: rotate(45deg); transform: rotate(45deg); } .article-footer { position: relative; /*height: 126px;*/ background-color: white; /*border: 1px solid #f2f2f2;*/ margin-right: auto; /*margin-left: auto;*/ padding: 20px 0px; padding-right: 35px; /*padding-left: 35px;*/ z-index: 1; font-size: 0; letter-spacing: -4px; } @media (max-width: 1599px) { .article-footer { padding-right: 20px; padding-left: 20px; } } .article-footer::before { content: ""; display: inline-block; position: relative; vertical-align: middle; height: 100%; } .article-footer .text-sm { display: block; font-size: 10px; line-height: 1.2; color: #4c4c4c; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 5px; } .article-footer .text-sm:last-child { margin-bottom: 0; } .article-footer .text-article-title { display: block; font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1.17; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .article-footer [class*="arr-"] { position: absolute; top: 50%; width: 12px; height: 10px; -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .article-footer__cell { position: relative; display: inline-block; vertical-align: middle; padding-right: 50px; padding-left: 50px; width: 49.98%; font-size: 1.6rem; line-height: 1.88; letter-spacing: 0.025em; text-decoration: none; color: #1a1a1a; } @media (max-width: 1599px) { .article-footer__cell { padding-right: 30px; padding-left: 30px; } } .article-footer__cell::before { content: ""; display: block; position: absolute; top: 50%; left: 0; width: 0; height: 50px; border-left: 1px solid #f2f2f2; -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .article-footer__cell:first-child::before { content: none; } .article-footer__cell:hover { color: #ff6501; } .article-footer__cell:hover .arr-left > i { border-right-color: #ff6501; } .article-footer__cell:hover .arr-right > i { border-left-color: #ff6501; } .article-footer__cell--left { text-align: left; } .article-footer__cell--left [class*="arr-"] { left: 0; } .article-footer__cell--right { text-align: right; } .article-footer__cell--right [class*="arr-"] { right: 0; } /* article style end */ /* products list */ .products { overflow: hidden; margin-bottom: 3rem; } .products:last-child { margin-bottom: 0; } .products__list { margin-left: -37px; margin-right: -37px; font-size: 0; letter-spacing: -4px; } @media (max-width: 1599px) { .products__list { margin-left: -25px; margin-right: -25px; } } .products__item { display: inline-block; vertical-align: top; width: 50%; padding-left: 37px; padding-right: 37px; font-size: 1.6rem; line-height: 1.88; letter-spacing: 0.025em; } .products__item, .products__item:nth-last-child(n+3) { margin-bottom: 74px; } .products__item:nth-last-child(-n+2) { margin-bottom: 0; } @media (max-width: 1599px) { .products__item { width: 50%; padding-left: 25px; padding-right: 25px; } .products__item, .products__item:nth-last-child(n+3) { margin-bottom: 5rem; } .products__item:nth-last-child(-n+2) { margin-bottom: 0; } } @media (max-width: 1365px) { .page--has-m-aside .products__item { width: 100%; padding-left: 25px; padding-right: 25px; } .page--has-m-aside .products__item, .page--has-m-aside .products__item:nth-last-child(n+2) { margin-bottom: 74px; } .page--has-m-aside .products__item:nth-last-child(-n+1) { margin-bottom: 0; } } @media (max-width: 991px) { .products__item, .page--has-m-aside .products__item { width: 100%; padding-left: 25px; padding-right: 25px; } .products__item, .products__item:nth-last-child(n+2), .page--has-m-aside .products__item, .page--has-m-aside .products__item:nth-last-child(n+2) { margin-bottom: 5rem; } .products__item:nth-last-child(-n+1), .page--has-m-aside .products__item:nth-last-child(-n+1) { margin-bottom: 0; } } .products__inner { position: relative; display: block; text-decoration: none; } .products__inner a { text-decoration: none; color: #1a1a1a; } .products__inner::after { content: ''; display: table; clear: both; } .products__brand { position: absolute; top: 0; left: 0; z-index: 10; } .products__visual { position: relative; float: left; width: calc(100% - 315px); padding-right: 20px; } @media (max-width: 1919px) { .page--has-m-aside .products__visual { padding-top: 50px; width: calc(100% - 260px); } } @media (max-width: 1365px) { .page--has-m-aside .products__visual { padding-top: 0; width: calc(100% - 315px); } } @media (max-width: 639px) { .products__visual, .page--has-m-aside .products__visual { padding-top: 50px; width: calc(100% - 260px); } } @media (max-width: 479px) { .products__visual, .page--has-m-aside .products__visual { float: none; width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 3rem; } } .products__new { position: absolute; bottom: 0; left: 0; background-image: url(/local/templates/.default/assets/css/../img/label-new.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 80px; font-size: 0; line-height: 0; z-index: 10; } @media (max-width: 479px) { .products__new { left: auto; bottom: auto; right: 0; top: 0; width: 60px; } } .products__new::before { content: ''; display: block; position: relative; height: 0; padding-top: 82.92%; } .products__figure { display: block; position: relative; max-width: 240px; margin-right: auto; margin-left: auto; text-decoration: none; color: inherit; } @media (max-width: 479px) { .products__figure { max-width: 160px; } } .products__figure:before { content: ""; display: block; position: relative; height: 0; padding-top: 133.33%; } .products__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .no-image .products__img { background: url(/local/templates/.default/assets/css/../img/no-img-product.png) no-repeat center; } .products__img img { display: block; width: 100%; height: 100%; max-width: none; -o-object-fit: scale-down; object-fit: scale-down; font-family: "object-fit: scale-down"; } .products__title, .products__content, .products__footer { float: right; clear: right; width: 315px; margin-bottom: 2.6rem; } @media (max-width: 1919px) { .page--has-m-aside .products__title, .page--has-m-aside .products__content, .page--has-m-aside .products__footer { width: 260px; } } @media (max-width: 1365px) { .page--has-m-aside .products__title, .page--has-m-aside .products__content, .page--has-m-aside .products__footer { width: 315px; } } @media (max-width: 639px) { .products__title, .page--has-m-aside .products__title, .products__content, .page--has-m-aside .products__content, .products__footer, .page--has-m-aside .products__footer { width: 260px; } } @media (max-width: 479px) { .products__title, .page--has-m-aside .products__title, .products__content, .page--has-m-aside .products__content, .products__footer, .page--has-m-aside .products__footer { float: none; clear: none; width: 100%; margin-bottom: 2rem; } } .products__content:last-child, .products__footer:last-child { margin-bottom: 0; } .products__title { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.71; letter-spacing: 0.2em; text-transform: uppercase; overflow: hidden; } .products__title a { padding-top: 0.5em; text-decoration: none; color: inherit; transition: inherit; } .products__title .products__model { display: none; } .no-touchevents a:hover .products__title { color: #ff6501; } .no-touchevents a:hover .products__title .products__model { color: #b2b2b2; } .products__model { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; color: #b2b2b2; letter-spacing: 0.025em; } .products__model::before { content: "/ "; } .products__dl { margin-bottom: 2rem; } .products__dl:last-child { margin-bottom: 0; } .products__di { position: relative; padding: 5px 0; border-bottom: 1px dashed #b2b2b2; } .products__di::after { content: ''; display: table; clear: both; } .products__dt { float: left; width: 120px; color: #b2b2b2; padding-right: 10px; } .products__dd { margin-left: 120px; } .products__dd .color-pics { font-size: 0; letter-spacing: -4px; margin-top: -10px; padding-top: 8px; } .products__footer::after { content: ''; display: table; clear: both; } .products__price { float: left; width: 120px; padding-right: 10px; } .products__price .cur { display: block; line-height: 30px; color: #ff6501; } .products__price .cur .val { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 16px; letter-spacing: 0.025em; } .products__price .cur .unit { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 12px; letter-spacing: 0.05em; } .products__basket { margin-left: 120px; line-height: 1; padding-top: 4px; } .btn-to-basket, .btn-from-basket { display: inline-block; vertical-align: top; cursor: default; color: inherit; text-align: center; white-space: nowrap; font-size: 0; letter-spacing: -4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-to-basket svg, .btn-from-basket svg { display: block; float: left; } .btn-to-basket .svg-ico-basket, .btn-from-basket .svg-ico-basket { width: 22px; height: 22px; } .btn-to-basket .svg-ico-basket-add, .btn-from-basket .svg-ico-basket-add { width: 32px; height: 22px; } .btn-to-basket path, .btn-from-basket path { fill: currentColor; } .btn-to-basket span, .btn-from-basket span { display: block; overflow: hidden; padding-right: 10px; font-size: 1.6rem; line-height: 1.25; letter-spacing: 0.025em; text-align: left; white-space: normal; } .btn-to-basket svg + span, .btn-from-basket svg + span { padding: 2px 0 0 10px; } a.btn-to-basket { cursor: pointer; } .no-touchevents a.btn-to-basket:hover { color: #ff6501; } .btn-from-basket, .grid-view .btn-from-basket { display: none; } .touchevents .btn-from-basket { color: #ff6501; } .btn-from-basket:hover { color: #ff6501; } /* grid view */ .grid-view .products__list { margin-left: -15px; margin-right: -15px; font-size: 0; letter-spacing: -4px; } @media (max-width: 639px) { .grid-view .products__list { margin-left: -10px; margin-right: -10px; } } .grid-view .products__item { display: inline-block; vertical-align: top; width: 25%; padding-left: 15px; padding-right: 15px; } .grid-view .products__item, .grid-view .products__item:nth-last-child(n+5) { margin-bottom: 74px; } .grid-view .products__item:nth-last-child(-n+4) { margin-bottom: 0; } @media (max-width: 1365px) { .page--has-m-aside .grid-view .products__item { width: 33.33%; padding-left: 15px; padding-right: 15px; } .page--has-m-aside .grid-view .products__item, .page--has-m-aside .grid-view .products__item:nth-last-child(n+4) { margin-bottom: 74px; } .page--has-m-aside .grid-view .products__item:nth-last-child(-n+3) { margin-bottom: 0; } } @media (max-width: 1199px) { .page--has-m-aside .grid-view .products__item { width: 33.33%; padding-left: 15px; padding-right: 15px; } .page--has-m-aside .grid-view .products__item, .page--has-m-aside .grid-view .products__item:nth-last-child(n+4) { margin-bottom: 50px; } .page--has-m-aside .grid-view .products__item:nth-last-child(-n+3) { margin-bottom: 0; } } @media (max-width: 639px) { .grid-view .products__item, .page--has-m-aside .grid-view .products__item { width: 50%; padding-left: 10px; padding-right: 10px; } .grid-view .products__item, .grid-view .products__item:nth-last-child(n+3), .page--has-m-aside .grid-view .products__item, .page--has-m-aside .grid-view .products__item:nth-last-child(n+3) { margin-bottom: 50px; } .grid-view .products__item:nth-last-child(-n+2), .page--has-m-aside .grid-view .products__item:nth-last-child(-n+2) { margin-bottom: 0; } } .grid-view .products__visual, .grid-view .products__title, .grid-view .products__content, .grid-view .products__footer { float: none; width: auto; } .grid-view .products__visual { padding: 0; margin-bottom: 2.6rem; } @media (max-width: 639px) { .grid-view .products__visual { padding-top: 40px; } } .grid-view .products__visual:last-child { margin-bottom: 0; } .grid-view .products__new { top: auto; left: auto; right: 0; bottom: 0; } .grid-view .products__title { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1.5; letter-spacing: 0.025em; text-align: center; text-transform: none; max-width: 260px; margin: 0 auto 1.5rem; } @media (max-width: 479px) { .grid-view .products__title { font-size: 13px; } } .grid-view .products__title .products__model { display: inline; } .grid-view .products__content { display: none; } .grid-view .products__price { text-align: center; float: none; width: auto; padding: 0; } .grid-view .products__basket { position: absolute; top: 0; right: 0; margin: 0; z-index: 10; } .grid-view .btn-to-basket span, .grid-view .btn-from-basket span { display: none; } .grid-view .btn-to-basket { display: none; } .touchevents .grid-view .btn-to-basket { display: inline-block; } .grid-view .products__inner:hover .btn-to-basket { display: inline-block; } .grid-view .in-cart .btn-to-basket, .grid-view .in-cart .products__inner:hover .btn-to-basket, .in-cart .btn-to-basket, .in-cart .products__inner:hover .btn-to-basket { display: none; } .grid-view .in-cart .btn-from-basket, .in-cart .btn-from-basket { display: inline-block; } /* grid view end */ /* for mobile */ /* for mobile end */ /* products list end */ /* ================= */ /* ================= */ /* products filters */ .p-filters-list { font-size: 0; letter-spacing: -4px; padding-bottom: 1px; margin-bottom: 4rem; } .p-filters-list:last-child { margin-bottom: 0; } .p-filters-item { position: relative; font-size: 1.6rem; line-height: 1; letter-spacing: 0.025em; border-bottom: 1px solid #1a1a1a; margin-bottom: 2rem; } .p-filters-item:last-child { margin-bottom: 0; } .p-filters-inner { text-decoration: none; color: inherit; } .p-filters-select { position: relative; } .p-filters-select-head { padding: 5px 20px 5px 0; cursor: pointer; } .p-filters-drop-footer { display: none; padding-bottom: 30px; } .p-filters-drop-footer .btn-reset { position: relative; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 10px; line-height: 14px; text-transform: uppercase; background-color: black; color: white; padding: 5px 8px; border-radius: 5px; border: none; } .no-touchevents .p-filters-drop-footer .btn-reset:hover { box-shadow: 0 0 5px #000; } .no-touchevents .p-filters-drop-footer .btn-reset:active, .p-filters-drop-footer .btn-reset:active { box-shadow: 0 0 0 #000; left: 1px; top: 1px; } .p-filters-drop-footer .btn-reset:disabled { background-color: #ccc !important; box-shadow: none !important; cursor: default; } .p-filters-selected, .p-filters-placeholder { font-size: 10px; line-height: 14px; display: inline-block; vertical-align: top; width: calc(50% - 5px); display: none; max-width: calc(50% - 5px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .p-filters-selected { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; } .p-filters-angle { position: absolute; right: 0; top: 50%; width: 10px; height: 2px; margin-top: -1px; transition-property: transform; transition-duration: 0.2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; pointer-events: none; } .p-filters-angle::before, .p-filters-angle::after { content: ""; display: block; position: absolute; left: 0; width: 10px; height: 2px; background-color: #1a1a1a; transition-property: transform; transition-duration: 0.2s; } .p-filters-angle::before { top: 0; } .p-filters-angle::after { top: 0; transform: rotate(90deg) translateZ(0); } .ie9 .p-filters-angle::after { -ms-transform: rotate(90deg); transform: rotate(90deg); } .p-filters__title { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; color: inherit; } .p-filters-drop { position: relative; overflow: hidden; height: 0; } .p-filters-is-open .p-filters-drop { padding: 24px 0 30px; } .p-filters-is-open .p-filters-drop-list { overflow-x: hidden; overflow-y: auto; max-height: 320px; } @media (max-width: 991px) { .p-filters-is-open .p-filters-drop-list { overflow-y: visible; max-height: none; } } .p-filters-drop-list, .user-content .p-filters-drop-list { margin: 0; padding: 0; } .p-filters-drop-list li, .user-content .p-filters-drop-list li { padding-left: 0; margin: 0 0 15px; } .p-filters-drop-list li.has-slider, .user-content .p-filters-drop-list li.has-slider { margin-bottom: 25px; } .p-filters-drop-list li::before, .user-content .p-filters-drop-list li::before { content: none; } .p-filters-drop-list li:last-child, .user-content .p-filters-drop-list li:last-child { margin-bottom: 0; } .p-filters-drop-list label { display: block; } .p-filters-drop-list .form-row { margin-right: 0; margin-left: 0; padding-left: 1px; } .p-filters-drop-list .form-row .input-wrap { position: relative; margin-right: 0; margin-left: 0; width: 50%; margin-left: -1px; } .p-filters-drop-list .form-row .input-wrap.input--focus, .p-filters-drop-list .form-row .input-wrap.input--has-value { z-index: 2; } .no-touchevents .p-filters-select:hover, .p-filters-item.p-filters-on .p-filters-select { color: #ff6501; } .no-touchevents .p-filters-select:hover .p-filters-angle::before, .no-touchevents .p-filters-select:hover .p-filters-angle::after, .p-filters-item.p-filters-on .p-filters-select .p-filters-angle::before, .p-filters-item.p-filters-on .p-filters-select .p-filters-angle::after { background-color: #ff6501; } .p-filters-item.p-filters-is-open .p-filters-angle { transform: rotate(0.5turn) translateZ(0); } .p-filters-item.p-filters-is-open .p-filters-angle::after { transform: rotate(0) translateZ(0); } .ie9 .p-filters-item.p-filters-is-open .p-filters-angle { -ms-transform: rotate(0.5turn); transform: rotate(0.5turn); } .ie9 .p-filters-item.p-filters-is-open .p-filters-angle::after { -ms-transform: rotate(0); transform: rotate(0); } .p-filters-item.p-filters-is-open .p-filters-drop { display: block; height: auto; overflow: visible; } /* range-slider */ .range-slider { opacity: 0; visibility: hidden; } .no-js .range-slider { opacity: 1; visibility: visible; } .slider-active .irs-slider { border-color: #ff6501; } .slider-active .irs-bar, .slider-active .irs-bar-edge { background-color: #ff6501; } .p-filters-price-value { text-align: center; font-size: 12px; line-height: 1.25; color: #1a1a1a; } /* range-slider end */ /* filters tags */ .p-filters-tags { position: relative; margin-bottom: 0.5rem; min-height: 30px; } @media (max-width: 991px) { .p-filters-tags { display: none; min-height: 0; } } .p-filters-tags:last-child { margin-bottom: 0; } .m-content .p-filters-tags { display: none; } @media (max-width: 991px) { .m-content .p-filters-tags { display: block; } } .p-filters-tags__frame { cursor: default; background-color: rgba(255, 255, 255, 0.8); line-height: 1; } .p-filters-tags__item { display: inline-block; vertical-align: top; position: relative; margin: 6px 25px 6px 0; cursor: pointer; color: inherit; padding: 0 0 0 20px; font-size: 12px; line-height: 18px; letter-spacing: 0.05em; text-transform: uppercase; } @media (max-width: 639px) { .p-filters-tags__item { font-size: 10px; margin: 4px 15px 4px 0; } } .p-filters-tags__item > span { display: inline-block; vertical-align: top; max-width: 120px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .p-filters-tags__item:last-child::after { content: none; } .p-filters-tags__item > i { position: absolute; left: 0; top: 50%; width: 15px; height: 15px; margin-top: -8px; border-radius: 0; background-color: transparent; font-size: 0; line-height: 0; } .p-filters-tags__item > i::before, .p-filters-tags__item > i::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 10px; height: 2px; margin: -1px 0 0 -5px; background-color: #1a1a1a; } .p-filters-tags__item > i::before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .p-filters-tags__item > i::after { -ms-transform: rotate(45deg); transform: rotate(45deg); } .no-touchevents .p-filters-tags__item:hover { color: #ff6501; } .no-touchevents .p-filters-tags__item:hover > i::before, .no-touchevents .p-filters-tags__item:hover > i::after { background-color: #ff6501; } /* filters tags end */ /* products filters end */ /* ================= */ /* ================= */ /* product card */ .p-card::after { content: ''; display: table; clear: both; } @media (max-width: 1365px) { .p-card .breadcrumbs { margin-bottom: 25px; } } .p-card__title { margin-bottom: 40px; } @media (max-width: 1365px) { .p-card__title { margin-bottom: 25px; } } .p-card__title h1, .p-card__title h2, .p-card__title h3 { font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 3.6rem; line-height: 1; letter-spacing: 0.05em; margin-bottom: 40px; } @media (max-width: 1365px) { .p-card__title h1, .p-card__title h2, .p-card__title h3 { font-size: 3rem; line-height: 1; margin-bottom: 25px; } } @media (max-width: 639px) { .p-card__title h1, .p-card__title h2, .p-card__title h3 { font-size: 2.6rem; line-height: 1; } } .p-card__title h1:last-child, .p-card__title h2:last-child, .p-card__title h3:last-child { margin-bottom: 0; } .p-card__title .to-catalog { text-align: right; margin-bottom: 2rem; } .p-card__state { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; } .p-card__state .p-card__model, .p-card__state .p-card__store { display: inline-block; vertical-align: top; } .p-card__model { color: #b2b2b2; } .p-card__store::before { content: "/"; display: none; color: #b2b2b2; margin-right: 5px; } .p-card__model + .p-card__store::before { display: inline-block; } .p-card__store svg { display: inline-block; vertical-align: top; width: 14px; height: 14px; margin-top: 3px; display: none; } .p-card__store path, .p-card__store polygon { fill: currentColor; } .p-card__store.on { color: #32b39b; fill: #32b39b; } .p-card__store.off { color: #ff203b; fill: #ff203b; } .p-card__store.off svg { width: 10px; height: 10px; margin-top: 5px; } .p-card, .p-card__content__holder { padding: 0 100px; } @media (max-width: 1919px) { .p-card, .p-card__content__holder { padding-right: 80px; padding-left: 80px; } } @media (max-width: 1599px) { .p-card, .p-card__content__holder { padding-right: 50px; padding-left: 50px; } } @media (max-width: 1199px) { .p-card, .p-card__content__holder { padding-right: 30px; padding-left: 30px; } } @media (max-width: 991px) { .p-card, .p-card__content__holder { padding-right: 0; padding-left: 0; } } .p-card { position: relative; margin-bottom: 2rem; } @media (max-width: 991px) { .p-card { padding-right: 0; padding-left: 0; } } .p-card__visual { float: left; width: 55%; margin-bottom: 3rem; } @media (max-width: 1599px) { .p-card__visual { width: 50%; margin-bottom: 3rem; } } @media (max-width: 991px) { .p-card__visual { float: none; width: 100%; margin-bottom: 4rem; } } .p-card__visual:last-child { margin-bottom: 0; } .p-card__gallery { position: relative; } .p-card__gallery__list { margin-bottom: 3rem; } @media (max-width: 1919px) { .p-card__gallery__list { margin-bottom: 4rem; } } @media (max-width: 767px) { .p-card__gallery__list { margin-bottom: 1.5rem; } } .p-card__gallery__list:last-child { margin-bottom: 0; } .p-card__gallery__item { position: relative; height: 100vh; text-align: center; } @media (max-width: 991px) { .p-card__gallery__item { height: 560px; } } @media (max-width: 767px) { .p-card__gallery__item { height: 480px; } } @media (max-width: 639px) { .p-card__gallery__item { height: 320px; } } @media (max-width: 479px) { .p-card__gallery__item { height: 240px; } } .p-card__gallery__item img { display: block; margin: 0 auto; width: 100%; height: 100%; max-width: none; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } @media (max-width: 991px) { .p-card__gallery__item img { visibility: visible; } } .no-js .p-card__gallery__item img { width: auto; height: auto; max-width: 100%; } .p-card__zoom-container { position: fixed; top: 100px; right: 0; width: calc(45% - 100px); height: calc(100vh - 100px); visibility: hidden; z-index: 999; } @media (max-width: 1599px) { .p-card__zoom-container { width: calc(50% - 60px); top: 60px; height: calc(100vh - 60px); } } @media (max-width: 1199px) { .p-card__zoom-container { width: 50%; } } @media (max-width: 639px) { .p-card__zoom-container { width: 100%; } } @media (max-width: 991px) { .p-card__zoom-container { display: none; } } .p-card__zoom-container img { visibility: visible; width: auto; height: auto; -o-object-fit: contain; object-fit: contain; font-family: "object-fit: contain"; } .p-card__gallery__inner { position: relative; width: 100%; height: 100%; font-size: 1.6rem; letter-spacing: normal; background-position: center; background-repeat: no-repeat; background-size: auto 80%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 991px) { .p-card__gallery__inner { background: none !important; } } /* p-card__gallery */ @media (min-width: 992px) { .p-card__gallery__list .swiper-wrapper { -ms-transform: none !important; transform: none !important; display: block; width: auto; height: auto; z-index: auto; } } @media (min-width: 992px) { .p-card__gallery__item { width: auto !important; } } @media (min-width: 992px) { .p-card__gallery__item.swiper-slide-duplicate { display: none; } } @media (min-width: 992px) { .swiper-lazy-preloader { display: none; } } .p-card__gallery__prev, .p-card__gallery__next, .p-card__gallery__pagination { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (min-width: 992px) { .p-card__gallery__prev, .p-card__gallery__next, .p-card__gallery__pagination { display: none; } } .p-card__gallery__prev, .p-card__gallery__next { top: auto; bottom: 2.5rem; margin-bottom: 3px; } @media (max-width: 639px) { .p-card__gallery__prev, .p-card__gallery__next { bottom: 0; } } .p-card__gallery__prev::before, .p-card__gallery__prev::after, .p-card__gallery__next::before, .p-card__gallery__next::after { border-color: #1a1a1a; } .p-card__gallery__prev { left: 0; } .p-card__gallery__next { right: 0; } .p-card__gallery__pagination { position: absolute; left: 50%; bottom: 2.5rem; width: auto; min-width: 85px; padding-right: 25px; padding-left: 25px; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 20px; line-height: 1; text-align: center; } @media (max-width: 639px) { .p-card__gallery__pagination { bottom: 0; } } /* p-card__gallery end */ .p-card__widget { margin-top: 40px; font-size: 1.6rem; line-height: 1.88; } @media (max-width: 1365px) { .p-card__widget { margin-top: 25px; } } .p-card__widget:first-child { margin-top: 0; } .p-card__widget__title { display: block; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 1.5rem; } .p-card__content { position: relative; width: 45%; float: right; clear: right; will-change: min-height; } @media (max-width: 1599px) { .p-card__content { width: 50%; } } @media (max-width: 991px) { .p-card__content { width: 100%; } } .p-card__content__holder { padding-right: 0; padding-bottom: 3rem; -ms-transform: translate(0, 0); transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; } @media (max-width: 1599px) { .p-card__content__holder { padding-bottom: 4rem; } } @media (max-width: 991px) { .p-card__content__holder { padding-bottom: 2.6rem; } } .p-card__price { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; line-height: 36px; color: #ff6501; } .p-card__price .val { display: inline-block; vertical-align: baseline; } .p-card__price .cur .val { font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 3.6rem; letter-spacing: 0.05em; } @media (max-width: 1365px) { .p-card__price .cur .val { font-size: 3rem; } } @media (max-width: 639px) { .p-card__price .cur .val { font-size: 2.6rem; } } .p-card__price small { display: inline-block; vertical-align: baseline; font-size: 14px; } .p-card__price .old, .p-card__price .cur { position: relative; display: inline-block; vertical-align: baseline; margin-right: 30px; } .p-card__price .old { color: #b2b2b2; } .p-card__price .old::after { content: ""; display: block; position: absolute; width: calc(100% + 4px); height: 0; left: -2px; bottom: 50%; margin-bottom: -1px; border-top: 1px solid #b2b2b2; } .p-card__price .old .val { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; } .p-card__price .old small { font-size: 10px; } .p-card__new { position: absolute; left: 0; top: 0; background-image: url(/local/templates/.default/assets/css/../img/label-new.png); background-repeat: no-repeat; background-position: center; background-size: contain; width: 120px; font-size: 0; line-height: 0; z-index: 10; pointer-events: none; will-change: opacity; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease-in-out; } .zoom-on .p-card__new { opacity: 0; } @media (max-width: 479px) { .p-card__new { left: auto; bottom: auto; right: 0; top: 0; width: 60px; } } .p-card__new::before { content: ''; display: block; position: relative; height: 0; padding-top: 82.92%; } .dl-list, .p-card__options__dl { position: relative; } .p-card__options__dl { margin-bottom: 40px; } .p-card__options__dl:last-child { margin-bottom: 0; } .dl-list__di, .p-card__options__di { position: relative; padding-top: 15px; padding-bottom: 15px; border-top: 1px dashed #b2b2b2; font-size: 0; letter-spacing: -4px; } .dl-list__di:first-child, .p-card__options__di:first-child { border-top: 0; } @media (max-width: 479px) { .dl-list__di:first-child, .p-card__options__di:first-child { padding-top: 0; } } @media (max-width: 479px) { .dl-list__di:last-child, .p-card__options__di:last-child { padding-bottom: 0; } } .dl-list__dt, .p-card__options__dt, .dl-list__dd, .p-card__options__dd { display: inline-block; vertical-align: top; font-size: 1.6rem; line-height: 1.5; letter-spacing: normal; } .dl-list__dt, .p-card__options__dt { width: 50%; color: #b2b2b2; padding-right: 30px; } @media (max-width: 1365px) { .dl-list__dt, .p-card__options__dt { padding-right: 20px; } } @media (max-width: 479px) { .dl-list__dt, .p-card__options__dt { padding-right: 0; } } .p-card__options__dt { width: 184px; } .dl-list__dd, .p-card__options__dd { width: calc(100% - 50%); } .p-card__options__dd { width: calc(100% - 184px); } @media (max-width: 479px) { .dl-list__dt, .p-card__options__dt, .dl-list__dd, .p-card__options__dd { display: block; width: auto; } } .p-card__options__grid::after { content: ''; display: table; clear: both; } .p-card__options__grid, .user-content .p-card__options__grid { padding: 0 0 1px 1px; margin: 0 0 40px; } .p-card__options__grid:last-child, .user-content .p-card__options__grid:last-child { margin-bottom: 0; } .p-card__options__grid li, .user-content .p-card__options__grid li { padding: 8px; margin: 0 0 -1px -1px; } .p-card__options__grid li::before, .user-content .p-card__options__grid li::before { content: none; } .p-card__options__grid li { float: left; min-width: 60px; border: 1px solid #e6e6e6; font-size: 16px; line-height: 20px; text-align: center; } @media (max-width: 638px) { .p-card__options__grid li { width: 12.5%; } } @media (max-width: 518px) { .p-card__options__grid li { width: 14.28%; } } @media (max-width: 478px) { .p-card__options__grid li { width: 16.67%; } } @media (max-width: 398px) { .p-card__options__grid li { width: 20%; } } @media (max-width: 338px) { .p-card__options__grid li { width: 25%; } } .p-card__color::after { content: ''; display: table; clear: both; } .p-card__color, .user-content .p-card__color { padding: 0 0 1px 1px; margin: 0 0 40px; } .p-card__color:last-child, .user-content .p-card__color:last-child { margin-bottom: 0; } .p-card__color li, .user-content .p-card__color li { padding: 8px 8px 8px 42px; margin: 0 0 -1px -1px; } .p-card__color li::before, .user-content .p-card__color li::before { content: none; } .p-card__color li { position: relative; float: left; width: 33.33%; min-width: 170px; border: 1px solid #e6e6e6; font-size: 1.6rem; line-height: 1.88; letter-spacing: normal; max-width: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: default; } @media (max-width: 991px) { .p-card__color li { width: 25%; } } @media (max-width: 767px) { .p-card__color li { width: 33.3%; } } @media (max-width: 639px) { .p-card__color li { width: 50%; } } @media (max-width: 479px) { .p-card__color li { width: 100%; } } .p-card__color .color-pic { position: absolute; left: 19px; top: 14px; margin: 0; z-index: 5; will-change: transform; transition-property: transform; transition-duration: 0.6s; } .no-touchevents .p-card__color li:hover .color-pic { -ms-transform: scale(30); transform: scale(30); transform: scale3d(30, 30, 30); } .p-card__btn { position: absolute; top: 130px; top: 50vh; width: 300px; height: 430px; margin: -342px -211px 0; color: inherit; will-change: color, opacity, visibility; transition-property: color, opacity, visibility; transition-duration: 0.2s; } @media (max-width: 1919px) { .p-card__btn { margin: -342px -211px 0; } } @media (max-width: 1599px) { .p-card__btn { width: 180px; height: 430px; margin: -293px -131px 0; } } @media (max-width: 1199px) { .p-card__btn { width: 120px; height: 320px; margin: -234px -90px 0; } } @media (max-width: 991px) { .p-card__btn { display: none; } } .zoom-on .p-card__btn { opacity: 0; visibility: hidden; } .p-card__btn .p-card__btn__text { position: absolute; width: 24px; height: 24px; font-size: 14px; line-height: 24px; top: 50%; left: 30px; right: 30px; margin: -12px 0 0; } @media (max-width: 1199px) { .p-card__btn .p-card__btn__text { left: 18px; right: 18px; } } .p-card__btn .p-card__btn__text span { display: block; width: 240px; height: 24px; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%) rotate(-0.25turn); transform: translate(-50%, -50%) rotate(-0.25turn); text-align: center; max-width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .p-card__btn .p-card__btn__arr { position: absolute; right: 17px; left: 17px; top: 50%; transition-property: transform, opacity; transition-duration: 0.2s; } @media (max-width: 1199px) { .p-card__btn .p-card__btn__arr { right: 4px; left: 4px; } } .p-card__btn .p-card__btn__arr::before, .p-card__btn .p-card__btn__arr::after { border-color: #e6e6e6; } .p-card__btn .p-card__btn__img { display: block; width: 80%; height: 100%; margin-right: auto; margin-left: auto; opacity: 0; transition-property: transform, opacity; transition-duration: 0.2s; } .p-card__btn .p-card__btn__img img { display: block; width: 100%; height: 100%; max-width: none; -o-object-fit: none; object-fit: none; font-family: "object-fit: none"; -o-object-fit: scale-down; object-fit: scale-down; font-family: "object-fit: scale-down"; } .no-js .p-card__btn .p-card__btn__img img { width: auto; height: auto; max-width: 100%; } .p-card__btn.p-card__btn--prev { left: 0; margin-right: 0; } .p-card__btn.p-card__btn--prev .p-card__btn__text, .p-card__btn.p-card__btn--prev .p-card__btn__arr { left: auto; } .p-card__btn.p-card__btn--prev .p-card__btn__img { -ms-transform: translate(-20px, 0); transform: translate(-20px, 0); } .p-card__btn.p-card__btn--next { right: 0; margin-left: 0; } .p-card__btn.p-card__btn--next .p-card__btn__text, .p-card__btn.p-card__btn--next .p-card__btn__arr { right: auto; } .p-card__btn.p-card__btn--next .p-card__btn__img { -ms-transform: translate(20px, 0); transform: translate(20px, 0); } .p-card__btn:hover, .p-card__btn:not(.disabled):hover { color: #ff6501; } .p-card__btn:hover .p-card__btn__arr, .p-card__btn:not(.disabled):hover .p-card__btn__arr { opacity: 0; } .p-card__btn:hover .p-card__btn__arr::before, .p-card__btn:hover .p-card__btn__arr::after, .p-card__btn:not(.disabled):hover .p-card__btn__arr::before, .p-card__btn:not(.disabled):hover .p-card__btn__arr::after { border-color: #e6e6e6; } .p-card__btn:hover .p-card__btn__img, .p-card__btn:not(.disabled):hover .p-card__btn__img { -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: 0.25; } .p-card__btn:hover.p-card__btn--prev .p-card__btn__arr, .p-card__btn:not(.disabled):hover.p-card__btn--prev .p-card__btn__arr { -ms-transform: translate(-20px, 0); transform: translate(-20px, 0); } .p-card__btn:hover.p-card__btn--next .p-card__btn__arr, .p-card__btn:not(.disabled):hover.p-card__btn--next .p-card__btn__arr { -ms-transform: translate(20px, 0); transform: translate(20px, 0); } .p-card__content, .p-card__visual, .p-card__gallery__item, .p-card__gallery__inner, .p-card__content__frame { will-change: margin, width, height, opacity, visibility, background-size; transition-property: margin, width, height, opacity, visibility, background-size; transition-duration: 0.4s; transition-timing-function: cubic-bezier(0, 0.71, 0.41, 1); } @media (min-width: 992px) { .zoom-on .p-card__content { opacity: 0; visibility: hidden; } .zoom-on .p-card__visual { width: 100%; margin-right: -45%; } .zoom-on .p-card__gallery__item { cursor: zoom-out; } .zoom-on .p-card__gallery__inner { background-size: auto 100%; } .zoom-on .p-card__content__frame { margin-right: -200px; margin-left: 200px; } .zoom-on.activated-ccur .p-card__gallery__item { cursor: none; } } /* custom zoom in-out cursor */ .ccur { position: fixed; left: 0; top: 0; z-index: 9999; will-change: transform; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; display: block; width: 50px; height: 50px; } .touchevents .ccur { display: none !important; } .no-js .ccur { cursor: zoom-in; } .ccur .ccur__inside { position: relative; width: 100%; height: 100%; margin: -25px 0 0 -25px; will-change: transform; } .ccur .ccur__inside::before, .ccur .ccur__inside::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 18px; height: 2px; margin: -1px 0 0 -9px; background-color: currentColor; z-index: 1; opacity: 0; transition-property: transform, opacity; transition-duration: 0s; transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1); } .ccur .ccur__inside::before { -ms-transform: rotate(-0.25turn); transform: rotate(-0.25turn); } .ccur .ccur__inside svg { display: block; width: 100%; height: 100%; -ms-transform: rotate(-0.2turn); transform: rotate(-0.2turn); opacity: 0; transition-property: transform, opacity; transition-duration: 0s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ccur .ccur__inside circle { fill: rgba(135, 206, 250, 0); stroke: currentColor; stroke-width: 2px; stroke-dasharray: 144px; stroke-dashoffset: 144px; transition-property: stroke-dashoffset; transition-duration: 0s; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ccur.active { display: block; } .ccur.active .ccur__inside::before, .ccur.active .ccur__inside::after { opacity: 1; transition-duration: 0.5s; } .ccur.active .ccur__inside::before { -ms-transform: rotate(0); transform: rotate(0); } .ccur.active .ccur__inside::after { -ms-transform: rotate(0.25turn); transform: rotate(0.25turn); } .ccur.active .ccur__inside svg { opacity: 1; -ms-transform: rotate(0); transform: rotate(0); transition-duration: 0.5s; } .ccur.active .ccur__inside circle { stroke-dashoffset: 0; transition-duration: 0.5s; } .zoom-on .ccur.active .ccur__inside::before { -ms-transform: rotate(0.125turn); transform: rotate(0.125turn); } .zoom-on .ccur.active .ccur__inside::after { -ms-transform: rotate(0.375turn); transform: rotate(0.375turn); } /* custom zoom in-out cursor end */ /* product card end */ /* view switcher */ .view-switcher { position: relative; margin-bottom: 4rem; line-height: 0; } .view-switcher::after { content: ''; display: table; clear: both; } .view-switcher::before { content: ""; display: block; position: absolute; top: 50%; right: 100%; width: 100px; height: 0; border-top: 1px solid #1a1a1a; margin-top: -1px; margin-right: 50px; } @media (max-width: 1365px) { .view-switcher::before { margin-right: 30px; width: 50px; } } @media (max-width: 1199px) { .view-switcher::before { content: none; } } .view-switcher:last-child { margin-bottom: 0; } .heading__options .view-switcher { margin-bottom: 0; } .view-switcher a { display: block; float: left; position: relative; margin-left: 20px; color: #1a1a1a; z-index: 9; } @media (max-width: 1365px) { .view-switcher a { margin-left: 10px; } } @media (max-width: 991px) { .view-switcher a { margin-left: 0; float: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 100%; } } .view-switcher a:first-child { margin-left: 0; } .view-switcher a span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; line-height: 1.88; } .view-switcher a span:active, .view-switcher a span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .view-switcher a svg { display: inline-block; vertical-align: top; } .view-switcher a svg.svg-ico-menu-short, .view-switcher a svg.svg-ico-menu-full { width: 38px; height: 18px; } .view-switcher a svg.svg-ico-menu-short-lg, .view-switcher a svg.svg-ico-menu-full-lg { width: 18px; height: 18px; } .view-switcher a path { fill: currentColor; } .view-switcher a:hover { color: #ff6501; } .view-switcher a.active { color: #ff6501; cursor: default; } @media (max-width: 991px) { .view-switcher a.active { display: none; } } /* view switcher end */ /* popups */ .inline-popup { max-width: 1600px; background-color: white; margin-right: auto; margin-left: auto; } .default-popup { max-width: 580px; background-color: #f2f2f2; margin-right: auto; margin-left: auto; } .inline-popup, .default-popup { padding: 50px; } @media (max-width: 1599px) { .inline-popup, .default-popup { padding: 41px; } } @media (max-width: 1199px) { .inline-popup, .default-popup { padding: 30px; } } @media (max-width: 767px) { .inline-popup, .default-popup { max-width: none; min-height: 100vh; padding-top: 90px; } } @media (max-width: 639px) { .inline-popup, .default-popup { padding-right: 20px; padding-left: 20px; padding-bottom: 20px; } } .inline-popup .pseudotabs-nav, .default-popup .pseudotabs-nav { padding-right: 40px; margin-bottom: 20px; } @media (max-width: 767px) { .inline-popup .pseudotabs-nav, .default-popup .pseudotabs-nav { padding-right: 0; } } .inline-popup .pseudotabs-tab, .default-popup .pseudotabs-tab { margin-bottom: 20px; } .inline-popup__title, .default-popup__title { font-family: "minionpro-bold", serif; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1.33; margin-bottom: 4rem; padding-right: 20px; } @media (max-width: 1599px) { .inline-popup__title, .default-popup__title { margin-bottom: 2.6rem; } } .inline-popup__title:last-child, .default-popup__title:last-child { margin-bottom: 0; } .mfp-close { width: 40px; height: 40px; opacity: 1; } @media (max-width: 767px) { .mfp-close { width: 60px; height: 60px; } } .mfp-close svg { position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; z-index: -1; pointer-events: none; } @media (max-width: 767px) { .mfp-close svg { width: 16px; height: 16px; margin: -8px 0 0 -8px; } } .mfp-close path { fill: currentColor; } .mfp-close-btn-in .mfp-close { fill: #1a1a1a; color: #1a1a1a; top: 36px; right: 36px; margin-top: 4px; } @media (max-width: 1599px) { .mfp-close-btn-in .mfp-close { top: 27px; right: 27px; } } @media (max-width: 1199px) { .mfp-close-btn-in .mfp-close { top: 16px; right: 16px; } } @media (max-width: 767px) { .mfp-close-btn-in .mfp-close { top: 0; right: auto; left: 0; color: white; margin-top: 0; background-color: #262626; } } .no-touchevents .mfp-close-btn-in .mfp-close:hover { color: #ff6501; } /* popups end */ /* COMPONENTS end */ /*======================================================*/ /* LAYOUT */ /*======================================================*/ body { height: 100%; min-width: 320px; position: relative; } .wrapper { margin: 0 auto; min-height: 100vh; overflow-x: hidden; position: relative; padding-top: 100px; } .home-page .wrapper { padding-top: 0; } @media (max-width: 1199px) { .home-page .wrapper { padding-top: 60px; } } @media (max-width: 1599px) { .wrapper { padding-top: 60px; } } .wrapper::before, .wrapper::after { content: ""; display: block; position: absolute; top: 0; left: 1920px; height: 100%; width: 9999px; background-color: #fafafa; z-index: 99998; } .home-page .wrapper::before, .home-page .wrapper::after { left: 100%; } @media (max-width: 1919px) { .wrapper::before, .wrapper::after { left: 100%; } } .wrapper::after { border-right: 1px solid #e6e6e6; width: 0; } .main { position: relative; width: 100%; float: left; clear: both; z-index: 4; } .main__holder { margin: 0 0 0 100px; min-height: 50px; } .main__holder::after { content: ''; display: table; clear: both; } @media (max-width: 1599px) { .main__holder { margin-left: 60px; } } @media (max-width: 1199px) { .main__holder { margin-left: 0; } } .home-page .main__holder { margin: 0 100px; } @media (max-width: 1599px) { .home-page .main__holder { margin-right: 60px; margin-left: 60px; } } @media (max-width: 1199px) { .home-page .main__holder { margin-right: 0; margin-left: 0; } } .content-wrap { float: left; width: 100%; } .content { padding: 55px 61px; } @media (max-width: 1919px) { .content { padding: 55px 61px; } } @media (max-width: 1599px) { .content { padding: 37px 41px 62px; } } @media (max-width: 1199px) { .content { padding: 27px 30px 45px; } } @media (max-width: 639px) { .content { padding: 18px 20px 30px; } } .layout-full-width, .layout-wide { margin-right: -61px; margin-left: -61px; } @media (max-width: 1919px) { .layout-full-width, .layout-wide { margin-right: -61px; margin-left: -61px; } } @media (max-width: 1599px) { .layout-full-width, .layout-wide { margin-right: -41px; margin-left: -41px; } } @media (max-width: 1199px) { .layout-full-width, .layout-wide { margin-right: -30px; margin-left: -30px; } } @media (max-width: 639px) { .layout-full-width, .layout-wide { margin-right: -20px; margin-left: -20px; } } .layout-top-fit { margin-top: -55px; } @media (max-width: 1919px) { .layout-top-fit { margin-top: -55px; } } @media (max-width: 1599px) { .layout-top-fit { margin-top: -37px; } } @media (max-width: 1199px) { .layout-top-fit { margin-top: -27px; } } @media (max-width: 639px) { .layout-top-fit { margin-top: -18px; } } .layout-bottom-fit { margin-bottom: -55px; } @media (max-width: 1919px) { .layout-bottom-fit { margin-bottom: -55px; } } @media (max-width: 1599px) { .layout-bottom-fit { margin-bottom: -62px; } } @media (max-width: 1199px) { .layout-bottom-fit { margin-bottom: -45px; } } @media (max-width: 639px) { .layout-bottom-fit { margin-bottom: -30px; } } .entry-img { padding: 55px 61px; } @media (max-width: 1919px) { .entry-img { padding: 55px 61px; } } @media (max-width: 1599px) { .entry-img { padding: 37px 41px; } } @media (max-width: 1199px) { .entry-img { padding: 27px 30px; } } @media (max-width: 639px) { .entry-img { padding: 18px 20px; } } /* header (layout) */ .header { position: fixed; top: 0; z-index: 1020; height: 100px; width: 100%; max-width: 1920px; } .home-page .header { max-width: none; } @media (max-width: 1599px) { .header { height: 60px; } } .header__holder { padding-right: 61px; padding-left: 61px; margin-left: 100px; } @media (max-width: 1919px) { .header__holder { padding-right: 61px; padding-left: 61px; } } @media (max-width: 1599px) { .header__holder { padding-right: 41px; padding-left: 41px; margin-left: 60px; } } @media (max-width: 1199px) { .header__holder { padding-right: 30px; padding-left: 30px; margin-left: 0; } } @media (max-width: 639px) { .header__holder { padding-right: 20px; padding-left: 20px; } } .home-page .header__holder { padding-right: 100px; padding-left: 61px; margin-left: 100px; } @media (max-width: 1919px) { .home-page .header__holder { padding-right: 100px; padding-left: 61px; } } @media (max-width: 1599px) { .home-page .header__holder { padding-right: 60px; padding-left: 41px; margin-left: 60px; } } @media (max-width: 1199px) { .home-page .header__holder { padding-right: 30px; padding-left: 30px; margin-left: 0; } } @media (max-width: 639px) { .home-page .header__holder { padding-right: 20px; padding-left: 20px; } } /* header (layout) end */ /* sidebar (layout) */ .sidebar { position: fixed; top: 100px; left: 0; width: 100px; height: calc(100% - 100px); z-index: 1001; } @media (max-width: 1599px) { .sidebar { top: 60px; width: 60px; height: calc(100% - 60px); } } @media (max-width: 1199px) { .sidebar { display: none; } } .sidebar__align { width: calc(100% + 100px); background-color: inherit; } .touchevents .sidebar__align { width: 100%; } .sidebar__holder { position: relative; width: 100px; } @media (max-width: 1599px) { .sidebar__holder { width: 60px; } } /* sidebar (layout) end */ /* footer (layout) */ .footer { position: relative; clear: both; z-index: 5; } .footer__holder { left: 100px; width: calc(100% - 100px); padding-right: 61px; padding-left: 61px; } @media (max-width: 1919px) { .footer__holder { padding-right: 61px; padding-left: 61px; } } @media (max-width: 1599px) { .footer__holder { padding-right: 41px; padding-left: 41px; left: 60px; width: calc(100% - 60px); } } @media (max-width: 1199px) { .footer__holder { padding-right: 30px; padding-left: 30px; left: 0; width: 100%; } } @media (max-width: 1199px) { .footer__holder { padding-right: 20px; padding-left: 20px; } } .footer-common, .footer-bottom { padding-top: 31px; padding-bottom: 31px; } @media (max-width: 1919px) { .footer-common, .footer-bottom { padding-top: 34px; padding-bottom: 34px; } } @media (max-width: 1599px) { .footer-common, .footer-bottom { padding-top: 35px; padding-bottom: 35px; } } @media (max-width: 1199px) { .footer-common, .footer-bottom { padding-top: 26px; padding-bottom: 26px; } } @media (max-width: 639px) { .footer-common, .footer-bottom { padding-top: 24px; padding-bottom: 24px; } } /* footer (layout) end */ .max-wrap { max-width: 1920px; } .home-page .max-wrap { max-width: none; } .max-wrap-text { max-width: 640px; } .layout-text { max-width: 640px; margin-right: auto; margin-left: auto; } @media (max-width: 991px) { .layout-text { max-width: none; } } .max-wrap-flood { max-width: 980px; } @media (max-width: 1365px) { .max-wrap-flood { max-width: none; } } .layout-flood { max-width: 980px; margin-right: auto; margin-left: auto; } @media (max-width: 1365px) { .layout-flood { max-width: none; } } .layout-flood p, .layout-flood ul, .layout-flood ol, .layout-flood h1, .layout-flood h2, .layout-flood h3, .layout-flood h4, .layout-flood h5, .layout-flood h6, .layout-flood hr, .layout-flood blockquote { max-width: none; } .layout-wide { padding-right: 61px; padding-left: 61px; } @media (max-width: 1919px) { .layout-wide { padding-right: 61px; padding-left: 61px; } } @media (max-width: 1599px) { .layout-wide { padding-right: 41px; padding-left: 41px; } } @media (max-width: 1199px) { .layout-wide { padding-right: 30px; padding-left: 30px; } } @media (max-width: 639px) { .layout-wide { padding-right: 20px; padding-left: 20px; } } .layout-wide p, .layout-wide ul, .layout-wide ol, .layout-wide h1, .layout-wide h2, .layout-wide h3, .layout-wide h4, .layout-wide h5, .layout-wide h6, .layout-wide hr, .layout-wide blockquote { max-width: none; } .layout-full-width p, .layout-full-width ul, .layout-full-width ol, .layout-full-width h1, .layout-full-width h2, .layout-full-width h3, .layout-full-width h4, .layout-full-width h5, .layout-full-width h6, .layout-full-width hr, .layout-full-width blockquote { max-width: none; } .layout-article > p, .layout-article > ul, .layout-article > ol, .layout-article > h1, .layout-article > h2, .layout-article > h3, .layout-article > h4, .layout-article > h5, .layout-article > h6, .layout-article > hr, .layout-article > blockquote, .layout-article > .layout-text, .layout-article .imgc figcaption { max-width: 640px; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } @media (max-width: 991px) { .layout-article > p, .layout-article > ul, .layout-article > ol, .layout-article > h1, .layout-article > h2, .layout-article > h3, .layout-article > h4, .layout-article > h5, .layout-article > h6, .layout-article > hr, .layout-article > blockquote, .layout-article > .layout-text, .layout-article .imgc figcaption { max-width: none; } } .layout-article > h1, .layout-article > img, .layout-article .imgc { display: block; max-width: 980px; margin-right: auto; margin-left: auto; } .layout-article > img, .layout-article .imgc { margin-top: 0; margin-bottom: 3rem; } .layout-article .layout-text, .layout-article .layout-flood { padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .layout-article .layout-text { max-width: 640px; } @media (max-width: 991px) { .layout-article .layout-text { max-width: none; } } .layout-article .max-wrap-text { max-width: 640px; } @media (max-width: 991px) { .layout-article .max-wrap-text { max-width: none; } } .layout-article .layout-flood { max-width: 980px; } @media (max-width: 1365px) { .layout-article .layout-flood { max-width: none; } } .layout-article .max-wrap-flood { max-width: 980px; } @media (max-width: 1365px) { .layout-article .max-wrap-flood { max-width: none; } } /* logo (layout) */ .logo { width: 100px; height: 100px; } @media (max-width: 1599px) { .logo { width: 60px; height: 60px; } } @media (max-width: 1199px) { .logo { margin: 0 auto; width: 175px; } } @media (max-width: 767px) { .logo { margin: 0 0 0 50px; } } .home-page .logo { width: 280px; } @media (max-width: 1599px) { .home-page .logo { width: 175px; } } .home-page .header__holder { padding-left: 241px; } @media (max-width: 1919px) { .home-page .header__holder { padding-left: 241px; } } @media (max-width: 1599px) { .home-page .header__holder { padding-left: 156px; } } @media (max-width: 1199px) { .home-page .header__holder { padding-left: 30px; } } @media (max-width: 639px) { .home-page .header__holder { padding-left: 20px; } } /* logo (layout) end */ /* button toggle menu (layout) */ .btn-menu { width: 100px; height: 100px; } @media (max-width: 1599px) { .btn-menu { width: 60px; height: 60px; } } /* button toggle menu (layout) end */ /* fullpage navigation / fp-nav (layout) */ #fp-nav { height: 100vh; width: 100px; top: 0; left: 1920px; margin: 0 0 0 -100px !important; padding-top: 100px; } .home-page #fp-nav { left: 100%; } @media (max-width: 1919px) { #fp-nav { left: 100%; } } @media (max-width: 1599px) { #fp-nav { width: 60px; margin: 0 0 0 -60px !important; padding-top: 60px; } } /* fullpage navigation / fp-nav (layout) end */ .nav-bottom { padding-bottom: 80px; /* tape slider (layout) */ /* tape slider (layout) end */ } @media (max-width: 1599px) { .nav-bottom { padding-bottom: 60px; } } @media (max-width: 1199px) { .nav-bottom { padding-bottom: 50px; } } @media (max-width: 639px) { .nav-bottom { padding-bottom: 40px; } } .nav-bottom .tape-slider-pagination { top: auto; bottom: 0; } .nav-bottom .tape-slider-prev, .nav-bottom .tape-slider-next { bottom: 0; top: auto; margin-top: 0; } .nav-bottom .tape-slider-prev { left: 0; } .nav-bottom .tape-slider-next { right: 0; } /* catalog - m-catalog (layout) */ .m-catalog-list > li, .m-catalog-list .user-content .m-catalog-list > li { padding: 85px 100px; } @media (max-width: 1919px) { .m-catalog-list > li, .m-catalog-list .user-content .m-catalog-list > li { padding: 55px 61px; } } @media (max-width: 1599px) { .m-catalog-list > li, .m-catalog-list .user-content .m-catalog-list > li { padding: 37px 41px; } } @media (max-width: 1199px) { .m-catalog-list > li, .m-catalog-list .user-content .m-catalog-list > li { padding: 27px 30px; } } @media (max-width: 639px) { .m-catalog-list > li, .m-catalog-list .user-content .m-catalog-list > li { padding: 30px 20px; } } /* catalog - m-catalog (layout) end */ /* m-services (layout) */ .m-services-thumbs-align { padding-top: 61px; padding-bottom: 61px; } @media (max-width: 1919px) { .m-services-thumbs-align { padding-top: 61px; padding-bottom: 61px; } } @media (max-width: 1599px) { .m-services-thumbs-align { padding-top: 41px; padding-bottom: 41px; } } @media (max-width: 1199px) { .m-services-thumbs-align { padding-top: 30px; padding-bottom: 30px; } } @media (max-width: 991px) { .m-services-thumbs-align { padding: 27px 30px; } } @media (max-width: 639px) { .m-services-thumbs-align { padding: 30px 20px 20px; } } /* m-services (layout) end */ /* home-page (layout) */ .main-section { height: 100vh; padding-top: 100px; } @media (max-width: 1599px) { .main-section { padding-top: 60px; } } @media (max-width: 1199px) { .main-section { padding-top: 0; } } .main-sections ~ br { display: none; } .home-page { /* main slider (layout) */ /* main slider (layout) end */ /* previews tabs (layout) */ /* previews tabs (layout) end */ } .home-page .main-slider-pagination { left: 61px; top: 55px; } @media (max-width: 1919px) { .home-page .main-slider-pagination { left: 61px; top: 55px; } } @media (max-width: 1599px) { .home-page .main-slider-pagination { left: 41px; top: 37px; } } @media (max-width: 1199px) { .home-page .main-slider-pagination { top: auto; left: 50%; /*bottom: 27px;*/ bottom: 20px; } } /* @media (max-width: 639px) { .home-page .main-slider-pagination { bottom: 18px; } } */ .home-page .main-slider-prev, .home-page .main-slider-next { bottom: 55px; top: auto; margin-top: 0; } @media (max-width: 1919px) { .home-page .main-slider-prev, .home-page .main-slider-next { bottom: 19px; /*bottom: 55px;*/ } } @media (max-width: 991px) { .home-page .main-slider-prev, .home-page .main-slider-next { bottom: 22px; } } /* @media (max-width: 1199px) { .home-page .main-slider-prev, .home-page .main-slider-next { bottom: 45px; } } @media (max-width: 639px) { .home-page .main-slider-prev, .home-page .main-slider-next { bottom: 18px; } } */ .home-page .main-slider-prev { left: 61px; } @media (max-width: 1919px) { .home-page .main-slider-prev { left: 61px; } } @media (max-width: 1599px) { .home-page .main-slider-prev { left: 41px; } } @media (max-width: 1199px) { .home-page .main-slider-prev { left: 30px; } } @media (max-width: 639px) { .home-page .main-slider-prev { left: 20px; } } .home-page .main-slider-next { right: 61px; } @media (max-width: 1919px) { .home-page .main-slider-next { right: 61px; } } @media (max-width: 1599px) { .home-page .main-slider-next { right: 41px; } } @media (max-width: 1199px) { .home-page .main-slider-next { right: 30px; } } @media (max-width: 639px) { .home-page .main-slider-next { right: 20px; } } .home-page .main-slider__item { padding: 110px 61px 38px; } @media (max-width: 1919px) { .home-page .main-slider__item { padding: 110px 61px 38px; } } @media (max-width: 1599px) { .home-page .main-slider__item { padding: 92px 41px 38px; } } @media (max-width: 1199px) { .home-page .main-slider__item { /*padding: 68px 30px 30px;*/ padding: 0; } } /* @media (max-width: 639px) { .home-page .main-slider__item { padding: 20px 20px 0; } } */ .home-page .nav-bottom { padding-bottom: 110px; /* tape slider (layout) */ /* tape slider (layout) end */ } @media (max-width: 1919px) { .home-page .nav-bottom { padding-bottom: 110px; } } @media (max-width: 1599px) { .home-page .nav-bottom { padding-bottom: 74px; } } @media (max-width: 1199px) { .home-page .nav-bottom { padding-bottom: 100px; } } @media (max-width: 479px) { .home-page .nav-bottom { padding-bottom: 60px; } } .home-page .nav-bottom .tape-slider-pagination, .home-page .nav-bottom .tape-slider-prev, .home-page .nav-bottom .tape-slider-next { bottom: 55px; } @media (max-width: 1919px) { .home-page .nav-bottom .tape-slider-pagination, .home-page .nav-bottom .tape-slider-prev, .home-page .nav-bottom .tape-slider-next { bottom: 55px; } } @media (max-width: 1599px) { .home-page .nav-bottom .tape-slider-pagination, .home-page .nav-bottom .tape-slider-prev, .home-page .nav-bottom .tape-slider-next { bottom: 37px; } } @media (max-width: 1199px) { .home-page .nav-bottom .tape-slider-pagination, .home-page .nav-bottom .tape-slider-prev, .home-page .nav-bottom .tape-slider-next { bottom: 27px; } } @media (max-width: 639px) { .home-page .nav-bottom .tape-slider-pagination, .home-page .nav-bottom .tape-slider-prev, .home-page .nav-bottom .tape-slider-next { bottom: 18px; } } .home-page .nav-bottom .tape-slider-prev { left: 61px; } @media (max-width: 1919px) { .home-page .nav-bottom .tape-slider-prev { left: 61px; } } @media (max-width: 1599px) { .home-page .nav-bottom .tape-slider-prev { left: 41px; } } @media (max-width: 1199px) { .home-page .nav-bottom .tape-slider-prev { left: 30px; } } @media (max-width: 639px) { .home-page .nav-bottom .tape-slider-prev { left: 20px; } } .home-page .nav-bottom .tape-slider-next { right: 61px; } @media (max-width: 1919px) { .home-page .nav-bottom .tape-slider-next { right: 61px; } } @media (max-width: 1599px) { .home-page .nav-bottom .tape-slider-next { right: 41px; } } @media (max-width: 1199px) { .home-page .nav-bottom .tape-slider-next { right: 30px; } } @media (max-width: 639px) { .home-page .nav-bottom .tape-slider-next { right: 20px; } } .home-page .previews-tabs__panel { padding-top: 162px; } @media (max-width: 1919px) { .home-page .previews-tabs__panel { padding-top: 162px; } } @media (max-width: 1599px) { .home-page .previews-tabs__panel { padding-top: 126px; } } @media (max-width: 1199px) { .home-page .previews-tabs__panel { padding-top: 0; } } .home-page .previews-tabs__nav { padding: 55px 61px; } @media (max-width: 1919px) { .home-page .previews-tabs__nav { padding: 55px 61px; } } @media (max-width: 1599px) { .home-page .previews-tabs__nav { padding: 37px 41px; } } @media (max-width: 1199px) { .home-page .previews-tabs__nav { padding: 27px 30px; } } @media (max-width: 639px) { .home-page .previews-tabs__nav { padding: 18px 20px 30px; } } /* feature list, images slider */ .feature-list, .images-slider { max-width: 980px; margin-right: auto; margin-left: auto; } .feature-list:last-child, .images-slider:last-child { margin-bottom: 0; } .feature-list { margin-bottom: 3rem; } @media (max-width: 991px) { .feature-list { margin-bottom: 2.6rem; } } .images-slider { margin-bottom: 3rem; } @media (max-width: 991px) { .images-slider { margin-bottom: 2.6rem; } } .images-slider:last-child { margin-bottom: 0; } /* feature list, images slider end */ /* subscription form */ .subscription-form { padding: 61px; } @media (max-width: 1919px) { .subscription-form { padding: 61px; } } @media (max-width: 1599px) { .subscription-form { padding: 41px; } } @media (max-width: 1199px) { .subscription-form { padding: 30px; } } @media (max-width: 639px) { .subscription-form { padding: 20px; } } .article-footer + .subscription-form { padding-top: 145px; } /* subscription form end */ /* footer at bottom */ .wrapper > .spacer { display: none; } .home-page .main .spacer { display: none; } /* footer at bottom end */ /* box options (layout) */ .box-options__label { width: 320px; padding-right: 61px; margin-top: -0.4em; } @media (max-width: 1919px) { .box-options__label { padding-right: 61px; } } @media (max-width: 1599px) { .box-options__label { padding-right: 41px; } } @media (max-width: 1365px) { .box-options__label { width: 280px; } } @media (max-width: 1199px) { .box-options__label { padding-right: 30px; } } @media (max-width: 639px) { .box-options__label { padding-right: 20px; } } .box-options__content { margin-left: 320px; } @media (max-width: 1365px) { .box-options__content { margin-left: 0; } } /* box options (layout) end */ /* m-container (layout) */ .m-container::after { content: ''; display: table; clear: both; } .m-aside { float: left; width: 320px; will-change: min-height, trasform; } @media (max-width: 1365px) { .m-aside { width: 280px; } } @media (min-width: 992px) { .m-aside { -ms-transform: none !important; transform: none !important; } .shutter-overlay--m-aside { display: none; } } @media (max-width: 991px) { .m-aside { opacity: 0; visibility: hidden; position: fixed; overflow: hidden; right: 0; width: 320px; background-color: white; z-index: 9999; top: 60px; height: calc(100vh - 60px); -ms-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } } @media (max-width: 479px) { .m-aside { width: 100%; } } .m-aside form { height: 100%; } .m-aside-layout { height: 100%; -ms-transform: translate(0, 0); transform: translate(0, 0); transform: translate3d(0, 0, 0); will-change: position, transform; } @media (max-width: 991px) { .m-aside-align { overflow-x: hidden; overflow-y: auto; height: calc(100% - 60px); } .m-aside-options ~ .m-aside-align { height: calc(100% - 120px); } } .m-aside-holder { padding-right: 61px; } @media (max-width: 1919px) { .m-aside-holder { padding-right: 61px; } } @media (max-width: 1599px) { .m-aside-holder { padding-right: 41px; } } @media (max-width: 1199px) { .m-aside-holder { padding-right: 30px; } } @media (max-width: 991px) { .m-aside-holder { padding: 30px; } } @media (max-width: 639px) { .m-aside-holder { padding: 20px 20px 30px; } } .m-aside-options { position: relative; } @media (max-width: 991px) { .m-aside-options { display: -ms-flexbox; display: flex; height: 60px; z-index: 20; } } @media (max-width: 991px) { .m-aside-options .btn-filters-apply { display: block; -ms-flex: 1 1; flex: 1 1; height: 60px; padding: 21px 5px 21px calc(5px + 0.025em); } } .m-aside-footer { padding-top: 4rem; padding-right: 61px; position: relative; line-height: 1; } @media (max-width: 1919px) { .m-aside-footer { padding-right: 61px; } } @media (max-width: 1599px) { .m-aside-footer { padding-right: 41px; } } @media (max-width: 1199px) { .m-aside-footer { padding-right: 30px; } } @media (max-width: 991px) { .m-aside-footer { display: -ms-flexbox; display: flex; padding: 0; height: 60px; box-shadow: 0 0 30px 10px #fff, inset 0 1px 0 #e6e6e6; overflow-y: hidden; z-index: 20; } } @media (max-width: 991px) { .m-aside-footer .btn-filters-apply, .m-aside-footer .btn-clear-filters, .m-aside-footer .btn-clear-form { display: block; -ms-flex: 1 1; flex: 1 1; height: 60px; padding: 21px 5px 21px calc(5px + 0.025em); } } .m-aside-footer .btn-filters-apply { display: none; background-color: #ff6501; border: none; } @media (max-width: 991px) { .m-aside-footer .btn-filters-apply { display: block; } } @media (max-width: 991px) { .m-aside-footer .btn-clear-filters, .m-aside-footer .btn-clear-form { border: none; background-color: #262626; color: #fff; } } @media (max-width: 991px) { .m-aside-footer .btn-clear-filters:disabled, .m-aside-footer .btn-clear-filters.disabled, .m-aside-footer .btn-clear-filters[data-disabled], .m-aside-footer .btn-clear-form:disabled, .m-aside-footer .btn-clear-form.disabled, .m-aside-footer .btn-clear-form[data-disabled] { cursor: default; background-color: #eaeaea !important; } .m-aside-footer .btn-clear-filters:disabled::before, .m-aside-footer .btn-clear-filters:disabled::after, .m-aside-footer .btn-clear-filters.disabled::before, .m-aside-footer .btn-clear-filters.disabled::after, .m-aside-footer .btn-clear-filters[data-disabled]::before, .m-aside-footer .btn-clear-filters[data-disabled]::after, .m-aside-footer .btn-clear-form:disabled::before, .m-aside-footer .btn-clear-form:disabled::after, .m-aside-footer .btn-clear-form.disabled::before, .m-aside-footer .btn-clear-form.disabled::after, .m-aside-footer .btn-clear-form[data-disabled]::before, .m-aside-footer .btn-clear-form[data-disabled]::after { display: none; } } .m-aside-footer .btn-clear-filters .for-mob, .m-aside-footer .btn-clear-form .for-mob { display: none; } @media (max-width: 991px) { .m-aside-footer .btn-clear-filters .for-mob, .m-aside-footer .btn-clear-form .for-mob { display: inline-block; padding-left: 0; } } @media (max-width: 991px) { .m-aside-footer .btn-clear-filters .for-desk, .m-aside-footer .btn-clear-form .for-desk { display: none; } } @media (max-width: 991px) { .m-aside-footer .btn-clear-filters svg, .m-aside-footer .btn-clear-form svg { display: none; } } .m-aside-footer .btn-shutter-close { display: none; } @media (max-width: 991px) { .m-aside-footer .btn-shutter-close { z-index: 20; display: block; -ms-flex: 0 0 60px; flex: 0 0 60px; } } .m-content { margin-left: 320px; } .m-content::after { content: ''; display: table; clear: both; } @media (max-width: 1365px) { .m-content { margin-left: 280px; } } @media (max-width: 991px) { .m-content { margin-left: 0; } } .m-content__holder { float: left; width: 100%; } /* m-container (layout) end */ /* filters tags (layout) */ .p-filters-tags.is-affixed { z-index: 5; } .p-filters-tags__holder { padding-left: 320px; } @media (max-width: 1365px) { .p-filters-tags__holder { padding-left: 280px; } } @media (max-width: 991px) { .p-filters-tags__holder { padding-left: 0; } } .m-content .p-filters-tags__holder { padding-left: 0; } /* filters tags (layout) end */ /* news-preview (layout) */ /* news-preview(layout) end */ /* user-form (layout) */ .user-form, .layout-article .user-form { padding: 80px 40px; } @media (max-width: 1599px) { .user-form, .layout-article .user-form { padding: 41px; } } @media (max-width: 1199px) { .user-form, .layout-article .user-form { padding: 30px; } } @media (max-width: 639px) { .user-form, .layout-article .user-form { padding: 20px; } } /* user-form (layout) end */ /* shutter (layout) */ /* shutter (layout) end */ /* contacts (layout) end */ /* product card (layout) */ .p-card__visual { margin-top: -155px; } @media (max-width: 1919px) { .p-card__visual { margin-top: -155px; } } @media (max-width: 1599px) { .p-card__visual { margin-top: -97px; } } @media (max-width: 1199px) { .p-card__visual { margin-top: -87px; } } @media (max-width: 991px) { .p-card__visual { margin-top: 0; } } .p-card__gallery__item { padding-top: 100px; } @media (max-width: 1599px) { .p-card__gallery__item { padding-top: 60px; } } @media (max-width: 991px) { .p-card__gallery__item { padding-top: 0; } } /* product card (layout) end */ /* POPUPS / OPENING PANELS */ /* shutter */ /* shutter layout */ .shutter { overflow: hidden; position: fixed; bottom: 0; min-width: 320px; background: white; opacity: 0; visibility: hidden; z-index: 1000; left: 100px; will-change: transform; width: 100%; height: calc(100% - 100px); } @media (max-width: 1599px) { .shutter { left: 60px; height: calc(100% - 60px); } } @media (max-width: 1199px) { .shutter { left: 0; } } .shutter--before-open .footer { z-index: auto; } .shutter__align { overflow-x: hidden; overflow-y: auto; height: 100%; } @media (max-width: 1199px) { .shutter__align { width: 100%; } } .shutter__holder { padding: 70px 61px; } .shutter__holder::after { content: ''; display: table; clear: both; } @media (max-width: 1919px) { .shutter__holder { padding: 60px 61px; } } @media (max-width: 1599px) { .shutter__holder { padding: 30px 41px; } } @media (max-width: 1199px) { .shutter__holder { width: 100%; padding: 30px 30px; } } @media (max-width: 639px) { .shutter__holder { padding: 30px 20px; } } .shutter-content { float: left; width: calc(100% - 326px); padding-right: 30px; } @media (max-width: 767px) { .shutter-content { width: auto; float: none; padding: 30px; display: none; } .shutter-content.active, .no-js .shutter-content { display: block; } } @media (max-width: 639px) { .shutter-content { padding: 20px; } } .shutter-aside { float: right; width: 326px; } @media (max-width: 767px) { .shutter-aside { width: auto; float: none; padding: 30px 30px 40px; display: none; } .shutter-aside.active, .no-js .shutter-aside { display: block; } } @media (max-width: 639px) { .shutter-aside { padding: 20px 20px 30px; } } @media (max-width: 767px) { .shutter-aside .dep-list, .user-content .shutter-aside .dep-list { margin-right: -30px; margin-left: -30px; margin-top: -30px; border-width: 0 0 1px; } .shutter-aside .dep-list li:first-child, .user-content .shutter-aside .dep-list li:first-child { border-top: none; } } @media (max-width: 639px) { .shutter-aside .dep-list, .user-content .shutter-aside .dep-list { margin-right: -20px; margin-left: -20px; margin-top: -20px; } } /* shutter layout end */ /* shutter options */ .shutter__options { display: none; position: relative; padding-left: 60px; height: 60px; box-shadow: inset 0 1px 0 #e6e6e6, 0 0 30px 10px white; z-index: 10; } .menu-toggle { display: table; width: 100%; height: 100%; table-layout: fixed; } .menu-toggle a { display: table-cell; vertical-align: middle; text-align: center; text-decoration: none; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; background-color: #262626; border: solid transparent; border-width: 0 0 1px; color: white; } .menu-toggle a.active { background-color: white; color: #1a1a1a; border-color: #e6e6e6; } /* shutter options end */ /* shutter footer */ .shutter__footer { border-top: 1px solid #e6e6e6; } /* shutter footer end */ /* shutter panel */ .shutter__panel { display: none; position: absolute; left: 0; bottom: 0; width: 100%; background-color: white; z-index: 10; box-shadow: 0 0 40px 20px white; } @media (max-width: 479px) { .shutter__panel { display: block; } } .shutter__panel .user-options { display: table; table-layout: fixed; width: 100%; height: 60px; margin: 0; border: solid #e6e6e6; border-width: 1px 0 0; } .shutter__panel .user-options__item { display: table-cell; vertical-align: middle; text-align: center; border: solid #e6e6e6; border-width: 0 1px; padding: 0; } .shutter__panel .user-options__item > a { display: block; width: auto; height: 60px; } /* shutter panel end */ /* button shutter close */ .btn-shutter-close { display: block; width: 60px; height: 60px; background: #262626; color: white; text-decoration: none; font-size: 0; letter-spacing: -4px; white-space: nowrap; transition-property: background-color, opacity, visibility; transition-duration: 0.2s; } .btn-shutter-close::before { content: ''; display: inline-block; height: 60px; min-height: 100%; vertical-align: middle; } .shutter__options .btn-shutter-close { position: absolute; left: 0; top: 0; border: solid #e6e6e6; border-width: 0 1px 0 0; } .btn-shutter-close > span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .btn-shutter-close > span:active, .btn-shutter-close > span:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .btn-shutter-close > i { display: inline-block; vertical-align: middle; position: relative; background-color: transparent; width: 22px; height: 2px; border-radius: 0; } .btn-shutter-close > i::before, .btn-shutter-close > i::after { content: ""; display: block; position: absolute; left: 0; width: 22px; height: 2px; border-radius: 0; background: white; transition-property: background-color; transition-duration: 0.2s; } .btn-shutter-close > i::before { top: 0; -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .btn-shutter-close > i::after { top: 0; -ms-transform: rotate(45deg); transform: rotate(45deg); } /* button shutter close end */ .btn-popup-close { display: none; position: absolute; right: 0; top: 0; } @media (max-width: 991px) { .btn-popup-close { display: block; } } /* shutter wide */ .shutter--wide { max-width: 1820px; } .home-page .shutter--wide { max-width: calc(100% - 100px); } @media (max-width: 1920px) { .shutter--wide { max-width: calc(100% - 100px); } } @media (max-width: 1599px) { .home-page .shutter--wide, .shutter--wide { max-width: calc(100% - 60px); } } @media (max-width: 1199px) { .home-page .shutter--wide, .shutter--wide { max-width: none; } } .shutter--wide .shutter__align { width: 100%; } .shutter--wide .shutter__holder { width: 100%; } /* shutter wide end */ /* nav-shutter */ @media (max-width: 767px) { .nav-shutter { height: 100%; z-index: 1040; } } .nav-shutter, .nav-shutter .shutter__holder { width: 975px; } @media (max-width: 1599px) { .nav-shutter, .nav-shutter .shutter__holder { width: 850px; } } @media (max-width: 1199px) { .nav-shutter, .nav-shutter .shutter__holder { width: 100%; } } @media (max-width: 767px) { .nav-shutter, .nav-shutter .shutter__holder { padding: 0; } } @media (max-width: 767px) { .nav-shutter .shutter__options { display: block; } } .no-touchevents .nav-shutter .shutter__align { overflow-y: hidden; } @media (max-width: 1199px) { .no-touchevents .nav-shutter .shutter__align { overflow: auto; } } .no-touchevents .nav-shutter .shutter__align:hover { overflow-y: auto; } @media (max-width: 767px) { .nav-shutter .shutter__align { height: calc(100% - 60px); } } @media (max-width: 479px) { .nav-shutter .shutter__align { height: calc(100% - 60px - 60px); } } /* nav-shutter end */ /* search-shutter */ @media (max-width: 767px) { .search-shutter { height: 100%; z-index: 1040; } } .search-shutter .shutter__holder { padding-top: 2rem; } @media (max-width: 1199px) { .search-shutter .shutter__holder { padding-top: 1.5rem; } } .search-shutter .shutter__options { display: block; height: auto; min-height: 100px; padding: 70px 61px 2rem; box-shadow: 0 0 30px 10px white; } @media (max-width: 1919px) { .search-shutter .shutter__options { padding: 60px 61px 2rem; } } @media (max-width: 1599px) { .search-shutter .shutter__options { padding: 30px 41px 2rem; } } @media (max-width: 1199px) { .search-shutter .shutter__options { min-height: 60px; padding: 30px 30px 1.5rem; } } @media (max-width: 767px) { .search-shutter .shutter__options { padding: 1.8rem 30px 1.5rem; } } @media (max-width: 639px) { .search-shutter .shutter__options { padding: 2rem 20px 1.5rem; } } .search-shutter .btn-shutter-close { display: none; } @media (max-width: 767px) { .search-shutter .btn-shutter-close { display: block; } } @media (max-width: 767px) { .search-shutter .search-form { margin-left: 60px; margin-bottom: 3rem; } } @media (max-width: 639px) { .search-shutter .search-form { margin-bottom: 4rem; } } .search-shutter .shutter__align { height: calc(100% - 60px); } /* search-shutter end */ /* bag-shutter */ .bag-shutter { overflow: hidden; width: 470px; max-width: 100%; left: 1920px; margin-left: -470px; } .home-page .bag-shutter { left: 100%; } @media (max-width: 1919px) { .bag-shutter { left: 100%; } } @media (max-width: 639px) { .bag-shutter { width: 100%; left: auto; right: 0; margin-left: 0; } .home-page .bag-shutter { left: auto; } } .bag-shutter::before { content: ""; display: block; position: absolute; width: 120%; height: 100px; left: -10%; top: -100px; box-shadow: 0 0 20px 10px white; z-index: 5; pointer-events: none; } .bag-shutter .shutter__align { overflow-y: hidden; } .bag-shutter .shutter__holder { width: 470px; height: 100%; padding: 0; } .bag-shutter .shutter__holder::after { content: none; } @media (max-width: 991px) { .bag-shutter .shutter__holder { width: 100%; } } .bag-shutter .shutter__row { overflow-x: hidden; overflow-y: auto; } .bag-shutter .shutter__row.shutter__footer { position: relative; overflow-y: hidden; box-shadow: 0 0 30px 10px #fff; z-index: 5; } .bag-shutter .shutter__cell { padding: 30px; } @media (max-width: 639px) { .bag-shutter .shutter__cell { padding: 20px; } } /* bag-shutter end */ /* shutter end */ /* POPUPS / OPENING PANELS end */ /* HEADER */ .header { background-color: white; box-shadow: inset 0 -1px 0 #e6e6e6; } .header .btn-menu { position: absolute; left: 0; top: 0; display: none; background: none; z-index: 5; } @media (max-width: 1365px) { .header .btn-menu { display: block; } } .header > .layout { height: 100%; } .header__holder { height: 100%; text-align: center; } .header__holder::after { content: ''; display: table; clear: both; } @media (max-width: 1199px) { .header__holder { position: absolute; right: 0; top: 0; } } .header__col { display: inline-block; vertical-align: top; text-align: left; height: 100%; white-space: nowrap; font-size: 0; letter-spacing: -4px; } .header__col:first-child { display: block; float: left; } .header__col:last-child { display: block; float: right; } .header__col::before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .header__cell { display: inline-block; vertical-align: middle; font-size: 1.6rem; line-height: 1.88; white-space: normal; letter-spacing: normal; } /* slogan */ @media (max-width: 1919px) { .header__col--slogan.header__col { max-width: 220px; } } @media (max-width: 1199px) { .header__col--slogan.header__col { display: none; } } .slogan { display: inline-block; vertical-align: top; text-decoration: none; color: #b2b2b2; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1.22; cursor: default; } @media (max-width: 1599px) { .slogan { font-size: 16px; line-height: 1; } } a.slogan:hover { color: #ff6501; } /* slogan end */ /* menu */ .header__col--menu.header__col { height: 100%; } @media (max-width: 1199px) { .header__col--menu.header__col { display: none; } } .header__col--menu.header__col .header__cell, .header__col--menu.header__col .menu-list, .header__col--menu.header__col .menu-list > li, .header__col--menu.header__col .menu-list > li > a { height: 100%; } .menu-list { list-style: none; padding: 0; margin: 0 -27px; font-size: 0; letter-spacing: -4px; } @media (max-width: 1919px) { .menu-list { margin-right: -15px; margin-left: -15px; } } @media (max-width: 1599px) { .menu-list { margin-right: -15px; margin-left: -15px; } } @media (max-width: 1365px) { .menu-list { margin-right: -10px; margin-left: -10px; } } .menu-list li { display: inline-block; vertical-align: middle; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; } @media (max-width: 1919px) { .menu-list li { letter-spacing: normal; } } @media (max-width: 1365px) { .menu-list li { font-size: 12px; } } .menu-list a { display: table; width: 100%; text-decoration: none; color: #1a1a1a; } .menu-list a span { display: table-cell; vertical-align: middle; padding-right: 27px; padding-left: 27px; border: solid transparent; border-width: 3px 0; } @media (max-width: 1919px) { .menu-list a span { padding-right: 15px; padding-left: 15px; } } @media (max-width: 1599px) { .menu-list a span { padding-right: 15px; padding-left: 15px; } } @media (max-width: 1365px) { .menu-list a span { padding-right: 10px; padding-left: 10px; } } .menu-list a:hover { color: #ff6501; } .menu-list li.current > a { color: #ff6501; } .menu-list li.current > a span { border-bottom-color: #ff6501; } .menu-list__drop { position: absolute; left: 100px; right: 0; top: 100%; display: block; z-index: 1; will-change: opacity, visibility; opacity: 0; visibility: hidden; transition-property: opacity, visibility; transition-duration: 0.2s; } @media (max-width: 1599px) { .menu-list__drop { left: 60px; } } .home-page .menu-list__drop { right: 100px; } @media (max-width: 1599px) { .home-page .menu-list__drop { right: 60px; } } li.hover > .menu-list__drop { opacity: 1; visibility: visible; } .menu-list__drop::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: calc(100vh - 100px); background-color: rgba(0, 0, 0, 0.36); z-index: -1; pointer-events: none; } @media (max-width: 1599px) { .menu-list__drop::before { height: calc(100vh - 60px); } } .drop__layout { overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 100px); padding: 40px 61px 10px; background-color: #fff; transform: scale(1, 0.92) translateZ(0); -ms-transform-origin: center top; transform-origin: center top; will-change: transform; transition-property: transform; transition-duration: 0.2s; transition-timing-function: ease-in-out; } li.hover > .menu-list__drop > .drop__layout { transform: scale(1) translateZ(0); } @media (max-width: 1919px) { .drop__layout { padding-right: 61px; padding-left: 61px; } } @media (max-width: 1599px) { .drop__layout { padding-right: 41px; padding-left: 41px; max-height: calc(100vh - 60px); } } @media (max-width: 1199px) { .drop__layout { padding-right: 30px; padding-left: 30px; } } @media (max-width: 639px) { .drop__layout { padding-right: 20px; padding-left: 20px; } } .drop__layout > ul { width: 1010px; max-width: 100%; margin: 0 auto; font-size: 0; letter-spacing: -4px; } .drop__layout > ul li { display: block; font-family: "minionpro-medium", serif; font-weight: normal; font-style: normal; font-size: 1.8rem; line-height: 1.33; letter-spacing: normal; text-transform: none; margin: 0 0 1rem; } .drop__layout > ul li a { display: block; position: relative; padding-left: 20px; } .drop__layout > ul li a::before { content: "–"; display: block; position: absolute; left: 0; top: 0; } .drop__layout > ul > li { display: inline-block; vertical-align: top; width: 25%; padding-right: 15px; padding-left: 15px; margin-bottom: 30px; } .drop__layout > ul > li > a { font-size: 2.4rem; line-height: 1; color: inherit; padding-left: 0; margin-bottom: 20px; } .drop__layout > ul > li > a::before { content: none; } .drop__layout .dep-list > li { overflow: visible; width: calc(25% - 30px); margin-right: 15px; margin-left: 15px; } .drop__layout .dep-sub-list li { font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 1.4rem; line-height: 1.29; letter-spacing: 0.2em; text-transform: uppercase; } .drop__layout .dep-sub-list li a { display: inline; padding: 0; } .drop__layout .dep-sub-list li a::before { content: none; } .drop__layout .dep-sub-list li a span { display: inline; padding: 0; border: none; } .menu-list__drop.drop--departments .drop__layout { padding: 30px 15px; } .menu-list__drop.drop--departments .drop__layout > ul { width: auto; } .menu-list__drop.drop--departments .dep-list { border: none; } .menu-list__drop.drop--departments .dep-item { margin-bottom: 0; border-color: #e6e6e6; border-width: 1px; } /* menu end */ /* HEADER end */ /* NAVIGATION */ /* nav list */ .nav { position: relative; } .nav-list { list-style: none; margin: 0 0 58px; padding: 0; } @media (max-width: 1919px) { .nav-list { margin: 0 0 48px; } } @media (max-width: 1599px) { .nav-list { margin: 0 0 32px; } } .nav-list:last-child { margin-bottom: 0; } .nav-list li { position: relative; overflow: hidden; } .nav-list .nav__tab { position: relative; } .nav-list a { display: block; position: relative; padding: 6px 0; color: black; border-color: currentColor; text-decoration: none; font-family: "minionpro-medium", serif; font-weight: normal; font-style: normal; font-size: 1.8rem; line-height: 1.33; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .no-touchevents .nav-list a:hover { color: #ff6501; } .nav__drop { position: relative; display: none; } .no-js .nav__drop { display: block; } .nav-list li.has-drop > .nav__tab > a { padding-right: 58px; } .no-touchevents .nav-list li.current > a, .no-touchevents .nav-list li.current > a:hover, .no-touchevents .nav-list li.current > .nav__tab a, .no-touchevents .nav-list li.current > .nav__tab a:hover { color: #ff6501; } .nav-list > li > a, .nav-list > li > .nav__tab a { padding-top: 4px; padding-bottom: 4px; font-size: 2.7rem; line-height: 1.13; } .nav__angle { position: absolute; right: 0; top: 0; width: 48px; height: 100%; z-index: 2; cursor: pointer; display: none; } .touchevents .nav__angle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } li.has-drop > .nav__tab > .nav__angle { display: block; } .nav__angle i { position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; margin: -4px 0 0 -4px; font-size: 0; line-height: 0; pointer-events: none; will-change: transform; transition-property: transform; transition-duration: 0.2s; } .nav__angle i::before, .nav__angle i::after { content: ""; display: block; position: absolute; top: 50%; left: 0; height: 2px; width: 7px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: currentColor; } .nav__angle i::before { -ms-transform: rotate(45deg); transform: rotate(45deg); margin: 0 0 0 -2px; } .nav__angle i::after { -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 0 0 2px; } li.is-open > .nav__tab .nav__angle i { -ms-transform: rotate(0.5turn); transform: rotate(0.5turn); } .no-touchevents li > .nav__tab .nav__angle:hover i::before, .no-touchevents li > .nav__tab .nav__angle:hover i::after { background-color: #ff6501; } .nav__drop ul { padding-top: 5px; padding-bottom: 5px; } .nav__drop a { position: relative; padding-left: 30px; } .nav__drop a::before { content: "–"; display: block; position: absolute; left: 0; top: 0.3em; } .nav__drop .nav__drop li { padding-left: 30px; } /* nav list end */ /* NAVIGATION end */ /* temp */ /* SIDEBAR */ .sidebar { background-color: white; border: solid #e6e6e6; border-width: 0 1px 0 0; } .sidebar__ceil { position: relative; } .v-middle--top .sidebar__ceil { padding-top: 40px; } @media (max-width: 1599px) { .v-middle--top .sidebar__ceil { padding-top: 20px; } } .v-middle--bottom .sidebar__ceil { padding-bottom: 40px; } @media (max-width: 1599px) { .v-middle--bottom .sidebar__ceil { padding-bottom: 20px; } } .sidebar__ceil::after { display: none; content: ""; position: absolute; left: 50%; width: 0; height: 100px; border-left: 1px solid #e6e6e6; } .v-middle--top .sidebar__ceil::after { top: 100%; display: block; margin-top: 25px; } .v-middle--bottom .sidebar__ceil::after { bottom: 100%; display: block; margin-bottom: 25px; } @media (max-width: 1599px) { .sidebar__ceil::after { height: 50px; } } /* SIDEBAR end */ /* FOOTER */ .footer .layout { position: relative; } .footer .copyright { display: block; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1.22; letter-spacing: 0.025em; color: #b2b2b2; } .footer__holder { overflow: hidden; top: auto; right: auto; bottom: 0; cursor: default; border-top: 1px solid #e6e6e6; background-color: #fafafa; } .footer__holder.isBottoming, .no-js .footer__holder { position: absolute; } /* footer common / footer bottom */ .footer-common-holder, .footer-bottom__holder { margin-right: auto; margin-left: auto; width: 1380px; max-width: 100%; } .footer-common__cols, .footer-bottom__cols { margin-left: -50px; margin-right: -50px; font-size: 0; letter-spacing: -4px; } @media (max-width: 1599px) { .footer-common__cols, .footer-bottom__cols { margin-left: -20px; margin-right: -20px; } } .footer-common__col, .footer-bottom__col { position: relative; display: inline-block; vertical-align: top; width: 33.33%; padding-left: 50px; padding-right: 50px; font-size: 1.6rem; line-height: 30px; letter-spacing: 0.025em; text-align: center; } .footer-common__col, .footer-common__col:nth-last-child(n+4), .footer-bottom__col, .footer-bottom__col:nth-last-child(n+4) { margin-bottom: 100px; } .footer-common__col:nth-last-child(-n+3), .footer-bottom__col:nth-last-child(-n+3) { margin-bottom: 0; } @media (max-width: 1599px) { .footer-common__col, .footer-bottom__col { width: 33.33%; padding-left: 20px; padding-right: 20px; } .footer-common__col, .footer-common__col:nth-last-child(n+4), .footer-bottom__col, .footer-bottom__col:nth-last-child(n+4) { margin-bottom: 40px; } .footer-common__col:nth-last-child(-n+3), .footer-bottom__col:nth-last-child(-n+3) { margin-bottom: 0; } } @media (max-width: 991px) { .footer-common__col, .footer-bottom__col { width: 50%; padding-left: 10px; padding-right: 10px; } .footer-common__col, .footer-common__col:nth-last-child(n+3), .footer-bottom__col, .footer-bottom__col:nth-last-child(n+3) { margin-bottom: 20px; } .footer-common__col:nth-last-child(-n+2), .footer-bottom__col:nth-last-child(-n+2) { margin-bottom: 0; } .footer-common__col:nth-last-child(-n+2), .footer-bottom__col:nth-last-child(-n+2) { margin-bottom: 20px; } .footer-common__col:last-child, .footer-bottom__col:last-child { width: 100%; margin-bottom: 0; } } @media (max-width: 639px) { .footer-common__col, .footer-bottom__col { width: 100%; padding-left: 15px; padding-right: 15px; } .footer-common__col, .footer-common__col:nth-last-child(n+2), .footer-bottom__col, .footer-bottom__col:nth-last-child(n+2) { margin-bottom: 30px; } .footer-common__col:nth-last-child(-n+1), .footer-bottom__col:nth-last-child(-n+1) { margin-bottom: 0; } } .footer-bottom__col { vertical-align: middle; } @media (max-width: 991px) { .footer-bottom__col { vertical-align: top; } } /* footer common / footer bottom end */ /* footer common */ .footer-common { position: relative; color: inherit; } .footer-common a { color: inherit; text-decoration: underline; } .footer-common a:hover { color: #ff6501; } .footer-common .dl { list-style: none; } .footer-common .dl li { margin-bottom: 0; } .footer-common .dl .dt { font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 18px; letter-spacing: 0.1em; color: #b2b2b2; } .footer-common .dl .dt, .footer-common .dl .dd { display: inline-block; vertical-align: top; } .footer-common .dl .hide { display: none; } .footer-common .adr { font-family: "gothampro-regular", sans-serif; font-weight: normal; font-style: normal; } .footer-common__title { display: block; text-align: center; font-family: "gothampro-bold", sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1.43; letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 1.5rem; } .footer-common__title a { color: currentColor; text-decoration: none; } .footer-common__title a:hover { color: #ff6501; } .footer-common-list { list-style: none; padding: 0; margin: 0; } .footer-common-list li { margin-bottom: 1.5rem; overflow: hidden; } .footer-common-list li:last-child { margin-bottom: 0; } .footer-common__cell { margin-bottom: 1.5rem; } .footer-common__cell:last-child { margin-bottom: 0; } /* footer common end */ /* footer bottom */ .footer-bottom { color: #1a1a1a; border-top: 1px solid #e6e6e6; } .footer-bottom__holder { position: relative; text-align: justify; overflow: hidden; cursor: default; font-size: 0; letter-spacing: -4px; } .footer-bottom__holder::after { content: "1"; display: inline-block; margin-left: 100%; height: 1px; overflow: hidden; } /* footer bottom end */ /* developer */ .developer { display: inline-block; } @media (max-width: 639px) { .developer { display: block; } } .developer a { text-decoration: none; vertical-align: top; line-height: 1; } @media (max-width: 639px) { .developer a { display: inline-block; } } .no-touchevents .developer a:hover { text-decoration: none; } .developer__label { display: block; text-align: center; font-family: "minionpro-italic", serif; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1.22; letter-spacing: 0.025em; color: #ccc; margin-bottom: 5px; } @media (max-width: 639px) { .developer__label { display: inline-block; margin-bottom: 0; margin-right: 10px; } } .developer__logo { display: block; width: 154px; height: 20px; position: relative; padding-right: 3px; text-align: left; text-indent: -9999px; } @media (max-width: 639px) { .developer__logo { display: inline-block; } } .developer__logo::before, .developer__logo::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 149px; height: 16px; } .developer__logo::before { content: ""; display: block; position: absolute; top: 4px; left: 4px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTA2ODc1N0UwOEJDMTFFNzlCNzhBOUI2REQxMjc4QzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTA2ODc1N0YwOEJDMTFFNzlCNzhBOUI2REQxMjc4QzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MDY4NzU3QzA4QkMxMUU3OUI3OEE5QjZERDEyNzhDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MDY4NzU3RDA4QkMxMUU3OUI3OEE5QjZERDEyNzhDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnDruBQAAAAkSURBVHjaYmRgYPjPACL+/2cE0YwYAkAGA5jByPgfqwBAgAEAP4gP/bFMMZQAAAAASUVORK5CYII="); background-size: 2px; } .developer__logo::after { content: ""; display: block; position: absolute; background: #00ef85 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAAgBAMAAABa5liJAAAAMFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABaPxwLAAAAD3RSTlMAd7tEIt0R7pkzzIhmqlV9QenDAAAD2klEQVRYw+2WPYsTURSGj5oEs0lMBkUUlMSUWkxwxNKsnV2ihWCVbGXpFwhWs6Io2GT0D2xQsM2KqGUEEUvFwjbxF7irO2ZMsh7PuRvP3Xuv2mhhkRd258zuvc/7bOaDhXnmmedvUi79S1rK2wcqp99XnyzSwVOhib4fBJWl98ciOuS9GsCuQzR5HNLY4akdW1ovDc6OvUCLPS7wPJ5lEKBU6FJJDiezI4Wa6qhCAny4AKwTIiZtgJ3YpLrPAICcNYAi7+ggAHyET7Udw22c4jrQYiQ1pJwFGTRQKnSpJI0xcAbxE+8e4R5Uq+HVajUCwCOHWyM6Qnn05BlWWGs60/K81lmPu7ELELJW+KF+wj8vHEPr5oEeLsuggVKhSyUrE+SzPbx+Fr8CHCwR9h1AFh9DpjdlrVhp6TXFeAPyMWudGfXvJovCMbRqkOp9kUGAUqGBOv3zuEqH3QRwtaB3GaAworqLMWklOLS0kgkUJgjshWQlHEsLGpsyaKCucLVaq4MmUOWvtfw1IiXqlolg57pfMbXq32NoXBMt4ThaC2MZNFAqXK0s1srf1KrSLz8tUn77HZhZIq1PXyyttTAqP+e646P+iyQSjq21M5ZBA6XC1cqNoDHhpzfcXHS18ryv/JVOMkor/dnW6iy3IqrL0C1/ctAUjq1FG2UQoFS4WukEFmIe3uDm0NK6daozbgMM1tTZO9LKY2RqNVdujIHrXsHb2p6hcGyt+lQGDZQKV2vlO+2NaEh1MH5palHu8OkWpUJamXDZ1Kqkx+ukJW954ZhaS2FXBg2UClerfxlSuKp4L9AUx3O9RJ3qTwvKG4ZWubIDN7ZpCcfQengU40gGDZQKV6v1jr6aoPIau+a9lVfCnS1KibUuJpZWiuj6aRGO9ZYf7QcZNFAqHK0sPg2CwTdQyfhTUwvKX7j7mzyJ9IQsmVrgv7S1mGNo7Q0iABk0UCocrRxyJrOzxrqldZEdPk1VQcRaKfQsLQBDSzhFhhZm7wWODAKUCkcrjZyxvAItrRyTLvHGdAysBZ2zrpavtTRngdctbLpaApQKV2uFxXO4CCpv7YuYQhoLOCSB6ZZWI96uNXC0hLObofWpqyVAqXC1+vxmy9JvC68A7ofXLS3obABtvNJewi5rcRtrBUHvUVD7udJfFp5wSOIR7ArPu1oClApHix9EStiFIlJGka3VSPiP5+vcZi1mb/9/y1+1iZrTx888uFoClAobkuWfK+GdIWK8H2ytAl+KrK8ebKUFvqFVsomas6eHeBt+pSVAqRCImyBow2+SCSL4c1wO76r9CTjPPPP8x/kBIrOdsjg4YcgAAAAASUVORK5CYII=") no-repeat center center; background-size: auto 16px; } .no-touchevents a:hover .developer__logo::after { -ms-transform: translate(0, -1px); transform: translate(0, -1px); } /* developer end */ /* FOOTER end */ /* HOME PAGE */ /*scroll sections */ .main-section-js { position: relative; overflow: hidden; } .main-section__container { height: 100%; } .main-section__align { height: 100%; margin: 0 auto; } /*scroll sections end */ @media (max-width: 1199px) { .main-section--main { /*height: calc(100vh - 60px) !important;*/ height: auto !important; /*min-height: 480px;*/ } } /* @media (max-width: 639px) { .main-section--main { height: inherit !important; min-height: 0; } } */ .main-section--footer { height: auto !important; padding-top: 0; background-color: #fafafa; } @media (max-width: 1199px) { .main-section--categories { height: auto !important; } } .main-section--categories .main-section__align { overflow: hidden; } @media (max-width: 1199px) { .main-section--services { border-bottom: 1px solid #e6e6e6; /*border-bottom: 1px solid #ffffff;*/ height: calc(100vh - 60px + 1px) !important; } } @media (max-width: 991px) { .main-section--services { height: auto !important; /*background-color: #f2f2f2;*/ background-color: #ffffff } } @media (max-width: 1199px) { .main-section--news { height: auto !important; } } /* main section */ /* main section end */ /* fullpage navigation */ #fp-nav { display: table; position: fixed; background-color: rgba(255, 255, 255, 0.5); border: solid #e6e6e6; border-width: 0 0 0 1px; } #fp-nav ul { display: table-cell; vertical-align: middle; text-align: center; } #fp-nav ul li { width: auto; height: auto; line-height: 8px; margin: 0; padding: 0; } #fp-nav ul li:last-child { display: none; } #fp-nav ul li a { display: block; padding: 25px 10px; line-height: 0.1; } #fp-nav ul li a::before { content: ""; display: block; position: absolute; width: 20px; height: 20px; top: 50%; left: 50%; margin: -10px 0 0 -10px; border: 1px solid #ff6501; border-radius: 50%; opacity: 0; transform: scale(0, 0) translateZ(0); transition-property: transform, opacity; transition-duration: 0.2s; } #fp-nav ul li a span { display: inline-block; vertical-align: top; position: relative; width: 8px; height: 8px; top: 0; left: 0; margin: 0; background-color: #1a1a1a; } #fp-nav ul li a:hover span { background-color: #ff6501; } #fp-nav ul li a.active::before { transform: scale(1, 1) translateZ(0); opacity: 1; } #fp-nav ul li a.active span { margin: 0; width: 8px; height: 8px; background-color: #ff6501; } #fp-nav ul li:hover a span, #fp-nav ul li:hover a.active span { width: 8px; height: 8px; margin: 0; } /* fullpage navigation end */ /* Styled scrollbars */ .iScrollVerticalScrollbar { position: absolute; z-index: 9999; width: 8px; bottom: 2px; top: 2px; right: 2px; overflow: hidden; } .iScrollVerticalScrollbar.iScrollBothScrollbars { bottom: 18px; } .iScrollIndicator { position: absolute; background: #ff6501; border-radius: 0; width: 100%; } /* special styles for home page */ .home-page .footer__holder { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; border-top: 0; } /* special styles for home page end */ /* HOME PAGE end */ /* CARD PAGE */ .card-page .breadcrumbs { display: none; } @media (max-width: 991px) { .card-page .breadcrumbs { display: block; } } .card-page .p-card .breadcrumbs { display: block; } @media (max-width: 991px) { .card-page .p-card .breadcrumbs { display: none; } } /* CARD PAGE end */ /*======================================================*/ /* PRINT VERSION */ /*======================================================*/ @media print { *, *::before, *::after { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href^=http]::after { content: " <" attr(href) "> "; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } hr { border-color: black; } body { font-family: Arial, Helvetica, sans-serif !important; font-size: 10pt !important; line-height: 1.5 !important; } h1, h2, h3, h4, h5, h6, b, strong, th, i, em, blockquote, q, cite, table td, table th, table { font-family: Arial, Helvetica, sans-serif !important; font-weight: normal !important; font-style: normal !important; } h1 { font-size: 20pt !important; line-height: 1.3 !important; } h2 { font-size: 18pt !important; line-height: 1.4 !important; } h3, .main-slider-title__item { font-size: 16pt !important; line-height: 1.5 !important; } h4, blockquote q { font-size: 14pt !important; line-height: 1.5 !important; } h5, blockquote cite { font-size: 12pt !important; line-height: 1.6 !important; } h6 { font-size: 8pt !important; line-height: 1.8 !important; } b, strong, th { font-weight: bold !important; } i, em { font-style: italic !important; } i b, i strong, em b, em strong, b i, b em, strong i, strong em { font-weight: bold !important; font-style: italic !important; } table td, table th, table { border: 1px solid black !important; font-size: 9pt !important; color: black !important; padding: 3pt !important; } table td > *, table th > *, table > * { padding: 0 !important; } .sidebar, .aside, .footer, .spacer, .print-hidden, .view-print, .nav, .nav-list, .breadcrumbs, .breadcrumbs__list, [class*="btn-"], form, .class { display: none !important; } .main, .content, .header, .header__holder, .layout, .layout-text, .layout-flood, .blockquote, .blockquote *, blockquote, .imgl, .imgr, .imgc, table, blockquote, q, cite, [class*="feature-list"], .class { display: block !important; float: none !important; position: relative !important; overflow: visible !important; height: auto !important; min-height: 0 !important; max-height: none !important; width: auto !important; min-width: 0 !important; max-width: none !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; padding: 0 !important; margin: 0 !important; -ms-transform: none !important; transform: none !important; text-align: left !important; border: none !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; z-index: auto !important; } h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, q, .table-auto, table, .imgl, .imgr, .imgc, .feature-list__item, .feature-list__img, .datetime, .class { margin-top: 0 !important; margin-bottom: 0.5cm !important; padding-bottom: 0 !important; } .header, .blockquote, hr, blockquote, .class { margin-top: 0 !important; margin-bottom: 1cm !important; padding-bottom: 0 !important; } .logo { background: none !important; } .logo > * { display: none !important; } .logo .logo-print { display: block !important; float: left !important; } blockquote q::before, blockquote q::after { padding: 0 !important; margin: 0 !important; font-size: 18pt !important; display: inline-block !important; } table { width: 100% !important; } } .img_banner { -webkit-transition: 1s !important; -moz-transition: 1s !important; -ms-transition: 1s !important; -o-transition: 1s !important; transition: 1s !important; -webkit-filter: grayscale(100%) !important; filter: grayscale(100%) !important; } .img_banner:hover { -webkit-transition: 1s !important; -moz-transition: 1s !important; -ms-transition: 1s !important; -o-transition: 1s !important; transition: 1s !important; -webkit-filter: grayscale(0%) !important; filter: grayscale(0%) !important; } /*# sourceMappingURL=main.css.map */ #modelslist40, #modelslist30, #modelslist50 { scroll-margin-block-start: 105px; } /* End */ /* /local/templates/.default/assets/css/libs.min.css?154460502364229 */ /* /local/templates/.default/assets/css/main.css?1712576478364100 */