/* Start:/local/templates/.default/assets/css/jquery.fancybox.min.css?171337851512795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/.default/assets/css/select2.min.css?171337851516264*/ .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{background-color:transparent;border:none;font-size:1em}.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;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;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--selectable{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;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !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:bold;height:26px;margin-right:20px;padding-right:0px}.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 transparent;border-style:solid;border-width:5px 4px 0 4px;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 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.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__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;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--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{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 .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--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.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:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);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:bold;height:26px;margin-right:20px}.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:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);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 transparent;border-style:solid;border-width:5px 4px 0 4px;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 transparent;border-width:0 4px 5px 4px}.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:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #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:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.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;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.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--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{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} /* End */ /* Start:/local/templates/.default/assets/css/swiper.min.css?171337851519778*/ /** * Swiper 4.4.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 19, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-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{-webkit-transform-style:preserve-3d;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:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-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:center;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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.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%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items: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%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%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%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} /* End */ /* Start:/local/templates/.default/assets/css/main.css?1759751161256605*/ @charset "UTF-8"; * { padding: 0px; margin: 0px; border: 0px; } ul { padding-left: 0px; } *, *:before, *:after { box-sizing: border-box; } input, textarea, button, select, button svg { outline: none; } aside, nav, footer, header, section { display: block; } body { line-height: 1; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .seo-block p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } .seo-block ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; padding-inline-start: 40px; unicode-bidi: isolate; list-style-type: disc; } .seo-block li { display: list-item; text-align: -webkit-match-parent; unicode-bidi: isolate; list-style-type: disc; } .seo-block h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; } .seo-block h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; } input::-ms-clear { display: none; } button { cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a { color: inherit; cursor: pointer; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; } body { font-family: "Montserrat", sans-serif; } body.locked { overflow: hidden; } .swiper-scrollbar-drag { border-radius: 0; } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } input, button { outline: none; } .footer-menu-list-div { width: 100%; } .footer-menu__item-div { padding-top: 20px; } .header-list__item span { display: none; } .header-list__item-mobile { display: none; } .header { width: 100%; height: 154px; position: fixed; z-index: 4; top: 0; left: 0; font-weight: 600; font-size: 18px; line-height: 160%; color: #ffffff; z-index: 100; } .header-inner { display: -ms-flexbox; display: flex; } .header-logo { height: 154px; background-color: #fff; max-width: 323px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .header-logo img { width: 110px; width: 100%; height: 80%; object-fit: contain; transition: all 0.3s; } .header-logo:hover img { scale: 1.1; transition: all 0.3s; } .header-nav { width: 100%; padding: 0 0 0 35px; height: 100px; background: #222222; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* gap: 32px; */ } .header-nav__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; gap: 16px; -ms-flex: 1; flex: 1; height: inherit; } .header-nav__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; gap: 32px; } .header-item__with-icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 20px; height: inherit; } .header-info__menu { margin-bottom: 0; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; gap: 32px; } .header-info__menu a:hover, .header-info__menu a:focus { color: #fff; opacity: 0.8; } .header-list { margin-bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 24px; } .header-list__item:nth-last-child(1) { margin-right: 0; } .header-list__link { width: 48px; height: 48px; background: rgba(255, 255, 255, 0.2); border-radius: 32px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .header-list__link.is-user { background: #00ab00; } .header-catalog { min-width: 190px; width: 100%; height: 100%; background-color: #ec4b3c; -ms-flex-pack: center; justify-content: center; gap: 16px; transition: all 0.3s; } a.header-catalog:hover { background-color: #fff; color: #fc3926; } a.header-catalog path { transition: all 0.3s; } a.header-catalog:hover path { fill: #fc3926; transition: all 0.3s; } .header-search { cursor: pointer; } .header-search:hover { opacity: 0.8; } .header-search__block { opacity: 0; visibility: hidden; transition: 0.3s; width: 100%; background-color: #fff; min-height: 540px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: fixed; left: 0; z-index: 60; top: 100px; } .header-search__block-elements.active .header-search__block { opacity: 1; visibility: visible; } .header-search__block-close { position: absolute; top: 50px; right: 24px; z-index: 9; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .header-search__block-inner { max-width: 1540px; width: 100%; padding: 0 40px; } .header-search__block-form { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; border-bottom: 1px solid #111111; } .header-search__block-input { font-family: "Montserrat"; font-weight: 700; font-size: 46px; line-height: 121.5%; color: #212121; width: 100%; background-color: #fff; } .header-search__block-input::-webkit-input-placeholder { opacity: 1; color: #212121; } .header-search__block-input::-webkit-input-placeholder, .header-search__block-input:-ms-input-placeholder, .header-search__block-input::placeholder { opacity: 1; color: #212121; } .header-search__block-btn { background: #212121; padding: 24px; } .header-search__block-more { font-weight: 700; font-size: 20px; line-height: 120%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 16px; padding: 32px 0; } .header-search__block-more__text { color: #bdbfc2; } .header-search__block-more__list { color: #212121; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .header-search__block-more__link { background: #f3f3f3; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 8px 16px; gap: 8px; white-space: nowrap; } .header-search__block-more__link svg { transition: 0.3s; } .header-search__block-more__link:hover svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cookies { display: none; padding: 60px; background: #ec4b3c; position: fixed; max-width: 400px; width: 100%; font-weight: 500; font-size: 16px; line-height: 140%; text-align: center; color: #ffffff; right: 190px; top: 100px; z-index: 3000; } .cookies__title { font-weight: 700; font-size: 26px; line-height: 120%; } .cookies__desc { margin: 16px 0 40px; } .cookies .btn-cookies { font-weight: 700; font-size: 16px; line-height: 120%; color: #ffffff; padding: 24px 32px; background: #212121; cursor: pointer; transition: 0.3s; } .cookies .btn-cookies:hover { color: #ec4b3c; } .header-location { position: relative; cursor: pointer; transition: 0.3s; } .header-location:hover { /* background: rgba(78, 78, 78, 0.8); */ color: rgb(255, 255, 255, 0.8); } .header-location.active { background: #4e4e4e; } .header-location.active .header-location__arrow { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .header-location.active .header-location__inner { opacity: 1; visibility: visible; } .header-location__inner { opacity: 0; visibility: hidden; min-width: 400px; width: 100%; padding: 40px; background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); top: 100px; left: 0; position: absolute; font-weight: 700; font-size: 18px; line-height: 120%; color: #262626; } .header-location__list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 16px; margin-bottom: 5px; } .header-location__item { padding-bottom: 10px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #dadada; cursor: pointer; } .header-location__item svg { transition: 0.3s; } .header-location__item.active { color: #ec4b3c; } .header-location__item.active svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header-location__item:hover svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header-location__item:nth-last-child(1) { border-bottom: 0; } .header-location__more { display: -ms-flexbox; display: flex; gap: 8px; padding: 16px; background: #f3f3f3; } .header-location__more-text { font-weight: 400; font-size: 14px; line-height: 140%; color: #212121; } .header-location__more-text b { font-weight: 700; } .header-catalog { position: relative; z-index: 7; } .header-catalog .close { display: none; } .header-catalog.active { background: #ec4b3c; } .header-catalog.active svg { display: none; } .header-catalog.active svg.close { display: block; } .header-catalog__block { width: 100%; position: fixed; top: 0; height: 100vh; z-index: 4; background: rgba(34, 34, 34, 0.6); display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; right: 0; top: 10; opacity: 0; visibility: hidden; transition: opacity 0.3s; transition: all 0.3s; z-index: 100; } .header-catalog__block.active { opacity: 1; visibility: visible; right: 0; transition: all 0.3s; } .header-catalog__inner { max-width: 942px; height: 100vh; background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .header-catalog__content { -ms-flex: 1; flex: 1; padding: 60px; overflow-y: auto; } .header-catalog__content::-webkit-scrollbar { width: 8px; margin-right: 20px; } .header-catalog__content::-webkit-scrollbar-track { background: transparent; } .header-catalog__content::-webkit-scrollbar-thumb { background: #212121; } .header-catalog__content .search-block input { font-weight: 400; font-size: 20px; line-height: 160%; } .header-catalog__content .search-block .btn-search { padding: 16px; } .header-catalog__content .search-block .btn-search svg { width: 24px; height: 24px; } .header-catalog__content .category-min__block { margin: 60px 0 30px; } .header-catalog__content .category-min__item { padding: 15px 0; } .header-catalog__content .category-min__title-block { font-weight: 700; font-size: 26px; line-height: 120%; color: #262626; margin-bottom: 20px; } .header-catalog__content .category-min__title { font-size: 22px; } .header-catalog__btn { height: calc(50vh - 50px); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .header-catalog__btns { max-width: 209px; background: #ec4b3c; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .header-catalog__btns .header-catalog { height: 100px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-weight: 700; font-size: 18px; line-height: 160%; color: #ffffff; } .header-catalog__btns .header-catalog:hover .close { opacity: 0.6; } .header-catalog__btn-2 { background: #e23221; } .header-catalog__close { cursor: pointer; width: 64px; height: 64px; padding: 16px; border-radius: 50%; background: #212121; border: 1px solid #212121; position: fixed; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 1100px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition: 0.3s; } .header-catalog__close svg path { transition: 0.3s; fill: #fff; } .header-catalog__close:hover { background-color: #fff; } .header-catalog__close:hover svg path { fill: #212121; transition: all 0.3s; } .category-min__svg { cursor: pointer; } .category-min__svg svg { fill: #222222; transition: 0.3s; } .category-min__svg:hover { fill: #ec4b3c; } .header-menu { gap: 16px; position: relative; cursor: pointer; transition: 0.3s; } .header-menu:hover { color: rgba(255, 255, 255, 0.8); } .header-menu:hover > svg path { fill: rgba(255, 255, 255, 0.8); } .header-menu .close { display: none; } .header-menu svg { transition: 0.3s; } .header-menu.active { background: #4e4e4e; } .header-menu.active .icon { display: none; } .header-menu.active .close { display: block; } .header-menu.active .header-menu__block { opacity: 1; visibility: visible; } .header-menu__block { width: 589px; position: absolute; top: 100px; left: 0; height: calc(100vh - 100px); background-color: #fff; z-index: 5; overflow-y: auto; transition: 0.3s; opacity: 0; visibility: hidden; } .header-menu__block::-webkit-scrollbar { width: 8px; margin-right: 20px; } .header-menu__block::-webkit-scrollbar-track { background: transparent; } .header-menu__block::-webkit-scrollbar-thumb { background: #bdbfc2; } .header-menu__block-list { padding: 60px 80px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .header-menu__block-list::-webkit-scrollbar { width: 8px; margin-right: 20px; } .header-menu__block-list::-webkit-scrollbar-track { background: transparent; } .header-menu__block-list::-webkit-scrollbar-thumb { background: #bdbfc2; } .header-menu__block-item { color: #262626; } .header-menu__block-item svg { transition: 0.3s; } .header-menu__block-item svg path { fill: #262626; transition: all 0.3s; } .header-menu__block-item:hover, .header-menu__block-item.active { color: #ec4b3c; } .header-menu__block-item:hover svg, .header-menu__block-item.active svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .header-menu__block-item:hover svg path, .header-menu__block-item.active svg path { fill: #ec4b3c; transition: all 0.3s; } .header-menu__block-link { display: -ms-flexbox; display: flex; width: 100%; padding-bottom: 16px; border-bottom: 1px solid #dadada; } .header-menu__block-left { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .header-menu__block-title { font-weight: 700; font-size: 22px; line-height: 120%; margin-bottom: 8px; transition: 0.3s; } .header-menu__block-desc { font-weight: 400; font-size: 16px; line-height: 160%; color: #5c5c5c; } .header-menu__block-info { padding: 32px 54px; background: #f3f3f3; color: #262626; } .header-menu__block-phone { font-weight: 700; font-size: 20px; line-height: 120%; margin-bottom: 8px; } .header-menu__block-mail { font-size: 16px; line-height: 140%; -webkit-text-decoration-line: underline; text-decoration-line: underline; margin-bottom: 32px; } .header-menu__block-map { font-weight: 700; font-size: 20px; line-height: 120%; border-bottom: 1px dashed #5c5c5c; margin-bottom: 16px; transition: 0.3s; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .header-menu__block-map:hover { border-style: solid; } .header-menu__block-info__item { font-size: 16px; line-height: 140%; margin-bottom: 8px; } .header-menu__block-info__item:nth-last-child(1) { margin-bottom: 0; } @media screen and (min-width: 1201px) { .header-list__link { position: relative; } .header-list__link:not(.bag):hover { background-color: #ec4b3c; } .header-list__link:not(.bag):hover .toggle { opacity: 1; visibility: visible; } .header-list__link.bag { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; padding: 12px; width: auto; } .header-list__link.bag .bag-info { min-width: 24px; border-radius: 16px; display: block !important; padding: 4px; background-color: #ec4b3c; font-weight: 600; font-size: 16px; line-height: 100%; text-align: center; color: #ffffff; } .toggle { display: block !important; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; z-index: 9; opacity: 0; visibility: hidden; padding-top: 15px; top: 40px; } .toggle span { display: block !important; } .toggle-inner { padding: 16px 24px; background-color: #fff; box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.06); } .toggle-title { font-weight: 600; font-size: 18px; line-height: 160%; text-align: center; color: #262626; white-space: nowrap; } .toggle-desc { font-weight: 400; font-size: 16px; line-height: 160%; text-align: center; color: #5c5c5c; white-space: nowrap; display: block !important; } } @media screen and (max-width: 1740px) { .header-info__menu-item { display: none; } } @media screen and (max-width: 1200px) { .header { height: 140px; } .header-logo { min-width: 90px; max-width: 161px; height: 140px; } .header-logo img { max-width: 88px; } .header-nav { padding: 0; gap: 0; height: 140px; -ms-flex-direction: column; flex-direction: column; } .header-nav__inner { height: 70px; background: #222; padding: 22px 28px 22px 0; gap: 0; } .header-nav__item { -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-pack: justify; justify-content: space-between; width: 100%; height: 70px; padding: 0 40px 0 0; background-color: #fff; } .header-catalog { min-width: auto; max-width: 189px; } .header-list__link { background: #dfe1e2; } .header-list__link svg path { fill: #212121; transition: all 0.3s; } .header-search__block { top: 140px; } .header-search__block-close { top: 20px; right: 40px; } .header-search__block-more { font-size: 18px; gap: 16px; -ms-flex-align: start; align-items: flex-start; padding: 32px 0; } .cookies { max-width: 418px; right: 0; top: 140px; } .header-location__inner { min-width: 358px; top: 70px; font-weight: 700; font-size: 16px; padding: 20px; } .header-location__list { margin: 10px 0; } .header-catalog__block { width: 100%; top: 140px; height: calc(100vh - 140px); background: rgba(34, 34, 34, 0.6); } .header-catalog__inner { max-width: 100%; height: auto; overflow-y: auto; } .header-catalog__content { -ms-flex: 1; flex: 1; padding: 54px 40px; } .header-catalog__content .category-min__block { margin: 40px 0 30px; } .header-catalog__content .category-min__title-block { font-size: 24px; } .header-catalog__content .category-min__title { font-size: 20px; } .header-catalog__btns { display: none; } .header-menu { -ms-flex-order: 1; order: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 0; } .header-menu__block { width: calc(100% - 161px); top: 140px; left: auto; right: 0; height: calc(100vh - 140px); z-index: 7; position: fixed; overflow-y: auto; } .header-menu__block-list { padding: 40px; height: auto; } .header-menu__block-title { font-size: 20px; } .header-menu__block-info { padding: 40px; } } @media screen and (max-width: 700px) { .header { font-size: 14px; height: 70px; } .header svg { width: 20px; height: 20px; } .header-logo { max-width: 90px; height: 70px; } .header-logo img { max-width: 50px; } .header-location .mr-4 { margin-right: 8px; } .header-search, .header-menu { font-size: 0; } .header-search .mr-4, .header-menu .mr-4 { margin-right: 0; } .header .header-item__with-icon.header-catalog { display: none; } .header-nav { padding: 0; gap: 0; height: 70px; background-color: #fff; -ms-flex-direction: column; flex-direction: column; } .header-nav__inner { padding: 22px 15px 22px 0; } .header-nav__item .header-list { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 7; padding: 8px; background-color: #fff; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-align: start; align-items: flex-start; } .header-nav__item .header-list__link { width: 36px; height: 36px; background: #f3f3f3; } .header-nav__item .header-list__link svg { width: 20px; height: 20px; } .header-nav__item .header-list__link svg path { fill: #808080; transition: all 0.3s; } .header-nav__item .header-list__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; gap: 2px; } .header-nav__item .header-list__item span { display: block; font-weight: 500; font-size: 10.5px; line-height: 120%; text-align: center; -webkit-font-feature-settings: "pnum" on, "lnum" on; font-feature-settings: "pnum" on, "lnum" on; color: #808080; } .header-nav__item .header-list__item.active .header-list__link svg path { fill: #ec4b3c; transition: all 0.3s; } .header-nav__item .header-list__item.active span { color: #ec4b3c; } .header-nav__item .header-list__item-mobile { display: -ms-flexbox; display: flex; } .header-nav__item .header-list__item-no_mobile { display: none; } .header-search__block { top: 70px; min-height: 428px; } .header-search__block-close { top: 0; right: 0; padding: 16px; } .header-search__block-close svg { width: 24px; height: 24px; } .header-search__block-inner { padding: 0 16px; } .header-search__block-form { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; border-bottom: 1px solid #111111; } .header-search__block-input { font-size: 24px; } .header-search__block-btn { padding: 16px; } .header-search__block-btn svg { width: 24px; height: 24px; } .header-search__block-more { font-size: 14px; gap: 12px; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 32px 0 0; } .header-search__block-more__list { gap: 12px; } .cookies { padding: 30px 16px; max-width: 100%; right: 0; top: auto; bottom: 67px; font-size: 14px; line-height: 130%; } .cookies__title { font-size: 16px; } .cookies__desc { margin: 8px 0 20px; } .header-location__inner { position: fixed; min-width: auto; width: 100%; max-width: 100%; } .header-location__item { padding-bottom: 16px; } .header-catalog__block { top: 70px; height: calc(100vh - 70px); padding-bottom: 67px; } .header-catalog__content { -ms-flex: 1; flex: 1; padding: 40px 16px; } .header-catalog__content .category-min__block { margin: 24px 0; } .header-catalog__content .category-min__title-block { font-size: 20px; } .header-catalog__content .category-min__title { font-size: 16px; } .header-menu.active { background-color: transparent; } .header-menu__block { width: 100%; top: 70px; height: calc(100vh - 70px - 67px); } .header-menu__block-list { padding: 40px 16px; } .header-menu__block-title { font-size: 18px; } .header-menu__block-info { padding: 24px 16px; } .header-menu__block-phone, .header-menu__block-map { font-size: 18px; } .header-nav__item .header-list__item span.toggle { display: none; } .header-search, .header-menu { padding: 0; } .header-search { margin-right: 20px; } } .footer { padding-bottom: 55px; background: #222222; color: #ffffff; } .footer a:hover, .footer a:focus { color: #ec4b3c; } .footer-bottom, .footer-top { padding: 47px 0; } .footer-bottom__inner, .footer-top__inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .footer-bottom__inner > a { display: flex; align-items: center; gap: 12px; } .footer-bottom__inner > a:hover { color: #fff; } .footer-top { border-bottom: 1px solid #3a3a3a; } .footer-top__inner { cursor: pointer; } .footer-top__inner svg { transition: 0.3s; } .footer-top__inner:hover svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .footer-bottom { border-top: 1px solid #3a3a3a; } .footer-bottom__list { display: -ms-flexbox; display: flex; gap: 20px; } .footer-bottom__list-item { font-weight: 400; margin-bottom: 8px; font-size: 18px; line-height: 160%; color: rgba(255, 255, 255, 0.7); padding-right: 22px; position: relative; } .footer-bottom__list-item::before { content: "/"; position: absolute; right: 0; } .footer-bottom__list-item:nth-last-child(1) { padding-right: 0; } .footer-bottom__list-item:nth-last-child(1)::before { content: unset; } .footer-bottom__list-link { transition: 0.3s; } .footer-bottom__list-link:hover { color: #fff; } .footer-body { display: -ms-flexbox; display: flex; } .footer-body__left { border-right: 1px solid #3a3a3a; padding: 68px 80px 40px; width: 56%; } .footer-body__right { width: 44%; } .footer-title { font-weight: 700; font-size: 32px; line-height: 120%; } .footer-menu { display: -ms-flexbox; display: flex; gap: 24px; } .footer-menu__item { max-width: 396px; width: 100%; font-weight: 500; font-size: 20px; line-height: 140%; } .footer-menu__item:nth-last-child(1) { max-width: 461px; } .footer-menu__list-item { color: rgba(255, 255, 255, 0.9); margin-bottom: 12px; transition: 0.3s; } .footer-menu__list-item:hover { color: #ffffff; } .footer-menu__title { font-weight: 700; font-size: 18px; line-height: 120%; color: rgba(255, 255, 255, 0.6); margin-bottom: 32px; transition: 0.3s; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer-menu__title span { display: none; } .footer-menu__title:hover { color: #fff; } .footer-address { padding: 68px 80px 40px 62px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; /* border-bottom: 1px solid #3A3A3A; */ } .footer-address__title { font-weight: 700; font-size: 24px; line-height: 120%; color: #ffffff; margin-bottom: 30px; white-space: nowrap; display: block; } .footer-address__title-line { border-bottom: 1px dashed #ffffff; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .footer-address li { font-weight: 500; font-size: 20px; line-height: 140%; color: rgba(255, 255, 255, 0.9); margin-bottom: 8px; } .footer-address li:hover { color: #ffffff; } .footer-more { padding: 56px 80px 56px 62px; position: relative; } .footer-more__title { font-weight: 700; font-size: 24px; line-height: 120%; } .footer-more__arrow { cursor: pointer; } .footer-more__arrows { display: -ms-flexbox; display: flex; gap: 24px; position: absolute; right: 62px; z-index: 3; background: #222222; } .footer-more__arrow path { fill: #fff; transition: 0.3s; } .footer-more .slick-disabled path { fill: #5c5c5c; } @media screen and (max-width: 1400px) { .footer-title { font-size: 24px; } .footer-menu__item-div { padding-top: 0px; } .footer-top__link svg { width: 32px; height: 32px; } .footer-body { -ms-flex-direction: column; flex-direction: column; } .footer-body__left { width: 100%; border-bottom: 1px solid #3a3a3a; padding: 0; } .footer-body__right { width: 100%; border-bottom: 1px solid #3a3a3a; } .footer-address { -ms-flex-direction: column; flex-direction: column; gap: 24px; padding: 30px 40px; } .footer-address__title { font-size: 24px; } .footer-address li { font-size: 18px; } .footer-address li:nth-last-child(1) { margin-bottom: 0; } .footer-menu { -ms-flex-direction: column; flex-direction: column; gap: 0; } .footer-menu__item { font-size: 18px; max-width: 100%; padding: 30px 40px; border-bottom: 1px solid #3a3a3a; } .footer-menu__item:nth-last-child(1) { max-width: 100%; } .footer-menu__item.active .footer-menu__list { display: block; } .footer-menu__item.active .footer-menu__title span { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .footer-menu__title { font-weight: 700; font-size: 24px; line-height: 120%; color: #ffffff; margin-bottom: 0; width: 100%; -ms-flex-pack: justify; justify-content: space-between; } .footer-menu__title span { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 32px; height: 32px; } .footer-menu__list { padding: 24px 0 0; display: none; } .footer-more { padding: 30px 40px 18px; } .footer-more .footer-more__arrows { right: 40px; } .footer-more__title { font-size: 24px; } .footer-bottom, .footer-top { padding: 32px 0; } .footer-bottom__inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; gap: 24px; } .footer-bottom__list { -ms-flex-direction: column; flex-direction: column; gap: 8px; } .footer-bottom__list-item { font-size: 16px; } .footer-bottom__list-item::before { content: unset; } } @media screen and (max-width: 720px) { .footer-bottom, .footer-top { padding: 24px 0; } .footer-top__link svg { width: 24px; height: 24px; } .footer-title { font-size: 18px; } .footer-menu__item { padding: 24px 16px; font-size: 16px; } .footer-menu__title { font-size: 18px; } .footer-menu__title svg { width: 24px; height: 24px; } .footer-address { padding: 24px 16px; } .footer-address__title { font-size: 16px; margin-bottom: 20px; } .footer-address li { font-size: 16px; } .footer-bottom__list-item { font-size: 14px; } .footer-more { padding: 24px 16px; -ms-flex-align: center; align-items: center; } .footer-more .footer-more__arrows { right: 16px; } .footer-more svg { width: 24px; height: 24px; } .footer-more__title { font-size: 18px; } } .breadcrumbs { display: -ms-flexbox; display: flex; white-space: nowrap; font-weight: 500; font-size: 16px; line-height: 160%; color: #989898; gap: 16px; margin-bottom: 20px; overflow: auto; } .breadcrumbs-item:after { content: "|"; margin-left: 13px; font-weight: 700; line-height: 140%; color: #212121; } .breadcrumbs-item:nth-last-child(1):after { content: unset; } .breadcrumbs-link { color: #212121; } .breadcrumbs-link span { position: relative; } .breadcrumbs-link span::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: 0.3s; border-bottom: 1px solid #212121; } .breadcrumbs-link span:hover::before { width: 100%; } @media screen and (max-width: 720px) { .breadcrumbs { display: none; font-size: 14px; } } .aside { max-width: 422px; width: 100%; } .aside-list { padding: 32px; background-color: #fff; margin-bottom: 32px; } .aside-list__ul { margin-top: 17px; } .aside-list__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 32px; padding: 16px 0; border-bottom: 1px solid #dadada; box-sizing: border-box; } .aside-list__item:nth-last-child(1) { padding-bottom: 0; border-bottom: none; } .aside-list__img { width: 94px; height: 94px; } .aside-list__link { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 10px; } .aside-list__link .aside-list__svg img { transition: 0.3s; } .aside-list__link:hover .aside-list__svg img { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .aside-list__title { font-weight: 600; font-size: 20px; line-height: 120%; color: #262626; } .aside-big { max-width: 500px; } @media screen and (max-width: 1400px) { .aside { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; gap: 24px; max-width: 100%; } .aside-big { max-width: 100%; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .aside-big .btn { height: 64px; font-size: 20px; } .aside-bonus { width: 50%; } .aside-list { width: 50%; padding: 20px; margin-bottom: 0; } .aside-list__item { gap: 26px; padding: 14px 0; } .aside-list__img { width: 80px; height: 80px; } .aside-list__title { font-size: 16px; } } @media screen and (max-width: 720px) { .aside { -ms-flex-direction: column; flex-direction: column; } .aside-big .btn { height: 59px; font-size: 16px; } .aside-bonus, .aside-list { width: 100%; margin-bottom: 0; } } .card-bonus { background-color: #fff; } .card-bonus__img { width: 100%; height: 197px; object-fit: cover; } .card-bonus__content { padding: 32px; } .card-bonus__title { font-weight: 700; font-size: 22px; line-height: 120%; color: #212121; margin-bottom: 16px; } .card-bonus__desc { font-weight: 400; font-size: 18px; line-height: 150%; color: #5c5c5c; margin-bottom: 24px; } .card-bonus__info { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 8px 16px; background: #212121; border-radius: 24px; font-weight: 600; font-size: 18px; line-height: 120%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ffffff; } .card-bonus__footer { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; max-width: 100%; width: 390px; } .card-bonus__more { display: -ms-flexbox; display: flex; gap: 12px; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 24px; line-height: 120%; color: #e84c3d; } .card-bonus__more img { width: 40px; height: 40px; } .card-bonus__more span { position: relative; } .card-bonus__more span::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: 0.3s; border-bottom: 1px solid #e84c3d; } .card-bonus__more span:hover::before { width: 100%; } .card-bonus__svg { width: 40px; height: 40px; margin-bottom: 24px; } .card-bonus__big { width: 100%; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .card-bonus__big .card-bonus__img { width: 420px; height: auto; } .card-bonus__big .card-bonus__img img { width: 420px; height: auto; object-fit: cover; } .card-bonus__big .card-bonus__content { padding: 40px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-bonus__big .card-bonus__title { font-size: 28px; max-width: 565px; } .card-bonus__big .card-bonus__info { font-size: 20px; } .card-bonus__big .card-bonus__desc { font-size: 20px; -ms-flex: 1; flex: 1; } .card-bonus__single .card-bonus__img { height: 300px; margin: 24px 0; } .card-bonus__single .card-bonus__img img { width: 300px; height: auto; object-fit: cover; } .card-bonus__single .card-bonus__info { font-size: 20px; } .card-bonus__single .card-bonus__desc { font-size: 20px; letter-spacing: 1.3px; margin-top: 25px; min-height: 90px; } @media screen and (max-width: 1620px) { .card-bonus__more { font-size: 0; gap: 0; } } @media screen and (max-width: 1400px) { .card-bonus__img { height: 186px; } .card-bonus__content { padding: 20px; } .card-bonus__title { font-size: 20px; display: block; max-width: 288px; } .card-bonus__info, .card-bonus__desc { font-size: 16px; } .card-bonus__desc { min-height: 57px; -ms-flex: 1; flex: 1; } .card-bonus__big .card-bonus__img { width: 300px; } .card-bonus__big .card-bonus__img img { width: 300px; height: auto; object-fit: cover; } .card-bonus__big .card-bonus__title { font-size: 24px; padding-right: 15px; } .card-bonus__big .card-bonus__desc { font-size: 16px; margin-bottom: 18px; min-height: 78px; -ms-flex: 1; flex: 1; } .card-bonus__big .card-bonus__info { font-size: 16px; } .card-bonus__single .card-bonus__info { font-size: 16px; } .card-bonus__single .card-bonus__desc { font-size: 16px; } } @media screen and (max-width: 720px) { .card-bonus__big { -ms-flex-direction: column; flex-direction: column; margin-bottom: 16px; } .card-bonus__big .card-bonus__img { width: 100%; height: 197px; } .card-bonus__big .card-bonus__content { padding: 24px 16px; } .card-bonus__big .card-bonus__svg { display: none; } .card-bonus__big .card-bonus__title { font-size: 18px; } .card-bonus__big .card-bonus__desc { min-height: 44px; margin-bottom: 24px; } .card-bonus__big .card-bonus__info { font-size: 14px; } } .news-block { background-color: #fff; } .news-blocks { display: grid; grid-template-columns: 1fr 1fr; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px 20px; } .news-block__img { display: block; width: 100%; height: 230px; object-fit: cover; overflow: hidden; } .news-block__img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; } .news-block:hover .news-block__img img { scale: 1.1; } .news-block__content { padding: 40px; box-sizing: border-box; } .news-block__footer { border-top: 1px dashed #dfe1e2; margin-bottom: 0px; margin-top: auto; padding: 40px; } .news-block__info { margin-bottom: 20px; } .news-block__title { font-weight: 700; font-size: 28px; line-height: 120%; margin-bottom: 16px; display: -webkit-box; } .news-block__desc { font-weight: 400; font-size: 20px; line-height: 150%; color: #5c5c5c; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .news-info { margin-bottom: 24px; } .news-img { max-width: 100%; /* height: 300px; */ margin-bottom: 24px; /* object-fit: cover; */ } .news-desc { margin: 24px 0; font-weight: 400; font-size: 20px; line-height: 160%; color: #5c5c5c; } @media screen and (max-width: 1400px) { .news-block__img { height: 180px; } .news-block__content { padding: 20px; } .news-block__title { font-size: 20px; } .news-block__desc { font-size: 16px; -webkit-line-clamp: 2; } .news-block__footer { padding: 20px; } .news-desc { font-size: 16px; line-height: 160%; } } @media screen and (max-width: 720px) { .news-blocks { grid-template-columns: 1fr; } .news-block__content { height: auto; } .news-info { margin-bottom: 20px; } .news-img { margin-bottom: 20px; } .news-desc { margin: 20px 0; } } .articles-block { padding: 56px 0; border-bottom: 1px solid #212121; } .articles-block:nth-child(1) { padding-top: 24px; } .articles-block__head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; margin-bottom: 21px; } .articles-block__head:hover .articles-block__svg svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .articles-block__title { font-size: 32px; line-height: 120%; font-weight: 700; } .articles-block__desc { font-weight: 400; font-size: 20px; line-height: 160%; color: #5c5c5c; } .articles-block__svg { width: 40px; height: 40px; } .articles-block__svg svg { transition: 0.3s; } .article .description { margin-bottom: 20px; } .article-img { padding: 24px 0; } @media screen and (max-width: 1400px) { .articles-block__title { font-size: 26px; } .articles-block__desc { font-size: 16px; } } @media screen and (max-width: 720px) { .articles-block { padding: 32px 0; } .articles-block:nth-child(1) { padding-top: 24px; } .articles-block__title { font-size: 22px; } } .pagination { display: -ms-flexbox; display: flex; gap: 6px; -ms-flex-pack: center; justify-content: center; margin: 61px 0 13px; } .pagination-item { cursor: pointer; } .pagination-active { color: #ec4b3c; } .pagination-active svg path, .pagination-active:hover .pagination-link svg path { fill: #bdbfc2; transition: all 0.3s; } .pagination-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; padding: 5px 17px; font-weight: 600; font-size: 24px; line-height: 160%; } .pagination-link svg path { fill: #212121; transition: all 0.3s; } .pagination-link:hover { color: #ec4b3c; transition: all 0.3s; } .pagination-link:hover svg path { fill: #ec4b3c; transition: all 0.3s; } .pagination-disabled, .pagination-disabled .pagination-link:hover { color: #bdbfc2; } .pagination-disabled svg path, .pagination-disabled .pagination-link:hover svg path { fill: #bdbfc2; transition: all 0.3s; } @media screen and (max-width: 1400px) { .pagination { gap: 0; margin: 40px 0; } } @media screen and (max-width: 720px) { .pagination { display: none; } } .certificates { overflow: hidden; position: relative; } .certificates-list__scrollbar { height: 5px; background: #dfe1e2; } .certificates-list__scrollbar .swiper-scrollbar-drag { background: #212121; } .certificates-list { display: -ms-flexbox; display: flex; gap: 24px; overflow-x: auto; } .certificates-list::-webkit-scrollbar { margin-right: 20px; height: 5px; } .certificates-list::-webkit-scrollbar-track { background: #ffffff; height: 4px; } .certificates-list::-webkit-scrollbar-thumb { background: #212121; height: 5px; } .certificates-item { width: 308.33px; margin-bottom: 24px; margin-left: 24px; } .certificates-item:nth-child(1) { margin-left: 0; } .certificates-img { width: 100%; background-color: #fff; position: relative; cursor: pointer; padding: 32px; } .certificates-img .lightbox { position: relative; display: block; padding: 32px; box-sizing: border-box; } .certificates-img .lightbox:hover::before { opacity: 1; } .certificates-img .lightbox::before { content: ""; position: absolute; background: rgba(236, 75, 60, 0.5) url(/local/templates/.default/assets/css/../img/zoom.png) no-repeat center center; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; opacity: 0; transition: all 0.3s ease; } .certificates-img img { width: 100%; height: 100%; object-fit: contain; } .certificates-title { font-weight: 700; font-size: 20px; line-height: 120%; margin: 16px; } .certificates-single { max-width: 474px; margin-top: 16px; } .certificates-single .certificates-title { margin: 16px 0; } .certificates-cursor { position: relative; width: 0; height: 0; will-change: transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; z-index: 3; } .certificates-cursor.active .cursor { opacity: 1; visibility: visible; pointer-events: none; } .certificates-cursor .cursor { position: absolute; -webkit-transform: translate(-12.25vh, -40vh); transform: translate(-12.25vh, -40vh); opacity: 0; visibility: hidden; background: #212121; width: 74px; height: 74px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 12px; border-radius: 50%; cursor: pointer; z-index: 3; transition: opacity 0.3s ease-in-out, height 0.4s cubic-bezier(0.339, -0.18, 0.228, 1.656), width 0.4s cubic-bezier(0.339, -0.18, 0.228, 1.656); } @media screen and (max-width: 1500px) { .certificates-cursor .cursor { -webkit-transform: translate(-9.25vh, -36vh); transform: translate(-9.25vh, -36vh); } } @media screen and (max-width: 1200px) { .certificates-cursor .cursor { display: none; } } @media screen and (max-width: 1400px) { .certificates-item { min-width: 330px; } } @media screen and (max-width: 720px) { .certificates-item { min-width: 320px; } .certificates-title { font-size: 16px; } } @media screen and (max-width: 355px) { .certificates-item { min-width: 280px; padding: 0; width: 280px; } } /* TopBox is derived from Nivo Lightbox v1.3.1, created by Dev7studios: http://dev7studios.com/nivo-lightbox TopBox is updated for jQuery 3 and has additional features / content support. Maintained by William Woodgate TopBox homepage: https://willwoodgate.com/projects/topbox/ Free to use and abuse under the MIT license. http://www.opensource.org/licenses/mit-license.php */ /* Core CSS to make the lightbox work */ .topbox_open .topbox_blur_wrapper { -webkit-filter: blur(1px); filter: blur(1px); } .topbox_overlay { position: fixed; top: 0; left: 0; z-index: 99995; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; box-sizing: border-box; } .topbox_overlay, .topbox_overlay *, .topbox_overlay *:before, .topbox_overlay *:after { box-sizing: border-box; -webkit-box-sizing: border-box; } .topbox_fill { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .topbox_overlay.topbox_open { visibility: visible; opacity: 1; } .topbox_wrapper { position: absolute; z-index: 99996; top: 50%; left: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .topbox_content { position: relative; z-index: 99998; height: 80vh; width: 80vw; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .topbox_title_wrap { position: relative; z-index: 99998; } .topbox_nav { display: none; } .topbox_prev, .topbox_next, .topbox_close { position: absolute; z-index: 99999; background: none; border: none; cursor: pointer; } .topbox_prev { left: 0; } .topbox_next { right: 0; } .topbox_close { top: 0; right: 0; } .topbox_close_layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99997; } .topbox_image { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; position: relative; margin: auto; } .topbox_html5_audio_wrap { width: 100%; } .topbox_html5audio { width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; } .topbox_html5_video_wrap { width: 100%; } .topbox_html5video { margin: auto; max-width: 100%; height: auto; } .topbox_iframe_wrap, .topbox_iframe, .topbox_pdf_wrap, .topbox_pdf { width: 100%; height: 100%; display: block; } .topbox_pdf_mobile_message { display: inline-block; margin: auto; } .topbox_embedded_web_video { position: relative; padding-bottom: 56.25% !important; height: 0; width: 100%; overflow: hidden; } .topbox_embedded_web_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .topbox_video_iframe_wrap { position: relative; padding-bottom: 56.25% !important; height: 0; width: 100%; } iframe.topbox_video_iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Fix for video sizing, if using the Plyr plugin for custom video controls https://github.com/sampotts/plyr */ .topbox_content .plyr { min-width: 100%; } .topbox_inline, .topbox_ajax { max-height: 100%; width: 100%; overflow: auto; box-sizing: border-box; /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */ } .topbox_error { display: table; text-align: center; width: 100%; height: 100%; color: #fff; } .topbox_error p { display: table-cell; vertical-align: middle; } .topbox_notouch .topbox_effect_fade, .topbox_notouch .topbox_effect_slideLeft, .topbox_notouch .topbox_effect_slideRight, .topbox_notouch .topbox_effect_slideUp, .topbox_notouch .topbox_effect_slideDown { transition: all 300ms ease-in-out; } /* slideLeft / slideRight / slideUp / slideDown */ .topbox_notouch .topbox_effect_slideLeft .topbox_content, .topbox_notouch .topbox_effect_slideRight .topbox_content, .topbox_notouch .topbox_effect_slideUp .topbox_content, .topbox_notouch .topbox_effect_slideDown .topbox_content { transition: all 0.5s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .topbox_notouch .topbox_effect_slideLeft .topbox_content { -webkit-transform: translateX(-20%); transform: translateX(-20%); } .topbox_notouch .topbox_effect_slideRight .topbox_content { -webkit-transform: translateX(20%); transform: translateX(20%); } .topbox_notouch .topbox_effect_slideLeft.topbox_open .topbox_content, .topbox_notouch .topbox_effect_slideRight.topbox_open .topbox_content { -webkit-transform: translateX(0); transform: translateX(0); } .topbox_notouch .topbox_effect_slideDown .topbox_content { -webkit-transform: translateY(-20%); transform: translateY(-20%); } .topbox_notouch .topbox_effect_slideUp .topbox_content { -webkit-transform: translateY(20%); transform: translateY(20%); } .topbox_notouch .topbox_effect_slideUp.topbox_open .topbox_content, .topbox_notouch .topbox_effect_slideDown.topbox_open .topbox_content { -webkit-transform: translateY(0); transform: translateY(0); } /* Our default lightbox skin (darkroom) */ .topbox_open .topbox_blur_wrapper { -webkit-filter: blur(1px); filter: blur(1px); } .topbox_skin_darkroom .topbox_fill { background: rgba(0, 0, 0, 0.8); } .topbox_skin_darkroom .topbox_pdf_mobile_message { color: #ffffff; font-size: 18px; } .topbox_skin_darkroom a.topbox_pdf_mobile_button, .topbox_skin_darkroom a.topbox_pdf_mobile_button:visited { color: #ffffff; border-radius: 1rem; border: 2px solid #ffffff; text-decoration: none; transition: all 300ms ease-in; padding: 1rem; line-height: 1; display: block; margin-top: 1rem; } .topbox_skin_darkroom .topbox_nav { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .topbox_skin_darkroom .topbox_prev, .topbox_skin_darkroom .topbox_next, .topbox_skin_darkroom .topbox_close { color: #ffffff; text-decoration: none; font-size: 45px; opacity: 0.5; transition: all 300ms ease-in; padding: 2vw; line-height: 1; } .topbox_skin_darkroom .topbox_close { margin-top: -10px; font-size: 55px; } .topbox_skin_darkroom .topbox_prev:hover, .topbox_skin_darkroom .topbox_next:hover, .topbox_skin_darkroom .topbox_close:hover { opacity: 1; } .topbox_skin_darkroom .topbox_prev:before { content: "←"; } .topbox_skin_darkroom .topbox_next:before { content: "→"; } .topbox_skin_darkroom .topbox_close:before { content: "×"; } .topbox_skin_darkroom .topbox_title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 1.5; font-size: 14px; font-style: normal; font-weight: normal; background: #000; color: #fff; padding: 7px 15px; margin-top: 7px; border-radius: 30px; text-align: center; display: inline-block; } .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; -ms-user-select: none; 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 { background-color: transparent; border: none; font-size: 1em; } .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; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; 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; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { 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; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !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: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .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 transparent; border-style: solid; border-width: 5px 4px 0 4px; 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 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .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__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; 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--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { 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 .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--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; } .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(to bottom, #fff 50%, #eee 100%); 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: bold; height: 26px; margin-right: 20px; } .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(to bottom, #eee 50%, #ccc 100%); 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 transparent; border-style: solid; border-width: 5px 4px 0 4px; 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 transparent; border-width: 0 4px 5px 4px; } .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(to bottom, #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(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .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; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .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--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { 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; } /*! jQuery UI - v1.13.2 - 2022-07-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .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:before, .ui-helper-clearfix:after { 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; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .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; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .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: 0.4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .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:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-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: 0.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; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.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: 5px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-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-prev span, .ui-datepicker .ui-datepicker-next 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: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .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 0.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; } /* RTL support */ .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; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.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-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { 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; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .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; } .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%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .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: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 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; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.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: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.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; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .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; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.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-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .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; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/.default/assets/css/images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/.default/assets/css/images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/local/templates/.default/assets/css/images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/local/templates/.default/assets/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/local/templates/.default/assets/css/images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/.default/assets/css/images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/local/templates/.default/assets/css/images/ui-icons_777777_256x240.png"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: 0.3; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { box-shadow: 0px 0px 5px #666666; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [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; } body { font-family: "Montserrat", sans-serif; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; background: #f3f3f3; color: #212121; line-height: 120%; padding-top: 195px; } .main-page { padding-top: 35px; } input, textarea { font-family: "Montserrat"; } main { -ms-flex: 1; flex: 1; } .wrapper { max-width: 1920px; width: 100%; padding: 0 80px; margin: 0 auto; box-sizing: border-box; } .wrapper-no-padding { padding: 0 !important; } .mr-4 { margin-right: 16px; } .ml-1 { margin-left: 4px; } .m-2-0 { margin: 8px 0; } .d-flex { display: -ms-flexbox; display: flex; } .w-100 { max-width: 100% !important; width: 100%; } .mb-0 { margin-bottom: 0 !important; } .ml-auto { margin-left: auto; } .justify-space-between { -ms-flex-pack: justify; justify-content: space-between; } .big-title { font-weight: 700; font-size: 56px; line-height: 110%; color: #212121; margin: 40px 0; max-width: 950px; } .big-title__span { font-weight: 400; font-size: 22px; line-height: 160%; color: #5c5c5c; white-space: nowrap; } .main { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; padding-bottom: 100px; } .main.pb-0 { padding-bottom: 0 !important; } .main-inner { max-width: 1165px; width: calc(100% - 422px); } .main-white { padding: 40px 0; background-color: #fff; } @media screen and (max-width: 1400px) { .main-white { padding: 25px 0; } } .sub-title { font-weight: 700; font-size: 26px; line-height: 120%; color: #262626; } .description { font-size: 20px; line-height: 160%; color: #5c5c5c; } .info { font-weight: 600; font-size: 20px; line-height: 120%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ffffff; background: #212121; border-radius: 24px; padding: 8px 16px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .more { display: -ms-flexbox; display: flex; gap: 12px; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 24px; line-height: 120%; color: #e84c3d; } .more img { width: 40px; height: 40px; } .more span { position: relative; } .more span::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: 0.3s; border-bottom: 1px solid #e84c3d; } .more span:hover::before { width: 100%; } .alert { display: -ms-flexbox; display: flex; gap: 24px; padding: 32px; background-color: #fff; margin: 24px 0; } .alert__icon { width: 40px; height: 40px; } .alert__title { font-weight: 700; font-size: 26px; line-height: 120%; margin-bottom: 16px; } .alert__desc { font-weight: 400; font-size: 20px; line-height: 160%; color: #5c5c5c; } .alert__desc a { font-weight: 600; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #ec4b3c; } .alert-success { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 32px; padding: 32px; background: #f3f3f3; margin: 0 0 200px; } .alert-success__icon { width: 64px; height: 64px; } .alert-success__content { -ms-flex: 1; flex: 1; } .alert-success__title { font-weight: 700; font-size: 32px; line-height: 120%; margin-bottom: 8px; } .alert-success__desc { font-weight: 400; font-size: 16px; line-height: 160%; color: #5c5c5c; } .title { font-weight: 700; font-size: 32px; line-height: 120%; color: #24292d; margin-bottom: 16px; } .title-line { margin-bottom: 0; padding: 40px 0 24px; border-bottom: 1px solid #24292d; } .title-line .title { margin-bottom: 0; } .title-two { font-weight: 700; font-size: 42px; line-height: 120%; color: #24292d; margin-bottom: 40px; } .title-26 { font-weight: 700; font-size: 26px; line-height: 120%; color: #24292d; margin-bottom: 24px; } .number-list { padding: 24px 0; list-style: none; counter-reset: item; } .number-item { counter-increment: item; font-weight: 400; font-size: 20px; line-height: 160%; color: #555555; margin-bottom: 20px; padding-left: 68px; position: relative; } .number-item:before { content: counter(item); margin-right: 10px; border: 1px solid #212121; text-align: center; display: inline-block; font-weight: 700; font-size: 20px; line-height: 160%; color: #e63331; padding: 2px 18px; position: absolute; left: 0; } .number-item:nth-last-child(1) { margin-bottom: 0; } .ul-list { padding: 16px 0; } .ul-item { padding-left: 28px; margin-bottom: 8px; font-weight: 400; font-size: 20px; line-height: 160%; color: #555555; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; } .ul-item::before { content: "■"; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; font-size: 20px; line-height: 160%; color: #e63331; } .page-section { margin-bottom: 24px; padding: 24px 0; } .price-list { font-weight: 500; font-size: 20px; line-height: 160%; color: #5c5c5c; background-color: #fff; max-width: 904px; width: 100%; margin: 16px 0 0; } .price-list__header { font-weight: 700; font-size: 26px; line-height: 120%; color: #212121; border-bottom: 1px solid #5c5c5c; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 24px 32px; } .price-list__item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 32px; border-bottom: 4px solid #f3f3f3; } .price-list__item-with_head { padding: 0; } .payment-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; padding: 24px 0 47px; } .payment-item { width: 100%; padding: 40px; background-color: #fff; } .payment-item:nth-child(even) { background-color: #f8f8f8; } .payment-svg { width: 120px; height: 120px; margin-bottom: 40px; } .payment-svg img { width: 100%; height: 100%; object-fit: contain; } .payment-title { font-weight: 700; font-size: 28px; line-height: 120%; color: #212121; } .shipping .description { margin-bottom: 20px; } .shipping .title { margin-bottom: 16px; } .shipping .ul-list { padding: 0; } .shipping .alert { margin: 44px 0 24px; } .form-item { margin-bottom: 30px; position: relative; } .form-item .form-flex { gap: 8px; } .form-item__error .form-input { border-color: #ec4b3c; } .form-item__checkbox { margin: 40px 0 0; } .form-label { font-weight: 600; font-size: 20px; line-height: 160%; margin-bottom: 16px; display: block; } .form-label span { font-weight: 600; font-size: 20px; line-height: 160%; color: #ec4b3c; } .form-select, .form-input { padding: 0 24px; } .form-textarea { padding: 24px; } .form-textarea, .form-select, .form-input { background: #ffffff; border: 2px solid #9a9a9a; height: 72px; display: block; width: 100%; font-weight: 400; font-size: 20px; line-height: 160%; color: #212121; outline: none; box-sizing: border-box; transition: 0.3s; } .form-textarea:focus, .form-select:focus, .form-input:focus { border: 2px solid #24292d; } .form-textarea__submit, .form-select__submit, .form-input__submit { font-weight: 700; font-size: 20px; line-height: 120%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; color: #fff; height: 64px; width: 100%; background: #ec4b3c; outline: none; border: none; } .form-textarea__error, .form-select__error, .form-input__error { font-weight: 400; font-size: 14px; line-height: 160%; color: #ec4b3c; margin-top: 4px; } .form-textarea { height: 160px; } .form-checkbox { display: none; } .form-checkbox:checked ~ .form-checkbox__label::before { background-color: #ec4b3c; } .form-checkbox__label { font-weight: 600; font-size: 16px; line-height: 160%; color: #5c5c5c; padding-left: 36px; position: relative; cursor: pointer; } .form-checkbox__label::before { content: ""; position: absolute; width: 24px; height: 24px; border: 1px solid #ec4b3c; left: 0; background-color: #fff; } .form-checkbox__label::after { content: ""; position: absolute; width: 24px; height: 24px; background-image: url(/local/templates/.default/assets/css/../img/svg/checked.svg); left: 0; top: 0; } .form-radio { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 720px) { .form-radio { width: 100%; } } .form-radio__list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 45px; } @media screen and (max-width: 720px) { .form-radio__list { -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: start; align-content: flex-start; gap: 16px; } } .form-radio input { display: none; } .form-radio input:checked ~ label::before { border-color: #ec4b3c; } .form-radio input:checked ~ label::after { opacity: 1; } .form-radio label { font-weight: 500; font-size: 20px; line-height: 160%; color: #363940; position: relative; padding-left: 37px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 720px) { .form-radio label { font-size: 16px; } } .form-radio label::before { content: ""; position: absolute; width: 24px; height: 24px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #24292d; border-radius: 50%; transition: 0.3s; } .form-radio label::after { content: ""; position: absolute; width: 14px; height: 14px; left: 5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #ec4b3c; border-radius: 50%; opacity: 0; transition: 0.3s; } .form-polarity { margin: 32px 0 58px; } @media screen and (max-width: 720px) { .form-polarity { margin: 32px 0 40px; } } .form-polarity__link { font-weight: 600; font-size: 16px; line-height: 160%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; text-align: right; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #bdbfc2; margin-bottom: 16px; } .form-polarity__title { font-weight: 700; font-size: 16px; line-height: 160%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #24292d; } .form-polarity__list { background: #f3f3f3; padding: 40px 40px 0; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 720px) { .form-polarity__list { padding: 16px; gap: 24px; } } .form-polarity__item { width: 50%; border: 1px solid #dfe1e2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media screen and (max-width: 720px) { .form-polarity__item { width: 100%; border: none !important; padding: 0 !important; text-align: center; } } .form-polarity__item:nth-child(1) { padding-right: 40px; border-top: 0; border-left: 0; } .form-polarity__item:nth-child(2) { padding-left: 40px; border-top: 0; border-right: 0; } .form-polarity__item:nth-child(3) { padding-right: 40px; padding-top: 40px; border-bottom: 0; border-left: 0; } .form-polarity__item:nth-child(4) { padding-left: 40px; padding-top: 40px; border-bottom: 0; border-right: 0; } .form-polarity__item-inner { width: 165px; height: 100px; background: #f7f7f7; border: 1px solid #24292d; margin-bottom: 40px; } @media screen and (max-width: 720px) { .form-polarity__item-inner { margin-bottom: 0; } } .form-polarity__item-2 { display: -ms-flexbox; display: flex; } .form-polarity__item-2 .form-polarity__item-number { height: 98px; } .form-polarity__item-sidebar { width: 40px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; border-right: 1px solid #24292d; } .form-polarity__item-footer { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #24292d; } .form-polarity__item-number { font-weight: 700; font-size: 18px; line-height: 160%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #bdbfc2; -ms-flex: 1; flex: 1; height: 57px; } .form-polarity__item-minus { width: 40px; height: 40px; padding: 8px; background: #0165af; cursor: pointer; } .form-polarity__item-plus { width: 40px; height: 40px; padding: 8px; background: #ec4b3c; cursor: pointer; } .form-flex { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; } .form-flex.big-gap { gap: 60px; } @media screen and (max-width: 1400px) { .form-flex.big-gap { -ms-flex-direction: column; flex-direction: column; gap: 0; } .form-flex.big-gap .form-w-50 { width: 100%; } } @media screen and (max-width: 720px) { .form-flex.big-gap { -ms-flex-direction: column; flex-direction: column; gap: 0; } .form-flex.big-gap .form-flex { -ms-flex-direction: row; flex-direction: row; } .form-flex.big-gap .form-w-50 { width: 100%; } } .form-flex__plugin { height: 4px; padding: 0; margin-top: 16px; background: #dddddd; border-color: transparent !important; } .form-w-50 { width: 50%; } .modal { display: none; position: fixed; top: 0; right: 0; height: 100%; width: 100%; z-index: 5; background: rgba(34, 34, 34, 0.6); overflow: auto; box-sizing: border-box; z-index: 125; } .modal-inner { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .modal__container { margin: auto auto; max-width: 90vw; width: 566px; background: #fff; padding: 40px; border-radius: 4px; /* height: calc(100% - 30px); */ overflow: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: calc(100vh - 20px); } .modal__container::-webkit-scrollbar { margin-right: 20px; width: 5px; } .modal__container::-webkit-scrollbar-track { background: #ffffff; width: 4px; } .modal__container::-webkit-scrollbar-thumb { background: #212121; width: 5px; } .modal__container .close { background: url("/local/templates/.default/assets/css/../img/svg/close.svg") no-repeat center center; width: 24px; height: 24px; z-index: 1; cursor: pointer; } .modal__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; margin-bottom: 24px; } .modal__title { font-weight: 700; font-size: 26px; line-height: 120%; } .modal__alert { display: -ms-flexbox; display: flex; gap: 16px; font-weight: 600; font-size: 16px; line-height: 140%; padding: 16px; background: #f3f3f3; margin-bottom: 32px; } .modal__alert-svg { width: 24px; height: 24px; } .modal__form-input { font-size: 16px; height: 60px; } .modal__form-input__submit { margin: 24px 0 32px; } .modal__form-label { margin-bottom: 8px; font-size: 16px; } .modal__form-item { margin-bottom: 16px; } .modal__form-eye { position: absolute; bottom: 0; height: 60px; width: 72px; right: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .modal__form-remove { font-weight: 600; font-size: 16px; line-height: 160%; display: block; text-align: right; color: #212121; } .modal__form-register { font-weight: 600; font-size: 16px; line-height: 160%; color: #ec4b3c; border-bottom: 1px dashed #ec4b3c; } .btn { width: 100%; height: 64px; outline: none !important; cursor: pointer; font-weight: 700; font-size: 20px; line-height: 120%; background-color: #fff; border: 1px solid #ec4b3c; color: #ec4b3c; transition: all 0.3s; } .btn:hover { background-color: #ec4b3c; color: #fff; } .btn-primary { background-color: #ec4b3c; color: #fff; } .btn-primary:hover { background-color: #fff !important; border: 1px solid #ec4b3c !important; color: #ec4b3c !important; } .btn-primary:hover svg path { fill: #ec4b3c !important; transition: all 0.3s; } .btn-grey { color: #212121; background: #f3f3f3; border: 1px solid #f3f3f3; } .btn-next { padding: 24px 15px 24px 18px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; gap: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 24px; line-height: 120%; transition: all 0.3s; } .btn-next:hover { background: #ec4b3c; color: #fff; } .btn-next:hover svg path { fill: #fff; transition: all 0.3s; } @media screen and (max-width: 1400px) { .btn-next { padding: 16px 24px; font-size: 18px; } } .btn-clear { font-weight: 600; font-size: 20px; height: 64px; line-height: 19px; text-align: center; color: #212121; border: 1px solid #5c5c5c; height: auto; padding: 16px; transition: all 0.3s; } .btn-clear:hover { color: #fff; background: #212121; border: 1px solid #212121; } .check { margin: 24px 0; padding: 0 32px; background: #f3f3f3; width: 100%; } .check-top { font-weight: 700; font-size: 26px; line-height: 120%; color: #212121; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 32px 0; border-bottom: 1px solid #cad1e1; } .check-top p { font-weight: 400; font-size: 16px; line-height: 160%; margin-top: 8px; color: #6f6e6e; white-space: nowrap; } .check-top p a, .check-top p span { color: #212121; border-bottom: 1px dashed #5c5c5c; } .check-item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; font-size: 18px; line-height: 160%; color: #5c5c5c; margin-bottom: 8px; } .check-item:nth-last-child(1) { margin-bottom: 0; } .check-bottom { padding: 32px 0; } .check-right { text-align: right; } .form-register { padding: 32px; background: #f3f3f3; } .form-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .form-header .title { margin-bottom: 8px; } .form-header .btn { max-width: 336px; } .form-description { font-weight: 400; font-size: 16px; line-height: 160%; color: #5c5c5c; } .form-left { max-width: 625px; width: 100%; } .error-page .main { margin-bottom: 0; padding-bottom: 0; } @media screen and (max-width: 1620px) { .wrapper { padding: 0 40px; } } @media screen and (max-width: 1400px) { body { padding-top: 190px; } .main { -ms-flex-direction: column; flex-direction: column; gap: 36px; } .big-title { font-size: 40px; margin: 34px 0 54px; } .sub-title { font-size: 24px; } .title-line { padding: 40px 0 16px; } .info { font-size: 16px; } .more { font-size: 16px; } .more img { width: 32px; height: 32px; } .alert__title { font-size: 24px; } .alert__desc { font-size: 16px; } .alert-success__title { font-size: 26px; } .description { font-size: 16px; } .title { font-size: 28px; } .title-two { font-size: 32px; } .number-list { padding: 24px 0; list-style: none; counter-reset: item; } .number-item { font-size: 16px; } .number-item:before { font-size: 16px; } .page-section { margin-bottom: 24px; padding: 24px 0; } .price-list { font-size: 16px; } .price-list__header { font-size: 24px; } .shipping .page-section { margin-bottom: 0; } .payment-list { grid-template-columns: 1fr 1fr; padding: 24px 0 47px; } .payment-item { padding: 20px; } .payment-svg { width: 80px; height: 80px; margin-bottom: 32px; } .payment-title { font-size: 24px; } .form-register { padding: 40px 20px 25px; } .form-header { -ms-flex-direction: column; flex-direction: column; gap: 20px; } .form-header .title { margin-bottom: 8px; } .form-header .btn { max-width: 293px; } .btn { height: 54px; } .form-checkbox__label { font-size: 16px; } .form-checkbox__label::before, .form-checkbox__label::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .form-item { margin-bottom: 30px; position: relative; } .form-item__checkbox { margin: 35px 0 0; } .form-label { font-size: 18px; } .form-textarea, .form-select, .form-input { font-size: 18px; } .form-input { height: 64px; } .check { margin: 0; padding: 0 24px; } .check-top { font-size: 24px; line-height: 120%; padding: 24px 0; } .check-bottom { padding: 24px 0; } .modal__title { font-size: 24px; } .modal__form-input { font-size: 16px; height: 60px; } .modal__form-input__submit { margin: 24px 0 32px; } .modal__form-label { margin-bottom: 8px; font-size: 16px; } .modal__form-item { margin-bottom: 16px; } .main-inner { width: 100%; } .main-inner__company { max-width: 100%; } } @media screen and (max-width: 767px) { .personal-area__menu, .selection-product__nav { -ms-overflow-style: none; scrollbar-width: none; } .personal-area__menu::-webkit-scrollbar, .selection-product__nav::-webkit-scrollbar { display: none; } } @media screen and (max-width: 720px) { body { padding-top: 70px; } .wrapper { padding: 0 15px; } .main-white { padding: 20px 0; } .big-title { font-size: 26px; margin: 26px 0 32px; } .big-title__span { font-size: 16px; } .alert { padding: 24px 16px; } .alert__title { font-size: 20px; } .alert-success { -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-align: start; align-items: flex-start; padding: 24px 16px; } .alert-success__icon { width: 64px; height: 64px; } .alert-success__content { -ms-flex: 1; flex: 1; } .alert-success__title { font-size: 22px; } .title-two { font-size: 24px; } .title-line { padding: 20px 0 16px; } .title-line, .title-line .title { font-size: 18px; } .price-list__header { font-size: 20px; } .payment-list { grid-template-columns: 1fr; padding: 24px 0 47px; } .payment-title { font-size: 20px; } .form-register { padding: 32px 16px 16px; } .form-description { font-size: 14px; } .form-header { margin-bottom: 24px; } .form-header .title { font-size: 22px; } .form-header .btn { max-width: 100%; height: 51px; } .btn { font-size: 16px; } .form-item { margin-bottom: 20px; } .form-item__checkbox { margin: 35px 0 0; } .form-label { font-size: 16px; margin-bottom: 6px; } .form-checkbox__label { font-size: 14px; } .form-checkbox__label::before, .form-checkbox__label::after { top: 0; -webkit-transform: translateY(0); transform: translateY(0); } .form-select, .form-input { height: 50px; } .form-textarea { height: 130px; } .form-flex { -ms-flex-direction: column; flex-direction: column; gap: 0; } .form-w-50 { width: 100%; } .check { margin: 0; padding: 0 24px; } .check-top { font-size: 20px; line-height: 120%; padding: 24px 0; } .check-top p { font-size: 14px; } .check-item { font-size: 14px; } .modal__title { font-size: 20px; } .modal__form-input { font-size: 16px; height: 60px; } .modal__form-input__submit { margin: 24px 0 32px; } .modal__form-label { margin-bottom: 8px; font-size: 16px; } .modal__form-item { margin-bottom: 16px; } .modal__form-register { border: none; text-align: center; display: block; font-size: 14px; max-width: 180px; margin: 0 auto; } .modal__container { padding: 24px 16px; } } .basket-link { display: -ms-flexbox; display: flex; gap: 40px; } .basket-link .form-item__checkbox { margin: 0; } .basket-link .form-checkbox__label { margin: 0; } .basket-delete { font-weight: 600; font-size: 16px; line-height: 160%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 12px; color: #5c5c5c; cursor: pointer; white-space: nowrap; } .basket-delete span { font-weight: 400; font-size: 16px; line-height: 160%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #bdbfc2; } .main-basket .aside-big { margin-top: 40px; } @media screen and (max-width: 1400px) { .basket-link { gap: 32px; } .main-basket .aside-big { margin-top: 0; } } @media screen and (max-width: 720px) { .basket-link { gap: 40px; } .basket-delete { font-size: 14px; } } .basket-product { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; padding: 24px 0; border-bottom: 1px solid #dfe1e2; } .basket-product .form-checkbox__label { padding-left: 24px; } .basket-product__disabled .basket-product-checkbox { opacity: 0; } .basket-product__disabled img { opacity: 0.5; } .basket-product__img { width: 160px; height: 160px; } .basket-product__img img { width: 100%; height: 100%; object-fit: contain; } .basket-product__content { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 24px; } .basket-product__content-top { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; gap: 40px; } .basket-product__content-bottom { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; gap: 20px; } .basket-product__content-left { max-width: 473px; } .basket-product__content-right { text-align: right; } .basket-product__title { font-weight: 700; font-size: 22px; line-height: 130%; color: #212121; margin-bottom: 8px; } .basket-product__code { font-weight: 500; font-size: 16px; line-height: 120%; color: #808080; } .basket-product__price { font-weight: 700; font-size: 32px; line-height: 120%; color: #ec4b3c; margin-bottom: 6px; white-space: nowrap; } .basket-product__info { font-weight: 400; font-size: 16px; line-height: 160%; color: #6f6e6e; display: -ms-flexbox; display: flex; gap: 8px; white-space: nowrap; } .basket-product__info span { font-weight: 700; color: #24292d; } .basket-product__info svg { width: 24px; height: 24px; } .basket-product__button { font-weight: 700; font-size: 14px; line-height: 140%; gap: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #fa822b; } .basket-product__btn { font-weight: 500; font-size: 16px; line-height: 120%; color: #5c5c5c; display: -ms-flexbox; display: flex; gap: 8px; -ms-flex-align: center; align-items: center; cursor: pointer; } .kilograms { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; } .kilograms .minus, .kilograms .plus { width: 40px; height: 40px; border-radius: 50%; background: #dfe1e2; border: 1px solid #dfe1e2; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: 0.3s; cursor: pointer; } .kilograms .minus path, .kilograms .plus path { fill: #a7a7a7; } .kilograms .minus:hover, .kilograms .plus:hover { border: 1px solid #a7a7a7; } .kilograms .minus.disabled, .kilograms .plus.disabled { background: #f3f3f3; border: 1px solid #f3f3f3; } .kilograms .minus.disabled:hover, .kilograms .plus.disabled:hover { border: 1px solid #f3f3f3; } .kilograms .minus.disabled path, .kilograms .plus.disabled path { fill: #ffffff; } .kilograms input { background: #ffffff; border: 1px solid #dfe1e2; font-weight: 600; font-size: 16px; line-height: 160%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: center; color: #363940; width: 64px; height: 40px; outline: none; cursor: pointer; } .kilograms input::-webkit-outer-spin-button, .kilograms input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .kilograms input[type="number"] { -moz-appearance: textfield; } .history-product { display: -ms-flexbox; display: flex; gap: 20px; padding: 24px 0; border-bottom: 1px solid #dfe1e2; } .history-product__footer { font-weight: 500; font-size: 16px; line-height: 160%; color: #5c5c5c; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 20px 0; } .history-product__footer .btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 20px 40px; } .history-product__img { width: 96px; height: 96px; } .history-product__img img { width: 100%; height: 100%; object-fit: contain; } .history-product__content { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; } .history-product__left { -ms-flex: 1; flex: 1; } .history-product__title { font-weight: 700; font-size: 22px; line-height: 130%; margin-bottom: 8px; } .history-product__desc { font-weight: 500; font-size: 16px; line-height: 120%; color: #808080; margin-bottom: 16px; } .history-product__price { font-weight: 700; font-size: 22px; line-height: 120%; } .history-product .btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 16px 32px; } .history-product .btn svg path { fill: #fff; transition: all 0.3s; } .history-product .btn:hover svg path { fill: #ec4b3c; transition: all 0.3s; } .favorites-product { max-width: 1612px; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 32px 0; border-bottom: 1px solid #dfe1e2; gap: 60px; } .favorites-product__img { max-width: 360px; width: 100%; height: 240px; object-fit: contain; } .favorites-product__content { -ms-flex: 1; flex: 1; } .favorites-product__content-inner { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 18px; max-width: 536px; width: 100%; } .favorites-product__content-inner .favorites-product__right { display: none; } .favorites-product__right { padding: 0 20px; max-width: 420px; width: 100%; } .favorites-product__price { font-weight: 700; font-size: 36px; line-height: 120%; color: #ec4b3c; margin-bottom: 4px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; gap: 16px; } .favorites-product__price .old-price { font-weight: 600; font-size: 22px; line-height: 140%; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #bdbfc2; } .favorites-product__address { font-weight: 400; font-size: 16px; line-height: 160%; color: #6f6e6e; margin-bottom: 30px; } .favorites-product__address a { color: #212121; border-bottom: 1px dashed #5c5c5c; transition: 0.3s; } .favorites-product__address a:hover { border-style: solid; } .favorites-product__info { margin-bottom: 30px; font-size: 16px; line-height: 160%; color: #6f6e6e; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; } .favorites-product__info b { color: #24292d; font-size: 22px; } .favorites-product__title { font-weight: 700; font-size: 26px; line-height: 120%; margin-bottom: 10px; } .favorites-product__btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; font-weight: 500; font-size: 16px; line-height: 120%; color: #5c5c5c; cursor: pointer; transition: 0.3s; } .favorites-product__btn:hover { color: #212121; } .favorites-product__btns { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .favorites-product__item { font-weight: 400; font-size: 16px; line-height: 120%; color: #5c5c5c; gap: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 16px; } .favorites-product__item-line { -ms-flex: 1; flex: 1; border-bottom: 1px solid #dfe1e2; } .favorites-product__item-info { font-weight: 600; color: #212121; } .single-product { margin-top: 26px; position: relative; } .single-product__info { display: none; } .single-product__img { max-width: 40%; width: 100%; position: relative; /* grid-row: 1/5; */ float: left; max-height: 550px; } .single-product__img a { display: block; width: 100%; height: 100%; } .single-product__img a img { width: 100%; height: 100%; object-fit: cover; } .single-product__img .favorites-product__list { display: none; } .single-product__title { font-weight: 700; font-size: 36px; line-height: 120%; margin-bottom: 16px; } .single-product__head { max-width: 60%; width: 100%; float: left; grid-column: 2/4; padding-left: 50px; } .single-product__head-inner { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .single-product__head .product-status__list { display: none; } .single-product__code { font-weight: 500; font-size: 16px; line-height: 120%; color: #808080; } .single-product__right { max-width: 23%; width: 100%; float: right; margin-top: 20px; } .single-product__right-grey { background: #f3f3f3; padding: 20px; margin: 20px 0; } .single-product__right-item { margin-bottom: 8px; padding: 20px 20px 20px 60px; background: #f3f3f3; position: relative; } .single-product__right-item--hov { transition: all 0.3s; } .single-product__right-item--hov:hover { background: #ec4b3c; } .single-product__right-item--hov:hover .single-product__right-title { color: #fff; } .single-product__right-item--hov:hover svg path { fill: #fff; } .single-product .single-product__popup-link { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; opacity: 0; } .single-product__right-item a { font-weight: 400; font-size: 16px; line-height: 160%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ec4b3c; margin-top: 20px; } .single-product__right-svg { position: absolute; top: 20px; left: 20px; } .single-product__right-title { font-weight: 700; font-size: 18px; line-height: 120%; color: #24292d; } .single-product__right-more__block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .single-product__right-more__block .single-product__right-title { -ms-flex: 1; flex: 1; margin-bottom: 0; } .single-product__right p.ul-item { padding-left: 0; margin-top: 16px; } .single-product__right p.ul-item::before { content: unset; } .single-product__right .ul-item { font-size: 16px; } .single-product__right .ul-item:nth-last-child(1) { margin-bottom: 0; } .single-product__right .ul-item::before { font-size: 16px; -webkit-transform: translateY(0); transform: translateY(0); top: 0; } .single-product__right .ul-list { margin-bottom: 0; padding-bottom: 0; } .single-product__kilograms { display: -ms-flexbox; display: flex; border: 1px solid #5c5c5c; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 8px; gap: 8px; } .single-product__kilograms-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .single-product__kilograms-item svg { opacity: 0.4; } .single-product__kilograms-item-1 svg:nth-child(1) { opacity: 1; } .single-product__kilograms-item-2 svg:nth-child(1), .single-product__kilograms-item-2 svg:nth-child(2) { opacity: 1; } .single-product__kilograms-item-3 svg { opacity: 1; } .single-product__content { float: left; width: 73.5%; margin-top: 84px; } .single-product__content-table { font-weight: 400; font-size: 16px; line-height: 140%; color: #5c5c5c; } .single-product__content-table .table-mobile { display: none; } .single-product__content-table .title { font-size: 18px; margin-bottom: 0; } .single-product__content-table__head { display: -ms-flexbox; display: flex; width: 100%; font-weight: 600; padding-bottom: 16px; border-bottom: 1px solid #dfe1e2; } .single-product__content-table__item { width: 100%; } .single-product__content-table__item:nth-child(1) { max-width: 409px; } .single-product__content-table__item:nth-child(2) { max-width: 272px; } .single-product__content-table__item:nth-child(3) { max-width: 474px; } .single-product__content-table__body-element { display: -ms-flexbox; display: flex; margin: 24px 0; line-height: 160%; padding-bottom: 16px; border-bottom: 1px solid #dfe1e2; } .single-product .favorites-product__list { float: left; max-width: 35%; width: 100%; padding: 0 50px; margin-top: 30px; } .single-product .favorites-product__list .favorites-product__more { font-weight: 400; font-size: 16px; line-height: 120%; color: #ec4b3c; } .single-product .favorites-product__list .favorites-product__more span { font-weight: 700; } .single-product .favorites-product__list .favorites-product__more a { margin: 10px 0; display: -ms-flexbox; display: flex; gap: 10px; } .single-product .favorites-product__list .favorites-product__more a img { margin-top: -10px; } .single-product .favorites-product__info { padding-bottom: 12px; border-bottom: 1px solid #dfe1e2; } .single-product__clear { clear: both; } .buy-product { background: #f3f3f3; padding: 20px; } .buy-product__title { font-weight: 700; font-size: 18px; line-height: 120%; color: #24292d; margin-bottom: 8px; } .buy-product__desc { font-weight: 500; font-size: 16px; line-height: 120%; color: #5c5c5c; } .buy-product__desc a { color: #ec4b3c; } .product-similar { margin-top: 50px; } .product-similar__list { display: -ms-flexbox; display: flex; overflow-x: auto; } .product-similar__list-inner { margin: 40px -80px; padding: 0 80px; } @media screen and (max-width: 1620px) { .product-similar__list { margin: 40px -40px; padding: 0 40px; } } @media screen and (max-width: 720px) { .product-similar__list { margin: 40px -15px; padding: 0 15px; } } .product-similar__list::-webkit-scrollbar { height: 5px; } .product-similar__list::-webkit-scrollbar-track { background: #dfe1e2; } .product-similar__list::-webkit-scrollbar-thumb { background: #212121; } .products { overflow: hidden; position: relative; } .products__scrollbar { height: 5px; background: #dfe1e2; } .products__scrollbar .swiper-scrollbar-drag { background: #212121; } .products__wrapper { margin-bottom: 15px; } .product { padding: 24px; background-color: white; border: 1px solid #dfe1e2; } .product-similar__item { width: 280px; } .product:not(.product-similar__item) { /* max-width: 100%; */ } .product-status { font-weight: 700; font-size: 16px; line-height: 120%; color: #fff; padding: 8px 16px; border-radius: 32px; white-space: nowrap; background: #ababab; } .product-status__stock { background: #25d366; } .product-status__discount { background: #fac72b; } .product-status__promotion { background: #de2021; } .product-status__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; position: absolute; top: 0; left: 0; } .product__img { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; /* align-items: center; */ } .product__img img { width: 100%; height: 100%; max-height: 272px; transition: 0.3s; object-fit: contain; cursor: pointer; } .product__img img:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .product__content { padding: 26px 0 16px; border-bottom: 1px dashed #cccccc; } .product__title { height: 74px; font-weight: 700; font-size: 20px; line-height: 120%; color: #212121; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .product__footer { margin: 24px 0 0; display: -ms-flexbox; display: flex; gap: 16px; } @media screen and (max-width: 767px) { .product__footer { gap: 10px; } } .product__footer-btn { padding: 16px; background-color: #fff; position: relative; } .product__footer-btn svg path { fill: #a7a7a7; transition: all 0.3s; } .product__footer-btn-primary { padding: 16px 32px; background-color: #ec4b3c; border: 1px solid #ec4b3c; } .product__footer-btn-primary svg path { fill: #fff; transition: all 0.3s; } .product__footer-btn-primary:hover { background-color: #fff; color: #fff; } .product__footer-btn-primary:hover svg path { fill: #ec4b3c; transition: all 0.3s; } .product__footer-btn__inner { background: #ffffff; position: absolute; -webkit-filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.15)); font-weight: 400; font-size: 16px; line-height: 140%; color: #212121; padding: 15px 20px; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: 60px; transition: 0.3s; white-space: nowrap; z-index: 9; } .product__footer-btn__inner::before { content: ""; width: 16px; height: 16px; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); background: #fff; z-index: 9; position: absolute; bottom: -8px; left: 50%; } @media screen and (max-width: 1023px) { .product__footer-btn__inner { display: none; } } .product__info { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 24px 0 0; align-items: center; } .product__info-left__title { font-weight: 700; font-size: 26px; line-height: 120%; color: #ec4b3c; margin-bottom: 4px; } .product__info-left__info { font-weight: 400; font-size: 16px; line-height: 160%; color: #6f6e6e; white-space: nowrap; } .product__info-left__info-svg { position: relative; } .product__info-left__info a { color: #212121; border-bottom: 1px dashed #5c5c5c; } .product__info-right { background: #f7f7f7; padding: 8px 12px; max-width: 130px; width: 100%; } .product__info-right__title { font-weight: 700; font-size: 20px; line-height: 120%; color: #212121; margin-bottom: 4px; } .product__info-right__info { font-weight: 400; font-size: 16px; line-height: 160%; color: #6f6e6e; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .product__info-right__info-svg { position: relative; cursor: pointer; } .product__info-right__info-inner { opacity: 0; visibility: hidden; background: #ffffff; position: absolute; width: 304px; height: 176px; -webkit-filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.15)); font-weight: 400; font-size: 14px; line-height: 140%; color: #212121; right: -15px; bottom: 45px; transition: 0.3s; } .product__info-right__info-inner span { font-weight: 700; font-size: 14px; line-height: 140%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #212121; padding: 16px; background: #f3f3f3; margin-top: 8px; } .product__info-right__info-text { padding: 15px 20px; } .product__list { display: grid; grid-template-columns: repeat(4, 1fr); margin: 32px 0; } .product__list-more { background: #f3f3f3; padding: 16px 28px; width: 100%; height: 70px; cursor: pointer; font-weight: 600; font-size: 22px; line-height: 19px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; color: #212121; margin: 32px 0; } .product__list-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .product__list-footer .pagination-active { background: #f3f3f3; } .product__list-footer .pagination { -ms-flex-pack: start; justify-content: flex-start; gap: 4px; margin: 20px 0; } .product__list-footer .pagination-info { font-weight: 600; font-size: 20px; line-height: 160%; color: #bdbfc2; } .product__list-footer .pagination-link { padding: 11px 22px; font-size: 20px; width: 52px; height: 52px; } .product__list-footer .pagination-next .pagination-link { width: 100%; padding: 11px 16px; } .product-wrapper { display: -ms-flexbox; display: flex; gap: 40px; margin: 20px 0; } .product-wrapper__inner { -ms-flex: 1; flex: 1; margin: 12px 0; } .product-wrapper__inner-head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .product-wrapper__inner-filter { cursor: pointer; display: none; } .product-sort__inner { font-weight: 700; font-size: 20px; line-height: 120%; color: #bdbfc2; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 16px; } .product-sort__list { color: #212121; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 32px; } .product-sort__list__block { display: none; } .product-sort__btn { position: relative; } .product-sort__btn.active { padding-right: 24px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-sort__btn.active::before { content: ""; position: absolute; width: 8px; height: 8px; background-color: #ec4b3c; border-radius: 50%; right: 0; } .product-sort__res { font-weight: 600; font-size: 16px; line-height: 160%; color: #212121; margin: 20px 0; } .product-sort__res-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; padding: 8px 16px; background: #f3f3f3; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .product-sort__res .close { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-sort__arrow { display: none; } .product__filter-list { padding: 36px 32px; gap: 16px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background-color: #fff; margin-bottom: 32px; overflow-x: auto; } .product__filter-list::-webkit-scrollbar { height: 5px; } .product__filter-list::-webkit-scrollbar-track { background: #ffffff; } .product__filter-list::-webkit-scrollbar-thumb { background: #ec4b3c; } .product__filter-item { font-weight: 400; font-size: 18px; line-height: 160%; color: #5c5c5c; display: -ms-flexbox; display: flex; gap: 8px; white-space: nowrap; } .product__filter-item span { font-weight: 600; font-size: 20px; color: #ec4b3c; } .product__filter-svg { padding-right: 8px; } .product__filter-edit { padding-left: 8px; } .aside-product { min-width: 260px; max-width: 260px; width: 100%; } .aside-product__header { display: none; -ms-flex-pack: justify; justify-content: space-between; } .aside-product-item { margin-bottom: 5px; } .aside-product-item.active .aside-product-arrow { -webkit-transform: rotate(0); transform: rotate(0); } .aside-product-head { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 12px 0; } .aside-product-title { font-weight: 700; font-size: 20px; line-height: 120%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-family: "Montserrat", sans-serif; color: #212121; position: relative; } .aside-product-title.active { padding-right: 24px; } .aside-product-title.active::before { content: ""; position: absolute; width: 8px; height: 5px; background-color: #ec4b3c; border-radius: 50%; right: 0; } .aside-product-arrow { cursor: pointer; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 24px; height: 24px; transition: 0.3s; } .aside-product-content__inputs { display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-pack: justify; justify-content: space-between; margin: 6px 0; } .aside-product-content__inputs input { background: #ffffff; border: 1px solid #bfbfbf; max-width: 123px; width: 100%; height: 40px; padding: 8px 16px; font-family: "Montserrat"; font-weight: 400; font-size: 16px; line-height: 24px; color: #5c5c5c; } .aside-product-content__plugin { margin: 25px 14px; height: 4px; padding: 0; background: #dddddd; border-color: transparent !important; } .aside-product-checkbox input { display: none; } .aside-product-checkbox input:checked ~ label::before { background-color: #ec4b3c; border: 2px solid #ec4b3c; } .aside-product-checkbox label { padding: 8px 32px; font-size: 16px; line-height: 160%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #5c5c5c; gap: 12px; position: relative; } .aside-product-checkbox label:hover .more { opacity: 1; visibility: visible; } .aside-product-checkbox label::before { content: ""; position: absolute; border: 2px solid #bfbfbf; width: 20px; height: 20px; left: 0; } .aside-product-checkbox label::after { content: ""; position: absolute; width: 20px; height: 20px; left: 0; background-size: contain; background-image: url(/local/templates/.default/assets/css/../img/svg/checked.svg); } .aside-product-checkbox label span { color: #bdbfc2; position: relative; } .aside-product-checkbox label .more { opacity: 0; visibility: hidden; position: absolute; padding: 15px; font-weight: 500; font-size: 16px; line-height: 19px; text-align: center; color: #24292d; background: #f3f3f3; white-space: nowrap; left: 32px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: 0.3s; z-index: 5; } .aside-product-checkbox label .more::before { content: ""; position: absolute; left: -8px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); background: #f3f3f3; width: 16px; height: 16px; } @media screen and (max-width: 560px) { .aside-product-checkbox label .more { display: none; } } .aside-product-more { padding: 12px 0; font-weight: 600; font-size: 16px; line-height: 120%; color: #bdbfc2; } .aside-product .btn-clear { margin: 8px 0; } .aside-product .btn-primary { display: none; } @media screen and (max-width: 1700px) { .product-wrapper { gap: 20px; } } @media screen and (max-width: 1640px) { .product__list { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 1400px) { .basket-product { padding: 16px 0; } .basket-product__img { width: 100px; height: 100px; } .basket-product__title { font-size: 18px; } .basket-product__price { font-size: 24px; } .basket-product__btn { font-size: 0; } .history-product__title { font-size: 18px; } .history-product .btn { height: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .history-product__footer { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; gap: 24px; } .history-product__footer .btn { height: auto; } .favorites-product { gap: 20px; padding: 28px 0; } .favorites-product__img { max-width: 165px; height: 100px; } .favorites-product__content { -ms-flex: 1; flex: 1; padding-right: 20px; } .favorites-product__list { display: none; } .favorites-product__right { padding: 0; max-width: 216px; } .favorites-product__price { font-size: 24px; } .favorites-product__address { margin-bottom: 17px; } .favorites-product__info { margin-bottom: 15px; } .favorites-product__info b { font-size: 16px; } .favorites-product .btn { font-size: 16px; height: 51px; } .favorites-product__title { font-size: 18px; margin-bottom: 8px; } .single-product { margin-top: 4px; /* display: grid; grid-template-columns: 1fr 1fr; grid-template-columns: 1fr; gap: 24px; */ } .single-product__head { max-width: 100%; padding-left: 0; float: none; grid-row: 1/2; grid-column: 1/3; } .single-product__head .basket-link { gap: 40px; } .single-product__head .basket-product__btn { font-size: 16px; } .single-product__img { margin-bottom: 20px; max-width: 100%; float: none; /* grid-row: 2/3; grid-column: 1/2; */ display: flex; } .single-product__img a img { max-height: 346px; object-fit: contain; } .single-product__img .favorites-product__list { margin-left: 30px; display: block; max-width: 100%; float: none; padding: 0; } .single-product__right { grid-column: 1/2; float: none; max-width: 100%; margin-top: 5px; } .single-product__right .favorites-product__right { max-width: 100%; padding: 20px; } .single-product__right .favorites-product__price { font-size: 28px; } .single-product__right .favorites-product__address { margin-bottom: 30px; } .single-product__right .favorites-product__info { padding-bottom: 0; border-bottom: 0; } .single-product__right .favorites-product__info b { font-size: 18px; } .single-product__right .btn { display: none; margin-bottom: 0; } .single-product__right-title { font-size: 16px; } .single-product__right .ul-item, .single-product__right .ul-item::before { font-size: 14px; } .single-product__right .ul-list { padding-top: 12px; } .single-product__right-more__block .single-product__right-title { font-size: 16px; } .single-product__right-item a { font-size: 14px; } .single-product__title { font-size: 32px; } .single-product__content { float: none; width: 100%; margin-top: 18px; grid-column: 1/3; } .single-product__content-table__item { width: 100%; gap: 24px; } .single-product__content-table__item:nth-child(1), .single-product__content-table__item:nth-child(2), .single-product__content-table__item:nth-child(3) { max-width: 32%; } .single-product__content-table__head { padding-bottom: 5px; } .single-product__content-table__body-element { margin: 16px 0; } .single-product__info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; position: fixed; bottom: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15); padding: 16px 40px; z-index: 5; } .single-product__info-left { -ms-flex: 1; flex: 1; } .single-product__info-price { font-weight: 700; font-size: 18px; line-height: 120%; color: #212121; } .single-product__info-desc { font-weight: 400; font-size: 14px; line-height: 160%; color: #6f6e6e; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 6px; } .single-product__info-desc a { color: #212121; border-bottom: 1px dashed #5c5c5c; } .single-product__info-right .btn { font-size: 16px; padding: 16px 33px; } .tab { font-size: 18px; white-space: nowrap; } .tabs { overflow-x: auto; gap: 32px; margin-bottom: 35px; } .product-status__list { width: 100%; overflow-x: auto; -ms-flex-wrap: unset; flex-wrap: unset; top: 4px; left: 4px; } .product__content { border-bottom: 2px solid #cccccc; } .buy-product__title { font-size: 16px; } .buy-product__desc { font-size: 14px; } } @media screen and (max-width: 1300px) { .aside-product { background-color: #fff; padding: 40px; min-width: 503px; position: fixed; height: 100vh; top: 0; left: -110%; opacity: 0; z-index: 100; transition: all 0.3s ease-in-out; visibility: hidden; overflow-y: auto; } .aside-product.active { opacity: 1; visibility: visible; left: 0; } .aside-product__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-bottom: 20px; margin-bottom: 26px; border-bottom: 1px solid #dfe1e2; } .aside-product__header-clear { font-weight: 600; font-size: 18px; line-height: 19px; color: #808080; width: 33%; } .aside-product__header-title { font-weight: 700; font-size: 26px; line-height: 120%; color: #212121; text-align: center; width: 33%; } .aside-product__header-close { width: 33%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .aside-product__header-close__btn { background-color: transparent; } .aside-product-checkbox label { font-size: 18px; } .aside-product-more { font-size: 18px; } .aside-product-more-1 { display: none; } .aside-product-item { margin-bottom: 12px; } .aside-product-content__inputs input { max-width: 50%; } .aside-product .btn-clear { display: none; } .aside-product .btn-primary { display: block; padding: 16px; height: auto !important; font-size: 16px; } .product-wrapper__inner-filter { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 16px; font-weight: 700; font-size: 18px; line-height: 140%; color: #212121; } .product-sort__inner { font-size: 18px; position: relative; } .product-sort__inner.active .product-sort__list { opacity: 1; visibility: visible; } .product-sort__inner.active .product-sort__list .product-sort__btn.active { color: #ec4b3c; } .product-sort__inner.active .product-sort__arrow svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .product-sort__inner.active .product-sort__arrow svg path { fill: #ec4b3c; transition: all 0.3s; } .product-sort__block { display: block; } .product-sort__block .product-sort__btn { border-bottom: 0; color: #212121; } .product-sort__list { min-width: 222px; max-width: 274px; width: 100%; opacity: 0; visibility: hidden; position: absolute; -ms-flex-direction: column; flex-direction: column; padding: 20px; top: calc(100% + 4px); right: 0; gap: 0; transition: all 0.3s ease-in-out; background-color: #fff; z-index: 3; box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.06); } .product-sort__list.active { top: 100%; opacity: 1; visibility: visible; } .product-sort__list__block { display: block; } .product-sort__list__block .product-sort__btn { border-bottom: 0; color: #212121; } .product-sort__btn { max-width: 234px; width: 100%; transition: 0.3s; padding: 20px 0; transition: all 0.2s ease-in-out; border-bottom: 1px solid #dadada; } .product-sort__btn:hover { color: #ec4b3c; } .product-sort__btn.active { padding-right: 0; } .product-sort__btn.active::before { content: unset; } .product-sort__res { display: none; } .product-sort__arrow { display: block; } .product-sort__arrow svg path { fill: #000; transition: all 0.3s; } } @media screen and (max-width: 1023px) { .product__list { grid-template-columns: repeat(2, 1fr); } .product__list-footer { -ms-flex-pack: center; justify-content: center; } .product__list-footer .pagination { margin: 10px 0; } .product__list-footer .pagination-info { display: none; } } @media screen and (max-width: 720px) { .basket-product { padding: 16px 0; gap: 16px; -ms-flex-align: start; align-items: flex-start; } .basket-product__content { gap: 16px; } .basket-product__content-bottom { -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .basket-product__content-top { -ms-flex-direction: column; flex-direction: column; gap: 16px; -ms-flex-align: start; align-items: flex-start; } .basket-product__content-right { text-align: left; } .basket-product__img { min-width: 80px; width: 80px; height: 80px; } .basket-product__title, .basket-product__code, .basket-product__info { font-size: 14px; } .basket-product__price { font-size: 18px; margin-bottom: 4px; } .basket-product__btn { font-size: 0; } .basket-product .basket-link { gap: 12px; } .kilograms { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; } .kilograms .minus, .kilograms .plus { width: 32px; height: 32px; } .kilograms input { width: 64px; height: 32px; } .history-product { -ms-flex-align: center; align-items: center; } .history-product__title { font-size: 16px; } .history-product__desc { font-size: 14px; } .history-product__price { font-size: 18px; } .history-product .btn { padding: 12px 20px; } .history-product .btn svg { width: 24px; height: 24px; } .history-product__img { min-width: 96px; } .history-product__content { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } .history-product__footer .btn { width: 100%; } .favorites-product { gap: 20px; padding: 28px 0; } .favorites-product__img { max-width: 96px; height: 54px; } .favorites-product__content { -ms-flex: 1; flex: 1; padding-right: 0; } .favorites-product__content-inner { gap: 8px; } .favorites-product__content-inner .favorites-product__right { display: block; } .favorites-product__content-inner .favorites-product__right .favorites-product__btns { display: -ms-flexbox; display: flex; } .favorites-product__content-inner .favorites-product__btn { padding: 12px 20px; font-size: 0; } .favorites-product__content-inner .btn { padding: 12px 20px; } .favorites-product__list { display: none; } .favorites-product__right { padding: 0; max-width: 216px; display: none; } .favorites-product__price { font-size: 18px; } .favorites-product__address { margin-bottom: 6px; } .favorites-product__info { margin-bottom: 15px; font-size: 14px; background-color: #f7f7f7; display: block; padding: 8px; } .favorites-product__info svg { float: right; } .favorites-product .btn { font-size: 16px; height: 51px; } .favorites-product__title { font-size: 16px; margin-bottom: 0; } .favorites-product__btns { display: none; } .single-product { margin-top: 4px; display: grid; grid-template-columns: 1fr; gap: 24px; } .single-product__head { grid-row: 1/2; grid-column: 1/2; } .single-product__head .basket-link { gap: 8px; } .single-product__head .basket-product__btn { font-size: 0; } .single-product__head .product-status__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-x: unset; position: relative; margin-bottom: 24px; } .single-product__code { font-size: 14px; } .single-product__img a img { max-height: 240px; } .single-product__img .product-status__list { display: none; } .single-product__img .favorites-product__list { display: none; } .single-product__right { grid-column: 1/2; margin-top: 0; } .single-product__right .favorites-product__right { padding: 16px; display: block; margin: 8px 0; } .single-product__right .favorites-product__price { font-size: 24px; } .single-product__right .favorites-product__address { margin-bottom: 25px; } .single-product__right .favorites-product__info { border-bottom: 0; padding: 0; margin-bottom: 0; font-size: 16px; display: -ms-flexbox; display: flex; } .single-product__right .favorites-product__info b { font-size: 16px; } .single-product__right .favorites-product__info svg { float: none; } .single-product__right-svg { left: 16px; top: 16px; } .single-product__right-item { margin-bottom: 4px; padding: 16px 16px 16px 54px; } .single-product__right-item a { margin-top: 6px; } .single-product__title { font-size: 24px; } .single-product__content { float: none; width: 100%; margin-top: 18px; grid-column: 1/2; } .single-product__content-table { font-size: 14px; } .single-product__content-table__item { width: 100%; gap: 24px; } .single-product__content-table__item:nth-child(1), .single-product__content-table__item:nth-child(2), .single-product__content-table__item:nth-child(3) { max-width: 100%; } .single-product__content-table .title { font-size: 16px; } .single-product__content-table .table-mobile { font-weight: 600; font-size: 14px; line-height: 140%; display: -ms-flexbox; display: flex; color: #bdbfc2; margin-bottom: 8px; } .single-product__content-table__head { display: none; } .single-product__content-table__body-element { margin: 16px 0; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .single-product__content-table__body-element:nth-last-child(1) { border-bottom: 0; } .single-product__info { padding: 8px 16px; } .single-product__info-price { font-size: 16px; margin-bottom: 4px; } .single-product__info-desc { font-size: 12px; } .single-product__info-right .btn { font-size: 16px; padding: 16px 24px; } .tab { font-size: 14px; overflow-y: unset; } .tabs { width: calc(100vw - 30px); overflow-y: unset; } .product { max-width: 215px; padding: 16px; } .product-status { font-size: 14px; padding: 6px 12px; } .product__title { font-size: 14px; height: 53px; } .product__info { -ms-flex-direction: column; flex-direction: column; margin: 8px 0; } .product__info-left, .product__info-right { max-width: 100%; width: 100%; } .product__info-left__title, .product__info-right__title { font-size: 18px; } .product__info-left__info, .product__info-right__info { font-size: 14px; } .product__info-right { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin: 10px 0; padding: 8px; } .product__info-right__title { font-size: 16px; margin-bottom: 0; } .product__footer-btn { padding: 12px; } .product__footer-btn-primary { padding: 12px 20px; } .product__footer svg { width: 24px; height: 24px; } .product__list { grid-template-columns: 1fr; margin: 10px 0; } .product__list .product { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; } .product__list .product__content { border-bottom: 0; } .product__list .product__footer { grid-column: 2/3; } .product__list .product-status__list { position: unset; } .product__list .product { gap: 0 24px; border: 0; border-bottom: 1px solid #dfe1e2; padding: 16px 0; } .product__list .product__content { padding: 16px 0 0; } .product__list .product__img { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: column; flex-direction: column; } .product__list .product__img .product-status { font-size: 12px; padding: 4px 8px; } .product__list .product__img img { max-height: 110px; } .product__list .product__footer { margin: 0; grid-column: 2/3; } .product__list .product-status__list { position: unset; } .product__list .product__info { margin-bottom: 0; } .product__list-more { font-size: 16px; margin: 16px 0; } .product__list-footer .pagination { display: -ms-flexbox; display: flex; } .product__list-footer .pagination-link { padding: 8px; width: 30px; height: 30px; font-size: 14px; } .product__list-footer .pagination-item:nth-child(3) { display: none; } .product-sort__title { display: none; } .product-sort__inner { font-size: 16px; gap: 8px; } .product-wrapper { margin: 0; } .product-wrapper__inner-filter { gap: 8px; font-size: 16px; } .product__filter-list { padding: 24px 16px; } .product__filter-item { font-size: 14px; } .product__filter-item span { font-size: 16px; } .product__filter-svg { padding-right: 0; } .product__filter-edit { padding-left: 0; } .buy-product { padding: 16px; } .aside-product { min-width: 100%; height: 100vh; overflow-y: auto; padding: 24px 16px; } .aside-product__header-clear { font-size: 16px; } .aside-product__header-title { font-size: 20px; } .product__info-right__info { gap: 8px; } .product__info-right__info .product__info-right__info-svg { display: -ms-flexbox; display: flex; } } @media screen and (max-width: 530px) { .product { max-width: 100%; } .product__list { grid-template-columns: 1fr; } .product__list .product { grid-template-columns: 88px 1fr; border-bottom: 1px solid #dfe1e2; } .product__list .product__img { -ms-flex-direction: column; flex-direction: column; } .product__list .product__img .product-status { font-size: 12px; padding: 4px 8px; } .product__list .product__img img { max-height: 110px; } .product__list .product__footer { grid-column: 2/3; } .product__list .product-status__list { position: unset; } } @media screen and (max-width: 359px) { .favorites-product__content-inner .favorites-product__btn, .favorites-product__content-inner .btn { padding: 12px 16px; } .favorites-product__content-inner .favorites-product__info svg { display: none; } } .register__page .big-title { max-width: 100%; } .register__page .form-register { padding: 40px 40px 20px; background-color: #fff; } .register__page .main { margin: 30px 0; } .register__page .title-line { width: 100%; padding: 16px 0 20px; margin-bottom: 24px; font-size: 26px; } .register__page .form-header { margin-bottom: 0; } .register__page .form-label { margin-bottom: 8px; font-size: 16px; } .register__page .form-input { font-size: 16px; height: 60px; } .register__page .form-item { margin-bottom: 24px; } .register__page .form-footer { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: end; } .register__page .btn-submit { max-width: 275px; margin-bottom: 24px; } .register-info { background-color: #fff; padding: 40px; border-left: 4px solid #ec4b3c; } .register-info__title { font-weight: 700; font-size: 20px; line-height: 120%; margin-bottom: 6px; } .register-info .ul-list { padding-bottom: 0; } .register-info .ul-item { font-size: 18px; line-height: 140%; margin-bottom: 16px; } .register-info .ul-item:nth-last-child(1) { margin-bottom: 0; } .register-info .ul-item:before { top: 0; -webkit-transform: translateY(0); transform: translateY(0); } @media screen and (max-width: 1400px) { .register__page .big-title { max-width: 100%; margin: 22px 0; } .register__page .form-register { padding: 40px 20px 20px; background-color: #fff; } .register__page .main { margin: 30px 0; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 20px; } .register__page .title-line { width: 100%; padding: 16px 0 20px; margin-bottom: 24px; font-size: 24px; } .register__page .form-footer { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } .register__page .btn-submit { height: 64px; } .register-info { padding: 40px 20px; } .register-info__title { font-size: 20px; margin-bottom: 6px; } } @media screen and (max-width: 720px) { .register__page .form-register { padding: 40px 20px 20px; background-color: #fff; } .register__page .main { gap: 12px; } .register__page .title-line { padding: 16px 0; margin-bottom: 24px; font-size: 19px; } .register__page .form-label { font-size: 14px; } .register__page .form-input { font-size: 14px; height: 52px; } .register__page .btn-submit { height: 60px; } .register__page .form-item__checkbox { margin-top: 0; margin-bottom: 32px; } .register-info { padding: 24px 16px; } .register-info__title { font-size: 16px; margin-bottom: 12px; } .register-info .ul-item { font-size: 16px; } } .personal-area-main { margin: 30px 0 0; } @media screen and (min-width: 1401px) { .personal-area-main .personal-area__widgets { display: none; } } .personal-area__aside { max-width: 422px; width: 100%; } .personal-area__main { width: 100%; } .personal-area__menu-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 32px; gap: 24px; background-color: #fff; box-shadow: inset 4px 0 0 transparent; transition: 0.3s; } .personal-area__menu-svg { width: 32px; height: 32px; } .personal-area__menu-svg path { transition: 0.3s; fill: #5c5c5c; transition: all 0.3s; } .personal-area__menu-item { font-weight: 700; font-size: 22px; line-height: 120%; color: #5c5c5c; transition: 0.3s; } .personal-area__menu-item:hover, .personal-area__menu-item.active { color: #ec4b3c; } .personal-area__menu-item:hover .personal-area__menu-link, .personal-area__menu-item.active .personal-area__menu-link { box-shadow: inset 4px 0 0 #e84c3d; } .personal-area__menu-item:hover .personal-area__menu-svg path, .personal-area__menu-item.active .personal-area__menu-svg path { fill: #e84c3d; transition: all 0.3s; } .personal-area__widget { width: 100%; background-color: #fff; padding: 32px; margin: 24px 0; } .personal-area__widget img { width: 80px; height: 80px; object-fit: contain; margin-bottom: 24px; } .personal-area__widget-title { font-weight: 700; font-size: 28px; line-height: 120%; margin-bottom: 8px; } .personal-area__widget-desc { margin-bottom: 40px; } .personal-area__widget-desc, .personal-area__widget-desc-1 { font-weight: 400; font-size: 20px; line-height: 160%; color: #5c5c5c; } .personal-area__widget-desc-1 { margin-bottom: 24px; } .personal-area__widget-desc-1:nth-last-child(1) { margin-bottom: 0; } .personal-area__widget-link { font-weight: 700; font-size: 22px; line-height: 120%; color: #ec4b3c; margin: 24px 0 8px; display: block; } .personal-area__widget-sub_title { font-weight: 700; font-size: 22px; line-height: 160%; margin-bottom: 8px; } .personal-area__widget .btn { width: 238px; font-size: 24px; } .personal-area__information { width: 100%; padding: 40px; background-color: #fff; } .personal-area__information-title { font-weight: 700; font-size: 32px; line-height: 120%; margin-bottom: 32px; } .personal-area__information-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 24px; padding-top: 40px; } .personal-area__information-text { font-weight: 500; font-size: 16px; line-height: 160%; color: #5c5c5c; -ms-flex: 1; flex: 1; } .personal-area__information-text span { max-width: 525px; display: block; } .personal-area__information-btn { display: -ms-flexbox; display: flex; gap: 40px; } .personal-area__information-btn .btn { padding: 20px 40px; white-space: nowrap; } .personal-area__information-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .personal-area__information-content__title { font-style: normal; font-weight: 700; font-size: 22px; line-height: 120%; margin-bottom: 32px; } .personal-area__information-content__item { background-color: #f3f3f3; padding: 32px; } .personal-area__information-content__list { margin-bottom: 32px; font-weight: 500; font-size: 16px; line-height: 160%; color: #5c5c5c; } .personal-area__information-content__list-item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; gap: 24px; margin-bottom: 16px; } .personal-area__information-content__list-item:nth-last-child(1) { margin-bottom: 0; } .personal-area__information-content__left { white-space: nowrap; max-width: 190px; width: 100%; } .personal-area__information-content__right { font-weight: 700; font-size: 16px; line-height: 160%; color: #212121; -ms-flex: 1; flex: 1; } .personal-area__information-content__more { font-weight: 400; font-size: 16px; line-height: 160%; border-bottom: 1px dashed #5c5c5c; transition: 0.3s; } .personal-area__information-content__more:hover { border-bottom: 2px solid #5c5c5c; } .modal-medium .modal__container { width: 717px; } .modal-medium.modal-big .modal__container { width: 1078px; } .modal-medium.modal-big .form-item { margin-bottom: 40px; } .modal-medium .modal__footer { display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-pack: end; justify-content: flex-end; padding-top: 20px; } .modal-medium .modal__footer .btn { padding: 20px 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; } .info-list { margin: 26px 0 34px; } .info-list__item { font-weight: 500; font-size: 16px; line-height: 160%; color: #5c5c5c; display: -ms-flexbox; display: flex; gap: 24px; padding: 16px 0; border-bottom: 1px solid #dfe1e2; } .info-list__left { max-width: 190px; width: 100%; } .info-list__right { -ms-flex: 1; flex: 1; font-weight: 700; color: #212121; } .tab { font-weight: 600; font-size: 20px; line-height: 19px; color: #5c5c5c; padding-bottom: 24px; position: relative; cursor: pointer; } .tab:before { content: ""; position: absolute; width: 100%; height: 4px; bottom: -1px; background-color: transparent; transition: 0.3s; } .tab.active { color: #ec4b3c; } .tab.active:before { background-color: #ec4b3c; } .tabs { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* border-bottom: 1px solid #24292D; */ gap: 40px; margin-bottom: 40px; position: relative; } .tabs::-webkit-scrollbar { opacity: 0; } .tabs:before { content: ""; position: absolute; width: 1000px; left: 0; height: 1px; bottom: 0; background-color: #24292d; transition: 0.3s; z-index: 0; } .sales-balance-report { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 80px; width: 100%; background: #f3f3f3; padding: 24px 32px; } .sales-balance-report__title { font-weight: 700; font-size: 26px; line-height: 120%; margin-bottom: 16px; } .sales-balance-report__desc { font-weight: 600; font-size: 20px; line-height: 160%; color: #5c5c5c; } .sales-balance-report__left { -ms-flex: 1; flex: 1; } .sales-balance-report__right .btn { width: 100%; padding: 20px 80px; font-size: 20px; } @media screen and (max-width: 1400px) { .personal-area-main .main { gap: 20px; } .personal-area__aside { max-width: 100%; } .personal-area__menu { display: -ms-flexbox; display: flex; } .personal-area__menu-text { min-width: 145px; height: 38px; } .personal-area__menu-link { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 20px 16px; box-sizing: border-box; } .personal-area__menu-item { min-width: 175px; width: 25%; font-size: 16px; border-right: 1px solid #dfe1e2; } .personal-area__menu-item:nth-last-child(1) { border-right: none; } .personal-area__menu-item:hover .personal-area__menu-link, .personal-area__menu-item.active .personal-area__menu-link { box-shadow: inset 0 -4px 0 #e84c3d; } .personal-area__information { padding: 40px 20px; } .personal-area__information-title { font-size: 28px; } .personal-area__information-footer { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; gap: 32px; } .personal-area__information-btn { gap: 24px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .personal-area__information-btn .btn { font-size: 16px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: auto; padding: 20px 46px; } .personal-area__information-content { grid-template-columns: 1fr; gap: 20px; } .personal-area__information-content__title { font-size: 20px; margin-bottom: 24px; } .personal-area__information-content__item { padding: 24px; } .personal-area__information-text span { max-width: 100%; } .personal-area__widget { display: none; padding: 24px; } .personal-area__widget .btn { font-size: 18px; max-width: 207px; } .personal-area__widget-title { font-size: 20px; } .personal-area__widget-sub_title { font-size: 18px; margin-bottom: 0; } .personal-area__widget-desc { font-size: 16px; margin-bottom: 32px; } .personal-area__widget-desc-1 { font-size: 16px; margin-bottom: 16px; } .personal-area__widget-link { font-size: 16px; margin: 18px 0 6px; } .personal-area__widgets { display: -ms-flexbox; display: flex; gap: 24px; } .personal-area__widgets .personal-area__widget { display: block; } .personal-area__widgets .personal-area__widget img { width: 60px; height: 60px; } .sales-balance-report__title { font-size: 24px; } .sales-balance-report__desc { font-size: 18px; } .sales-balance-report__left { -ms-flex: 1; flex: 1; } .sales-balance-report__right .btn { height: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 20px 24px; font-size: 16px; } } @media screen and (max-width: 720px) { .personal-area-main { margin: 12px 0 0; } .personal-area-main .wrapper { padding: 0; } .personal-area__main { padding: 0 18px; } .personal-area__menu { overflow-x: auto; } .personal-area__menu-svg { width: 24px; height: 24px; } .personal-area__menu-svg svg { width: 100%; height: 100%; } .personal-area__menu-item { font-size: 14px; } .personal-area__menu-link { gap: 16px; padding-bottom: 32px; } .personal-area__information { padding: 24px 16px; } .personal-area__information-title { font-size: 22px; } .personal-area__information-footer { padding-top: 26px; } .personal-area__information-btn .btn { width: 100%; padding: 16px 24px; } .personal-area__information-text { font-size: 14px; } .personal-area__information-content__title { font-size: 18px; } .personal-area__information-content__list { font-size: 14px; margin-bottom: 20px; } .personal-area__information-content__list-item { -ms-flex-direction: column; flex-direction: column; gap: 6px; margin-bottom: 8px; } .personal-area__information-content__right { font-size: 14px; } .personal-area__information-content__more { font-size: 14px; } .personal-area__widget { width: 100%; margin: 24px 0 0; } .personal-area__widget-title { font-size: 18px; } .personal-area__widget-desc { font-size: 14px; } .personal-area__widget-link { font-size: 14px; } .personal-area__widgets { -ms-flex-direction: column; flex-direction: column; gap: 0; } .sales-balance-report { -ms-flex-direction: column; flex-direction: column; padding: 24px; gap: 32px; } .sales-balance-report__right { width: 100%; } .sales-balance-report__title { font-size: 22px; } .sales-balance-report__desc { font-size: 14px; } .sales-balance-report .btn { width: 100%; } } .favorites__header-text { font-weight: 400; font-size: 20px; line-height: 160%; color: #6f6e6e; margin-bottom: 48px; } .favorites__header-text a { color: #ec4b3c; border-bottom: 1px dashed #ec4b3c; transition: 0.3s; } .favorites__header-text a:hover { border-style: solid; } @media screen and (max-width: 1400px) { .favorites__header-text { margin-bottom: 20px; } } @media screen and (max-width: 720px) { .favorites__header-text { margin-bottom: 16px; } } .accordion { margin: 38px 0; } .accordion-item { margin-bottom: 20px; } .accordion-item:nth-last-child(1) { margin-bottom: 0; } .accordion-item.active .accordion-header { border-bottom: 1px solid #24292d; background-color: #fff; } .accordion-item.active .accordion-header__arrow { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .accordion-header { display: -ms-flexbox; display: flex; gap: 32px; -ms-flex-align: center; align-items: center; padding: 32px; background: #f3f3f3; cursor: pointer; transition: 0.3s; } .accordion-header__list { display: -ms-flexbox; display: flex; gap: 32px; -ms-flex-align: center; align-items: center; -ms-flex: 1; flex: 1; } .accordion-header__arrow { width: 32px; height: 32px; } .accordion-header__item { display: -ms-flexbox; display: flex; gap: 16px; font-weight: 700; font-size: 20px; line-height: 120%; color: #bdbfc2; } .accordion-header__item em { display: none; } .accordion-header__item span { color: #212121; } .accordion-collapse { display: none; } .accordion-body { margin: 20px 0; } @media screen and (max-width: 1400px) { .accordion { margin: 6px 0; } .accordion-item { margin-bottom: 20px; } .accordion-item.active .accordion-header { border-bottom: 1px solid #24292d; background-color: #fff; } .accordion-item.active .accordion-header__arrow { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .accordion-item.active .accordion-collapse { display: block; } .accordion-header { padding: 21.5px 18px; } .accordion-header__list { gap: 14px; } .accordion-header__arrow { width: 32px; height: 32px; } .accordion-header__item { font-size: 0; gap: 10px; } .accordion-header__item span { font-size: 18px; } .accordion-header__item em { font-style: normal; display: block; font-size: 18px; } .accordion-collapse { display: none; } .accordion-body { margin: 20px 0; } } @media screen and (max-width: 720px) { .accordion { margin: 6px 0; } .accordion-item { margin-bottom: 20px; } .accordion-item.active .accordion-header { border-bottom: 1px solid #24292d; background-color: #fff; } .accordion-item.active .accordion-header__arrow { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .accordion-item.active .accordion-collapse { display: block; } .accordion-header { padding: 28px 5px; } .accordion-header__list { gap: 30px; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } .accordion-header__arrow { width: 32px; height: 32px; } .accordion-header__item { font-size: 0; gap: 10px; } .accordion-header__item:nth-last-child(1) { display: none; } .accordion-header__item span { font-size: 16px; } .accordion-header__item em { font-style: normal; display: block; font-size: 16px; } .accordion-collapse { display: none; } .accordion-body { margin: 20px 0; } } .category-list { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0; } .category-item { width: 50%; height: 500px; padding: 80px; position: relative; } .category-bg { width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; position: absolute; z-index: -1; } .category-title { font-weight: 700; font-size: 32px; line-height: 120%; margin-bottom: 40px; } .category-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 12px; font-weight: 700; font-size: 24px; line-height: 120%; color: #e84c3d; } .category-link span { position: relative; } .category-link span::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; transition: 0.3s; border-bottom: 1px solid #e84c3d; } .category-link:hover span::before { width: 100%; } .category-sub__title { font-weight: 700; font-size: 22px; line-height: 120%; color: #212121; margin-bottom: 24px; } .category-min__block { margin: 100px 0; } .category-min__list { margin-bottom: 24px; } .category-min__list-1 { display: -ms-flexbox; display: flex; gap: 24px; margin-bottom: 30px; } .category-min__item { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; gap: 32px; padding: 8px 0; border-bottom: 1px solid #dadada; cursor: pointer; } .category-min__item:hover .category-min__link svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .category-min__item-1 { max-width: 32%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 32px; background-color: #fff; padding-right: 32px; } .category-min__img { width: 94px; height: 94px; } .category-min__title { -ms-flex: 1; flex: 1; font-weight: 600; font-size: 24px; line-height: 120%; color: #262626; } .category-min__title-1 { -ms-flex: 1; flex: 1; font-weight: 600; font-size: 20px; line-height: 120%; color: #262626; } .category-min__link svg { transition: 0.3s; } .category-min__more { font-weight: 600; font-size: 20px; line-height: 120%; color: #b0b0b0; display: -ms-flexbox; display: flex; gap: 16px; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; } .brand { padding: 14px 24px; background-color: #fff; } .brand img { width: auto; height: 60px; object-fit: contain; } .brand-link { width: 100%; display: block; } .brands { display: -ms-flexbox; display: flex; gap: 16px; margin-bottom: 32px; overflow-x: auto; } .added-comparison { background-color: #fff; border: 1px solid #dfe1e2; position: fixed; top: 100px; width: 100%; display: none; z-index: 4; gap: 20px; } .added-comparison__active .header { height: 100px; } .added-comparison__active .header-logo { height: 100px; padding: 11px; } .added-comparison__active .added-comparison { display: block; } .added-comparison__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 26px 0; } .added-comparison__left { -ms-flex: 1; flex: 1; } .added-comparison__right { display: -ms-flexbox; display: flex; gap: 30px; min-width: 240px; } .added-comparison__right svg path { fill: #5c5c5c; transition: all 0.3s; } .added-comparison__right .close { padding: 16px; background-color: transparent; cursor: pointer; } .added-comparison__title { font-weight: 700; font-size: 20px; line-height: 120%; color: #1f1416; margin-bottom: 8px; } .added-comparison__title span { display: none; } .added-comparison__desc { font-size: 16px; line-height: 120%; color: #5c5c5c; } .added-comparison-btn { padding: 22px 40px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; font-size: 16px; } .added-comparison__head { padding-top: 70px; } @media screen and (max-width: 1200px) { .added-comparison { top: 139px; background: #212121; border: #212121; } .added-comparison__active .header-logo { height: 139px; } .added-comparison__inner { padding: 26px 0; } .added-comparison__left { -ms-flex: 1; flex: 1; } .added-comparison__right { display: -ms-flexbox; display: flex; gap: 30px; min-width: auto; } .added-comparison__right .btn { display: none; } .added-comparison__right svg path { fill: #fff; transition: all 0.3s; } .added-comparison__title { font-size: 20px; color: #ffffff; margin-bottom: 0; } .added-comparison__title span { display: block; } .added-comparison__desc { display: none; } .added-comparison__head { padding-top: 100px; } .brand { padding: 27px 24px; } .brand img { height: 30px; } .brands { margin-left: -40px; margin-right: -40px; padding: 0 40px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .brands::-webkit-scrollbar { display: none; } .category-item { height: 470px; padding: 40px; } .category-title { font-size: 28px; } .category-link { font-size: 22px; } .category-sub__title { font-size: 20px; } .category-min__block { margin: 60px 0; } .category-min__list { margin-bottom: 24px; } .category-min__list-1 { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; margin-left: -40px; margin-right: -40px; padding: 0 40px; } .category-min__list-1::-webkit-scrollbar { display: none; } .category-min__item-1 { min-width: 315px; padding-right: 16px; gap: 16px; } .category-min__item-1 svg { width: 24px; height: 24px; } .category-min__title { font-size: 22px; } .category-min__title-1 { font-size: 16px; } } @media screen and (max-width: 1023px) { .category-list { -ms-flex-direction: column; flex-direction: column; margin: 0; } .category-item { width: 100%; } } @media screen and (max-width: 720px) { .added-comparison { top: 70px; } .added-comparison__active .header-logo { height: 70px; padding: 0; } .added-comparison__inner { padding: 24px 0; } .added-comparison__right { display: -ms-flexbox; display: flex; gap: 24px; } .added-comparison__title { font-size: 16px; } .brand { padding: 16px 24px; } .brand img { height: 17px; } .brands { margin-left: -15px; margin-right: -15px; padding: 0 15px; } .brands::-webkit-scrollbar { display: none; } .category-item { height: 286px; padding: 32px 16px; } .category-title { font-size: 20px; margin-bottom: 16px; } .category-sub__title { font-size: 18px; } .category-link { font-size: 16px; } .category-link svg { width: 24px; height: 24px; } .category-min__block { margin: 60px 0; } .category-min__list { margin-bottom: 24px; } .category-min__list-1 { margin-left: -15px; margin-right: -15px; padding: 0 15px; margin-bottom: 16px; } .category-min__item-1 { min-width: 265px; gap: 8px; } .category-min__item-1 .category-min__img { width: 80px; height: 80px; } .category-min__img { width: 70px; height: 70px; } .category-min__title { font-size: 16px; } .category-min__more { font-size: 16px; } .category-min__more svg { width: 24px; height: 24px; } .error-page .category-min__block { margin: 60px 0 30px; } } .open-product { padding-top: 100px; } .open-product .main-banner { position: absolute; top: 195px; z-index: 2; } .open-product__title { font-weight: 700; font-size: 42px; line-height: 120%; margin-bottom: 40px; } .open-product__section { margin: 60px 0; } .open-product__section-list { padding: 60px 20px 0; } .open-product__section-item { padding: 40px 80px; background: #f8f8f8; margin-bottom: 16px; } .open-product__section-item:nth-last-child(1) { margin-bottom: 0; } .open-product__section-title { margin-bottom: 16px; font-weight: 700; font-size: 28px; line-height: 120%; color: #24292d; } .open-product__section-desc { font-weight: 400; font-size: 24px; line-height: 140%; color: #5c5c5c; } .open-product__section-desc a { font-weight: 500; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #ec4b3c; } .open-product__section-svg { margin-bottom: 24px; } .open-product__block { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; background: #ebebeb; } .open-product__block-padding .open-product__block-content { padding: 40px 80px; } .open-product__block-padding .open-product__title { margin-bottom: 16px; } .open-product__block.reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .open-product__block.grey { background-color: #f3f3f3; } .open-product__block.grey .open-product__block-content { background-color: #f3f3f3; } .open-product__block.absolute .open-product__block-content { padding: 200px 80px 80px; } .open-product__block-content { width: 50%; padding: 80px; background-color: #f4f4f4; } .open-product__block-img { width: 50%; height: auto; } .open-product__block-img img { width: 100%; height: 100%; object-fit: cover; } .open-product__block-title { font-weight: 700; font-size: 42px; line-height: 110%; margin-bottom: 20px; } .open-product__block-title__big { font-size: 56px; } .open-product__block-desc { font-size: 24px; line-height: 160%; color: #5c5c5c; margin-bottom: 16px; } @media screen and (max-width: 1400px) { .open-product { padding-top: 70px; } .open-product__block-img--nomobile { display: none; } .open-product__title { font-size: 32px; } .open-product__section { margin: 80px 0; } .open-product__block { -ms-flex-direction: column; flex-direction: column; } .open-product__block.absolute .open-product__block-content { padding: 190px 16px 32px; } .open-product__block.reverse { -ms-flex-direction: column; flex-direction: column; } .open-product__block-title { font-size: 40px; } .open-product__block-title__big { font-size: 40px; margin-bottom: 24px; } .open-product__block-desc { font-size: 20px; } .open-product__block-content { padding: 30px 40px; } .open-product__block-img { height: 340px; } .open-product__block-img, .open-product__block-content { width: 100%; } .open-product__block.open-product__block-padding .open-product__section-list { padding-top: 20px; } .open-product__block.open-product__block-padding .open-product__block-content { padding-bottom: 40px; } .open-product__block.open-product__block-padding .open-product__block-content .open-product__section { margin: 40px 0 0; } } @media screen and (max-width: 720px) { .open-product__block-img img { object-position: 100% 100%; } .open-product__block-img__flex .open-product__block-img-item:nth-last-child(1) img { object-position: 0% 100%; } .open-product .main-banner { top: 95px; } .open-product__title { font-size: 24px; margin-bottom: 30px; } .open-product__section { margin: 60px 0; } .open-product__section-list { padding: 0 20px; } .open-product__section-item { padding: 24px 16px; } .open-product__section-svg { margin-bottom: 14px; } .open-product__section-svg svg { width: 32px; height: 32px; } .open-product__section-title { font-size: 18px; margin-bottom: 8px; } .open-product__section-desc { font-size: 16px; } .open-product__block { -ms-flex-direction: column; flex-direction: column; } .open-product__block.absolute .open-product__block-content { padding: 58px 16px 16px; } .open-product__block.reverse { -ms-flex-direction: column; flex-direction: column; } .open-product__block-padding { margin-top: -50px; } .open-product__block-padding .open-product__section { margin: 0; } .open-product__block-padding .open-product__block-content { padding: 24px 16px; } .open-product__block-title { font-size: 26px; } .open-product__block-title__big { font-size: 26px; margin-bottom: 24px; } .open-product__block-desc { font-size: 16px; } .open-product__block-content { padding: 24px 16px; } .open-product__block-img { height: 340px; } .open-product__block-img--nomobile { display: none; } .open-product__block-img, .open-product__block-content { width: 100%; } } .open-product__block.open-product__block-padding .open-product__block-img, .open-product__block.open-product__block-padding .open-product__block-content { height: auto; } .benefits-list { display: grid; grid-template-columns: repeat(3, 1fr); -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px; } .benefits { width: 100%; overflow: hidden; position: relative; } .benefits-list__scrollbar { height: 5px; background: #dfe1e2; } .benefits-list__scrollbar .swiper-scrollbar-drag { background: #212121; } .benefits-item { padding: 60px 40px; background: #f8f8f8; } .benefits-item:nth-child(even) { background-color: #fff; } .benefits-svg { margin-bottom: 40px; } .benefits-title { font-weight: 700; font-size: 28px; line-height: 120%; margin-bottom: 16px; } .benefits-desc { font-size: 24px; line-height: 140%; color: #5c5c5c; } @media screen and (max-width: 1400px) { .benefits-list { grid-template-columns: repeat(2, 1fr); gap: 30px; } .benefits-item { padding: 40px 20px; } .benefits-svg { margin-bottom: 40px; } .benefits-svg img { width: 120px; height: 120px; object-fit: contain; } .benefits-title { font-size: 24px; } .benefits-desc { font-size: 20px; line-height: 160%; } } @media screen and (max-width: 720px) { .benefits-list { grid-template-columns: repeat(1, 1fr); gap: 16px; } .benefits-item { margin-bottom: 30px; height: 345px; min-height: 345x; padding: 24px; display: -ms-flexbox; display: flex; gap: 20px; } .benefits-svg { margin-bottom: 40px; } .benefits-svg img { width: 70px; height: 70px; object-fit: contain; } .benefits-title { font-size: 20px; margin-bottom: 16px; } .benefits-desc { font-size: 16px; line-height: 140%; } } .cooperation-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; gap: 40px; } .cooperation-list__end { counter-reset: item + 4; } .cooperation-item { width: calc(50% - 20px); position: relative; padding-left: 85px; padding-bottom: 40px; border-bottom: 1px solid #dfe1e2; counter-increment: item; } .cooperation-item:nth-last-child(1), .cooperation-item:nth-last-child(2) { border-bottom: none; } .cooperation-item::before { content: counter(item, decimal-leading-zero); position: absolute; font-weight: 700; font-size: 42px; line-height: 120%; color: #bdbfc2; left: 0; } .cooperation-title { font-weight: 700; font-size: 24px; line-height: 120%; margin-bottom: 8px; } .cooperation-desc { font-size: 20px; line-height: 140%; color: #5c5c5c; } @media screen and (max-width: 1400px) { .cooperation-list { margin: 10px 0 0; } .cooperation-desc { font-size: 18px; } } @media screen and (max-width: 720px) { .cooperation-list { margin: 0; gap: 0; } .cooperation-item { width: 100%; padding: 16px 16px 16px 72px; } .cooperation-item:nth-last-child(2) { border-bottom: 1px solid #dfe1e2; } .cooperation-item::before { font-size: 32px; } .cooperation-title { font-size: 20px; } } .error-img { /* max-width: 310px; max-height: 323px; */ max-width: none; max-height: none; position: relative; } .error-img img { width: 100%; height: 100%; object-fit: contain; } .error-img svg { position: absolute; left: -80%; top: -72%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .error-type { font-weight: 700; font-size: 316.45px; line-height: 110%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: 138px; } .error-type span { display: flex; align-items: center; position: relative; z-index: 2; } .error-title { font-weight: 700; font-size: 42px; line-height: 120%; text-align: center; margin-bottom: 16px; } .error-desc { font-size: 22px; line-height: 160%; text-align: center; color: #5c5c5c; } .open-product__block-error.absolute { /* -ms-flex-align: center; align-items: center; */ } .open-product__block-error.absolute .open-product__block-content { padding-top: 180px; padding-bottom: 0; } @media screen and (max-width: 1400px) { .open-product__block-error.absolute .open-product__block-img { height: auto; padding: 80px 0; } .open-product__block-error.absolute .open-product__block-content { padding: 117px 40px 0; } .error-img { /* max-width: 265px; max-height: 276px; */ position: relative; } .error-img img { margin-top: 40px; } .error-img svg { width: 340px; height: 340px; top: -32%; left: -58%; } .error-type { font-size: 270px; margin-bottom: 108px; } .error-title { font-size: 32px; } .error-desc { font-size: 20px; } } @media screen and (max-width: 720px) { .open-product__block-error.absolute .open-product__block-img { height: auto; padding: 80px 0; } .open-product__block-error.absolute .open-product__block-content { padding: 70px 16px 0; } .error-img { position: relative; } .error-img img { width: 144px; height: 150px; margin-top: 20px; } .error-img svg { width: 186px; height: 186px; top: -56%; left: -72%; } .error-type { font-size: 147px; margin-bottom: 70px; } .error-title { font-size: 24px; } .error-desc { font-size: 16px; } } @media screen and (max-width: 359px) { .error-img { } .error-img img { max-width: 120px; max-height: 120px; margin-top: 30px; } .error-img svg { width: 160px; height: 160px; top: -47%; left: -85%; } .error-type { font-size: 147px; margin-bottom: 70px; } .error-title { font-size: 24px; } .error-desc { font-size: 16px; } } .search-block { border-bottom: 1px solid #111111; width: 100%; position: relative; } .search-block input { font-family: "Montserrat"; width: 100%; font-weight: 700; font-size: 46px; line-height: 121.5%; color: #212121; background-color: transparent; outline: none; border: none; padding: 0 0 10px; padding-right: 80px; } .search-block .btn-search { padding: 24px; background: #212121; outline: none; position: absolute; right: 0; bottom: 0; } @media screen and (max-width: 1400px) { .search-block { border-bottom: 1px solid #111111; width: 100%; position: relative; } .search-block input { font-size: 40px; padding-bottom: 8px; padding-right: 64px; } .search-block .btn-search { padding: 20px; } .search-block .btn-search svg { height: 24px; width: 24px; } } @media screen and (max-width: 720px) { .search-block { border-bottom: 1px solid #111111; width: 100%; position: relative; } .search-block input { font-size: 24px; padding-right: 58px; } .search-block .btn-search { padding: 16px; } .search-block .btn-search svg { height: 24px; width: 24px; } } .contact-block { max-height: 670px; display: -ms-flexbox; display: flex; gap: 24px; } .contact-accordion { background-color: #fff; margin-bottom: 12px; padding: 24px; } .contact-accordion.active .contact-accordion__arrow { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .contact-accordion.active .contact-accordion__header { padding-bottom: 20px; border-bottom: 1px solid #dfe1e2; } .contact-accordion:nth-last-child(1) { margin-bottom: 0; } .contact-accordion__header { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; -ms-flex-align: center; align-items: center; } .contact-accordion__title { font-weight: 700; font-size: 26px; line-height: 120%; color: #212121; } .contact-accordion__block { overflow-y: auto; max-width: 570px; width: 100%; } .contact-accordion__block::-webkit-scrollbar { width: 8px; margin-right: 20px; } .contact-accordion__block::-webkit-scrollbar-track { background: transparent; } .contact-accordion__block::-webkit-scrollbar-thumb { background: #bdbfc2; } .contact-accordion__content { display: none; } .contact-accordion__body { padding-top: 22px; } .contact-accordion__item { border-bottom: 1px solid #dfe1e2; padding: 20px 0; } .contact-accordion__item:nth-child(1) { padding-top: 0; } .contact-accordion__item:nth-last-child(1) { border-bottom: none; padding-bottom: 0; } .contact-accordion__item-head { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .contact-accordion__item-title { font-weight: 700; font-size: 20px; line-height: 120%; color: #ec4b3c; } .contact-accordion__item-in_cart { font-weight: 400; font-size: 16px; line-height: 160%; color: #212121; border-bottom: 1px dashed #5c5c5c; } .contact-accordion__item-info { display: -ms-flexbox; display: flex; gap: 24px; font-weight: 500; font-size: 16px; line-height: 160%; color: #5c5c5c; margin-top: 15px; } .contact-accordion__item-info__left { padding-right: 8px; min-width: 137px; display: inline-block; } .contact-accordion__item-info__right { -ms-flex: 1; flex: 1; font-weight: 700; color: #212121; } .contact-accordion__item-info li { margin-bottom: 8px; } .contact-map { -ms-flex: 1; flex: 1; width: 100%; } .contact-map img { width: 100%; height: 100%; object-fit: cover; } .contact-social { max-width: 570px; width: 100%; position: relative; overflow: hidden; margin-top: 130px; background-color: #fff; } .contact-social__inner { width: 100%; padding: 40px; background-color: #fff; min-height: 444px; } .contact-social__bg { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .contact-social__title { font-weight: 700; font-size: 22px; line-height: 120%; color: #1d1d1d; margin-bottom: 24px; } .contact-social__link { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 8px; padding: 16px 24px; background-color: #f8f8f8; border-radius: 40px; font-weight: 600; font-size: 16px; line-height: 160%; color: #24292d; } .contact-social__item { margin-bottom: 8px; } .contact-info { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; background-color: #fff; margin-top: 130px; width: 100%; } .contact-info__title { font-weight: 700; font-size: 32px; line-height: 120%; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #dfe1e2; width: 100%; } .contact-info__left { width: 50%; padding: 40px; } .contact-info__left .contact-accordion__item-info li { margin-bottom: 16px; } .contact-info__right { position: relative; } .contact-info__right svg, .contact-info__right-img { position: absolute; bottom: 13px; right: -16px; max-width: 583px; } @media screen and (max-width: 1500px) { .contact-info__left { width: 100%; } .contact-info .contact-accordion__item-info__left { min-width: 190px; } .contact-info__right { display: none; } } @media screen and (max-width: 1400px) { .contact-block { max-height: 100%; -ms-flex-direction: column; flex-direction: column; } .contact-accordion__title { font-size: 24px; } .contact-accordion__block { max-width: 100%; max-height: 100%; } .contact-accordion__item { border-bottom: 1px solid #dfe1e2; padding: 20px 0; } .contact-accordion__item-title { font-size: 18px; } .contact-map { min-height: 520px; } .contact-social { max-width: 100%; margin-top: 60px; background-color: transparent; } .contact-social__inner { width: 80%; min-height: 100%; } .contact-social__bg { top: 0; -webkit-transform: translateY(0); transform: translateY(0); } .contact-social__title { font-size: 20px; } .contact-social__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .contact-social__link { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 8px; padding: 16px 48px 16px 24px; background-color: #f8f8f8; border-radius: 40px; font-weight: 600; font-size: 16px; line-height: 160%; color: #24292d; } .contact-social__item { margin-bottom: 0; } .contact-info { margin-top: 34px; } .contact-info__title { font-size: 28px; } } @media screen and (max-width: 767px) { .contact-map { min-height: 480px; height: 480px; } .contact-map img { height: inherit; } .contact-accordion { padding: 16px; } .contact-accordion__title { font-size: 20px; } .contact-accordion__header svg { width: 32px; height: 32px; } .contact-accordion__item { border-bottom: 1px solid #dfe1e2; padding: 20px 0; } .contact-accordion__item-title { font-size: 16px; } .contact-accordion__item-in_cart { font-size: 14px; } .contact-accordion__item-info li { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-bottom: 13px; } .contact-accordion__item-info li .contact-accordion__item-info__left { margin-bottom: 6px; } .contact-social { margin-top: 30px; } .contact-social__inner { width: 100%; padding: 24px 16px; } .contact-social__bg { display: none; } .contact-social__title { font-size: 16px; } .contact-info { margin-top: 6px; } .contact-info__left { padding: 24px 16px; } .contact-info__title { font-size: 22px; } } .selection-product__nav { display: -ms-flexbox; display: flex; gap: 24px; margin: 30px 0; } .selection-product__item { max-width: 555px; width: 100%; padding: 32px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 24px; background: #f8f8f8; position: relative; font-weight: 700; font-size: 28px; line-height: 120%; color: #5c5c5c; cursor: pointer; transition: 0.3s; } .selection-product__item * { transition: 0.3s; } .selection-product__item svg path { fill: #5c5c5c; transition: all 0.3s; } .selection-product__item::before { content: ""; position: absolute; height: 4px; width: 100%; background-color: #dfe1e2; bottom: 0; left: 0; } .selection-product__item:hover, .selection-product__item.active { color: #212121; background-color: #fff; } .selection-product__item:hover::before, .selection-product__item.active::before { background-color: #ec4b3c; } .selection-product__item:hover svg path, .selection-product__item.active svg path { fill: #ec4b3c; transition: all 0.3s; } .selection-product__block { padding: 60px; background-color: #fff; } .selection-product__info { position: relative; padding-left: 12px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 20px; line-height: 160%; color: #5c5c5c; } .selection-product__info span { -ms-flex-align: center; align-items: center; gap: 16px; } .selection-product__info a { color: #ec4b3c; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; } .selection-product__infos { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 16px; width: 100%; margin-bottom: 40px; } .selection-product__info.active { -ms-flex: 1; flex: 1; } .selection-product__info.active span { display: -ms-flexbox; display: flex; } .selection-product__info.active::after { width: 100%; } .selection-product__info.active::before { background: #24292d; } .selection-product__info.save::before { background: #24292d; } .selection-product__info span { display: none; position: relative; z-index: 2; padding: 0 16px; background-color: #fff; } .selection-product__info::before { content: ""; position: absolute; width: 12px; height: 12px; left: 0; background: #bdbfc2; z-index: 2; } .selection-product__info::after { content: ""; position: absolute; width: 0; height: 1px; background-color: #dfe1e2; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .selection-product__title { font-weight: 700; font-size: 32px; line-height: 120%; color: #212121; margin-bottom: 40px; } .selection-product__title-sub { font-weight: 700; font-size: 22px; line-height: 120%; color: #212121; } .selection-product__car-logo__list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 16px; width: 100%; margin: 24px 0 40px; } .selection-product__car-logo__item { width: 100%; } .selection-product__car-logo__link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 14px 0; background: #f3f3f3; cursor: pointer; } .selection-product__car-logo__img { height: 60px; width: 100%; object-fit: contain; } .selection-product__search { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-bottom: 16px; border-bottom: 1px solid #24292d; gap: 20px; margin-top: 30px; } .selection-product__search button { background-color: transparent; } .selection-product__search input { font-family: "Montserrat"; font-weight: 400; font-size: 20px; line-height: 160%; color: #5c5c5c; width: 100%; background-color: transparent; outline: none; } .selection-product__list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 24px; margin: 40px 0 0; } .selection-product__list-item { padding: 10px 15px; font-weight: 600; font-size: 20px; line-height: 160%; color: #212121; width: 23.8%; cursor: pointer; transition: 0.3s; } .selection-product__list-item:hover { background: #f3f3f3; } .selection-product__sort { background-color: transparent; } .selection-product__table { width: 100%; font-weight: 500; font-size: 20px; line-height: 160%; margin-top: 64px; } .selection-product__table span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; } .selection-product__table .btn { font-size: 20px; } .selection-product__table .grey { color: #5c5c5c; font-size: 20px; line-height: 160%; } .selection-product__table-thead { font-weight: 700; font-size: 26px; line-height: 120%; } .selection-product__table-thead .selection-product__table-th { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } .selection-product__table-thead .selection-product__table-tr { border-bottom: 1px solid #24292d; padding: 0 0 24px; -ms-flex-align: start; align-items: flex-start; } .selection-product__table-thead .selection-product__table-tr:hover { background-color: #fff; } .selection-product__table-tr { display: -ms-flexbox; display: flex; width: 100%; padding: 16px 0; border-bottom: 1px solid #dfe1e2; -ms-flex-align: center; align-items: center; transition: 0.3s; } .selection-product__table-tr:hover { background: #f3f3f3; } .selection-product__table-th { max-width: 498px; width: 100%; height: 64px; -ms-flex: 1; flex: 1; padding-left: 50px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .selection-product__table-th::before { content: ""; position: absolute; height: 100%; width: 1px; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #dfe1e2; } .selection-product__table-th:nth-child(1) { padding-left: 32px; max-width: 350px; } .selection-product__table-th:nth-last-child(1) { max-width: 250px; /* text-align: right; padding-left: 0; */ } .selection-product__table-th:nth-last-child(1):before { content: unset; } /* .selection-product__table-th:nth-last-child(1) span { -ms-flex-pack: end; justify-content: end; width: 100%; } */ .selection-product__table-th__mobile { display: none; } .selection-product__table span.selection-product__table-th__mobile { display: none; } .selection-product__company-list { margin-top: 40px; display: grid; grid-template-columns: repeat(5, 1fr); max-height: 915px; overflow-y: auto; } .selection-product__company-list::-webkit-scrollbar { width: 8px; } .selection-product__company-list::-webkit-scrollbar-track { background: #ffffff; } .selection-product__company-list::-webkit-scrollbar-thumb { background: #bdbfc2; } .selection-product__company-list-link { font-weight: 600; font-size: 20px; line-height: 160%; text-align: center; color: #5c5c5c; padding: 16px; border: 1px solid #dfe1e2; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .selection-product__company-list-link img { max-width: 100%; height: 111px; margin-bottom: 8px; object-fit: contain; } @media screen and (max-width: 1700px) { .selection-product__table-th { padding-left: 30px; } } @media screen and (max-width: 1400px) { .selection-product__nav { margin: 30px 0; } .selection-product__item { max-width: 214px; padding: 32px 24px; font-size: 18px; -ms-flex-direction: column; flex-direction: column; text-align: center; } .selection-product__block { padding: 40px 20px; } .selection-product__info { font-size: 16px; padding-left: 8px; } .selection-product__info::before { content: ""; position: absolute; width: 8px; height: 5px; left: 0; background: #bdbfc2; z-index: 2; } .selection-product__title { font-size: 28px; } .selection-product__title-sub { font-size: 20px; } .selection-product__car-logo__item:nth-last-child(1), .selection-product__car-logo__item:nth-last-child(2), .selection-product__car-logo__item:nth-last-child(3) { display: none; } .selection-product__search { margin-top: 34px; } .selection-product__search input { font-size: 16px; } .selection-product__list-item { width: 22%; font-size: 16px; } .selection-product__table { line-height: 160%; margin-top: 64px; } .selection-product__table span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; } .selection-product__table span svg { width: 24px; height: 24px; } .selection-product__table .btn { font-size: 16px; gap: 8px; border: none; padding: 0; } .selection-product__table .grey { font-size: 14px; } .selection-product__table-thead { font-size: 16px; } .selection-product__table-thead svg { width: 24px; height: 24px; } .selection-product__table-thead .selection-product__table-th { height: 60px; } .selection-product__table-tr { padding: 24px 0; } .selection-product__table-th { max-width: 146px; height: 29px; padding: 0 12px; } .selection-product__table-th:nth-child(1) { max-width: 194px; padding-left: 20px; } .selection-product__table-th:nth-last-child(1) { max-width: 141px; padding-right: 0; } .selection-product__company-list { margin-top: 32px; grid-template-columns: repeat(3, 1fr); } .selection-product__company-list-link { font-size: 16px; line-height: 160%; } .selection-product__company-list-link img { height: 74px; } } @media screen and (max-width: 767px) { .selection-product__nav { overflow-x: auto; gap: 0; padding: 0 15px; margin: 0 -15px 24px; } .selection-product__item { min-width: 140px; padding: 20px 10px 16px; font-size: 14px; gap: 16px; } .selection-product__item svg { width: 24px; height: 24px; } .selection-product__block { padding: 24px 16px; } .selection-product__info span { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; gap: 5px; } .selection-product__info::before { top: 8px; } .selection-product__info::after { content: unset; } .selection-product__infos { gap: 8px; margin-bottom: 40px; -ms-flex-align: start; align-items: flex-start; } .selection-product__title { font-size: 22px; margin-bottom: 24px; } .selection-product__title-sub { font-size: 18px; } .selection-product__car-logo__list { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin: 24px 0; } .selection-product__car-logo__item { width: calc(33% - 8px); } .selection-product__car-logo__link { padding: 0; } .selection-product__list { margin: 20px 0 0; } .selection-product__list-item { width: 43%; } .selection-product__table { font-size: 16px; line-height: 160%; margin-top: -20px; font-weight: 700; } .selection-product__table span { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 8px; } .selection-product__table span svg { width: 24px; height: 24px; } .selection-product__table .btn { font-size: 16px; gap: 8px; border: 1px solid #ec4b3c; padding: 20px; width: 100%; -ms-flex-pack: justify; justify-content: space-between; margin-top: 8px; } .selection-product__table-thead { display: none; } .selection-product__table-tr { -ms-flex-direction: column; flex-direction: column; border-bottom: 0; padding: 16px 0; } .selection-product__table-th { max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 29px; padding: 8px 0; } .selection-product__table-th__mobile { display: block !important; } .selection-product__table-th::before { width: 100%; height: 1px; bottom: 0; left: 0; top: auto; right: auto; } .selection-product__table-th:nth-child(1) { max-width: 100%; padding-left: 0; } .selection-product__table-th:nth-last-child(1) { max-width: 100%; padding-right: 0; } .selection-product__company-list { margin-top: 24px; grid-template-columns: repeat(2, 1fr); } .selection-product__company-list-link { font-size: 14px; } .selection-product__company-list-link img { height: 38px; } } .home-section { margin: 100px 0; padding: 0 80px; } .home-section__head { display: -ms-flexbox; display: flex; margin-bottom: 110px; } .home-section__head .title-two { margin-bottom: 57px; } .home-section__header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; margin-bottom: 52px; } .home-section__header .home-section__right, .home-section__header .home-section__left { width: auto; } .home-section__header .home-section__left { -ms-flex: 1; flex: 1; } .home-section__left { width: 50%; } .home-section__right { width: 50%; } .home-section__desc { font-weight: 400; font-size: 24px; line-height: 150%; color: #5c5c5c; } .home-section__more { font-weight: 700; font-size: 24px; line-height: 120%; color: #ec4b3c; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; gap: 20px; padding: 17px 0; } .section-info__list-inner { position: relative; overflow: hidden; } .section-info__list { display: -ms-flexbox; display: flex; /* -ms-flex-pack: justify; justify-content: space-between; */ /* gap: 24px; */ /* overflow-x: auto; */ } .section-info__list::-webkit-scrollbar { display: none; } .section-info__list-inner .swiper-container-horizontal > .swiper-scrollbar { height: 5px; background: #ffffff; } .section-info__list-inner .swiper-scrollbar-drag { background: #212121; } @media screen and (min-width: 1400px) { .section-info__list-inner .swiper-scrollbar { display: none; } } .section-info__item { width: 32.5%; /* width: 480px; */ background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; } @media screen and (max-width: 1600px) { .section-info__item { width: 440px; } } .section-info__item-content { padding: 40px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 16px; min-height: 290px; } .section-info__title { font-weight: 700; font-size: 28px; line-height: 120%; color: #212121; height: 70px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -ms-flex: 1; flex: 1; } .section-info__desc { font-weight: 400; font-size: 20px; line-height: 150%; color: #5c5c5c; height: 90px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -ms-flex: 1; flex: 1; } .section-info__tag { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-weight: 600; font-size: 20px; line-height: 120%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #ffffff; padding: 8px 16px; background: #212121; border-radius: 24px; } .section-info__img { max-height: 264px; } .section-info__img img { width: 100%; height: auto; object-fit: cover; } .home__card-bonus { display: -ms-flexbox; display: flex; gap: 24px; } .home__card-bonus .card-bonus__more { display: none; } .home__card-bonus .card-bonus__big .card-bonus__img { max-width: 347px; } .home__card-bonus .card-bonus__big .card-bonus__img img { max-width: 347px; height: 100%; object-fit: cover; } .home__news-block { display: -ms-flexbox; display: flex; gap: 24px; overflow-x: auto; margin-right: -80px; padding-right: 80px; } .home__news-block::-webkit-scrollbar { height: 5px; } .home__news-block::-webkit-scrollbar-track { background: #ffffff; } .home__news-block::-webkit-scrollbar-thumb { background: #212121; } @media screen and (max-width: 1620px) { .home__news-block { overflow-x: auto; padding-right: 40px; margin-right: -40px; } } @media screen and (max-width: 720px) { .home__news-block { overflow-x: auto; padding-right: 15px; margin-right: -15px; } } .home__news-block .news-block { min-width: 438px; display: flex; flex-direction: column; } .home-page .open-product__block-img { position: relative; } .benefits-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; margin-right: -80px; padding-right: 80px; } .benefits-list::-webkit-scrollbar { height: 5px; } .benefits-list::-webkit-scrollbar-track { background: #ffffff; } .benefits-list::-webkit-scrollbar-thumb { background: #212121; } @media screen and (max-width: 1620px) { .benefits-list { overflow-x: auto; padding-right: 40px; margin-right: -40px; } } @media screen and (max-width: 720px) { .benefits-list { overflow-x: auto; padding-right: 15px; margin-right: -15px; } } .benefits-item { min-width: 550px; max-width: 550px; width: 100%; height: auto; margin-bottom: 20px; } .home__product { display: -ms-flexbox; display: flex; gap: 24px; overflow-x: auto; margin-right: -80px; padding-right: 80px; } .home__product::-webkit-scrollbar { height: 5px; } .home__product::-webkit-scrollbar-track { background: #ffffff; } .home__product::-webkit-scrollbar-thumb { background: #212121; } @media screen and (max-width: 1620px) { .home__product { overflow-x: auto; padding-right: 40px; margin-right: -40px; } } @media screen and (max-width: 720px) { .home__product { overflow-x: auto; padding-right: 15px; margin-right: -15px; } } .home__product .product { background-color: #fff; border: none; min-width: 438px; } .home__product .product__title { font-size: 28px; } .home__product .product__info-left__title { font-size: 32px; line-height: 120%; } .home__product .product__info-right__info, .home__product .product-status, .home__product .product__info-left__info { font-size: 20px; } .home__product .product__info-right__title { font-size: 28px; white-space: nowrap; } .home__product .product__footer-btn-primary { padding: 24px 84px; } .home__product .product__footer-btn { padding: 24px; } .home-page__info { position: absolute; top: 80px; left: 80px; z-index: 3; } .home-page__info .open-product__block-title { height: 76px; margin-bottom: 40px; font-size: 32px; } .home-page__info img { width: 40px; height: 40px; } .img-hover { overflow: hidden; } .img-hover .img-hover__img { transition: 0.3s; } .img-hover:hover .img-hover__img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .card-bonus { overflow: hidden; } .card-bonus .card-bonus__img { overflow: hidden; width: 100%; } @media screen and (max-width: 720px) { .card-bonus .card-bonus__img { max-width: 100% !important; } .card-bonus .card-bonus__img img { width: 100%; max-width: 100% !important; } } .card-bonus .card-bonus__img img { transition: 0.3s; } .card-bonus:hover .card-bonus__img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .home-section__more { cursor: pointer; } .home-section__more svg { transition: 0.3s; } .home-section__more:hover svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .open-product__block-img__flex { display: -ms-flexbox; display: flex; } .open-product__block-img__flex .open-product__block-img-item { position: relative; width: 50%; border-right: 1px solid #dadada; } .open-product__block-img__flex .open-product__block-img-item:nth-last-child(1) { border-right: 0; } @media screen and (max-width: 1620px) { .home-section { padding: 0 40px; margin: 80px 0; } .section-info__title { font-size: 24px; height: 60px; } .section-info__desc { max-height: 60px; overflow: hidden; } .section-info__img { max-height: 264px; } .section-info__img img { width: 100%; height: auto; object-fit: cover; } } @media screen and (max-width: 1400px) { .home-section { padding: 0 40px; margin: 82px 0; } .home-section__head { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 30px; margin-bottom: 60px; } .home-section__head .title-two { margin-bottom: 16px; } .home-section__left, .home-section__right { width: 100%; } .home-section__desc { font-size: 16px; line-height: 160%; } .home-section__more { font-size: 22px; } /* .section-info__list { gap: 24px; overflow-x: auto; } */ .section-info__title { font-size: 24px; height: 60px; -ms-flex: unset; flex: unset; } .section-info__desc { height: 60px; -webkit-line-clamp: 3; font-size: 16px; } .section-info__tag { font-size: 16px; } .benefits-item { min-width: 430px; padding: 60px 39px 10px; } .home-page .open-product__block-error.absolute .open-product__block-img { padding: 0; } .home__card-bonus { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 0; } .home__product .product__title { font-size: 20px; } .home__product .product__info-left__title { font-size: 28px; line-height: 120%; } .home__product .product__info-right__info, .home__product .product-status, .home__product .product__info-left__info { font-size: 16px; } .home__product .product__info-right__title { font-size: 28px; } .home__product .product__footer-btn-primary { padding: 24px 84px; } .home__product .product__footer-btn { padding: 24px; } .open-product__block-img__flex { min-height: 510px; } .open-product__block-img-1 { min-height: 470px; } .home-page__info .open-product__block-title { font-size: 28px; height: auto; } .home-page__info { top: 40px; left: 40px; } } @media screen and (max-width: 720px) { .home-page .title-two { margin-bottom: 30px; } .benefits-item { padding: 24px 24px 20px; margin-bottom: 30px; min-width: 287px; max-width: 80vw; -ms-flex-direction: column; flex-direction: column; } .benefits-svg { margin-bottom: 8px; } .benefits-svg img { width: 92px; height: 92px; } .home-section { padding: 0 15px; margin: 80px 0; } .home-section__header { gap: 8px; margin-bottom: 24px; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } .home-section__head { gap: 8px; } .home-section__head .title-two { margin-bottom: 16px; } .home-section__desc { font-size: 16px; } .home-section__more { font-size: 16px; gap: 14px; } .home-section__more svg { width: 14px; height: 14px; } .section-info__list { /* gap: 24px; */ /* overflow-x: auto; padding-right: 15px; margin-right: -15px; */ } .section-info__item { width: 286px; } .section-info__item-content { padding: 32px 16px; min-height: 300px; } .section-info__title { font-size: 20px; height: auto; -ms-flex: unset; flex: unset; -webkit-line-clamp: 3; } .section-info__desc { max-height: 110px; -webkit-line-clamp: 4; font-size: 16px; } .section-info__tag { font-size: 14px; } .section-info__img { max-height: 180px; } .home__news-block { gap: 20px; } .home__news-block .news-block { margin-bottom: 10px; display: flex; flex-direction: column; min-width: 286px; } .home__product .product { min-width: 286px; } .home__product .product__title { font-size: 16px; } .home__product .product__info-left__title { font-size: 20px; line-height: 120%; } .home__product .product__info-right__info, .home__product .product-status, .home__product .product__info-left__info { font-size: 14px; } .home__product .product__info-right__title { font-size: 16px; } .home__product .product__footer-btn-primary { padding: 12px 20px; } .home__product .product__footer-btn { padding: 12px; } .open-product__block-img__flex { min-height: 324px; } .open-product__block-img-1 { min-height: 286px; } .home-page__info .open-product__block-title { font-size: 18px; margin-bottom: 16px; max-width: calc(100% - 15px); } .home-page__info { top: 32px; left: 16px; } } @media screen and (max-width: 450px) { .open-product__block-img-item .open-product__block-title { /* max-width: 130px; */ max-width: calc(100% - 15px); height: 60px; } .compare-products__header-media { max-width: 100%; width: 100%; } .personal-area__menu-item { min-width: 145px; } .personal-area__menu-text { min-width: 115px; } .product__img img { height: 160px; } } .compare-products__header { display: -ms-flexbox; display: flex; gap: 80px; margin: -7px 0 50px; } .compare-products__header .basket-delete { color: #5c5c5c; } @media screen and (max-width: 1400px) { .compare-products__header { -ms-flex-pack: justify; justify-content: space-between; } } @media screen and (max-width: 720px) { .compare-products__header { -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 10px; margin-bottom: 5px; } .compare-products__header .basket-delete { font-size: 16px; margin-top: 14px; padding-bottom: 14px; margin-bottom: 10px; border-bottom: 1px solid #dfe1e2; } } .compare-products-list { display: -ms-flexbox; display: flex; margin-bottom: 40px; overflow-x: auto; margin-right: -80px; padding-right: 80px; } .compare-products-list::-webkit-scrollbar { height: 5px; } .compare-products-list::-webkit-scrollbar-track { background: #ffffff; } .compare-products-list::-webkit-scrollbar-thumb { background: #212121; } @media screen and (max-width: 1620px) { .compare-products-list { overflow-x: auto; padding-right: 40px; margin-right: -40px; } } @media screen and (max-width: 720px) { .compare-products-list { overflow-x: auto; padding-right: 15px; margin-right: -15px; } } .compare-products-list__item { min-width: 260px; max-width: 285px; } .compare-products-list__item:nth-last-child(1) { -ms-flex: 1; flex: 1; max-width: 100%; } .compare-products-img { width: 160px; height: 160px; } .compare-products-img img { width: 100%; height: 100%; object-fit: contain; } .compare-products-title { font-weight: 700; font-size: 18px; line-height: 130%; color: #212121; margin: 10px 0 0; } .compare-products-item { padding: 20px 24px 20px 0; max-width: 285px; } .compare-products-item:nth-child(1) { padding-top: 0; } .compare-products-item__btn { padding: 16px; background-color: transparent; cursor: pointer; } .compare-products-item__btn-primary { padding: 16px 32px; background-color: #ec4b3c; } .compare-products-item__btn-primary path { fill: #fff; } .compare-products-item__btns { display: -ms-flexbox; display: flex; gap: 8px; } .compare-products-item__title { white-space: nowrap; font-weight: 700; font-size: 22px; line-height: 120%; color: #212121; padding: 13px 0 20px; height: 26px; } .compare-products-item__title-sub { font-weight: 600; font-size: 16px; line-height: 160%; color: #bdbfc2; white-space: nowrap; height: 26px; margin-bottom: 2px; } .compare-products-item__text { font-weight: 600; font-size: 16px; line-height: 160%; color: #212121; } .compare-products-border { border-bottom: 1px solid #dfe1e2; } .compare-products-border__black { border-bottom: 1px solid #212121; margin-bottom: 12px; } .compare-products-price { font-weight: 700; font-size: 24px; line-height: 120%; color: #ec4b3c; margin-bottom: 6px; } .compare-products-map { font-weight: 400; font-size: 16px; line-height: 160%; color: #6f6e6e; } .compare-products-map a { font-size: 16px; line-height: 160%; color: #212121; border-bottom: 1px dashed #5c5c5c; } @media screen and (max-width: 1400px) { .compare-products-item__title { font-size: 20px; } .compare-products-list__item { min-width: 230px; max-width: 230px; } .compare-products-item { min-width: 230px; max-width: 230px; } } @media screen and (max-width: 720px) { .compare-products-list__item { min-width: 175px; max-width: 175px; } .compare-products-item { padding: 8px 0; } .compare-products-title { font-size: 14px; margin-bottom: 12px; } .compare-products-item { min-width: 175px; max-width: 175px; padding: 8px 24px 8px 0px; } .compare-products-item:nth-child(1) { padding-top: 0; } .compare-products-item__btn { padding: 12px; } .compare-products-item__btn svg { width: 24px; height: 24px; } .compare-products-item__btn-primary { padding: 12px 20px; } .compare-products-item__title { font-size: 18px; height: 22px; } .compare-products-item__title-sub { font-size: 14px; height: 22px; } .compare-products-item__text { font-size: 14px; } .compare-products-price { font-size: 18px; } .compare-products-map { font-size: 14px; } .compare-products-map a { font-size: 14px; } } @media screen and (max-width: 1400px) { .compare-products__header-big { display: none; } } .compare-products__header-media { display: none; -ms-flex-align: center; align-items: center; gap: 16px; position: relative; padding-right: 56px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media screen and (max-width: 1400px) { .compare-products__header-media { display: -ms-flexbox; display: flex; } } .compare-products__header-media .checkbox { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .compare-products__header-media input[type="checkbox"] { position: relative; width: 40px; height: 24px; -webkit-appearance: none; outline: none; box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2); transition: 0.7s; background: #f3f3f3; border: 1px solid #bfbfbf; border-radius: 24px; } .compare-products__header-media input[type="checkbox"]:before { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 24px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 2px; background: #ec4b3c; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); transition: 0.5s; } .compare-products__header-media input:checked[type="checkbox"]:before { left: auto; right: 2px; } .compare-products__header-media .product-sort__title { font-weight: 700; font-size: 18px; line-height: 140%; color: #212121; } @media screen and (max-width: 720px) { .compare-products__header-media .product-sort__title { display: block; font-size: 16px; } } .personal-area__information-btn .btn { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .product__info-right__info-svg { white-space: normal; text-align: left; } .tooltip { /* ... */ display: none; opacity: 1; visibility: visible; position: relative; transition: 0s; z-index: 9; } .tooltip::before { content: unset; } .tooltip-arrow { width: 16px; height: 16px; } .tooltip-arrow::before { content: ""; position: absolute; width: 100%; height: 100%; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .tooltip[data-show] { display: block; } .tooltip[data-popper-placement="top"]::before { z-index: -4; bottom: -16px; left: 50%; -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .tooltip[data-popper-placement="bottom"] .tooltip-arrow { top: -4px; } .like path { transition: 0.3s; } .like:hover path { fill: #ec4b3c; } .tab-content { display: none; background: #fff; } .category-min__item-1 { cursor: pointer; } .category-min__item-1 svg { transition: 0.3s; } .category-min__item-1:hover svg { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sort-btn { cursor: pointer; } .map-inner { min-width: 325px; width: 100%; height: 135px; padding: 20px; color: #212121; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; } .map-inner .left img { width: 92px; height: 92px; object-fit: contain; } .map-inner .right .title { font-weight: 700; font-size: 22px; line-height: 120%; margin-bottom: 8px; } .map-inner .right .map { font-weight: 400; font-size: 16px; line-height: 140%; } .form-item .select2-container--default .select2-selection--single { border: 2px solid #9a9a9a; height: 72px; border-radius: 0; font-weight: 400; font-size: 20px; line-height: 160%; } @media screen and (max-width: 1400px) { .form-item .select2-container--default .select2-selection--single { height: 64px; } } @media screen and (max-width: 720px) { .form-item .select2-container--default .select2-selection--single { height: 50px; } } .form-item .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 70px; padding-left: 24px; padding-right: 56px; } @media screen and (max-width: 1400px) { .form-item .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 58px; } } @media screen and (max-width: 720px) { .form-item .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 48px; } } .form-item .select2-container--default .select2-selection--single .select2-selection__arrow { width: 32px; height: 32px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 24px; } .form-item .select2-container--default .select2-selection--single .select2-selection__arrow::before { content: ""; position: absolute; width: 100%; height: 100%; background-image: url(/local/templates/.default/assets/css/../img/svg/select-arrow.svg); } .form-item .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2-search { position: relative; padding: 16px 32px 16px 60px; margin-bottom: 16px; } .select2-search::before { content: ""; position: absolute; width: 24px; height: 24px; background-image: url(/local/templates/.default/assets/css/../img/svg/form-search.svg); left: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .select2-search::after { content: ""; position: absolute; width: 95%; height: 1px; background-color: #24292d; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; } .select2-search__field { border: none !important; font-family: "Montserrat"; font-style: normal; font-weight: 400; font-size: 20px; line-height: 160%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #5c5c5c; } .select2-results__option { font-weight: 600; padding: 8px 16px; transition: 0.3s; } .select2-results__option:hover { background: #f3f3f3; } .select2-results__options::-webkit-scrollbar { width: 4px; } .select2-results__options::-webkit-scrollbar-track { background: #ffffff; } .select2-results__options::-webkit-scrollbar-thumb { background: #bdbfc2; } .ui-slider-handle.ui-corner-all.ui-state-default { width: 30px; height: 30px; left: 50%; top: 50%; -webkit-transform: translate(-5px, -15px); transform: translate(-5px, -15px); background: rgba(236, 75, 60, 0.3); border-color: transparent; border-radius: 50%; outline: none; } .ui-slider-handle.ui-corner-all.ui-state-default::before { content: ""; position: absolute; width: 20px; height: 20px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #ec4b3c; border-radius: 50%; } .ui-slider-range.ui-corner-all.ui-widget-header { background: #ec4b3c; height: 4px; top: -2px; } .accordion-toggle, .aside-product-more, .aside-product-checkbox label { cursor: pointer; } .header-item__with-icon svg { pointer-events: none; } .category-min__more { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: auto; cursor: pointer; } .bx-filter .bx-filter-popup-result { display: none; margin: 0; padding: 0; width: 100%; position: static; border: none; } .bx-filter .bx-filter-popup-result a { color: #fc3926; } .select2-container { width: 100% !important; } @media screen and (max-width: 560px) { .order-simple__error { font-size: 12px; } } .bx-filter-section { padding-top: 0 !important; } .b-popup { padding: 0; display: none; max-width: 710px; } .b-popup .popup__img { width: 100%; } .b-popup .popup__img img { width: 100%; } .b-popup .popup__inside { padding: 35px; background: #fff; } .b-popup .popup__title { margin-bottom: 16px; text-align: center; font-weight: 700; font-size: 32px; line-height: 120%; color: #212121; } .b-popup .popup__txt { margin-bottom: 24px; text-align: center; font-weight: 400; font-size: 20px; line-height: 160%; color: #5c5c5c; } .b-popup .popup__btn { margin: auto; max-width: 200px; } @media screen and (max-width: 720px) { .b-popup .popup__title { font-size: 22px; } .b-popup .popup__inside { padding: 20px 15px; } .b-popup .popup__txt { margin-bottom: 14px; font-size: 16px; } } /* к header-list__link профиля добавила класс is-user. */ .btn-check { font-weight: 600; font-size: 20px; color: #ec4b3c; } /* End */ /* Start:/local/templates/.default/assets/css/custom.css?174916186310626*/ body { margin: 0px; } .product__footer button { cursor: pointer; border: none; } .product__footer button.product__footer-btn-primary.active { background: transparent; border: 1px solid #EC4B3C; box-sizing: border-box; } .product__footer-btn-primary.active svg path { fill: #EC4B3C; } .header-list__link.bag .basket-number { background: #EC4B3C; padding: 0px 5px; color: #fff; font-weight: 600; font-size: 16px; line-height: 24px; min-width: 24px; border-radius: 16px; text-align: center; } #basket-total-template .basket-coupon-section { display: none; } .single-product__characteristics { display: flex; justify-content: space-between; flex-wrap: wrap; } .single-product__characteristics .single-product__characteristics-line { display: flex; justify-content: space-between; padding: 12px 0px; width: calc(50% - 30px); } .single-product__characteristics .single-product__characteristics-line:before { display: inline-block; flex: 1 1 auto; height: 1px; background: #DFE1E2; content: ""; order: 2; margin: 0 15px; position: relative; top: 15px; } .single-product__characteristics .single-product__characteristics-line .single-product__characteristics-line__title { font-weight: 400; font-size: 16px; line-height: 120%; color: #5C5C5C; order: 1; } .single-product__characteristics .single-product__characteristics-line .single-product__characteristics-line__value { font-weight: 600; font-size: 16px; line-height: 120%; color: #212121; text-align: right; order: 3; } .single-product__desc { font-weight: 400; font-size: 16px; line-height: 1.6; color: #5C5C5C; } .single-product__desc p { margin-bottom: 20px; } .single-product__desc h2 { font-size: 26px; color: #24292D; font-weight: 700; margin-bottom: 20px; } .single-product__desc h3 { font-size: 24px; color: #24292D; font-weight: 700; margin-bottom: 20px; } .single-product__desc h4 { font-size: 20px; color: #24292D; font-weight: 700; margin-bottom: 20px; } .single-product__desc ul { list-style: none; padding-left: 0px; } .single-product__desc ul li { padding-left: 28px; margin-bottom: 8px; font-weight: 400; font-size: 16px; line-height: 1.6; color: #555555; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; } .single-product__desc ul li::before { content: "■"; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; font-size: 20px; line-height: 160%; color: #E63331; } .single-product__delivery_pay { margin-bottom: 15px; font-weight: 400; font-size: 16px; line-height: 1.6; color: #5C5C5C; } .single-product__delivery_pay h3 { margin-bottom: 15px; font-weight: 700; font-size: 26px; line-height: 1.2; color: #212121; } .single-product__delivery_pay p { margin-bottom: 15px; } .single-product__guarantee { font-weight: 400; font-size: 16px; line-height: 1.6; color: #5C5C5C; } @media screen and (max-width: 768px) { .single-product__characteristics .single-product__characteristics-line { width: 100% ; } } @media screen and (max-width: 480px) { .single-product__characteristics .single-product__characteristics-line .single-product__characteristics-line__title { font-size: 14px; line-height: 1.2; } .single-product__characteristics .single-product__characteristics-line .single-product__characteristics-line__value { font-size: 14px; line-height: 1.2; } .single-product__desc h2 { font-size: 22px; } .single-product__desc h3 { font-size: 20px; } .single-product__desc h4 { font-size: 18px; } .single-product__delivery_pay h3 { font-size: 22px; } } .single-product__img-gallery { display: none; } .product__footer-btn._added svg path { fill: #EC4B3C; } .like._added svg path { fill: #EC4B3C; } @media screen and (min-width: 1401px) { .personal-area__main-wrapper .personal-area__widgets { display: none; } } .btn { display: inline-block; text-align: center; display: flex; align-items: center; justify-content: center; cursor: pointer; } input[type="submit"] { cursor: pointer; } .added-comparison__btn._added svg path { fill: #EC4B3C; } .header-list .bx_catalog_compare_count .toggle .link-comparison__number { display: none!important; } .favorites-product .favorites-product__content .favorites-product__content-inner .favorites-product__btns .favorites-product__btn .product__footer-btn__inner { display: none !important; } .product-sort__res.js-active-filters { display: flex; flex-wrap: wrap; } .product-sort__res.js-active-filters .product-sort__res-btn { margin: 0px 5px 5px 0px; } .product-sort__res.js-active-filters .product-sort__res-btn .delete-parent:hover svg path { fill: #EC4B3C; } @media screen and (max-width: 1300px) { .product-sort__res.js-active-filters { display: none; } } .single-product__img a.lightbox { max-height: 550px; display: flex; justify-content: center; align-items: center; overflow: hidden; } .single-product__img a.lightbox img { width: auto; height: auto; max-height: 100%; max-width: 100%; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .wishlist-cont > h2 { color: #EC4B3C; font-weight: 700; line-height: 1.2; font-size: 30px; padding: 40px 20px; text-align: center; } @media screen and (max-width: 720px) { .wishlist-cont>h2 { font-size: 20px; } } .header-info__menu .header-info__menu-item { white-space: nowrap; } .category-min__list .category-min__item .category-min__title { transition: color .3s ease-in-out; } .category-min__list .category-min__item:hover .category-min__title { color: #EC4B3C; } .category-min__list .category-min__item .category-min__link svg path { transition: fill .3s ease-in-out; } .category-min__list .category-min__item:hover .category-min__link svg path { fill: #EC4B3C; } .product .product__img { height: 250px; } @media screen and (max-width: 450px) { .product .product__img { height: auto; } } .main-white .notetext { display: block; color: #EC4B3C; font-weight: 700; line-height: 1.2; font-size: 30px; padding: 40px 20px; text-align: center; } @media screen and (max-width: 720px) { .main-white .notetext { font-size: 20px; } } .compare-products-title { height: 70px; display: inline-block; overflow: hidden; } body.no-scroll { overflow: hidden; } .certificates-list .slick-list .certificates-img { min-height: 620px; display: flex; align-items: center; justify-content: center; } .certificates-list .slick-list .certificates-img .lightbox { padding: 0px; } @media screen and (max-width: 992px) { .certificates-list .slick-list .certificates-img { min-height: 500px; } } @media screen and (max-width: 355px) { .certificates-list .slick-list .certificates-img { min-height: 350px; } } @media screen and (max-width: 1200px) { .header-list { margin-bottom: 0px; } .header-nav__item .header-list .header-list__item .header-list__link.bag { width: auto; padding: 12px; } } @media screen and (max-width: 700px) { .header-nav__item .header-list .header-list__item .header-list__link.bag { padding: 8px; } .header-nav__item .header-list .header-list__item .header-list__link.bag .basket-number { font-size: 10px; line-height: 18px; min-width: 18px; } } @media screen and (max-width: 420px) { .header-list { gap: 18px; } } .bx-sbb-empty-cart-text { line-height: 1.1; } @media screen and (max-width: 480px) { .bx-sbb-empty-cart-text { font-size: 20px; } } .main-basket section.main { flex-wrap: wrap; } .main-basket section.main #basket-warning { width: 100%; margin-bottom: 10px; } .main-basket section.main .main-inner { width: calc(100% - 600px); } @media screen and (max-width: 1400px) { .main-basket section.main .main-inner { width: calc(100% - 10px); } } @media screen and (max-width: 480px) { .main-basket section.main .main-inner { width: calc(100% - 10px); } } .form-footer { justify-content: space-between; } .form-footer .form-item__checkbox { width: 100%; max-width: calc(100% - 385px); } @media screen and (max-width: 750px) { .form-footer .form-item__checkbox { width: 100%; max-width: 100%; } } .js_open_search { cursor: pointer; } .personal-agreement__content .js-message { padding: 30px; text-align: center; background: #EC4B3C; color: #fff; text-align: center; font-weight: 700; font-size: 24px; display: block; width: 100%; margin: 15px 0px; } @media screen and (max-width: 750px) { .personal-agreement__content .js-message { padding: 10px; font-size: 18px; } } .error-img.open-product__block-img { display: flex; flex-direction: column; align-items: center; justify-content: center; } .personal-area__widget--agreement .personal-area__widget-title { margin-bottom: 12px; } .agreement-element { position: relative; cursor: pointer; font-weight: 400; font-size: 20px; line-height: 160%; color: #5c5c5c; padding: 12px 0px; } .agreement-element:before { width: 4px; top: 0px; left: -32px; background: #e84c3d; height: 100%; position: absolute; content: ""; opacity: 0; } .agreement-element.active { color: #ec4b3c; } .agreement-element.active:before { opacity: 1; } .agreement-element:hover { color: #ec4b3c; } .personal-area__widget--arrears .personal-area__widget-desc-1 { font-weight: 700; font-size: 22px; line-height: 120%; color: #ec4b3c; margin: 24px 0 8px; display: block; } .btns-group { display: flex; align-items: center; gap: 0px 12px; justify-content: flex-end; padding-top: 24px; } .btns-group .btn { margin: 0px !important; } .btn-download { display: flex; align-items: center; gap: 0px 12px; } .btn-download svg { width: 24px; height: 24px; } .btn-download svg path { stroke: #FFF; } .btn-download:hover svg path { stroke: #ec4b3c; } @media screen and (max-width: 1400px) { .agreement-element { padding: 8px 0px; font-size: 18px; } .agreement-element:before { left: -24px; } } @media screen and (max-width: 768px) { .btns-group { flex-direction: column; gap: 10px 0px; } .btns-group .btn { width: 100% !important; } } /* End */ /* Start:/local/templates/.default/assets/css/lk.css?171337851511458*/ .personal-banner-wrapper { position: relative; overflow: hidden; padding: 40px; background: #D0DDE8; } .personal-banner { display: flex; background: #fff; padding: 35px 30px 35px 40px; align-items: center; } .personal-banner__span { font-size: 12px; color: #5C5C5C; position: absolute; left: -20px; transform: rotate(-90deg); top: 50%; margin-top: -10px; } .personal-banner .personal-banner__img { margin-right: 40px; width: 80px; height: 80px; overflow: hidden; } .personal-banner .personal-banner__img img { width: 100%; height: 100%; object-position: center; object-fit: contain; } .personal-banner .personal-banner__content { width: calc(100% - 120px - 255px - 40px); max-width: 660px; } .personal-banner .personal-banner__btn { width: 255px; margin-left: auto; } .personal-banner .personal-banner__title { font-weight: 700; font-size: 20px; color: #212121; margin-bottom: 10px; line-height: 1.4; } .personal-banner .personal-banner__title h2 { font-weight: 700; font-size: 20px; color: #212121; } .personal-banner .personal-banner__text { font-size: 15px; color: #5C5C5C; } @media screen and (max-width: 1500px) { .personal-banner { padding: 30px 20px 30px 20px; } .personal-banner .personal-banner__title { font-size: 18px; } .personal-banner .personal-banner__title h2 { font-size: 18px; } .personal-banner .personal-banner__content { width: calc(100% - 120px - 200px - 40px); } .personal-banner .personal-banner__btn { width: 200px; } } @media screen and (max-width: 992px) { .personal-banner-wrapper { padding: 17px 17px 17px 27px; } .personal-banner__span { left: -30px; } .personal-banner { padding: 30px; } .personal-banner .personal-banner__img { margin-right: 30px; } .personal-banner .personal-banner__btn { width: 125px; } .personal-banner .personal-banner__btn .btn { font-size: 16px; } .personal-banner .personal-banner__content { width: calc(100% - 110px - 125px - 30px); } .personal-banner .personal-banner__title { font-size: 16px; } .personal-banner .personal-banner__title h2 { font-size: 16px; } } @media screen and (max-width: 768px) { .personal-banner-wrapper { padding: 20px 20px 20px 27px; } .personal-banner { padding: 30px 25px; flex-direction: column; } .personal-banner .personal-banner__img { width: 100%; height: 140px; margin-bottom: 20px; } .personal-banner .personal-banner__content { width: 100%; margin-bottom: 20px; } .personal-banner .personal-banner__title { font-size: 16px; } .personal-banner .personal-banner__text { font-size: 14px; } .personal-banner .personal-banner__title h2 { font-size: 16px; } .personal-banner .personal-banner__btn { margin-left: 0px; width: 100%; } .personal-banner .personal-banner__btn .btn { max-width: 125px; } .personal-area__main { padding: 0px; } } .information-agreement .personal-area__information-title { } .personal-area__information-name { font-weight: 700; font-size: 26px; line-height: 1.4; margin-bottom: 35px; } .personal-agreement { background: #F3F3F3; margin-bottom: 32px; } .personal-agreement.-active .personal-agreement__top:before { transform: rotate(-180deg); } .personal-agreement:last-child { margin-bottom: 0px; } .personal-agreement__top { padding: 24px 64px 24px 32px; position: relative; cursor: pointer; } .personal-agreement__top:before { width: 32px; height: 32px; content: ""; background: url(/local/templates/.default/assets/css/../img/svg/select-arrow.svg) no-repeat center; background-size: contain; position: absolute; top: 50%; margin-top: -16px; right: 30px; transition: all .3s ease-in-out; } .personal-agreement__title { color: #5C5C5C; font-weight: 500; font-size: 20px; } .personal-agreement__content { border-top: 1px solid #DFE1E2; padding: 24px 32px; display: none; } .personal-agreement__table { } .personal-agreement__table-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 16px; border-bottom: 1px solid #DFE1E2; color: #5C5C5C; font-weight: 500; font-size: 16px; } .personal-agreement__table-head .personal-agreement__table-id { width: 32px; margin-right: 16px; } .personal-agreement__table-head .personal-agreement__table-name { margin-right: 16px; width: calc(100% - 32px - 16px - 16px - 110px - 16px - 100px - 16px - 120px - 16px - 120px); } .personal-agreement__table-head .personal-agreement__table-count { margin-right: 16px; width: 110px; } .personal-agreement__table-head .personal-agreement__table-price { margin-right: 16px; width: 100px; } .personal-agreement__table-head .personal-agreement__table-date { margin-right: 16px; width: 120px; } .personal-agreement__table-head .personal-agreement__table-result { width: 120px; } .personal-agreement__table-tr { display: flex; justify-content: space-between; margin-bottom: 12px; padding: 4px 0px; font-size: 16px; color: #212121; font-weight: 700; } .personal-agreement__table-tr:last-child { margin-bottom: 0px; } .personal-agreement__table-tr .personal-agreement__table-id { width: 32px; margin-right: 16px; } .personal-agreement__table-tr .personal-agreement__table-name { margin-right: 16px; width: calc(100% - 32px - 16px - 16px - 110px - 16px - 100px - 16px - 120px); } .personal-agreement__table-tr .personal-agreement__table-name:before { font-weight: 500; font-size: 16px; line-height: 1.6; color: #5C5C5C; content: attr(data-title); display: none; margin-bottom: 8px; } .personal-agreement__table-tr .personal-agreement__table-count { margin-right: 16px; width: 110px; } .personal-agreement__table-tr .personal-agreement__table-count:before { font-weight: 500; font-size: 16px; line-height: 1.6; color: #5C5C5C; content: attr(data-title); display: none; } .personal-agreement__table-tr .personal-agreement__table-price { margin-right: 16px; width: 100px; } .personal-agreement__table-tr .personal-agreement__table-price:before { font-weight: 500; font-size: 16px; line-height: 1.6; color: #5C5C5C; content: attr(data-title); display: none; margin-bottom: 8px; } .personal-agreement__table-tr .personal-agreement__table-date { width: 120px; } .personal-agreement__table-tr .personal-agreement__table-date:before { font-weight: 500; font-size: 16px; line-height: 1.6; color: #5C5C5C; content: attr(data-title); display: none; margin-bottom: 8px; } .personal-agreement__table-block { display: flex; padding: 16px 0px; border-bottom: 1px solid #DFE1E2; margin-bottom: 16px; } .personal-agreement__table-block .personal-agreement__table-left { margin-right: 16px; width: calc(100% - 120px - 16px); } .personal-agreement__table-block .personal-agreement__table-right { width: 120px; } .personal-agreement__table-block .personal-agreement__table-right .personal-agreement__table-result { width: 100%; } .personal-agreement__table-block .personal-agreement__table-right .personal-agreement__table-result:before { font-weight: 500; font-size: 16px; line-height: 1.6; color: #5C5C5C; content: attr(data-title); display: none; margin-bottom: 8px; } .personal-agreement__table-block .personal-agreement__table-result input { width: 100%; height: 34px; background: #fff; border: 1px solid #9A9A9A; padding: 0px 12px; color: #5C5C5C; font-size: 16px; } .personal-agreement__content .btn { margin-top: 24px; width: auto; margin-right: 0px; margin-left: auto; min-width: 200px; } @media screen and (max-width: 1500px) { .personal-agreement__table-tr { font-size: 14px; } } @media screen and (max-width: 992px) { .personal-area__information-name { font-size: 24px; } .personal-agreement__title { font-size: 18px; } .personal-agreement__table-head { display: none; } .personal-agreement__table-tr { font-size: 16px; } .personal-agreement__table-tr { flex-wrap: wrap; } .personal-agreement__table-tr .personal-agreement__table-id { display: none; } .personal-agreement__table-tr .personal-agreement__table-name { width: 100%; margin-right: 0px; margin-bottom: 16px; } .personal-agreement__table-tr .personal-agreement__table-name:before { display: block; } .personal-agreement__table-tr .personal-agreement__table-count { width: calc(100%/3 - 10.6666px); } .personal-agreement__table-tr .personal-agreement__table-count:before { display: block; } .personal-agreement__table-tr .personal-agreement__table-price { width: calc(100%/3 - 10.6666px); } .personal-agreement__table-tr .personal-agreement__table-price:before { display: block; } .personal-agreement__table-tr .personal-agreement__table-date { width: calc(100%/3 - 10.6666px); } .personal-agreement__table-tr .personal-agreement__table-date:before { display: block; } .personal-agreement__table-block .personal-agreement__table-left { width: calc(100% - 100px - 16px); } .personal-agreement__table-block .personal-agreement__table-right { width: 100px; } .personal-agreement__table-block .personal-agreement__table-right .personal-agreement__table-result:before { display: block; } } @media screen and (max-width: 480px) { .personal-area__information-name { font-size: 20px; } .personal-agreement__title { font-size: 16px; } .personal-agreement__table-block { padding-top: 0px; flex-direction: column; } .personal-agreement__table-block .personal-agreement__table-left { width: 100%; margin-right: 0px; } .personal-agreement__table-block .personal-agreement__table-right { width: 100%; } .personal-agreement__table-tr .personal-agreement__table-name:before { display: none; } .personal-agreement__table-tr { font-size: 14px; } .personal-agreement__table-tr .personal-agreement__table-count { width: 100%; margin-right: 0px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .personal-agreement__table-tr .personal-agreement__table-count:before { margin-bottom: 0px; } .personal-agreement__table-tr .personal-agreement__table-price { width: 100%; margin-right: 0px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .personal-agreement__table-tr .personal-agreement__table-price:before { margin-bottom: 0px; } .personal-agreement__table-tr .personal-agreement__table-date { width: 100%; margin-right: 0px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; } .personal-agreement__table-tr .personal-agreement__table-date:before { margin-bottom: 0px; } .personal-agreement__table-block .personal-agreement__table-right .personal-agreement__table-result { display: flex; justify-content: space-between; align-items: center; } .personal-agreement__table-block .personal-agreement__table-right .personal-agreement__table-result:before { margin-bottom: 0px; } .personal-agreement__table-block .personal-agreement__table-result input { width: 80px; font-size: 14px; } } .product_count_hide { display: none; } /* End */ /* Start:/local/templates/main/template_styles.css?173082565086*/ .swiper-container-horizontal>.swiper-scrollbar{ width: 100%; left: 0; } /* End */ /* /local/templates/.default/assets/css/jquery.fancybox.min.css?171337851512795 */ /* /local/templates/.default/assets/css/select2.min.css?171337851516264 */ /* /local/templates/.default/assets/css/swiper.min.css?171337851519778 */ /* /local/templates/.default/assets/css/main.css?1759751161256605 */ /* /local/templates/.default/assets/css/custom.css?174916186310626 */ /* /local/templates/.default/assets/css/lk.css?171337851511458 */ /* /local/templates/main/template_styles.css?173082565086 */