

/* Start:/local/templates/wer_rediz_2021/libs/selectric/selectric.css?16203073223189*/
.selectric-wrapper{position:relative;cursor:pointer}.selectric-responsive{width:100%}.selectric{border:1px solid #ddd;border-radius:0;background:#f8f8f8;position:relative;overflow:hidden}.selectric .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 38px 0 10px;font-size:12px;line-height:38px;color:#444;height:38px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric .button{display:block;position:absolute;right:0;top:0;width:38px;height:38px;line-height:38px;background-color:#f8f8f8;color:#bbb;text-align:center;font:0/0 a}.selectric .button:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border:4px solid transparent;border-top-color:#bbb;border-bottom:none}.selectric-focus .selectric{border-color:#aaa}.selectric-hover .selectric{border-color:#c4c4c4}.selectric-hover .selectric .button{color:#a2a2a2}.selectric-hover .selectric .button:after{border-top-color:#a2a2a2}.selectric-open{z-index:9999}.selectric-open .selectric{border-color:#c4c4c4}.selectric-open .selectric-items{display:block}.selectric-disabled{opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric-hide-select{position:relative;overflow:hidden;width:0;height:0}.selectric-hide-select select{position:absolute;left:-100%}.selectric-hide-select.selectric-is-native{position:absolute;width:100%;height:100%;z-index:10}.selectric-hide-select.selectric-is-native select{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;z-index:1;box-sizing:border-box;opacity:0}.selectric-input{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important;width:1px!important;height:1px!important;outline:0!important;border:none!important;background:0 0!important}.selectric-temp-show{position:absolute!important;visibility:hidden!important;display:block!important}.selectric-items{display:none;position:absolute;top:100%;left:0;background:#f8f8f8;border:1px solid #c4c4c4;z-index:-1;box-shadow:0 0 10px -6px}.selectric-items .selectric-scroll{height:100%;overflow:auto}.selectric-above .selectric-items{top:auto;bottom:100%}.selectric-items li,.selectric-items ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:20px;min-height:20px}.selectric-items li{display:block;padding:10px;color:#666;cursor:pointer}.selectric-items li.selected{background:#e0e0e0;color:#444}.selectric-items li.highlighted{background:#d0d0d0;color:#444}.selectric-items li:hover{background:#d5d5d5;color:#444}.selectric-items .disabled{opacity:.5;cursor:default!important;background:0 0!important;color:#666!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric-items .selectric-group .selectric-group-label{font-weight:700;padding-left:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;color:#444}.selectric-items .selectric-group.disabled li{opacity:1}.selectric-items .selectric-group li{padding-left:25px}
/* End */


/* Start:/local/templates/wer_rediz_2021/libs/perfect-scrollbar/perfect-scrollbar.css?16203073221669*/
.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps__rail-x:focus,.ps__rail-x:hover,.ps__rail-y:focus,.ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#aaa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}
/* End */


/* Start:/local/templates/wer_rediz_2021/libs/fancybox/jquery.fancybox.min.css?162030732212795*/
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/wer_rediz_2021/libs/swiper/swiper.min.css?162030732219778*/
/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.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/wer_rediz_2019/styles/bundle.css?1627457662153519*/
@font-face {
    font-family: MyriadSetPro-Medium;
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Medium.eot);
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Medium.eot?#iefix) format("embedded-opentype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Medium.ttf) format("truetype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Medium.woff) format("woff"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Medium.woff2) format("woff2"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Medium.svg#MyFont) format("svg");
    font-weight: 400;

}

@font-face {
    font-family: MyriadSetPro-Bold;
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Bold.eot);
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Bold.ttf) format("truetype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Bold.woff) format("woff"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Bold.woff2) format("woff2"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Bold.svg#MyFont) format("svg");
    font-weight: 700;

}

@font-face {
    font-family: MyriadSetPro-BoldItalic;
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-BoldItalic.eot);
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-BoldItalic.ttf) format("truetype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-BoldItalic.woff) format("woff"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-BoldItalic.woff2) format("woff2"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-BoldItalic.svg#MyFont) format("svg");
    font-weight: 700;

}

@font-face {
    font-family: MyriadSetPro-Text;
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Text.eot);
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Text.eot?#iefix) format("embedded-opentype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Text.ttf) format("truetype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Text.woff) format("woff"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Text.woff2) format("woff2"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-Text.svg#MyFont) format("svg");
    font-weight: 700;

}

@font-face {
    font-family: MyriadSetPro-MediumItalic;
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-MediumItalic.eot);
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-MediumItalic.ttf) format("truetype"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-MediumItalic.woff) format("woff"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-MediumItalic.woff2) format("woff2"), url(/local/templates/wer_rediz_2019/styles/../fonts/MyriadSetPro-MediumItalic.svg#MyFont) format("svg");
    font-weight: 700;

}

@font-face {
    font-family: PTMono-Regular;
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/PTMono-Regular.eot);
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/PTMono-Regular.eot?#iefix) format("embedded-opentype"), url(/local/templates/wer_rediz_2019/styles/../fonts/PTMono-Regular.ttf) format("truetype"), url(/local/templates/wer_rediz_2019/styles/../fonts/PTMono-Regular.woff) format("woff"), url(/local/templates/wer_rediz_2019/styles/../fonts/PTMono-Regular.woff2) format("woff2"), url(/local/templates/wer_rediz_2019/styles/../fonts/PTMono-Regular.svg#MyFont) format("svg");
    font-weight: 700;

}


@font-face {
    font-family: Helvetica-Bold;
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/Helvetica-Bold.eot);
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/Helvetica-Bold.eot?#iefix) format("embedded-opentype"), url(/local/templates/wer_rediz_2019/styles/../fonts/Helvetica-Bold.ttf) format("truetype"), url(/local/templates/wer_rediz_2019/styles/../fonts/Helvetica-Bold.woff) format("woff"), url(/local/templates/wer_rediz_2019/styles/../fonts/Helvetica-Bold.woff2) format("woff2"), url(/local/templates/wer_rediz_2019/styles/../fonts/Helvetica-Bold.svg#MyFont) format("svg");
    font-weight: 700;

}

@font-face {
    font-family: Rouble;
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/rouble.eot);
    src: url(/local/templates/wer_rediz_2019/styles/../fonts/rouble.eot?#iefix) format("embedded-opentype"), url(/local/templates/wer_rediz_2019/styles/../fonts/rouble.ttf) format("truetype"), url(/local/templates/wer_rediz_2019/styles/../fonts/rouble.woff) format("woff"), url(/local/templates/wer_rediz_2019/styles/../fonts/rouble.woff2) format("woff2"), url(/local/templates/wer_rediz_2019/styles/../fonts/rouble.svg#MyFont) format("svg");
    font-weight: 700;

}

iframe {
    border: 0;
}

a, button, img, input, select, textarea {
    border: none;
    outline: 0
}

button:focus, select:focus {
    outline: 0
}

img {
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none;
    color: #56c5de;
    z-index: 1;
    position: relative
}

form label {
    z-index: 1;
    position: relative
}

body, h1, h2, h3, h4, h5, p, ul, .size-h4, .main_section_medicament .h3 {
    margin: 0;
    padding: 0;
    color: #666;
    font-family: MyriadSetPro-Medium;
    display: block;
}

.main_section_medicament .h3 {
    font-size: 18px;
    font-weight: bold;
}

body {
    font-size: 16px
}

h1 {
    font-size: 28px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 18px
}

h4, .size-h4 {
    font-size: 16px
}

.size-h4 {
    display: block;
}

.wrapper {
    max-width: 1270px;
    padding: 0 30px;
    margin: 0 auto;
    box-sizing: border-box
}

.link, span.link {
    color: #56c5de;
    position: relative;
    cursor: pointer;
}

.link::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 0;
    border-bottom: 1px dashed #56c5de;
    width: 100%;
    height: 1px;
    opacity: 1;
    transition: all .3s
}

.scrolling-top {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 0 0 2px;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .15);
    z-index: 100
}

.scrolling-top .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.scrolling-top .logotype {
    height: 64px;
    padding-top: 5px;
    box-sizing: border-box
}

.scrolling-top .likes-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 47px;
    padding: 9px 0 0;
    width: 208px;
    box-sizing: content-box;
}

.scrolling-top .likes-cart .look {
    padding: 2px;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/eye.svg) no-repeat top center;
    position: relative
}

.scrolling-top .likes-cart .look span {
    display: flex;
    width: 25px;
    height: 25px;
    padding-top: 1px;
    background-color: orange;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    right: -5px;
    top: -14px
}

.scrolling-top .likes-cart .like {
    padding: 2px;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/heart.png) no-repeat top center;
    position: relative
}

.scrolling-top .likes-cart .like span {
    display: flex;
    width: 25px;
    height: 25px;
    padding-top: 1px;
    background-color: orange;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    right: -5px;
    top: -14px
}

.scrolling-top .likes-cart .cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.scrolling-top .likes-cart .cart .products {
    position: relative;
    padding-right: 8px;
    width: 34px;
    height: 34px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/cart-40.svg) no-repeat top center;
    margin-left: -4px
}

.scrolling-top .likes-cart .cart .products span {
    display: flex;
    width: 25px;
    height: 25px;
    padding-top: 1px;
    background-color: orange;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    right: -5px;
    top: -12px
}

.scrolling-top .likes-cart .cart .price {
    color: #56c5de;
    font-size: 20px;
    font-family: MyriadSetPro-Bold
}

.scrolling-top .likes-cart .cart .price i {
    width: 15px;
    height: 16px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/rouble-blue.svg) no-repeat left -34px bottom;
    display: inline-block
}

.scrolling-top .scroll-search {
    padding-top: 8px
}

.scrolling-top .scroll-search form {
    border: 2px solid #56c5de;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    width: 716px;
    max-width: 716px;
    background: #fff
}

.scrolling-top .scroll-search form label {
    position: absolute;
    top: 0;
    left: 15px;
    line-height: 43px;
    height: 43px;
    color: #999
}

.scrolling-top .scroll-search form input[type=submit] {
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 2px;
    height: 37px;
    width: 97px;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 0 23px 0 0;
    box-sizing: border-box;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/lupa-01.svg) no-repeat center right 8px #56c5de
}

.scrolling-top .scroll-search form input[type=text] {
    border: none;
    font: 16px MyriadSetPro-Medium;
    color: #333;
    height: 43px;
    box-sizing: border-box;
    line-height: 43px;
    padding-left: 15px
}

.scrolling-top .scroll-search form .populars {
    position: absolute;
    top: 43px;
    left: -2px;
    background: #fff;
    z-index: 90;
    width: 100%;
    border-left: 2px solid #56c5de;
    border-right: 2px solid #56c5de;
    border-bottom: 2px solid #56c5de;
    padding-bottom: 6px;
    display: none
}

.scrolling-top .scroll-search form .populars h5 {
    color: #ccc;
    font: 18px MyriadSetPro-Bold;
    padding: 12px 15px 11px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 6px
}

.scrolling-top .scroll-search form .populars p {
    padding: 5px 15px;
    color: #333;
    cursor: pointer
}

header.main-header {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 25px;
    box-sizing: border-box
}

.content_header {
    min-height: auto !important;
}

header.main-header .your-town {
    position: absolute;
    width: 280px;
    top: 70px;
    left: -40px;
    padding: 25px 25px 20px 25px;
    box-sizing: border-box;
    background: #fff;
    z-index: 20;
    box-shadow: 0 8px 20px 2px rgba(0, 0, 0, .12);
    border-radius: 5px;
    display: none;
    z-index: 250;
}

header.main-header .your-town.scroll {
    z-index: 500 !important;
    position: fixed !important;
    top: 452px
}

header.main-header .your-town p:first-child {
    color: #000;
    font-size: 16px;
    padding-bottom: 15px
}

header.main-header .your-town div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

header.main-header .your-town div .btn {
    width: 52px;
    height: 32px;
    border-radius: 0;
    font-size: 14px;
    cursor: pointer;
}

header.main-header .your-town div .link {
    font-size: 14px;
    padding-bottom: 3px;
    cursor: pointer;
}

header.main-header .your-town div .link:before {
    top: 15px
}

header.main-header .your-town .mess {
    font-size: 12px;
    text-align: center;
    color: #000;
    margin-top: 14px
}

@media only screen and (min-width: 1271px) {
    header.main-header .bottom.chng-display-flex {
        display: inline-flex;
    }
}

@media only screen and (max-width: 660px) {
    .town-list-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }


    .town-list-item a, .town-list-item span {
        text-align: left;
        width: 48%;
        white-space: nowrap;
        cursor: pointer;
    }


    .town-list-item a:last-child, .town-list-item span:last-child {
        margin-right: 0;
    }
}

header.main-header .topper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    line-height: 1;
}

header.main-header .topper .towns-block {
    padding: 30px 10px 14px 0;
    height: 62px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/place-icon.svg) no-repeat left top 29px;
    cursor: pointer;
}

header.main-header .topper .towns-block a {
    text-decoration: none;
}

header.main-header .topper .towns-block a:hover {
    text-decoration: none;
}

header.main-header .topper .towns-block .link {
    margin-left: 8px
}

header.main-header .topper .links-header {
    padding: 30px 10px 15px;
    height: 62px;
    box-sizing: border-box
}

header.main-header .topper .links-header a {
    color: #56c5de
}

header.main-header .topper .links-header a:first-child {
    margin-right: 14px
}

header.main-header .topper .registors {
    background-color: #f9f8f6;
    padding: 30px 10px 15px;
    width: 208px;
    text-align: center;
    height: 62px;
    box-sizing: border-box;
    font-family: MyriadSetPro-Bold
}

header.main-header .topper .registors a, header.main-header .topper .registors > span {
    color: #666;
    font-family: MyriadSetPro-Bold;
    text-decoration: underline;
    cursor: pointer;
}

header.main-header .topper .avtorization {
    width: 209px;
    box-sizing: border-box;
    padding: 20px 0 0;
    position: relative;
    background: #fff;
    border-radius: 0 0 3px 3px
}

header.main-header .topper .avtorization.hov {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .1);
    text-align: right;
}

header.main-header .topper .avtorization .avtor {
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    z-index: 560;
    position: relative;
    box-sizing: border-box;
    min-height: 40px;
}

header.main-header .topper .avtorization .avtor a {
    color: #56c5de;
    text-decoration: underline;
    font: 16px MyriadSetPro-Medium;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/arr-down.svg) no-repeat right center;
    display: block;
    margin-left: 10px;
    padding-right: 20px;
    transition: all .3s;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header.main-header .topper .avtorization .avtor img {
    border-radius: 50%;
    margin-right: 20px
}

header.main-header .topper .avtorization .inters {
    position: absolute;
    top: 60px;
    right: 0;
    width: 100%;
    padding: 20px 10px 8px 80px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .18);
    border-radius: 0 0 4px 4px;
    z-index: 500;
    display: none;
    width: 100%;
    text-align: left;
}

header.main-header .topper .avtorization .inters a {
    display: block;
    color: #666;
    padding-bottom: 15px;
    transition: all .3s
}

header.main-header .header-contacts {
    padding: 28px 10px 15px 60px;
    height: 62px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between
}

header.main-header .header-contacts .phone-header {
    color: #333;
    font: 24px MyriadSetPro-Bold;
    margin-right: 10px
}

header.main-header .header-contacts p {
    color: #999;
    font-family: MyriadSetPro-Bold
}

header.main-header .header-contacts p .link {
    font-family: MyriadSetPro-BoldItalic;
    margin-left: 3px
}

header.main-header .middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .6s
}

header.main-header .middle .mobile-burg {
    margin-top: 17px;
    display: none
}

header.main-header .middle .mobile-burg img {
    width: 20px;
    min-width: 20px
}

header.main-header .middle.scrolling-top {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    padding-bottom: 20px;
    justify-content: center;
    transition: all .6s;
    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .15);
    z-index: 100
}

header.main-header .middle.scrolling-top .search {
    padding-left: 30px;
    padding-right: 30px
}

header.main-header .middle .logotype {
    height: 64px;
    padding-top: 14px;
    box-sizing: border-box
}

header.main-header .middle #lottieabout {
    width: 219px
}

header.main-header .middle .likes-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 47px;
    box-sizing: border-box;
    padding: 18px 0 0;
    width: 208px;
    box-sizing: content-box;
.
}

header.main-header .middle .likes-cart .look {
    padding: 2px;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/eye.svg) no-repeat top center;
    position: relative
}

header.main-header .middle .likes-cart .look span {
    display: flex;
    width: 25px;
    height: 25px;
    padding-top: 1px;
    background-color: orange;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    right: -5px;
    top: -14px
}

header.main-header .middle .likes-cart .like {
    padding: 2px;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/heart.png) no-repeat top center;
    position: relative
}

header.main-header .middle .likes-cart .like span {
    display: flex;
    width: 25px;
    height: 25px;
    padding-top: 1px;
    background-color: orange;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    right: -5px;
    top: -14px
}

header.main-header .middle .likes-cart .cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

header.main-header .middle .likes-cart .cart .products {
    position: relative;
    padding-right: 8px;
    width: 34px;
    height: 34px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/cart-40.svg) no-repeat top center;
    margin-left: -4px
}

header.main-header .middle .likes-cart .cart .products span {
    display: flex;
    width: 25px;
    height: 25px;
    padding-top: 1px;
    background-color: orange;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    right: -5px;
    top: -12px
}

header.main-header .middle .likes-cart .cart .price {
    color: #56c5de;
    font-size: 20px;
    font-family: MyriadSetPro-Bold
}

header.main-header .middle .likes-cart .cart .price i {
    width: 15px;
    height: 16px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/rouble-blue.svg) no-repeat left -34px bottom;
    display: inline-block
}

header.main-header .search {
    padding-top: 17px
}

header.main-header .search form {
    border: 2px solid #56c5de;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    width: 716px;
    max-width: 716px;
    background: #fff
}

header.main-header .search form label {
    position: absolute;
    top: 0;
    left: 15px;
    line-height: 43px;
    height: 43px;
    color: #999
}

header.main-header .search form input[type=submit] {
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 2px;
    height: 37px;
    width: 97px;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 0 23px 0 0;
    box-sizing: border-box;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/lupa-01.svg) no-repeat center right 8px #56c5de
}

header.main-header .search form input[type=text] {
    border: none;
    font: 16px MyriadSetPro-Medium;
    color: #333;
    height: 43px;
    box-sizing: border-box;
    line-height: 43px;
    padding-left: 15px
}

header.main-header .search form .populars {
    position: absolute;
    top: 43px;
    left: -2px;
    background: #fff;
    z-index: 90;
    width: 100%;
    border-left: 2px solid #56c5de;
    border-right: 2px solid #56c5de;
    border-bottom: 2px solid #56c5de;
    padding-bottom: 6px;
    display: none
}

header.main-header .search form .populars h5 {
    color: #ccc;
    font: 18px MyriadSetPro-Bold;
    padding: 12px 15px 11px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 6px
}

header.main-header .search form .populars p {
    padding: 5px 15px;
    color: #333;
    cursor: pointer
}

header.main-header .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding-top: 26px
}

header.main-header .bottom .actions {
    display: flex;
    align-items: center;
    justify-content: space-between
}

header.main-header .bottom .actions .days-product {
    /*   width: 208px;*/
    margin-left: 20px
}

header.main-header .bottom .actions .brands {
    /*   width: 208px;*/
    margin-right: 20px
}

header.main-header .bottom .menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 3
}

header.main-header .bottom .menu .btn {
    margin-right: 20px
}

header.main-header .bottom .menu .mobile-address, header.main-header .bottom .menu .mobile-close-menu {
    display: none;
    z-index: 20;
    position: relative
}

header.main-header .bottom .menu .has-list .btn.active {
    border: 2px solid #56c5de;
    background: #fff;
    color: #56c5de
}

header.main-header .bottom .menu .has-list .inner-menu {
    width: 1210px;
    position: absolute;
    top: 30px;
    left: -12px;
    padding: 10px 12px
}

header.main-header .bottom .menu .has-list .inner-menu .wrap-menu {
    padding: 20px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .1);
    display: flex;
    box-sizing: border-box;
    background: #fff;
    position: relative;
    z-index: 40
}

header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .mobile-navigation {
    display: none
}

header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul {
    list-style: none;
    width: 100%;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li {
    width: 390px;
    /* float: left*/
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 0;
}

header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li a {
    display: block;
    font: 15px MyriadSetPro-Medium;
    padding: 0 10px 5px 10px;
    height: 28px;
    box-sizing: border-box;
    color: #666;
    transition: all .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .menu-banner a {
    display: block;
    padding: 0 15px 15px 15px;
    width: 280px;
    line-height: 0
}

header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .menu-banner a img {
    max-width: 100%
}

header.main-header .bottom .mobile-catalog {
    display: none
}

header.main-header .bottom .mobile-menu {
    display: none
}


header.main-header .menu-gamburg a, header.main-header .menu-gamburg span {
    display: block;
    cursor: pointer;
}

header.main-header #menu-closer {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    display: none
}

header.main-header .bottom.scrolling {
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    z-index: 100;
    padding-top: 20px;
    box-sizing: border-box;
    z-index: 500;
}

header.main-header .bottom.scrolling #menu-gamburg {
    display: block !important
}

header.main-header .bottom.scrolling .burg-close {
    display: block !important
}

header.main-header .bottom.scrolling h4 {
    background-image: none !important
}

header.main-header #scroll-menu {
    padding: 10px 15px;
    background: linear-gradient(90deg, #fff 0, transparent 80%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 90;
    display: none
}

header.main-header #scroll-menu a {
    display: inline-block;
    margin-right: 8px
}

header.main-header #scroll-search {
    position: fixed;
    z-index: 92;
    top: 0;
    left: 56px;
    width: calc(100% - 71px);
    display: none
}

header.main-header #scroll-search .sc-s {
    padding: 2px 0
}

header.main-header #scroll-search .sc-s form {
    border: 2px solid #56c5de;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 2px;
    position: relative;
    background: #fff
}

header.main-header #scroll-search .sc-s form label {
    position: absolute;
    top: 0;
    left: 8px;
    line-height: 43px;
    height: 43px;
    color: #999
}

header.main-header #scroll-search .sc-s form input[type=submit] {
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 2px;
    height: 37px;
    width: 37px;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 0 23px 0 0;
    box-sizing: border-box;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/lupa-01.svg) no-repeat center right 8px #56c5de
}

header.main-header #scroll-search .sc-s form input[type=text] {
    border: none;
    font: 16px MyriadSetPro-Medium;
    color: #666;
    height: 43px;
    box-sizing: border-box;
    line-height: 43px;
    padding-left: 8px
}

header.main-header #scroll-search .sc-s form .populars {
    position: absolute;
    top: 43px;
    left: -2px;
    background: #fff;
    z-index: 90;
    width: 100%;
    border-left: 2px solid #56c5de;
    border-right: 2px solid #56c5de;
    border-bottom: 2px solid #56c5de;
    padding-bottom: 6px;
    display: none
}

header.main-header #scroll-search .sc-s form .populars h5 {
    color: #ccc;
    font: 18px MyriadSetPro-Bold;
    padding: 12px 15px 11px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 6px
}

header.main-header #scroll-search .sc-s form .populars p {
    padding: 5px 15px;
    color: #333;
    cursor: pointer
}

.btn {
    height: 30px;
    box-sizing: border-box;
    /*padding: 6px 22.5px;*/
    border-width: 2px;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    cursor: pointer
}

.orderlist .btn {
    display: inline-block;
    line-height: 0.6;
}

#promocode-element-container .btn {
    display: inline-flex;
}

.take-a-gift {
    width: 100%;
    margin: 0 auto;
}

.aqua {
    background-color: #56c5de;
    border-radius: 3px;
    transition: all .3s;
    cursor: pointer;
    border-color: #56c5de
}

.wild {
    background-color: #ff5f6b;
    transition: all .3s;
    cursor: pointer;
    border-radius: 3px;
    border-color: #ff5f6b
}

.blum {
    background-color: #fff;
    transition: all .3s;
    cursor: pointer;
    border-color: #56c5de;
    color: #56c5de
}

.oform {
    background-color: #61c8b1;
    transition: all .3s;
    cursor: pointer;
    border-radius: 3px;
    border-color: #61c8b1
}

.fancybox-is-open .fancybox-bg {
    background: #e7e7e7;
    opacity: .8
}

.fancy-open {
    max-width: 470px;
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
    display: none;
    border-radius: 3px;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .1)
}

.fancy-open h4, .modal-header > span, #deliver > span {
    display: block;
    font: 21px MyriadSetPro-Bold;
    color: #666;
    text-align: center;
    padding-bottom: 20px
}

.fancy-open h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #f33;
    text-align: center;
    font-family: MyriadSetPro-Text;
    padding-bottom: 4px
}

.fancy-open p {
    font-size: 18px;
    text-align: center
}

.fancy-open .buttons {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 30px
}

.fancy-open .buttons a {
    display: block;
    color: #fff;
    width: 143px;
    height: 40px;
    font: 14px MyriadSetPro-Bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    transition: all .3s
}

.fancy-open .buttons a.back {
    background-color: orange
}

.fancy-open .fancybox-close-small {
    width: 63px;
    height: 63px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/fancy-close.svg) no-repeat center center
}

.fancy-open .fancybox-close-small svg {
    display: none
}

.fancy-open form {
    text-align: center;
    margin: 0;
}

.fancy-open form .inner-flex {
    margin: 30px 0 40px
}

.fancy-open form input[type=tel] {
    max-width: 275px
}

.fancy-open .mess {
    font-size: 14px;
    text-align: center;
    line-height: 20px
}

.fancy-open .mess a {
    color: #56c5de
}

.fancy-open .light {
    color: #ccc;
    font-size: 16px;
    font-family: MyriadSetPro-Text;
    text-align: left;
    margin-bottom: 15px
}

.fancy-open .towns div.flex {
    display: flex;
    flex-flow: column wrap
}

.fancy-open .towns div a, .fancy-open .towns div span {
    color: #56c5de;
    font-size: 14px;
    display: block;
    padding: 4px 11px 4px 0;
    cursor: pointer
}

.fancy-open .towns div span:hover {
    text-decoration: underline;
}

.fancy-open .towns .link {
    font-size: 14px;
    display: inline-block;
    margin-top: 36px
}

.fancy-open .towns #else {
    display: none;
    padding-top: 43px
}

.link.fancy-click {
    cursor: pointer;
}

form .inner-flex {
    display: flex;
    align-items: center;
    justify-content: center
}

form input[type=email], form input[type=password], form input[type=tel], form input[type=text], form input[type=url], form textarea {
    padding: 15px 25px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    color: #666;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box
}

form input[type=email]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, form input[type=tel]::-webkit-input-placeholder, form input[type=text]::-webkit-input-placeholder, form input[type=url]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
    color: #ccc;
    font: 16px MyriadSetPro-Text;
    line-height: 20px
}

form input[type=email]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form input[type=tel]:-ms-input-placeholder, form input[type=text]:-ms-input-placeholder, form input[type=url]:-ms-input-placeholder, form textarea:-ms-input-placeholder {
    color: #ccc;
    font: 16px MyriadSetPro-Text;
    line-height: 20px
}

form input[type=email]::-ms-input-placeholder, form input[type=password]::-ms-input-placeholder, form input[type=tel]::-ms-input-placeholder, form input[type=text]::-ms-input-placeholder, form input[type=url]::-ms-input-placeholder, form textarea::-ms-input-placeholder {
    color: #ccc;
    font: 16px MyriadSetPro-Text;
    line-height: 20px
}

form input[type=email]::placeholder, form input[type=password]::placeholder, form input[type=tel]::placeholder, form input[type=text]::placeholder, form input[type=url]::placeholder, form textarea::placeholder {
    color: #ccc;
    font: 16px MyriadSetPro-Text;
    line-height: 20px
}

form .tel-img {
    width: 50px;
    height: 50px;
    min-width: 50px;
    display: inline-block;
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/submit-phone.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    background-size: contain;
    margin-left: 15px;
    cursor: pointer
}

.mobile-links {
    /*   display: none;
       height: 330px;*/
    position: relative;
    max-width: 100%
}

.mobile-links .links {
    /*  position: absolute;
      display: none;*/
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
    max-width: 100%;
    box-sizing: border-box
}

.mobile-links .links a, .mobile-links .links span {
    font-size: 14px;
    width: 100%;
    display: block;
    overflow: hidden;
    color: #666;
    display: block;
    padding: 4px 0;
    /*width: 203px;*/
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s
}

.mobile-links .links:first-child {
    display: block
}

.drugs {
    display: flex;
    padding-top: 50px
}

.drugs .item {
    width: 246px
}

.drugs h4, .drugs .size-h4 {
    font: 24px MyriadSetPro-Bold;
    color: #333;
    padding-bottom: 20px
}

.drugs h4 a, .drugs .size-h4 {
    color: #333;
    cursor: pointer;
}

.drugs .div-link {
    cursor: pointer;
}

.drugs .links a, .drugs .links span {
    color: #666;
    display: block;
    padding: 4px 0;
    width: 203px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
    cursor: pointer;
}

.drugs .links a.all-links, .drugs .links span.all-links {
    color: #56c5de;
    margin-top: 5px;
    display: block;
    margin-bottom: 20px
}

.drugs.owl-carousel .owl-stage-outer {
    width: 100%
}

.drugs.owl-carousel .owl-nav button.owl-next, .drugs.owl-carousel .owl-nav button.owl-prev {
    width: 32px;
    height: 32px
}

.drugs.owl-carousel .owl-nav button.owl-next {
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/slider-right.svg) no-repeat center center;
    cursor: pointer
}

.drugs.owl-carousel .owl-nav button.owl-prev {
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/slider-left.svg) no-repeat center center;
    cursor: pointer
}

.drugs .owl-nav {
    width: 100%;
    display: flex !important;
    justify-content: space-between;
    position: absolute;
    top: 10px
}

.products-section-drugs {
    /* padding-bottom: 40px*/
    padding-bottom: 0;
}

.products-section-drugs .prod {
    width: 220px
}

.products-section-drugs .prod .link-prod {
    width: 100%;
    height: 100%;
    padding: 20px 20px 20px;
    display: block;
    box-sizing: border-box;
    transition: all .3s
}

.products-section-drugs .prod .link-prod a:not(.btn), .products-section-drugs .prod .link-prod span:not(.btn) {
    display: block;
    width: auto !important
}

.products-section-drugs .prod .link-prod img {
    max-width: 100%;
    max-height: 160px;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px
}

.products-section-drugs .prod .link-prod h3 {
    font: 12px MyriadSetPro-Medium;
    color: #333;
    white-space: pre-wrap;
    overflow: hidden;
    padding-bottom: 2px
}

.products-section-drugs .prod .link-prod h3:first-line {
    font-size: 18px;
}

.products-section-drugs .prod .link-prod .description {
    height: 27px;
    margin-bottom: 18px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.products-section-drugs .prod .link-prod .description p {
    font-size: 12px;
    padding-right: 11px
}

.products-section-drugs .prod .link-prod .price p {
    font-size: 13px;
    color: #333;
    padding-bottom: 3px
}

.products-section-drugs .prod .link-prod .price span {
    font-size: 22px;
    color: #333;
    font-family: MyriadSetPro-Medium
}

.products-section-drugs .prod .link-prod .price.sale span {
    font-size: 22px;
    color: #f33;
    font-family: MyriadSetPro-Bold
}

.products-section-drugs .prod .link-prod .price span b {
    position: relative;
    left: -3px;
    width: 15px;
    height: 16px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/rouble-dark.svg) no-repeat left -70px bottom;
    display: inline-block
}

.products-section-drugs .prod .link-prod .price.sale span b {
    position: relative;
    left: -3px;
    width: 15px;
    height: 16px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/rouble.svg) no-repeat left -34px bottom;
    display: inline-block
}

.products-section-drugs .prod .btn {
    width: 130px;
    height: 40px;
    margin-left: 0;
    margin-top: 15px;
    font-size: 14px;
    font-family: MyriadSetPro-Bold;
    text-align: center;
    padding-top: 10px;
    color: #56c5de
}

.products-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 40px
}

.products-section .prod {
    width: 220px
}

.products-section .prod .link-prod {
    width: 100%;
    height: 100%;
    padding: 20px 20px 20px;
    display: block;
    box-sizing: border-box;
    transition: all .3s
}

.products-section .prod .link-prod a {
    display: block
}

.products-section .prod .link-prod img {
    max-width: 100%;
    max-height: 160px;
    display: block;
    margin: 0 auto;
    padding-bottom: 10px
}

.products-section .prod .link-prod .h3 {
    display: block;
    font: 18px MyriadSetPro-Medium;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 2px
}

.products-section .prod .link-prod .description {
    height: 27px;
    margin-bottom: 18px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.products-section .prod .link-prod .description p {
    font-size: 12px;
    padding-right: 11px;
    margin: 0;
}

.products-section .prod .link-prod .price p {
    font-size: 13px;
    color: #333;
    padding-bottom: 3px;
    margin: 0;
}

.products-section .prod .link-prod .price span {
    font-size: 22px;
    color: #f33;
    font-family: MyriadSetPro-Bold
}

.products-section .prod .link-prod .price span b {
    position: relative;
    left: -3px;
    width: 15px;
    height: 16px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/rouble.svg) no-repeat left -34px bottom;
    display: inline-block
}

.products-section .prod .btn {
    width: 130px;
    height: 40px;
    margin-left: 0;
    margin-top: 15px;
    font-size: 14px;
    font-family: MyriadSetPro-Bold;
    text-align: center;
    padding-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 0;
}

.products-section .prod button.btn {
    padding-top: 0px !important;
}

.bannera {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.bannera .item-ban {
    width: 49%;
    display: flex;
    background: #f8f8f8;
    padding: 30px;
    box-sizing: border-box
}

.bannera .item-ban .images {
    padding-right: 10px
}

.bannera .item-ban .images img {
    padding-right: 15px;
    padding-left: 5px
}

.bannera .item-ban .h4 {
    display: block;
    color: #000;
    font: 30px MyriadSetPro-Bold
}

.bannera .item-ban p {
    color: #aeaeae;
    text-transform: uppercase;
    font-size: 13px;
    font-family: MyriadSetPro-Bold;
    padding-top: 16px;
    letter-spacing: .2px;
    line-height: 17px
}

.owl-carousel .owl-item img {
    width: auto !important
}

.owl-dots {
    display: flex;
    justify-content: center
}

.owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    background-color: #62c8b2 !important;
    display: block;
    margin-right: 20px;
    border-radius: 10px
}

.owl-dots .owl-dot:last-child {
    margin-right: 0
}

.owl-dots .owl-dot.active {
    background-color: #ff5f6b !important
}

.offers {
    margin-top: 25px;
    overflow: hidden
}

.offers .gradi {
    padding: 4px;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    height: 100%;
    box-sizing: border-box
}

.offers .gradi > div {
    background: #fff;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.offers h2, .offers .h2 {
    display: block;
    color: #f33;
    font: 26px MyriadSetPro-Bold;
    padding-bottom: 10px
}

.offers p {
    color: #333;
    font-size: 18px
}

.offers .offering {
    padding: 15px 20px 30px 38px
}

.offers .first-offer {
    width: 386px;
    float: left;
    height: 408px;
    box-sizing: border-box;
    display: block
}

.offers .second-offer {
    float: right;
    width: 793px;
    height: 191px;
    box-sizing: border-box;
    display: block
}

.offers .second-offer .gradi > div {
    display: flex
}

.offers .second-offer .gradi > div .image {
    min-width: 382px;
    line-height: 0
}

.offers .second-offer .gradi > div .offering {
    padding-top: 36px
}

.offers .third-offer {
    float: left;
    width: 386px;
    margin-left: 31px;
    margin-top: 26px;
    height: 191px;
    box-sizing: border-box;
    display: block
}

.offers .third-offer .offering {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px 0 10px
}

.offers .third-offer .gradi > div {
    display: flex
}

.offers .third-offer .gradi > div .image {
    padding-left: 10px
}

.offers .third-offer .gradi > div .image img {
    min-width: 191px
}

.offers .fourth-offer {
    float: right;
    width: 386px;
    height: 191px;
    box-sizing: border-box;
    margin-top: 26px;
    display: block
}

.offers .fourth-offer .gradi > div {
    display: flex
}

.offers .fourth-offer .gradi > div .image {
    padding-left: 10px
}

.offers .fourth-offer .gradi > div .image img {
    min-width: 191px
}

.offers .fourth-offer .gradi > div .offering {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px 0 10px
}

.link-all {
    font: 16px MyriadSetPro-Bold;
    color: #56c5de;
    display: table;
    transition: all .3s
}

.link-all.offer-link {
    margin-top: 20px
}

section h2, section .title-h2 {
    font: 30px MyriadSetPro-Medium;
    color: #333;
    padding-top: 30px !important;

    padding-bottom: 5px;
    position: relative;
    display: table;
}

section h2:after, section .title-h2:after {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    position: absolute;
    bottom: -1px;
    left: 0
}

section header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 30px
}

section header .link-all {
    padding-bottom: 10px
}

.reviews .rev-items {
    padding-top: 30px;
    display: block
}

.reviews .rev-items .item {
    padding-bottom: 30px
}

.reviews .rev-items .item .h3 {
    font: 21px MyriadSetPro-Bold;
    color: #333
}

.reviews .rev-items .item blockquote {
    margin: 0;
    padding: 0;
    padding: 20px 20px 20px 40px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/quote.svg) no-repeat left top 20px
}

.reviews .rev-items .item blockquote p {
    font: 18px MyriadSetPro-Text;
    color: #000;
    line-height: 24px
}

.reviews .rev-items .item blockquote cite {
    font-style: normal;
    padding-top: 13px;
    color: #48d1cc;
    display: inline-block
}

.assessment {
    padding-left: 67px
}

.assessment h2 {
    margin-bottom: 50px
}

.assessment .yandex-block {
    width: 280px;
    height: 350px;
    box-sizing: border-box
}

.assessment .yandex-block .gradi {
    background: linear-gradient(#56c5de, #61c8b1);
    padding: 4px;
    height: 100%;
    width: 100%;
    box-sizing: border-box
}

.assessment .yandex-block .gradi .inner-content {
    background: #fff;
    height: 100%;
    width: 100%;
    padding: 19px 30px 28px;
    box-sizing: border-box;
    text-align: center
}

.assessment .yandex-block .gradi .inner-content .head {
    font-size: 24px;
    color: #000;
    text-align: center
}

.assessment .yandex-block .gradi .inner-content .assess {

}

.assessment .yandex-block .gradi .inner-content .stars img {
    padding: 1px
}

.assessment .yandex-block .gradi .inner-content .text {
    color: #000;
    font-size: 14px;
    padding: 16px 5px 18px
}

.assessment .yandex-block .gradi .inner-content .btn {
    width: 144px;
    height: 40px;
    font-size: 14px;
    border-radius: 0;
    font-family: MyriadSetPro-Medium;
    margin: 0 auto
}

.reviews-section {
    display: flex;
    justify-content: space-between
}

.form-styles .aqua {
    height: 40px;
    font: 14px MyriadSetPro-Bold;
    border-radius: 0;
    margin: 20px auto 0
}

footer.main-footer {
    padding-top: 90px;
    padding-bottom: 40px;
    width: 100%;
    background-color: #f2f1ed;
    /*margin-top: 40px*/
}

.bottom_padding_footer {
    margin-top: 40px
}

footer.main-footer a, footer.main-footer p {
    font-size: 14px;
    line-height: 20px
}

footer.main-footer .mb {
    padding-bottom: 26px !important
}

footer.main-footer .footer-content {
    display: flex;
    justify-content: space-between
}

footer.main-footer .footer-content > div {
    padding-bottom: 30px
}

footer.main-footer .footer-content h3, footer.main-footer .footer-content .svyaz > span, footer.main-footer .footer-content .katalog > span, footer.main-footer .footer-content .internet > span {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1.4px;
    padding-bottom: 40px;
    color: #666;
    font-family: MyriadSetPro-Medium;
    display: block;
    font-weight: bold;
}

footer.main-footer .footer-content .logo-block {
    display: flex;
    box-sizing: border-box
}

footer.main-footer .footer-content .logo-block .logotype {
    border-right: 1px solid #e2e2e2;
    width: 50%;
    min-width: 230px;
    max-width: 100%;
    padding: 0 30px 0 30px
}

footer.main-footer .footer-content .logo-block .logotype a {
    margin-bottom: 40px
}

footer.main-footer .footer-content .logo-block .logotype a img {
    width: 100%
}

footer.main-footer .footer-content .logo-block .logotype p {
    padding-bottom: 8px;
    max-width: 239px
}

footer.main-footer .footer-content .internet {
    padding: 0 30px 0
}

footer.main-footer .footer-content .internet a {
    color: #666;
    margin-bottom: 6px;
    transition: all .3s;
    white-space: nowrap;
}

footer.main-footer .footer-content .conts {
    display: flex;
    justify-content: start;

}

footer.main-footer .footer-content .conts .svyaz {
    /*width: 300px;*/
    box-sizing: border-box;
    padding: 0 40px 0 30px;
    border-left: 1px solid #e2e2e2
}

footer.main-footer .footer-content .conts .svyaz a {
    font-size: 21px;
    color: #333;
    margin-bottom: 20px
}

footer.main-footer .footer-content .conts .svyaz p {
    max-width: 184px;
    padding-bottom: 8px
}

footer.main-footer .footer-content .conts .katalog {
    width: 240px;
    border-left: 1px solid #e2e2e2;
    padding: 0 10px 0 30px;
    box-sizing: border-box
}

footer.main-footer .footer-content .conts .katalog a {
    color: #666;
    margin-bottom: 6px;
    transition: all .3s
}

footer.main-footer .footer-content a {
    display: block
}

footer .logos_pay {
    padding-top: 30px;
}

footer .logos_mobile {
    padding-top: 30px;
}

footer .logos_mobile a {
    display: inline-block !important;
}

footer .logos_pay img {
    max-width: 100%;
}

footer p.license_text {
    line-height: 14px;
    color: #ccc;
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

header.main-header .jspVerticalBar {
    width: 8px;
    border-radius: 8px;
    background: #e7e7e7
}

header.main-header .jspTrack {
    background: #e7e7e7;
    border-radius: 8px
}

header.main-header .jspDrag {
    background: #56c5de;
    border-radius: 8px
}

.header-red-text {
    padding-top: 10px;
    float: none !important;
}

.breadcrumbs {
    display: flex;
    align-items: flex-end;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    line-height: 26px;
    white-space: nowrap;
}

.breadcrumbs a, .breadcrumbs span[data-href] {
    color: #999;
    font-size: 14px;
    display: block;
    margin-right: 15px;
    transition: all .3s;
    white-space: nowrap;
    cursor: pointer;
}

.breadcrumbs > a:first-child {
    min-width: 100px;
}

.breadcrumbs a:hover, .breadcrumbs span[data-href]:hover {
    color: #333
}

.breadcrumbs > a {
    /* padding-top: 15px*/
}

.breadcrumbs > a:not(:first-child) {
    padding-left: 0px
}

.breadcrumbs > span:not[data-href] {
    font-size: 14px;
    color: #999;
    display: table;
    padding-right: 12px;
    padding-left: 15px;
    padding-top: 15px
}

.breadcrumbs > span:first-child {
    padding-left: 0;
}

.breadcrumbs .all-chosen, .breadcrumbs .all-chosen-contents {
    display: flex
}

.breadcrumbs .chosen {
    /*  padding-top: 15px;*/
    border-radius: 5px 5px 0 0;
    position: relative;
    background: #fff;
    box-sizing: border-box;
    margin-right: 10px;
    transition: all .3s
}

.breadcrumbs .chosen.act {
    transition: all .6s
}

.breadcrumbs .chosen > a, .breadcrumbs .chosen > span[data-href="*"] {
    font-size: 14px;
    color: #999999;
    display: inline;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/bread-down.svg) no-repeat right center;
    padding-right: 12px;
    padding-left: 0px;
    cursor: pointer;
    z-index: 2;
    white-space: nowrap;
    transition: all .3s;
}

.breadcrumbs .chosen > a.active, .breadcrumbs .chosen > span[data-href="*"].active {
    color: #56c5de;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/bread-down-act.svg) no-repeat right center;
}

.breadcrumbs .chosen div {
    padding: 8px 8px 8px 15px;
    top: 30px;
    left: 0;
    position: absolute;
    background: #fff;
    border-radius: 0 0 5px 5px;
    box-sizing: border-box;
    z-index: 2;
    display: none
}

.breadcrumbs .bx-breadcrumb-item {
    margin-right: 10px;
}

.breadcrumbs .chosen div.active {
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .15);
    padding-top: 0;

}

.breadcrumbs .chosen div a, .breadcrumbs .chosen div span[data-href="*"] {
    /* padding: 3px 0 4px;*/
    white-space: nowrap;
    display: block;

}

@media only screen and (max-width: 1200px) {
    .breadcrumbs .chosen div a, .breadcrumbs .chosen div span[data-href="*"] {
        overflow: hidden;
        max-width: 280px;
        text-overflow: ellipsis;
    }
}

.catalog-content {
    padding-bottom: 40px
}

.catalog-content h1, .catalog-content h2 {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    position: relative;
    display: table;
    padding-bottom: 4px
}

.catalog-content h1:before, .catalog-content h2:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    position: absolute;
    bottom: 0;
    left: 0
}

.catalog-content .filters {
    padding: 15px 0;
    background: #f8f8f6;
    border-bottom: 1px solid #e7e7e7
}

.catalog-content .filters .open-filts {
    display: none
}

.catalog-content .filters .wrapper {
    display: flex;
    align-items: flex-start;
    width: 100%
}

.catalog-content .filters .select-sort .input-select p {
    color: #fff;
    font-size: 15px;
    padding: 8px 36px 7px 8px;
    width: 148px;
    box-sizing: border-box;
    cursor: pointer;
    max-height: 32px;
    background-color: #56c5de;
    position: relative;
    white-space: nowrap
}


.filters .select-sort .input-select p:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    color: #FFF;
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 20px;
    width: 20px;
    height: 20px;
}

.filters .select-sort .input-select .open p:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    color: #FFF;
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 20px;
    width: 20px;
    height: 20px;
}


.catalog-content .filters .select-sort .input-select > div {
    background: #fff;
    width: 207px;
    box-sizing: border-box;
    padding: 10px;
    position: absolute;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .15);
    display: none;
    z-index: 21
}

.catalog-content .filters .select-sort .input-select > div a {
    color: #333;
    font-size: 15px;
    display: block;
    padding: 5px 10px 10px 35px;
    transition: all .3s;
    cursor: pointer
}

.catalog-content .filters .select-sort .input-select > div a.pop {
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/pop.svg) no-repeat 7px 5px
}

.catalog-content .filters .check {
    padding-top: 20px
}

.catalog-content .filters .check input[type=checkbox] {
    display: none
}

.catalog-content .filters .check label {
    padding-left: 28px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/check.png) no-repeat left center;
    color: #56c5de;
    font-size: 15px;
    font-family: MyriadSetPro-Bold;
    line-height: 20px;
    padding-top: 4px;
    height: 22px;
    cursor: pointer;
    display: block
}

.catalog-content .filters .check input:checked + label {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/check-pos.png)
}

.catalog-content .filters .price-range {
    margin-left: 55px;
    padding-right: 35px;
    width: 243px;
    padding-top: 15px;
    z-index: 2
}

.catalog-content .filters .price-range input {
    border: 0
}

.catalog-content .filters .price-range .ui-widget.ui-widget-content {
    border: none
}

.catalog-content .filters .price-range .ui-slider-horizontal {
    height: 4px;
    background: #e7e7e7
}

.catalog-content .filters .price-range .ui-widget-header {
    background: linear-gradient(90deg, #61c8b1, #56c5de)
}

.catalog-content .filters .price-range .ui-state-default, .catalog-content .filters .price-range .ui-widget-content .ui-state-default {
    border-radius: 50%;
    border: none;
    background: #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2);
    outline: 0 !important
}

.catalog-content .filters .price-range .ui-slider-horizontal .ui-slider-handle {
    top: -12px;
    width: 28px;
    height: 28px
}

.catalog-content .filters .price-range p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 26px
}

.catalog-content .filters .price-range p input {
    height: 32px;
    width: 117px;
    border: 2px solid #e7e7e7;
    box-sizing: border-box;
    font: 18px MyriadSetPro-Medium;
    padding: 4px 13px 2px;
    color: #333
}

.catalog-content .filters .checks-div {
    z-index: 5
}

.catalog-content .filters .checks {
    width: 270px;
    box-sizing: border-box;
    padding: 20px 4px 20px 15px;
    border-radius: 5px;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .1);
    position: relative;
    background: #fff
}

.catalog-content .filters .checks .all-chks {
    padding: 20px 0
}

.smartfilter .search input[type=text] {
    font-size: 18px;
    font-family: MyriadSetPro-Medium;
    color: #333;
    height: 40px;
    padding: 6px 15px;
    box-sizing: border-box;
    border-radius: 0;
    border: 2px solid #e7e7e7;
    /*max-width: 240px*/

}

.smartfilter .search {
    border-bottom: 1px solid #e7e7e7;
    padding: 15px;
    margin-bottom: 10px;
}

.smartfilter .all .search input[type=text]::-webkit-input-placeholder {
    color: #999;
    font-size: 18px;
    font-family: MyriadSetPro-Medium
}

.smartfilter .all .search input[type=text]:-ms-input-placeholder {
    color: #999;
    font-size: 18px;
    font-family: MyriadSetPro-Medium
}

.catalog-content .filters .checks input[type=text]::-ms-input-placeholder {
    color: #999;
    font-size: 18px;
    font-family: MyriadSetPro-Medium
}

.catalog-content .filters .checks input[type=text]::placeholder {
    color: #999;
    font-size: 18px;
    font-family: MyriadSetPro-Medium
}

.catalog-content .filters .checks .chk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.catalog-content .filters .checks .chk input[type=checkbox] {
    display: none
}

.catalog-content .filters .checks .chk label {
    padding-left: 30px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/chk.svg) no-repeat left center;
    color: #333;
    font-size: 14px;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s
}

.catalog-content .filters .checks .chk input:checked + label {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/chk-pos.svg)
}

.catalog-content .filters .checks .chk span {
    color: #999;
    font-size: 14px;
    padding-left: 10px
}

.catalog-content .filters .checks .aside {
    display: none;
    background: #25292f;
    border-radius: 5px;
    position: absolute;
    right: 106%;
    width: 210px;
    padding: 8px 5px 5px 8px;
    color: #fff;
    font-size: 14px;
    z-index: 0
}

.catalog-content .filters .checks .aside:after {
    content: '';
    position: absolute;
    right: -8px;
    top: 0;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/pl-arr.png) no-repeat left center;
    width: 8px;
    height: 32px
}

.catalog-content .filters .checks .aside a {
    color: #56c5de;
    position: relative;
    padding-bottom: 2px;
    font-size: 14px;
    float: right;
    margin-right: 6px
}

.catalog-content .filters .checks .aside a:after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    border-top: 1px dotted #30747f;
    position: absolute;
    bottom: 0;
    left: 0
}

.catalog-content .filters .checks .all {
    height: 255px;
    overflow-y: scroll;
    box-sizing: border-box;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    outline: 0 !important;
    overflow: visible !important
}

.catalog-content .filters .checks .all .air {
    height: 15px
}

.catalog-content .filters .checks .all .jspTrack {
    background: #fff
}

.catalog-content .filters .checks .all .jspVerticalBar {
    width: 8px
}

.catalog-content .filters .checks .all .jspDrag {
    background: #e7e7e7;
    border-radius: 10px
}

.catalog-content .filters .checks button.btn {
    font-size: 14px;
    border-radius: 0;
    padding-top: 5px;
    margin-top: 19px;
    margin-right: 16px;
    margin-left: auto
}

.catalog-content .filters .act-subst {
    z-index: 1;
    display: inline-block;
    margin-top: 15px;
}

.catalog-content .filters .act-subst .select-active .input-select p {
    color: #fff;
    font-size: 15px;
    padding: 8px 36px 7px 8px;
    width: 430px;
    box-sizing: border-box;
    cursor: pointer;
    max-height: 32px;
    background-color: #56c5de;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.catalog-content .filters .act-subst .select-active .input-select p span {
    display: block;
    overflow: hidden;
    padding-right: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.catalog-content .filters .act-subst .select-active .input-select p:after {
    /*background: url(/local/templates/wer_rediz_2019/styles/../imgs/sort.svg) no-repeat 10px center #56c5de;*/
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f107";
    color: #FFF;
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    font-size: 20px;
    width: 20px;
    height: 20px
}

.catalog-content .filters .act-subst .select-active .input-select p.open:after {
    content: "\f106";
}


.catalog-content .filters .act-subst .select-active .input-select > div {
    background: #fff;
    width: 430px;
    box-sizing: border-box;
    padding: 10px;
    position: absolute;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .15);
    display: none;
    z-index: 21
}

.catalog-content .filters .act-subst .select-active .input-select > div a {
    color: #333;
    font-size: 15px;
    display: block;
    padding: 5px 10px 10px 35px;
    transition: all .3s;
    cursor: pointer
}

.catalog-content .filters .act-subst .select-active .input-select > div a.pop {
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/pop.svg) no-repeat 7px 5px
}

.catalog-content .filters .act-subst .activetrigger, .catalog-content .filters .act-subst .trigger {
    width: 100%;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/white-arr.svg) no-repeat right 8px center #56c5de;
    color: #fff;
    border: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 30px;
    font-size: 15px;
    height: 32px;
    box-sizing: border-box;
    padding-top: 8px
}

.catalog-content .filters .act-subst .dropcontainer ul {
    width: 430px;
    border: none;
    background: #fff;
    box-sizing: border-box;
    padding: 10px 0;
    position: absolute;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .15);
    z-index: 21
}

.catalog-content .filters .act-subst .dropcontainer ul li a {
    color: #333;
    padding: 2px 10px;
    display: block;
    font-size: 15px
}

.catalog-content .filters .filt-left .link-check {
    color: #333;
    font-size: 15px;
    display: inline-block;
    padding-right: 23px;
    position: relative;
    margin-top: 8px;
    transition: all .2s
}

.catalog-content .filters .filt-left .link-check:first-child {
    margin-right: 20px;
    margin-left: 5px
}

.catalog-content .filters .filt-left .link-check:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/d-form.svg) no-repeat center center;
    width: 14px;
    height: 9px
}

.catalog-content .filters .filt-left .link-check.active {
    transition: all .2s
}

.catalog-content .filters .filt-left .link-check.active:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.catalog-content .filters .filt-left .forms {
    display: flex
}

.catalog-content .filters .filt-right {
    width: 100%
}

.catalog-content .filters .filt-right .fl {
    float: right
}

.catalog-content .filters .filt-right .buttons-preview {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px
}

.catalog-content .filters .filt-right .buttons-preview #grid {
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/grid-grey.svg) no-repeat center center #fff;
    margin-right: 10px;
    border: 2px solid #e7e7e7;
    transition: all .3s
}

.catalog-content .filters .filt-right .buttons-preview #grid.active {
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/grid.svg) no-repeat center center #56c5de;
    border: 2px solid #56c5de;
    transition: all .3s
}

.catalog-content .filters .filt-right .buttons-preview #linear {
    width: 36px;
    height: 36px;
    border: 2px solid #e7e7e7;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/linear.svg) no-repeat center center #fff;
    cursor: pointer;
    transition: all .3s
}

.catalog-content .filters .filt-right .buttons-preview #linear.active {
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/linear-white.svg) no-repeat center center #56c5de;
    border: 2px solid #56c5de;
    transition: all .3s
}

.catalog-content .filters .filt-right #reset-filts {
    color: #56c5de;
    position: relative;
    display: block;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/blue-close.svg) no-repeat right center;
    background-size: 12px;
    font-size: 15px;
    padding-right: 25px
}

.catalog-content .filters .filt-right #reset-filts:after {
    content: '';
    display: block;
    width: 100%;
    left: 0;
    top: 20px;
    border-top: 1px dotted #9bdae3
}

.page-navi {
    display: flex;
    justify-content: center;
    margin: 30px auto
}

.page-navi a {
    display: inline-block;
    min-width: 40px;
    height: 40px;
    margin-right: 8px;
    background: #fff;
    border: 2px solid #e7e7e7;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-size: 20px;
    box-sizing: border-box;
    transition: all .3s
}

.page-navi a.current-page, .page-navi a:hover {
    background: #56c5de;
    color: #fff;
    border-color: #56c5de
}

.page-navi a#navigation_3_next_page {
    margin-right: 0;
    padding: 5px 20px
}

.page-navi a#navigation_3_previous_page, .page-navi a#navigation_1_previous_page, .page-navi a#navigation_2_previous_page {
    padding: 5px 20px
}

.page-navi a:last-child {
    margin-right: 0;
    padding: 5px 20px
}

.page-navi span {
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #999;
    letter-spacing: 2px;
    margin-right: 8px;
    border: 2px solid #e7e7e7;
    box-sizing: border-box
}

.prods {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 40px;
    flex-wrap: wrap
}

.prods .prod {
    width: 280px;
    margin-bottom: 30px
}

.prods .prod .link-prod {
    width: 100%;
    height: 100%;
    padding: 20px 20px 20px;
    display: block;
    box-sizing: border-box;
    transition: all .3s;
    position: relative
}

.prods .prod .link-prod .name {
    cursor: pointer;
}

.prods .prod .link-prod .actions {
    position: absolute;
    top: 12px;
    z-index: 1;
    left: 20px
}

/*Товар дня - Синий, Акция =-зеленый, Новинка - оранжевый, Хит - красный */
.prods .prod .link-prod .hit {
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff5f6b;
    font-size: 9px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .8px;
    margin-top: 8px
}

.prods .prod .link-prod .super {
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff5f6b;
    font-size: 9px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .8px
}

.prods .prod .link-prod .tovar, .prods .prod .link-prod .as_day {
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #56c5de;
    font-size: 9px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .8px
}

.prods .prod .link-prod .new {
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: orange;
    font-size: 9px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .8px;
    margin-top: 8px
}

.prods .prod .link-prod .again, .prods .prod .link-prod .action {
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #79d4ab;
    font-size: 9px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .7px;
    margin-top: 8px
}

.prods .prod .link-prod .heart {
    margin-bottom: 10px;
    width: 34px;
    height: 31px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 1;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/blue-heart.png) no-repeat center center;
    background-size: contain;
    transition: all .3s
}

.prods .prod .link-prod .heart.active {
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/heart-active.png) no-repeat center center
}

.prods .prod .link-prod .img {
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*    background: url(/local/templates/wer_rediz_2019/styles/../imgs/no-foto.png) no-repeat center center*/
}

.prods .prod .link-prod .img img {
    max-width: 80%;
    max-height: 180px;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    transition: all .3s
}

.prods .prod .link-prod .name {
    display: block
}

.prods .prod .link-prod .name p {
    font-size: 14px;
    margin: 0 0 8px
}

.prods .prod .link-prod .name h3 {
    font: 12px MyriadSetPro-Medium;
    color: #333;
    white-space: pre-wrap;
    overflow: hidden;
    padding-bottom: 2px
}

.prods .prod .link-prod .name h3:first-line {
    font-size: 18px;
}

.prods .prod .link-prod .name .description {
    height: 32px;
    margin-bottom: 18px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis
}

.prods .prod .link-prod .name .description p {
    font-size: 13px;
    padding-right: 11px;
    line-height: 17px
}

.prods .prod .link-prod .prod-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.prods .prod .link-prod .price p {
    font-size: 12px;
    color: #666;
    padding-bottom: 3px
}

.prods .prod .link-prod .price p s {
    color: #999;
    font-size: 12px;
    padding-left: 10px
}

.prods .prod .link-prod .price span {
    font-size: 24px;
    color: #333;
    font-family: MyriadSetPro-Medium
}

.prods .prod .link-prod .price span b, .price-others .price .rouble {
    position: relative;
    left: -3px;
    width: 20px;
    height: 16px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/rouble-dark.svg) no-repeat left -68px bottom;
    display: inline-block
}

.prods .prod .link-prod .price.sale span {
    color: #f33
}

.prods .prod .link-prod .price.sale span b {
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/rouble-red-norm.svg) no-repeat left -68px bottom
}

.prods .prod .link-prod:hover .heart {
    opacity: 1
}

.prods .prod .btn {
    width: 130px;
    height: 40px;
    margin-left: 0;
    margin-top: 0;
    font-size: 14px;
    font-family: MyriadSetPro-Bold
}

.prods .prod .cart.full {
    background: #61c8b1;
    border-color: #61c8b1;
    border-radius: 0;
    color: #fff;
    padding: 0;
    transition: all .3s
}

.prods .prod .numb {
    display: none
}

.prods .prod .plus-one {
    border-top: 2px solid #56c5de;
    border-left: 2px solid #56c5de;
    border-right: 2px solid #56c5de;
    color: #56c5de;
    box-sizing: border-box;
    background: #fff;
    font: 18px MyriadSetPro-Bold;
    width: 130px;
    height: 40px;
    text-align: center;
    padding-top: 9px;
    position: absolute;
    bottom: 40px;
    right: 0;
    display: none;
    transition: all .3s
}

.prods .prod .plus-one:after {
    content: '';
    display: block;
    height: 2px;
    width: 80%;
    background: #fff;
    margin: 0 auto;
    bottom: 0;
    left: 10%;
    position: absolute
}

.prods .prod .super {
    display: inline-block;
    width: 25px;
    height: 23px;
    display: block;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/super.svg) no-repeat center center;
    transition: all .3s;
    margin-bottom: 10px;
    cursor: pointer
}

.prods .prod .super.active, .prods .prod .super:hover {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/super-hov.svg);
    transition: all .3s
}

.linear .prod {
    width: 587px;
    height: 130px;
    box-sizing: border-box
}

.linear .prod .link-prod {
    display: flex;
    overflow: hidden;
}

.linear .prod .link-prod .img {
    height: auto;
    background-size: 40%;
    width: 142px
}

.linear .prod .link-prod .hit, .linear .prod .link-prod .tovar, .linear .prod .link-prod .as_day, .linear .prod .link-prod .action {
    width: 56px;
    height: 18px;
    border-radius: 0;
    overflow: hidden;
    display: block;
    padding-top: 0;
    line-height: 19px;
    box-sizing: border-box
}

.linear .prod .link-prod .new {
    width: 56px;
    height: 18px;
    border-radius: 0;
    overflow: hidden;
    display: block;
    padding-top: 0;
    line-height: 19px;
    box-sizing: border-box;
    top: 43px
}

.linear .prod .link-prod .again {
    width: 56px;
    height: 30px;
    border-radius: 0;
    top: 43px
}

.linear .prod .link-prod .name {
    width: 210px
}

.linear .prod .link-prod .super {
    align-self: flex-end;
    margin-bottom: 13px
}

.linear .prod .link-prod .heart {
    display: none
}

.linear .prod .link-prod .prod-footer {
    display: block;
    margin-left: 25px
}

.linear .prod .link-prod .prod-footer .price {
    margin-bottom: 5px
}

.linear .prod .link-prod .prod-footer .plus-one {
    top: 1px
}

.linear .prod .link-prod .prod-footer .plus-one:after {
    bottom: 3px
}

.linear .prod .link-prod .price p {
    padding-bottom: 0
}

.linear .prod .link-prod .cart {
    position: relative;
    /*top: -7px*/
}

.dostavka {
    width: 280px;
    height: 385px;
    background: #f8f8f8;
    padding: 35px;
    box-sizing: border-box
}

.dostavka h3 {
    color: #000;
    font: 30px MyriadSetPro-Bold
}

.dostavka p {
    text-transform: uppercase;
    font: 13px MyriadSetPro-Bold;
    color: #aeaeae;
    margin-top: 10px;
    line-height: 16px;
    letter-spacing: .4px;
    max-width: 130px
}

.dostavka img {
    display: block;
    margin: 40px auto 0
}

.linear .dostavka {
    position: relative;
    padding: 15px 15px 15px 120px;
    width: 100%;
    height: 80px;
    margin-bottom: 20px
}

.linear .dostavka p {
    max-width: 100%;
    margin-top: 4px
}

.linear .dostavka img {
    max-width: 80px;
    position: absolute;
    left: 20px;
    top: 12px;
    margin: 0
}

.show-else {
    display: block;
    max-width: 900px;
    border: 2px solid #e7e7e7;
    color: #999;
    padding: 8px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px
}

#closer-all {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: none
}

.product-content h2 {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    position: relative;
    display: table;
    padding-bottom: 4px
}

.product-content h2:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    position: absolute;
    bottom: 0;
    left: 0
}

.product-content h1 {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    position: relative;
    display: table;
    padding-bottom: 4px
}

.product-content h1:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    position: absolute;
    bottom: 0;
    left: 0
}

.product-content .prod-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 22px
}

.product-content .prod-header .all-prods {
    font: 14px MyriadSetPro-Bold;
    color: orange;
    padding: 10px 15px 9px;
    background: #ffedcd;
    display: block
}

.product-cart {
    display: flex;
    align-items: flex-start
}

.product-cart__prim {
    font-size: 14px;
    margin-top: 15px;
    max-width: 227px
}

.product-cart__image {
    width: 382px;
    /*  height: 420px;
    */
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7e7e7;
    margin-right: 25px
}

.product-cart__image img {
    max-width: 100%
}

.product-cart__image .actions {
    position: absolute;
    top: 10px;
    left: 20px;
    z-index: 1;
}

.product-cart__image .hit {
    margin-top: 12px;
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff5f6b;
    font-size: 9px;
    line-height: 11px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .8px
}

.product-cart__image .tovar {
    margin-top: 12px;
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #56c5de;
    font-size: 9px;
    line-height: 11px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .8px
}

/*          -      ,       =-       ,         -          ,     -         */
.product-cart__image .super {
    margin-top: 12px;
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: orange;
    font-size: 9px;
    line-height: 11px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .8px
}

.product-cart__image .new {
    margin-top: 8px;
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: orange;
    top: 82px;
    left: 20px;
    font-size: 9px;
    line-height: 11px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .8px
}

.product-cart__image .again, .product-cart__image .action {
    margin-top: 8px;
    height: 52px;
    width: 52px;
    border-radius: 52px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: orange;
    top: 82px;
    left: 20px;
    font-size: 9px;
    line-height: 11px;
    font-family: MyriadSetPro-Bold;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .8px
}

.product-cart__image .action {
    background-color: #79d4ab;
}


.product-cart__image .heart {
    width: 34px;
    height: 31px;
    display: block;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/blue-heart.png) no-repeat center center;
    background-size: contain;
    transition: all .3s;
    margin-bottom: 10px;
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 20px;
    z-index: 2;
}

.product-cart__image .heart.active {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/heart-active.png);
    transition: all .3s
}

.product-cart__under-img {
    font-size: 13px;
    margin-top: 8px
}

.product-cart__under-img .question {
    width: 19px;
    height: 19px;
    display: inline-block;
    border-radius: 100%;
    box-sizing: border-box;
    margin-left: 5px;
    padding: 3px;
    text-align: center;
    background: #e7e7e7
}

.product-cart__buy__block-cart {
    padding: 22px 36px;
    border: 1px solid #e7e7e7;
    margin-bottom: 30px
}

.product-cart__buy .buy__old-price {
    font-size: 16px;
    margin-bottom: 5px
}

.product-cart__buy .buy__old-price s {
    color: #999;
    margin-left: 8px
}

.product-cart__buy .buy__old-price i {
    height: 12px;
    display: inline-block;
    width: 10px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/light-rouble.svg) no-repeat right top
}

.product-cart__buy .buy__new-price {
    font-size: 16px;
    margin-bottom: 14px;
    font: 21px MyriadSetPro-Bold
}

.product-cart__buy .buy__new-price b {

    font-size: 26px;
    padding-left: 10px
}

.product-cart__buy .buy__new-price b i {
    height: 19px;
    display: inline-block;
    width: 15px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/black-rouble.svg) no-repeat right center
}

.product-cart__buy
.buy__price_red b {
    color: #ff5f6b;
}

.product-cart__buy .buy__price_red b i {
    height: 19px;
    display: inline-block;
    width: 15px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/red-rouble.svg) no-repeat right center
}

.product-cart__buy .buy__price {
    font-size: 16px;
    margin-bottom: 8px;
    font: 21px MyriadSetPro-Bold;
    margin-top: -10px;
    width: 227px
}

.product-cart__buy .buy__price b {
    color: #666;
    font-size: 26px;
    padding-left: 10px
}

.product-cart__buy .buy__price b i {
    height: 19px;
    display: inline-block;
    width: 15px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/roub-grey.svg) no-repeat right center
}

.product-cart__buy .buy__cart__block {
    display: flex;
    margin-bottom: 10px
}

.product-cart__buy .buy__cart .aqua, .product-cart__buy .buy__cart .full {
    margin-right: 5px;
    padding: 10px 16px;
    color: #fff;
    display: block;
    border-radius: 0;
    text-align: center;
    /*width: 134px;*/
    box-sizing: border-box;
    height: 40px;
    padding-top: 11px;
    white-space: nowrap;

}

.product-cart__buy .buy__cart .full {
    background: #61c8b1;
    border-color: #61c8b1;
    width: 154px;
    font: 14px MyriadSetPro-Bold;
    box-sizing: border-box;
}

.product-cart__buy .buy__cart__count {
    display: flex;
    width: 87px
}

.product-cart__buy .buy__cart__count .left {
    width: 19px;
    display: block;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/left.svg) no-repeat left center;
    cursor: pointer
}

.product-cart__buy .buy__cart__count .count {
    width: 49px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    border: 2px solid #666;
    box-sizing: border-box;
    font: 14px MyriadSetPro-Bold;
    color: #666
}

.product-cart__buy .buy__cart__count .right {
    width: 19px;
    display: block;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/right.svg) no-repeat right center;
    cursor: pointer
}

.product-cart__buy .buy__cart__no-reg {
    background-color: orange;
    display: block;
    padding: 10px;
    width: 100%;
    color: #fff;
    text-align: center;
    font: 14px MyriadSetPro-Bold;
    box-sizing: border-box
}

.product-cart__buy .buy__order .aqua {
    margin-right: 5px;
    padding: 10px 16px;
    color: #fff;
    display: block;
    border-radius: 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    height: 40px;
    padding-top: 11px
}

.product-cart__buy {
    max-width: 385px;
}

.product-cart__buy__deliver {
    position: absolute;
    /*display: flex;*/
}

.product-cart__buy__deliver.margin-minus-top {
    margin-top: -15px;
}

.product-cart__buy__info.margin-minus-top {
    margin-top: -15px;
}

.product-cart__buy__deliver__inner {
    padding: 22px 30px;
    background: #f8f8f6;
    box-sizing: border-box;
    min-width: 467px;
}

.product-cart__buy__deliver__inner h3 span.warning_block,
.product-cart__buy__deliver__inner h3 span.warning_block a {
    font: small MyriadSetPro-Medium !important;
    color: #fd0000 !important;
    font-weight: normal !important;
}

.product-cart__buy__deliver__inner h3 span.warning_block a {
    text-decoration: underline;
}

.product-cart__buy__deliver__inner h3 span.warning_block a:hover {
    text-decoration: none;
}

@media only screen and (max-width: 1270px) {
    .product-cart__buy__deliver, .product-cart__buy__deliver_text {
        display: block !important;
    }

    .product-cart__buy__deliver__inner {
        width: 100% !important;
    }

    .product-cart__buy__deliver__seo_text {
        color: #ccc;
        padding: 0px;
    }

    .product-cart__buy {
        max-width: 305px;

    }
}

@media only screen and (max-width: 1270px) {
    .product-cart__buy {
        max-width: 305px;

    }
}


.product-cart__buy__deliver h3 {
    padding-bottom: 8px;
    border-bottom: 1px solid #999;
    margin-bottom: 15px
}

.product-cart__buy__deliver .deliver__punkt {
    font-size: 14px;
    display: flex;
    justify-content: space-between
}

.product-cart__buy__deliver .deliver__punkt p {
    padding-bottom: 4px
}

.product-cart__buy__deliver .deliver__punkt span {
    display: block;
    width: 100px
}

.product-cart__buy__deliver .deliver__punkt span .not-inter, .product-cart__buy__deliver .deliver__punkt span:last-child {
    text-align: right;
}

.product-cart__buy__deliver .deliver__link {
    color: #56c5de;
    font: 14px MyriadSetPro-Bold;
    margin-top: 10px;
    display: inline-block
}

.product-cart__buy__likes {
    position: absolute
}

.product-cart__buy__likes h3 {
    font-size: 24px;
    margin-bottom: 10px
}

.product-cart__buy__likes__prods {
    display: flex;
    width: 477px
}

.product-cart__buy__likes__product {
    width: 139px;
    margin-right: 20px;
    text-align: center
}

.product-cart__buy__likes__product .image {
    height: 90px;
    text-align: center
}

.product-cart__buy__likes__product .image img {
    max-width: 100%
}

.product-cart__buy__likes__product .info {
    padding-top: 10px
}

.product-cart__buy__likes__product .info h4 {
    font-size: 18px;
    color: #333;
    margin-bottom: 4px
}

.product-cart__buy__likes__product .info .price p {
    font-size: 13px;
    margin-top: 10px
}

.product-cart__buy__likes__product .info .price p s {
    color: #999;
    margin-left: 7px;
    font-size: 13px
}

.product-cart__buy__likes__product .info .price span {
    color: #f33;
    font-size: 24px;
    font-family: MyriadSetPro-Medium;
    margin-right: -5px;
    line-height: 34px
}

.product-cart__buy__likes__product .info .price span b {
    position: relative;
    left: -5px;
    width: 15px;
    height: 16px;
    display: inline-block;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/rouble-red-norm.svg) no-repeat left -68px bottom
}

.product-cart__info {
    margin-left: 30px;
    max-width: 385px;
}

.product-cart__info p {
    font-size: 14px;
    display: flex;
    padding-bottom: 8px;
}

.product-cart__info p .title {
    width: 140px;
    display: block;
    min-width: 140px
}

.product-cart__info p .procent {
    display: flex
}

.product-cart__info p .procent i {
    display: block;
    width: 10px;
    height: 15px;
    background: #e7e7e7;
    border-radius: 2px;
    margin-right: 5px
}

.product-cart__info p .another-forms {
    font-size: 12px;
    display: block;
    color: orange;
    border: 1px solid #e7e7e7;
    padding: 2px 0 2px 8px;
    font-family: MyriadSetPro-Bold;
    margin-top: 7px
}

.product-cart__info p .another-forms span {
    color: #fff;
    background: orange;
    padding: 4px 5px 3px;
    font-family: MyriadSetPro-Text;
    font-size: 11px;
    margin-left: 5px
}

.about-contacts-section p {
    margin: 1.5em 0 0 0;
    line-height: 1.4;
}

.dopinfos {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 25px;
    margin-bottom: 30px
}

.dopinfos__left {
    padding: 20px 20px 0;
    max-width: 380px;
    box-sizing: border-box;
    border: 1px solid #e7e7e7
}

.dopinfos__left h3 {
    font: 24px MyriadSetPro-Bold;
    margin-bottom: 5px;
    padding-top: 10px
}

.dopinfos__left__actions .offer {
    height: 175px;
    box-sizing: border-box;
    display: block
}

.dopinfos__left__actions .offer__inner {
    display: flex;
    background: #fff;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.dopinfos__left__actions .offer__inner .image img {
    min-width: 191px
}

.dopinfos__left__actions .offer__inner .offering {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px 0 10px
}

.dopinfos__left__actions .offer__inner .offering h3 {
    color: #f33;
    font: 26px MyriadSetPro-Bold;
    padding-bottom: 10px
}

.dopinfos__left__actions .offer__inner .offering h3:before {
    display: none
}

.dopinfos__left__actions .offer__inner .offering p {
    color: #333;
    font-size: 18px
}

.dopinfos__left__prods h3 {
    margin-bottom: 20px
}

.dopinfos__left__prods__product {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.dopinfos__left__prods__product .image {
    width: 100px;
    min-width: 60px;
    text-align: center;
}

.dopinfos__left__prods__product .image img {
    max-width: 100%
}

.dopinfos__left__prods__product .info {
    padding-left: 15px;
    box-sizing: border-box;
    width: 250px
}

.dopinfos__left__prods__product .info__p {
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px
}

.dopinfos__left__prods__product .info h4 {
    font: 18px MyriadSetPro-Medium;
    color: #333;
    margin-bottom: 2px
}

.dopinfos__left__prods__product .info .basket {
    display: flex;
    position: relative
}

.dopinfos__left__prods__product .info .basket p {
    font-size: 13px;
    margin-top: 10px
}

.dopinfos__left__prods__product .info .basket p s {
    color: #999;
    margin-left: 7px;
    font-size: 13px
}

.dopinfos__left__prods__product .info .basket span {
    /*  color: #f33;
      font-size: 24px;*/
    font-family: MyriadSetPro-Medium
}

.dopinfos__left__prods__product .info .basket span[id*=price_total] {
    color: #f33;
    font-size: 24px;
}

.dopinfos__left__prods__product .info .basket span b {
    position: relative;
    left: -5px;
    width: 20px;
    height: 16px;
    display: inline-block;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/rouble-red-norm.svg) no-repeat left -68px bottom
}

.dopinfos__left__prods__product .info .basket .plus-one {
    border-top: 2px solid #56c5de;
    border-left: 2px solid #56c5de;
    border-right: 2px solid #56c5de;
    color: #56c5de;
    box-sizing: border-box;
    background: #fff;
    font: 18px MyriadSetPro-Bold;
    width: 130px;
    height: 40px;
    text-align: center;
    padding-top: 9px;
    position: absolute;
    top: -36px;
    right: 3px;
    display: none;
    transition: all .3s
}

.dopinfos__left__prods__product .info .basket .plus-one:after {
    content: '';
    display: block;
    height: 2px;
    width: 80%;
    background: #fff;
    margin: 0 auto;
    bottom: 3px;
    left: 10%;
    position: absolute
}

.dopinfos__left__prods__product .info .basket .cart {
    width: 130px;
    height: 40px;
    font-family: MyriadSetPro-Bold;
    margin-top: 12px
}

.dopinfos__left__prods__product .info .basket .cart.full {
    background: #61c8b1;
    border-color: #61c8b1;
    border-radius: 0;
    color: #fff;
    padding: 0;
    transition: all .3s
}

.dopinfos__right {
    padding: 20px 40px 0 30px;
    margin-left: 26px;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    width: 100%;
}

.dopinfos__right__left {
    margin-left: 0
}

.dopinfos__right__information h3 {
    font-size: 14px;
    padding-bottom: 4px
}

.dopinfos__right__information p {
    font-size: 14px;
    padding-bottom: 20px;
    line-height: 20px
}

.dopinfos__right h2 {
    font: 24px MyriadSetPro-Bold;
    margin-bottom: 20px;
    padding-top: 10px
}

.dopinfos__right .block-infos {
    display: none
}

.dopinfos__right .block-infos:first-child {
    display: block
}

.dopinfos__right__mneu {
    display: flex;
    margin-bottom: 30px
}

.dopinfos__right__mneu .btn {
    font-size: 13px;
    padding: 0 11px;
    font-family: MyriadSetPro-Bold;
    margin-right: 10px
}

.dopinfos__right__mneu .btn:last-child {
    margin-right: 0
}

.dopinfos__right__mneu .btn.active {
    background-color: #56c5de !important;
    border-color: #56c5de !important;
    color: #fff !important
}

.dopinfos .page-navi a, .dopinfos .page-navi a:last-child, .dopinfos .page-navi span {
    width: 30px;
    height: 30px;
    min-width: 29px;
    padding: 0
}

.dopinfos .page-navi a {
    margin-right: 6px
}

.looked {
    padding-top: 30px
}

.looked .prods {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-bottom: 25px
}

.looked .prods .prod {
    margin-right: 29px
}

.looked .prods .prod:last-child {
    margin-right: 0
}

.note {
    font-size: 12px;
    color: #999;
    line-height: 16px;
    opacity: .8;
    margin-bottom: 90px
}

.breadcrumbs span[itemscope]:first-child {
    display: flex;
}

.breadcrumbs__dots {
    width: 30px;
    height: 23px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/dots.svg) no-repeat center 20px;
    margin-right: 20px;
    cursor: pointer;
}

.ordering {
    padding-bottom: 40px
}

.ordering h1 {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    position: relative;
    padding-bottom: 4px;
    padding-top: 7px;
    border-bottom: 1px solid #e7e7e7;
    display: inherit;
}

.ordering h1:before {
    content: '';
    display: block;
    width: 257px;
    height: 2px;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    position: absolute;
    bottom: -1px;
    left: 0
}

.ordering h3 {
    font: 24px MyriadSetPro-Bold;
    margin: 20px 0 15px
}

.intereg {
    display: flex;
    margin-bottom: 30px
}

.intereg a {
    width: 190px;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    height: 30px;
    color: #999;
    padding: 5px 10px 5px;
    text-align: center;
    position: relative;
    text-decoration: none;
}

.intereg a:hover {
    text-decoration: none;
}

.intereg a:after {
    content: '';
    display: block;
    height: 5px;
    width: 100%;
    background: #e7e7e7;
    position: absolute;
    bottom: -5px;
    left: 0
}

.intereg a.actives {
    color: #333
}

.intereg a.actives:after {
    background: linear-gradient(90deg, #61c8b1, #56c5de)
}

.blue-sub {
    height: 40px;
    background: #56c5de;
    color: #fff;
    font: 14px MyriadSetPro-Bold;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .3s
}

.blue-sub:hover {
    background: #6dcfb9
}

.blue-sub:active {
    background: #45b0a2
}

.blue-sub:disabled {
    background: #e7e7e7
}

.orange-sub {
    height: 40px;
    background: orange;
    color: #fff;
    font: 14px MyriadSetPro-Bold;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .3s
}

.orange-sub:focus {
    color: #fff;
}

.orange-sub:hover {
    background: #ff5f6b;
    color: #fff;
    text-decoration: none;
}

.orange-sub:active {
    background: #f33
}

.orange-sub:disabled {
    background: #e7e7e7
}

.income__flex {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.income__flex input {
    max-width: 380px
}

.income__flex input.required {
    border-left: 2px solid #f33 !important
}

.income__flex div {
    /* padding-left: 20px*/
}

.income__flex div .error {
    font: 14px MyriadSetPro-Medium;
    color: #f33;
    display: block
}

.income__flex div a {
    color: #56c5de;
    font: 14px MyriadSetPro-Medium;
    display: block
}

.income__flex div .success {
    display: block;
    width: 20px;
    height: 20px;
    border: none;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/success.svg) no-repeat center center
}

.income__pass__eyes {
    width: 50px;
    height: 50px;
    display: block;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/pass-eyes.svg) no-repeat center center;
    position: relative;
    left: -52px;
    cursor: pointer;
    transition: all .3s
}

.income__pass__eyes.noun {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/noun_eye.svg)
}

.income__submit {
    max-width: 380px;
    position: relative
}

.income__submit .blue-sub {
    width: 230px
}

.income__submit a {
    font: 14px MyriadSetPro-Medium;
    color: #56c5de;
    position: absolute;
    right: 0;
    top: 0
}

.income__connect h6 {
    font: 16px MyriadSetPro-Medium;
    color: #333;
    margin: 30px 0 10px
}

.income__connect .login-buttons {
    display: flex;
    list-style: none
}

.income__connect .login-buttons li {
    margin-right: 10px
}

.income__connect .login-buttons li button {
    display: flex;
    background-color: orange;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: 0;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.income__connect .login-buttons li button .icon-goog {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/gog-plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block !important;
    width: 30px;
    height: 30px
}

.income__connect .login-buttons li button .icon-yandex {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/yand.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block !important;
    width: 30px;
    height: 30px
}

.income__connect .login-buttons li button .icon-facb {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/fb2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block !important;
    width: 30px;
    height: 30px
}

.income__connect .login-buttons li button .icon-vkon {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/vk2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block !important;
    width: 30px;
    height: 30px
}

.income__connect .login-buttons li button .icon-mail {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/mail2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block !important;
    width: 100%;
    height: 30px
}

.income__connect .login-buttons li button .icon-twt {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/twit2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    display: block !important;
    width: 100%;
    height: 30px
}

/*
#reg {
    display: none
}*/

.deliver {
    padding-top: 10px;
    padding-bottom: 10px
}

.deliver__comm {
    font-size: 14px;
    color: #999
}

.deliver__check {
    padding-top: 15px;
    max-width: 400px;
    box-sizing: border-box
}

.deliver__check input[type=checkbox] {
    display: none
}

.deliver__check label {
    padding-left: 30px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/check.png) no-repeat left top;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    display: block
}

.deliver__check input:checked + label {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/check-pos.png)
}

.deliver__options {
    padding: 0;
    max-width: 630px;
    box-sizing: border-box;
    background: #f8f8f6;
    margin-top: 20px
}

.deliver__options input[type=radio] {
    display: none !important;
}

.deliver__options input[type=radio] + label {
    padding-left: 30px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/ellipse.svg) no-repeat left 26px;
    color: #666;
    font-size: 16px;
    cursor: pointer;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 10px;
    line-height: 22px;
    display: inline-block;
    width: 75%;
}

.deliver__options input:checked + label {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/ellipse-act.png)
}

/*.delivery-table td, .table td, .table th {
    padding: 0px;
    border: 0px;
}*/

.order-sidebar-body .table td:first-child {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.order-sidebar-body .table td.smallquantity_confirm {
    width: 60px;
}

.tooltip-icon, .warningtip-icon {
    color: #fff !important;
}

.deliver__options .check-table td,
.deliver__options .check-table th {
    padding: 0px;
    border: 0px;
    width: 100%;
}

.deliver__options .table {
    border: 0px;
    background: #f8f8f6;
}

.deliver__flex.separator:before {
    content: '';
    display: block;
    width: calc(100% - 60px);
    position: absolute;
    top: 1px;
    height: 1px;
    border-bottom: 1px solid #666;
    left: 30px
}

.deliver__flex {
    display: flex;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px;
    position: relative
}

.deliver__flex.active {
    background: #e7e7e7
}

.deliver__flex.bord-none:after {
    display: none !important
}

.deliver__flex--self:after {
    content: '';
    display: block;
    width: calc(100% - 60px);
    position: absolute;
    bottom: 1px;
    height: 1px;
    border-bottom: 1px solid #666;
    left: 30px
}

.deliver__free {
    width: 130px;
    height: 30px;
    display: inline-flex;
    background: #61c8b1;
    color: #fff;
    font: 14px MyriadSetPro-Bold;
    justify-content: center;
    align-items: center;
    margin-top: 30px
}

.deliver__price {
    font: 18px MyriadSetPro-Bold;
    color: #666;
    width: 130px;
    min-width: 130px;
    margin-top: 25px
}

.orderconf__time {
    display: flex;
    width: 630px;
    justify-content: space-between;
    margin-bottom: 10px
}

.orderconf__time input[type=radio] {
    display: none
}

.orderconf__time .label {
    height: 30px;
    box-sizing: border-box;
    text-align: center;
    padding-top: 7px;
    color: #999;
    font: 14px MyriadSetPro-Bold;
    background: #e7e7e7;
    border-radius: 3px;
    cursor: pointer;
    margin-right: inherit;
}

.orderconf__time .label i {
    font-style: normal
}

.orderconf__time .label.active {
    background-color: #56c5de;
    color: #fff
}

.orderconf__time .label.time {
    width: 21.4%
}

.orderconf__time .label.interval {
    width: 53.5%;
    text-align: center;
    padding-left: 10px;
    padding-right: 120px;
    position: relative
}

.orderconf__time .label.interval .trigger {
    width: 110px;
    margin-top: -3px;
    border-radius: 4px;
    font-size: 14px;
    padding-top: 3px;
    text-align: left;
    padding-left: 7px;
    height: 22px;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .1);
    color: #999;
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/time-down.svg);
    background-position: 92% 54%;
    background-color: #fff;
    border: none;
    position: absolute;
    top: 7px;
    right: 7px
}

.orderconf__time .label.interval.active .trigger {
    color: #666;
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/time-down-act.svg)
}

.orderconf__time .label.interval .activetrigger {
    color: #666;
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/time-down-act.svg);
    width: 110px;
    padding: 0;
    border-radius: 4px;
    font-size: 14px;
    padding-top: 3px;
    text-align: left;
    padding-left: 7px;
    height: 22px;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .1);
    background-position: 92% 54%;
    position: absolute;
    top: 4px;
    right: 7px;
    background-color: #fff;
    box-sizing: border-box;
    border: none
}

.orderconf__time .label.interval .dropcontainer {
    position: absolute;
    top: 24px;
    right: 7px;
    width: 110px;
    border: none;
    z-index: 5
}

.orderconf__time .label.interval .dropcontainer ul {
    border-radius: 0 0 4px 4px;
    box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .15);
    width: 100%;
    border: none;
    padding: 0;
    padding-top: 1px;
    text-align: left;
    font-size: 14px;
    font-family: MyriadSetPro-Bold
}

.orderconf__time .label.interval .dropcontainer ul li {
    padding: 3px 10px 3px 8px
}

.orderconf__time .label.interval .dropcontainer ul li a {
    color: #999
}

.orderconf__time .label.interval .dropcontainer ul li:hover {
    background: #e7e7e7
}

.orderconf__time .label.interval .dropcontainer ul li:hover a {
    color: #333
}

.orderconf__confirm {
    width: 630px
}

.orderconf__confirm input[type=radio] {
    display: none
}

.orderconf__confirm .label {
    min-height: 30px;
    box-sizing: border-box;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 12px;
    padding-right: 12px;
    color: #999;
    font: 14px MyriadSetPro-Bold;
    background: #e7e7e7;
    border-radius: 3px;
    cursor: pointer
}

.orderconf__confirm .label.active {
    background-color: #56c5de;
    color: #fff
}

.orderconf--comment {
    font-size: 14px;
    color: #333;
    padding-left: 9px;
    position: relative;
    margin-bottom: 20px
}

.orderconf--comment:before {
    content: '*';
    position: absolute;
    left: 0;
    top: 0
}

.pay {
    padding-top: 10px
}

.pay__flex {
    display: flex;
    max-width: 610px;
    justify-content: space-between
}

.pay__flex input[type=radio] {
    display: none
}

.pay__flex label {
    padding-left: 30px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/ellipse.svg) no-repeat left 8px;
    color: #666;
    font-size: 16px;
    cursor: pointer;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px
}

.pay__flex input:checked + label {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/ellipse-act.png)
}

.delivery-address + * {
    border-top: 0px;
}

.income__buttons {
    position: relative
}

.income__forgotten {
    width: 269px;
    position: absolute;
    top: 0;
    left: 0
}

.income__forgotten .blue-sub {
    width: 100%
}

.income__forgotten__reminder {
    padding: 15px 0 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border-radius: 0 0 5px 5px;
    background: #fff;
    position: absolute;
    z-index: 5;
    width: 100%;
    display: none
}

.income__forgotten__reminder a {
    display: block;
    padding: 10px 30px;
    font-size: 15px;
    color: #333;
    transition: all .3s
}

.income__forgotten__reminder a:hover {
    color: #56c5de
}

.income__confirm p {
    padding-bottom: 15px;
    font: 14px MyriadSetPro-Medium;
    color: #333
}

.income__confirm .blue-sub {
    width: 230px
}

.income__confirm__links {
    padding: 15px 0 10px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    border-radius: 0 0 5px 5px;
    background: #fff;
    position: absolute;
    z-index: 5;
    width: 230px;
    display: none
}

.income__confirm__links a, .income__confirm__links button {
    display: block;
    padding: 10px 30px;
    font-size: 15px;
    color: #333;
    transition: all .3s;
    background: #fff;
    cursor: pointer
}

.income__confirm__links a:hover, .income__confirm__links button:hover {
    color: #56c5de
}

.income__confirm .cod__confirm {
    max-width: 260px
}

.income__confirm .cod__confirm input {
    padding: 0;
    width: 50px
}

.income__confirm .cod__confirm .success {
    margin-top: -10px
}

#pass_forgotten {
    display: none
}

.flex-order {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.flex-order__make {
    width: 55%
}

.flex-order__total {
    width: 380px;
    /*padding-top: 22px;
    margin-top: 40px;*/
    padding-top: 0px;
    margin-top: 0px;
}

.order__total {
    border: 1px solid #e7e7e7;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 15px;
    margin-top: 40px;
}

.order__total h3 {
    font: 24px MyriadSetPro-Bold;
    margin: 20px 0 15px;
}

.order__total table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 10px
}

.order__total table tr td {
    font-size: 14px;
    color: #333;
    width: 135px;
    padding: 4px 0
}

table.table-mini tr td {
    font-size: 14px;
    color: #333;
    width: 135px;
    padding: 4px 0
}

table.table-mini tr td:first-child {
    width: 70%;
}

table.table-mini tr:last-child td {
    font-size: 14px !important;
    color: #333 !important;
    padding: 4px 0 !important;
    font-family: MyriadSetPro-Medium !important;
}

.order__total table tr td h5 {
    font: 18px MyriadSetPro-Bold;
    color: #666;
    padding-top: 5px
}

.order__total table tr td h5.green {
    color: #61c8b1
}

.order__total table tr:last-child td {
    font-size: 18px;
    font-family: MyriadSetPro-Bold;
    padding-top: 10px
}

.order__total input {
    border-color: #999 !important;
    margin-bottom: 20px
}

.order__total .blue-sub, .order__total .orange-sub {
    width: 210px;
    margin-bottom: 15px
}

.order__checks {
    padding-top: 25px
}

.order__checks input[type=checkbox] {
    display: none
}

.order__checks label {
    padding-left: 30px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/check.png) no-repeat left top;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    display: block;
    margin-bottom: 20px
}

.order__checks label a {
    color: #56c5de
}

.order__checks label a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.order__checks input:checked + label {
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/check-pos.png)
}

#promocode-element-container p,
.order-complete p {
    margin: 1em 0;
    line-height: 1.2em;
}

.remind {
    max-width: 380px;
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    display: none;
    border-radius: 3px;
    box-shadow: 0 8px 15px 0 rgba(0, 0, 0, .1)
}

.remind .fancybox-button {
    display: none !important
}

.remind.center {
    text-align: center
}

.remind.center .remind__pass {
    margin-left: auto;
    margin-right: auto
}

.remind a {
    font-size: 15px;
    display: inline-block;
    padding-bottom: 3px
}

.remind .repeat {
    font: 15px MyriadSetPro-MediumItalic
}

.remind__pass h4 {
    font: 15px MyriadSetPro-Bold;
    padding-bottom: 5px
}

.remind__pass p {
    font-size: 15px
}

.remind__pass h3 {
    font-size: 22px
}

.remind__pass__form {
    max-width: 260px;
    margin: 30px 0 0
}

.remind__pass__form label {
    display: block;
    margin-bottom: 5px;
    width: 100%
}

.remind__pass__form input {
    padding: 15px 25px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    color: #666;
    font-size: 16px;
    box-sizing: border-box;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center
}

.remind__pass__form input[type=password] {
    width: 100%
}

.cod__confirm {
    display: flex;
    justify-content: space-between;
    position: relative
}

.cod__confirm input {
    width: 50px;
    padding: 0;
    height: 50px;
    text-align: center
}

.cod__confirm .success {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/success.svg) no-repeat center center;
    top: 50%;
    margin-top: -20px;
    right: -40px
}

#reg__confirm__cod {
    display: none
}

.deliver__self {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 25px;
    display: none
}

.deliver__self h5 {
    font: 16px MyriadSetPro-Bold;
    padding: 10px 0;
    color: #666
}

.deliver__self h4 {
    font: 24px MyriadSetPro-Bold;
    color: #333;
    padding-bottom: 5px
}

.deliver__self--info {
    color: #61c8b1 !important
}

.deliver__self__flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.deliver__self__days {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.deliver__self__days input {
    display: none
}

.deliver__self__days input[type=radio] + label {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #fff;
    width: 74px;
    min-width: 66px;
    margin-right: 8px;
    height: 70px;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    box-sizing: border-box;
    text-transform: uppercase;
    padding: 0;
    font-size: 20px;
    margin-bottom: 10px
}

.deliver__self__days input[type=radio] + label:last-child {
    margin-right: 0 !important
}

.deliver__self__days input[type=radio] + label span {
    display: block;
    font: 16px MyriadSetPro-Bold;
    padding-top: 2px
}

.deliver__self__days input[type=radio]:checked + label {
    background: #61c8b1;
    border-color: #61c8b1;
    color: #fff
}

.deliver__courier {
    background: #fff;
    padding-top: 20px;
    display: none;
    margin-top: -30px;
}

.deliver__courier textarea {
    font-family: MyriadSetPro-Medium !important;
    height: 130px
}

.deliver__courier h5 {
    font: 16px MyriadSetPro-Bold;
    padding: 10px 0;
    color: #666
}

.deliver__courier h5 a {
    text-decoration: none;
    padding-left: 3px
}

.deliver__courier h4 {
    font: 24px MyriadSetPro-Bold;
    color: #333;
    padding-bottom: 5px
}

.deliver__courier--info {
    color: #61c8b1 !important
}

.deliver__courier__flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.deliver__courier__adresses {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.deliver__courier__adresses input {
    display: none
}

.deliver__courier__adresses input[type=radio] + label {
    padding: 4px 24px;
    border-radius: 4px;
    background: #56c5de;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s
}

.deliver__courier__adresses input[type=radio] + label:hover {
    background-color: #61c8b1
}

.deliver__courier__adresses input[type=radio] + label:last-child {
    margin-right: 0
}

.deliver__courier__adresses input[type=radio]:checked + label {
    background-color: #61c8b1
}

.deliver__courier--comment {
    font: 14px MyriadSetPro-MediumItalic;
    color: #333;
    padding-top: 5px;
    margin-bottom: 15px
}

.deliver__courier label {
    color: #333;
    margin-bottom: 3px;
    display: block;
    padding-bottom: 0 !important
}

.deliver__courier input {
    padding-right: 10px !important
}

.deliver__courier--street {
    padding-bottom: 15px
}

.deliver__courier__flex {
    padding: 0 0 15px
}

.deliver__courier--house {
    width: 23.35%
}

.deliver__courier--apartment {
    width: 23.35%
}

.deliver__courier--name {
    width: 47%
}

.deliver__courier--storey {
    width: 10.2%
}

.deliver__courier--porch {
    width: 10.2%
}

.deliver__courier--intercom {
    width: 23.35%
}

.deliver__courier--phone {
    width: 47%
}

.orderconf__time__desire {
    display: flex;
    width: 630px;
    justify-content: space-between;
    margin-bottom: 10px
}

.orderconf__time__desire .label, .orderconf__time__desire input[type=radio] + label {
    height: 30px;
    box-sizing: border-box;
    text-align: center;
    padding: 7px 0 0 0 !important;
    color: #999;
    font: 14px MyriadSetPro-Bold;
    background: #e7e7e7;
    border-radius: 3px;
    width: 18.5%;
    cursor: pointer
}

.orderconf__time__desire .label.active, .orderconf__time__desire input[type=radio] + label.active {
    background-color: #56c5de;
    color: #fff
}

.orderconf__time__desire .label.timing, .orderconf__time__desire input[type=radio] + label.timing {
    text-align: center;
    padding: 0;
    position: relative;
    z-index: 5
}

.orderconf__time__desire .label.timing .trigger, .orderconf__time__desire input[type=radio] + label.timing .trigger {
    width: 110px;
    margin-top: -3px;
    border-radius: 4px;
    font-size: 14px;
    padding-top: 3px;
    text-align: left;
    padding-left: 7px;
    height: 22px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    color: #666;
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/time-down-act.svg);
    background-position: 92% 54%;
    background-color: #fff;
    border: none;
    margin: -3px auto 0;
    z-index: 6
}

.orderconf__time__desire .label.timing .activetrigger, .orderconf__time__desire input[type=radio] + label.timing .activetrigger {
    color: #666;
    background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/time-down-act.svg);
    width: 110px;
    padding: 0;
    border-radius: 4px;
    font-size: 14px;
    padding-top: 3px;
    text-align: left;
    padding-left: 7px;
    height: 22px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    background-position: 92% 54%;
    background-color: #fff;
    box-sizing: border-box;
    border: none;
    margin: -3px auto 0
}

.orderconf__time__desire .label.timing .dropcontainer, .orderconf__time__desire input[type=radio] + label.timing .dropcontainer {
    margin: -2px auto 0;
    width: 110px;
    border: none;
    z-index: 5
}

.orderconf__time__desire .label.timing .dropcontainer ul, .orderconf__time__desire input[type=radio] + label.timing .dropcontainer ul {
    border-radius: 0 0 4px 4px;
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .15);
    width: 100%;
    border: none;
    padding: 0;
    padding-top: 1px;
    text-align: left;
    font-size: 14px;
    font-family: MyriadSetPro-Bold
}

.orderconf__time__desire .label.timing .dropcontainer ul li, .orderconf__time__desire input[type=radio] + label.timing .dropcontainer ul li {
    padding: 3px 10px 3px 8px;
    background: #fff;
    position: relative;
    z-index: 2
}

.orderconf__time__desire .label.timing .dropcontainer ul li a, .orderconf__time__desire input[type=radio] + label.timing .dropcontainer ul li a {
    color: #999
}

.orderconf__time__desire .label.timing .dropcontainer ul li:hover, .orderconf__time__desire input[type=radio] + label.timing .dropcontainer ul li:hover {
    background: #e7e7e7
}

.orderconf__time__desire .label.timing .dropcontainer ul li:hover a, .orderconf__time__desire input[type=radio] + label.timing .dropcontainer ul li:hover a {
    color: #333
}

.orderconf__time__desire input[type=radio]:checked + label {
    background: #56c5de;
    color: #fff
}

.orderform {
    width: 300px;
    box-sizing: border-box;
    padding: 40px 10px 35px 30px;
    display: none;
    border-radius: 5px;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .1)
}

.orderform h4 {
    padding-bottom: 5px
}

.orderform p {
    font-size: 15px;
    line-height: 21px
}

.orderform .fancybox-button {
    display: none !important
}

.orderform.center {
    text-align: center
}

.orderform.center .remind__pass {
    margin-left: auto;
    margin-right: auto
}

.orderform a {
    font-size: 15px;
    display: inline-block;
    padding-bottom: 3px
}

.orderform .repeat {
    font: 15px MyriadSetPro-MediumItalic
}

.success {
    border: none !important;
    display: block;
    min-width: 20px;
    height: 20px;
    background: url(/local/templates/wer_rediz_2019/styles/../imgs/success.svg) no-repeat center center
}

input[type=submit].success {
    cursor: pointer
}

.orderform__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 10px
}

.orderform input[type=tel] {
    padding: 15px 25px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    color: #666;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box
}

.orderform .success {
    margin-left: 15px
}

.orderform .opr {
    max-width: 204px
}

.active-promo {
    margin-top: 20px;
}

.active-promo p {
    color: #61c8b1;
    font-size: 14px
}

.active-promo__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    margin-bottom: 20px
}

.active-promo__flex input {
    margin-bottom: 0;
    max-width: 210px
}

.active-promo__flex .cancel {
    width: 90px;
    height: 30px;
    background: #ff5f6b;
    color: #fff;
    font: 14px MyriadSetPro-Bold;
    border-radius: 4px;
    cursor: pointer;
    transition: all .3s
}

.active-promo__flex .cancel:hover {
    background: #f33
}

@media only screen and (max-width: 1330px) {
    header.main-header .topper .your-town {
        left: 0
    }
}

@media only screen and (max-width: 1270px) {
    .search {
        opacity: 0
    }

    header.main-header {
        min-height: 293px
    }

    header.main-header .middle.scrolling-top .logotype {
        width: 179px;
        padding-top: 10px;
        margin-right: 15px
    }

    header.main-header .middle.scrolling-top .search {
        padding-right: 0
    }

    header.main-header .middle.scrolling-top .search form {
        border: 2px solid #56c5de;
        box-sizing: border-box;
        border-radius: 2px;
        position: relative;
        width: 304px;
        max-width: 306px;
        background: #fff
    }

    header.main-header .middle.scrolling-top .search form label {
        position: absolute;
        top: 0;
        left: 15px;
        line-height: 43px;
        height: 43px;
        color: #999
    }

    header.main-header .middle.scrolling-top .search form input[type=submit] {
        position: absolute;
        right: 3px;
        top: 3px;
        border-radius: 2px;
        height: 37px;
        width: 37px;
        display: block;
        color: #fff;
        font-size: 16px;
        padding: 0 23px 0 0;
        box-sizing: border-box;
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/lupa-01.svg) no-repeat center right 8px #56c5de
    }

    header.main-header .middle.scrolling-top .search form input[type=text] {
        border: none;
        font: 16px MyriadSetPro-Medium;
        color: #333;
        height: 43px;
        box-sizing: border-box;
        line-height: 43px;
        padding-left: 15px
    }

    header.main-header .middle.scrolling-top .search form .populars {
        position: absolute;
        top: 43px;
        left: -2px;
        background: #fff;
        z-index: 90;
        width: 100%;
        border-left: 2px solid #56c5de;
        border-right: 2px solid #56c5de;
        border-bottom: 2px solid #56c5de;
        padding-bottom: 6px;
        display: none
    }

    header.main-header .middle.scrolling-top .search form .populars h5 {
        color: #ccc;
        font: 18px MyriadSetPro-Bold;
        padding: 12px 15px 11px;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
        margin-bottom: 6px
    }

    header.main-header .middle.scrolling-top .search form .populars p {
        padding: 5px 15px;
        color: #333;
        cursor: pointer
    }

    header.main-header .bottom .menu {
        opacity: 0
    }

    .note {
        margin-bottom: 60px
    }

    .wrapper {
        max-width: 768px;
        padding: 0 25px
    }

    header.main-header {
        padding-bottom: 10px
    }

    header.main-header .topper .your-town {
        top: 64px
    }

    header.main-header .topper .towns-block {
        display: block;
        padding-top: 30px;
        padding-bottom: 6px;
        background-position: left;
        background-position-y: 28px
    }

    header.main-header .topper .towns-block img {
        position: relative;
        top: 4px
    }

    header.main-header .header-contacts {
        display: block;
        padding: 2px 5px 8px 26px;
        height: 67px
    }

    header.main-header .header-contacts .phone-header {
        margin-bottom: 10px;
        display: block
    }

    header.main-header .middle .logotype {
        width: 204px;
        padding-top: 0
    }

    header.main-header .middle .likes-cart {
        padding-left: 10px
    }

    header.main-header .search {
        padding-top: 10px
    }

    header.main-header .search form {
        width: 100%;
        max-width: 100%
    }

    header.main-header .bottom {
        display: block;
        padding-top: 22px
    }

    header.main-header .bottom .actions {
        padding-bottom: 14px
    }

    header.main-header .bottom .actions .actii {
        /* width: 364px;*/
        width: 32%;
    }

    header.main-header .bottom .actions .days-product {
        /*   width: 343px;*/
        margin-left: 0;
        width: 32%;
    }

    header.main-header .bottom .actions .brands {
        /*   width: 343px;*/
        margin-right: 0;
        width: 32%;
        order: 3
    }

    header.main-header .bottom .menu .btn {
        margin-right: 0;
        padding: 6px 13px
    }

    header.main-header .bottom .menu .has-list .inner-menu {
        width: 716px
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul {
        width: 400px;
        display: block
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li {
        width: 350px
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .menu-banner a {
        display: block;
        padding: 0;
        width: 280px
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .menu-banner a img {
        max-width: 100%
    }

    .drugs {
        padding-top: 64px;
        flex-wrap: wrap
    }

    /*.products-section .prod:last-child, .products-section .prod:nth-child(4) {
        display: none
    }*/
    .bannera {
        display: block
    }

    .bannera .item-ban {
        width: 100%;
        margin-bottom: 30px;
        justify-content: center;
        padding-left: 0
    }

    .offers {
        display: block
    }

    .offers .first-offer, .offers .fourth-offer, .offers .second-offer, .offers .third-offer {
        float: none !important;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0
    }

    .offers .second-offer {
        width: 718px
    }

    .offers .second-offer .gradi > div .offering {
        padding-top: 21px
    }

    .offers .first-offer {
        height: 191px;
        width: 718px
    }

    .offers .first-offer .gradi > div {
        display: flex
    }

    .offers .first-offer .gradi > div .image {
        min-width: 52%;
        line-height: 0
    }

    .offers .first-offer .gradi > div .offering {
        padding-top: 10px;
        padding-left: 10px
    }

    .offers .owl-dots {
        padding-top: 20px
    }

    .link-all.offer-link {
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px
    }

    .reviews-section {
        display: block
    }

    .reviews-section .assessment {
        padding-left: 0
    }

    section.assessment .yandex-block p {
        margin: 0;
    }

    .reviews-section .reviews .rev-items {
        padding-top: 10px
    }

    .reviews-section .reviews .rev-items .item {
        padding-bottom: 15px
    }

    footer.main-footer .footer-content {
        display: block;
        padding-left: 88px
    }

    footer.main-footer .footer-content .conts .katalog {
        width: 50%;
        min-width: 230px;
        padding: 0 30px;
        max-width: 100%;
    }

    .footer.main-footer .footer-content .conts .svyaz, footer.main-footer .footer-content .internet {
        width: 50%;
    }

    .breadcrumbs {
        padding-left: 0;
        padding-right: 10px;
        position: relative
    }

    .breadcrumbs > a {
        overflow: hidden;
    }

    .breadcrumbs > span:first-child {

    }

    .breadcrumbs > span:last-child {
        overflow: hidden;
        padding-left: 0;
    }

    .breadcrumbs:after {
        content: '';
        position: absolute;
        width: 120px;
        pointer-events: none;
        background: linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));


        height: 100%;
        display: block;
        top: 0;
        right: 0;
        z-index: 1;
    }

    .breadcrumbs .bx-breadcrumb-item:last-child {
        overflow: hidden;
    }

    .breadcrumbs .all-chosen, .breadcrumbs .all-chosen-contents {
        /*   width: 133px;*/
        position: absolute;
        left: 63px;
        top: 37px;
        display: none;
        background: #fff;
        padding-bottom: 10px;
        z-index: 30;
        box-shadow: 0 7px 10px 0 rgba(0, 0, 0, .15);
        border-radius: 3px
    }

    .breadcrumbs .all-chosen-contents {
        padding: 5px 10px;
    }

    .breadcrumbs .all-chosen-contents .bx-breadcrumb-item {
        padding: 5px 0;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .breadcrumbs .all-chosen .chosen {
        padding-top: 10px;
        padding-left: 15px;
        margin-bottom: -10px;
    }

    .breadcrumbs .all-chosen .chosen a {
        display: block;
        text-overflow: ellipsis;
        max-width: 280px;
        overflow: hidden;
    }

    .breadcrumbs .all-chosen .chosen > a {
        display: inline-block;
    }

    .breadcrumbs .all-chosen .chosen.act {
        box-shadow: none
    }

    .breadcrumbs .all-chosen .chosen div {
        position: static;
        box-shadow: none
    }

    .catalog-content h1, .catalog-content h2 {
        margin-left: 0
    }

    .catalog-content .filters {
        padding-left: 10px;
        padding-right: 10px
    }

    .catalog-content .filters .wrapper {
        position: relative
    }

    .catalog-content .filters .filt-left .forms {
        display: block
    }

    .linear .prod {
        width: 718px
    }

    .linear .prod .link-prod {
        justify-content: space-between
    }

    .linear .prod .link-prod .img {
        /* margin-left: 66px;*/
        width: 130px
    }

    .linear .prod .link-prod .again, .linear .prod .link-prod .hit, .linear .prod .link-prod .new {
        width: 68.5px
    }

    .linear .prod .link-prod .prod-footer {
        margin-left: 0
    }

    .linear .prod .link-prod .prod-footer .btn {
        width: 159px
    }

    .linear .prod .link-prod .prod-footer .plus-one {
        width: 159px
    }

    .dopinfos {
        display: block;
        margin-bottom: 40px
    }

    .dopinfos__right {
        margin-left: 0;
        border-left: 0;
        border-right: 0;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 10px
    }

    .dopinfos__right__mneu .btn {
        padding: 0 10px
    }

    .dopinfos__left {
        border: 0;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        padding-bottom: 0;
        border-bottom: 1px solid #e7e7e7
    }

    .dopinfos__left__actions {
        display: flex;
        justify-content: space-between
    }

    .dopinfos__left__prods {
        overflow: hidden
    }

    .dopinfos__left__prods__display {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

    }

    .dopinfos__left__prods__display .prod {
        width: 50%;
    }

    .pagination-container {
        width: 100%;
    }


    .dopinfos__left__prods__product {
        margin-right: 50px
    }

    .dopinfos__left__prods__product .image {
        width: 90px
    }

    .dopinfos__left__prods__product .info {
        width: 230px
    }

    .dopinfos__left__prods__product .info .basket .plus-one {
        width: 110px
    }

    .dopinfos__left__prods__product .info .basket .cart {
        width: 110px
    }

    .looked {
        overflow: hidden
    }

    .looked .prods .prod {
        min-width: 344px;
        margin-right: 25px
    }

    .flex-order {
        display: block
    }

    .flex-order__total {
        padding-top: 25px !important
    }

    .flex-order__make {
        width: 100%
    }

    .deliver__options {
        max-width: 100%
    }

    .orderconf__confirm {
        width: 100%
    }

    .orderconf__time {
        width: 100%
    }

    .deliver__self__days input[type=radio] + label {
        width: 84px
    }

    .orderconf__time__desire {
        width: 100%
    }
}

header.main-header .menu-gamburg {
    display: none
}

@media only screen and (max-width: 768px) {
    /*
    local/templates/wer_rediz_2019/styles/bundle_media_max768.css
    */
}

@media only screen and (max-width: 667px) {
    .orderconf__time {
        flex-wrap: wrap
    }

    .orderconf__time .label.time {
        width: 49%
    }

    .orderconf__time .label.interval {
        width: 100%;
        margin-top: 11px
    }

    #inter .income__flex {
        flex-wrap: wrap
    }

    .orderconf__time__desire #date4 + label {
        display: none
    }

    .orderconf__time__desire .label, .orderconf__time__desire input[type=radio] + label {
        width: 23.5%
    }
}

@media only screen and (max-width: 660px) {
    .products-section {
        padding-top: 0;
        padding-bottom: 20px
    }

    .products-section .prod {
        display: none;
        width: 100%;
        position: relative
    }

    .products-section .prod .btn {
        position: absolute;
        top: 72px;
        left: 205px;
        margin-top: 0;
        /*border: none;
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/cart-button.png) no-repeat center center;
        width: 40px;
        height: 40px;
        margin-top: 0;
        text-indent: 100px;*/
    }

    .prod .cart.full {
        /*  position: absolute;
          top: 72px;
          left: 230px;
          margin-top: 0;*/
        /*  border: none;
         background: url(/local/templates/wer_rediz_2019/styles/../imgs/cart-button.png) no-repeat center center;*/
        /*   width: 40px;
           height: 40px;
           border-radius: 40px;
           margin-top: 0;
           text-indent: 100px;*/
    }

    .products-section .prod .btn span {
        display: none
    }

    .products-section .prod .btn:hover {
        background-color: #fff !important
    }

    .products-section .prod:first-child {
        display: block
    }

    .products-section .prod .link-prod {
        overflow: hidden;
        /*padding: 10px 15px*/
        padding: 10px 0px
    }

    .products-section .prod .link-prod img {
        max-width: 100px;
        margin-right: 15px;
        margin-left: 0
    }

    .products-section .prod .link-prod .img {
        float: left
    }

    .products-section .prod .link-prod .h3 {
        font-size: 16px
    }

    .products-section .prod .link-prod .price span {
        font-size: 19px
    }

    .products-section .prod .link-prod .price span b {
        font-size: 19px
    }

    .products-section .prod .link-prod .price span b {
        bottom: -1px
    }

    .sezon-prods .products-section .prod a.link-prod {
        padding-left: 0
    }

    .product-items {
        display: block
    }

    .product-items .prod {
        display: block;
        margin-bottom: 20px
    }

    /*  .product-items .prod:last-child, .product-items .prod:nth-child(4) {
          display: block
      }*/
    .bannera {
        padding-top: 30px
    }

    .bannera .item-ban {
        padding: 20px;
        margin-bottom: 20px
    }

    .bannera .item-ban .h4 {
        font-size: 20px
    }

    .bannera .item-ban .images img {
        max-width: 80px;
        padding-right: 10px;
        max-height: 56px
    }

    .assessment .yandex-block {
        margin: 20px auto 0;
    }

    footer.main-footer .footer-content {
        padding-left: 0
    }

    .deliver__courier__adresses {
        position: relative
    }

    .deliver__courier__adresses input[type=radio] + label {
        margin-right: 10px;
        text-align: center;
        padding-left: 50px;
        padding-right: 50px
    }

    .deliver__courier__adresses input[type=radio] + label:nth-child(6) {
        margin-right: 0
    }

    .deliver__courier__adresses input[type=radio] + label:last-child {
        box-sizing: border-box;
        margin-right: 0
    }

    .deliver__courier__adresses input[type=radio] + label:last-child.abs {
        width: 100%;
        position: absolute;
        top: 40px;
        left: 0
    }
}

@media only screen and (max-width: 600px) {
    footer.main-footer .footer-content .conts, footer.main-footer .footer-content .internet, footer.main-footer .footer-content .katalog {
        display: none
    }

    footer.main-footer .footer-content .logo-block {
        justify-content: center
    }

    footer.main-footer .footer-content .logo-block .logotype {
        border-right: none;
        margin-right: auto;
        margin-left: auto
    }

    footer.main-footer .footer-content .logo-block .logotype a img {
        width: 200px
    }

    .deliver__courier__flex {
        flex-wrap: wrap
    }

    .deliver__courier--name, .deliver__courier--phone {
        width: 100%;
        margin-top: 15px
    }

    .deliver__courier--apartment, .deliver__courier--house, .deliver__courier--intercom {
        width: 48.3%
    }

    .deliver__courier--porch, .deliver__courier--storey {
        width: 22.1%
    }
}

@media only screen and (max-width: 590px) {
    #inter .income__flex {
        display: block
    }

    #inter .income__flex input {
        width: 100%;
        max-width: 100%
    }

    #reg .income__flex input {
        width: 100%;
        max-width: 100%
    }

    #inter .income__flex div {
        padding-left: 0;
        margin-top: 5px
    }

    .form-text.user-ok-text {
        position: absolute;
        top: -40px;
        right: 6px;
    }

    #inter .income__pass, #reg .income__pass {
        position: relative;
        margin-bottom: 12px
    }

    #inter .income__pass__eyes, #reg .income__pass__eyes {
        position: absolute;
        top: 0;
        right: 0;
        left: auto
    }

    #inter .income__submit {
        max-width: 100%
    }
}

@media only screen and (max-width: 550px) {
    .deliver__flex {
        display: block;
        padding-bottom: 15px
    }

    .deliver__free {
        margin-top: 0;
        margin-left: 30px
    }

    .deliver__price {
        margin-top: 0;
        margin-left: 30px;
        padding-bottom: 10px;
        display: block
    }

    .deliver__options label {
        padding-bottom: 15px;
        padding-right: 0;
    }

    .deliver__options input[type=radio] + label {
        width: 105%;
    }

    .pay__flex {
        display: block
    }

    .pay__flex label {
        padding-top: 7px;
        padding-bottom: 7px;
        background-position: left 4px
    }

    .deliver__self__days {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .deliver__self__days label {
        width: 66px;
        max-width: 66px
    }

    .deliver__courier__adresses input[type=radio] + label {
        padding-left: 25px;
        padding-right: 25px
    }
}

@media only screen and (max-width: 525px) {
    .fancy-open {
        max-width: 300px;
        padding: 50px 28px 38px
    }

    .fancy-open .buttons {
        display: block
    }

    .fancy-open .buttons a {
        width: 100%
    }

    .fancy-open .buttons a:first-child {
        margin-bottom: 15px
    }

    .fancy-open p {
        font-size: 15px
    }

    .fancy-open h4 {
        font-size: 19px
    }

    .fancy-open form {
        margin: 22px 0 26px
    }

    .fancy-open .towns div a {
        font-size: 14px
    }

    .fancy-open form input[type=tel] {
        max-width: 179px;
        box-sizing: border-box
    }

    #deliver {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 320px
    }

    .fancy-open .fancybox-close-small {
        width: 52px;
        height: 52px
    }

    .fancy-open h4 {
        padding-bottom: 10px
    }

    .fancy-open .towns div a {
        padding-right: 40px
    }

    #else .flex {
        max-height: 500px !important
    }

    .bannera {
        padding-top: 30px
    }

    .bannera .item-ban {
        display: block;
        text-align: center
    }

    .bannera .item-ban .images {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 15px
    }

    .bannera .item-ban .images img {
        display: block;
        width: auto !important
    }

    .bannera .item-ban p {
        max-width: 204px;
        padding-top: 10px;
        margin: 0 auto;
        line-height: 20px
    }

    section h2, section .title-h2 {
        font-size: 20px;
        padding-top: 20px
    }

    section header .link-all {
        padding-bottom: 8px
    }

    .reviews-section .assessment h2 {
        padding-top: 40px
    }

    .reviews-section .reviews header {
        margin-bottom: 20px
    }

    .reviews-section .reviews .rev-items .item h3 {
        font-size: 17px
    }

    .reviews-section .reviews .rev-items .item blockquote {
        padding: 15px 5px 10px 30px;
        background-size: 17px;
        background-position: left top 17px
    }

    .reviews-section .reviews .rev-items .item blockquote p {
        font-size: 14px;
        line-height: 18px
    }

    .reviews-section .reviews .rev-items .item blockquote cite {
        font-size: 14px;
        padding-top: 10px
    }

    .orderconf__time__desire {
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .orderconf__time__desire .label, .orderconf__time__desire input[type=radio] + label {
        width: 48.4%;
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 514px) {
    .looked {
        max-width: 305px
    }
}

@media only screen and (max-width: 480px) {
    .product-cart__buy__likes {
        width: 280px !important;
        overflow: hidden
    }
}

@media only screen and (max-width: 452px) {
    .income__pass input {
        width: 105%
    }
}

@media only screen and (max-width: 440px) {
    .catalog-content h1, .catalog-content h2 {
        font-size: 20px
    }

    .orderconf__time .label.time {
        width: 48.5%
    }

    .income__confirm .blue-sub {
        width: calc(100% - 40px)
    }

    .income__confirm__links {
        width: calc(100% - 40px)
    }

    .deliver__self__flex {
        display: block
    }

    .deliver__self--info {
        padding-top: 0 !important;
        margin-top: -5px
    }
}

@media only screen and (max-width: 412px) {
    .flex-order__total {
        width: 100%
    }

    .order__total {
        border-left: none;
        border-right: none;
        padding-left: 0;
        padding-right: 0
    }

    .active-promo__flex {
        justify-content: flex-start
    }

    .active-promo__flex .cancel {
        margin-left: 15px
    }
}

@media only screen and (max-width: 404px) {
    .income__submit {
        height: 75px
    }

    .income__submit .blue-sub {
        position: absolute;
        top: 35px
    }

    .income__forgotten {
        top: 35px
    }

    .remind {
        max-width: 290px
    }

    #remind_sms {
        padding-right: 10px
    }

    .remind__pass__form {
        max-width: 200px
    }

    .cod__confirm input {
        width: 40px
    }

    .cod__confirm .success {
        right: -35px
    }

    .deliver__courier__adresses input[type=radio] + label {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (max-width: 380px) {
    .deliver__self__days input[type=radio] + label:nth-child(8) {
        margin-right: 0 !important
    }
}

@media only screen and (max-width: 355px) {
    .orderconf__time .label.interval span i {
        display: none
    }
}

@media only screen and (max-width: 350px) {
    .active-promo__flex .cancel {
        width: 30px;
        height: 30px;
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/cancel.svg) no-repeat center center;
        box-sizing: border-box;
        position: relative;
        border-radius: 100%;
        margin-left: 20px
    }

    .active-promo__flex .cancel:after {
        content: '';
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/cancel.svg) no-repeat center center;
        pointer-events: none;
        top: 0;
        left: 0
    }

    .active-promo p {
        max-width: 210px
    }
}

@media only screen and (max-width: 330px) {
    .income__confirm .cod__confirm {
        width: 250px
    }
}

@media only screen and (min-width: 1271px) {
    header.main-header .bottom .menu .has-list .inner-menu {
        display: none
    }

    header.main-header .header-contacts {
        display: flex !important
    }

    .offers {
        display: block !important
    }

    header.main-header {
        min-height: 218px
    }

    .drugs .item {
        display: block !important
    }

    .catalog-content .filters .wrapper {
        position: relative
    }

    .catalog-content .filters .proizv {
        width: 430px;
        margin-left: 20px
    }

    .catalog-content .filters .checks-div {
        position: absolute;
        width: 520px;
        left: 270px;
        top: 44px;
        height: 454px;
        overflow: hidden;
        border-radius: 5px;
        display: block
    }

    .catalog-content .filters .checks {
        position: absolute;
        height: 454px;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none;
        right: 0;
        bottom: 0
    }

    .catalog-content .filters .checks .all-chks {
        z-index: 2;
        background: #fff;
        position: relative
    }

    .catalog-content .filters .checks .search {
        background: #fff;
        padding-top: 19px;
        position: relative;
        z-index: 1
    }

    .catalog-content .filters .checks .submit {
        padding-bottom: 20px;
        padding-top: 20px;
        background: #fff;
        z-index: 10;
        position: relative
    }

    .catalog-content .filters .checks .submit button.btn {
        margin-top: 0
    }

    .catalog-content .filters .checks .all {
        z-index: 1
    }

    .catalog-content .filters .checks .all .jspContainer {
        overflow: visible
    }

    .breadcrumbs .chosen > a:hover {
        color: #333;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1270px) {
    header.main-header .jspVerticalBar {
        left: 0
    }

    header.main-header .scroll-pane {
        width: 100%;
        height: 412px;
        overflow: auto;
        display: block
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li a {
        border-bottom: 1px solid #e7e7e7;
        width: 340px;
        height: 35px;
        padding-top: 5px;
        margin-left: 15px;
        line-height: 25px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li:first-child a {
        padding-top: 0;
        height: 26px
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu {
        padding-right: 0;
        padding-bottom: 30px;
        justify-content: space-between
    }

    header.main-header .bottom .menu .has-list .inner-menu {
        height: 438px
    }

    header.main-header .jspVerticalBar {
        width: 8px;
        border-radius: 8px;
        background: #e7e7e7
    }

    header.main-header .jspTrack {
        background: #e7e7e7;
        border-radius: 8px
    }

    header.main-header .jspDrag {
        background: #56c5de;
        border-radius: 8px
    }

    .bottom .menu .has-list .btn:hover {
        border: 2px solid #56c5de !important;
        background: #fff !important;
        color: #56c5de !important
    }

    .catalog-content .filters .price-range {
        /*position: absolute;
        top: 0;
        left: 179px*/

    }

    .filters.bx-filter .filt-left {
        width: 150px;
    }

    .catalog-content .filters .proizv {
        margin-left: -150px !important;
        padding-top: 10px;
    }

    .catalog-content .filters .act-subst {
        margin-left: -150px !important;
    }

    .catalog-content .filters {
        padding-bottom: 25px
    }

    .catalog-content .filters .wrapper {
        position: relative
    }

    .catalog-content .filters .proizv {
        margin-top: 22px;
        width: 430px;
        margin-left: 0
    }

    .catalog-content .filters .checks-div {
        position: absolute;
        width: 520px;
        left: 25px;
        top: 143px;
        height: 454px;
        overflow: hidden;
        border-radius: 5px;
        display: block
    }

    .catalog-content .filters .checks {
        position: absolute;
        height: 454px;
        padding-top: 0;
        padding-bottom: 0;
        right: auto;
        left: 0;
        bottom: 0
    }

    .catalog-content .filters .checks .all-chks {
        z-index: 2;
        background: #fff;
        position: relative
    }

    .catalog-content .filters .checks .search {
        background: #fff;
        padding-top: 19px;
        position: relative;
        z-index: 1
    }

    .catalog-content .filters .checks .submit {
        padding-bottom: 20px;
        padding-top: 20px;
        background: #fff;
        z-index: 10;
        position: relative;
        box-sizing: border-box
    }

    .catalog-content .filters .checks .submit button.btn {
        margin-top: 0
    }

    .catalog-content .filters .checks .aside {
        right: -249px
    }

    .catalog-content .filters .checks .aside:after {
        display: none
    }

    .catalog-content .filters .checks .aside:before {
        content: '';
        position: absolute;
        left: -8px;
        top: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/pl-arr.png) no-repeat left center;
        width: 8px;
        height: 32px
    }

    .catalog-content .filters .checks .all {
        z-index: 1
    }

    .catalog-content .filters .checks .all .jspContainer {
        overflow: visible
    }

    .catalog-content .filters .act-subst {
        /*position: absolute;
        width: 430px;
        right: 25PX;
        top: 80px*/
    }

    .catalog-content .filters .filt-left .link-check {
        font-size: 14px
    }

    .prods:not(.linear) .prod {
        width: 344px
    }

    .prods:not(.linear) .dostavka {
        width: 344px
    }

    .prods:not(.linear) .dostavka p {
        margin-top: 40px
    }

    .product-content h1, .product-content h2 {
        max-width: 440px
    }

    .product-content .wrapper {
        position: relative
    }

    .product-cart {
        padding-bottom: 30px
    }

    .product-cart__buy .buy__cart {
        width: 235px
    }

    .product-cart__buy__deliver {
        width: 310px;
        display: block;
    }

    .product-cart__buy__deliver__inner {
        width: 100%;
        min-width: 100%;
    }

    .product-cart__buy__deliver .deliver__punkt span {
        width: auto
    }

    .product-cart__buy__likes {
        width: 310px;
        overflow: hidden
    }

    .product-cart__info {
        margin-left: 0;
        padding-top: 15px;
        max-width: 100%;
    }

    .product-cart__info--ll {
        width: 380px;
        padding-right: 40px;
        box-sizing: border-box
    }

    .product-cart__info--rr {
        padding-left: 30px
    }

    .product-cart__info p {
        line-height: 18px
    }

    .product-cart__info p .value {
        max-width: 140px
    }

    .product-cart__info p .another-forms {
        /*  margin-left: -140px*/
    }

    .deliver__courier__adresses input[type=radio] + label {
        padding-left: 35px;
        padding-right: 35px
    }
}

@media only screen and (min-width: 660px) and (max-width: 1270px) {
    .reviews-section .assessment .yandex-block {
        width: 100%;
        height: 189px
    }

    .reviews-section .assessment .yandex-block .gradi .inner-content {
        padding-top: 25px;
        padding-bottom: 30px
    }

    .reviews-section .assessment .yandex-block .gradi .inner-content .five {
        display: flex;
        align-items: flex-end;
        justify-content: center
    }

    .reviews-section .assessment .yandex-block .gradi .inner-content .five .assess {
        margin-right: 35px
    }

    .reviews-section .assessment .yandex-block .gradi .inner-content .five > div {
        max-width: 210px;
        padding-top: 20px
    }

    .reviews-section .assessment .yandex-block .gradi .inner-content .five > div .text {
        padding-top: 10px;
        padding-bottom: 11px
    }

    .reviews-section .assessment .yandex-block .gradi .inner-content .five .btn {
        margin-left: 40px;
        margin-right: 0;
        margin-bottom: 30px
    }


}


@media only screen and (min-width: 769px) {
    .scrollin-top {
        display: block !important
    }

    header.main-header .bottom .menu {
        display: flex !important
    }

    .drugs h4 {
        display: block !important
    }

    .catalog-content .filters .wrapper {
        display: flex !important
    }

    #scroll-menu {
        display: none !important
    }

    .link:hover::before {
        opacity: 0
    }

    .avtor a:hover {
        text-decoration: none
    }

    .inters a:hover {
        color: #333
    }

    .search form .populars p:hover {
        background: #e8e8e8
    }

    .menu .has-list .inner-menu .wrap-menu ul li a:hover {
        color: #56c5de;
        font-family: MyriadSetPro-Bold
    }

    #scroll-search .sc-s form .populars p:hover {
        background: #e8e8e8
    }

    .aqua:hover {
        background-color: #61c8b1 !important;
        border-color: #61c8b1 !important;
        color: #fff !important
    }

    .aqua:active {
        background-color: #45b0a2 !important;
        border-color: #61c8b1 !important;
        color: #fff !important
    }

    .aqua.disabled {
        background-color: #e7e7e7 !important;
        border-color: #61c8b1 !important;
        color: #fff !important
    }

    .wild:hover {
        background-color: #f33 !important;
        border-color: #f33 !important;
        color: #fff !important
    }

    .wild:active {
        background-color: #f33 !important;
        border-color: #f33 !important;
        color: #fff !important
    }

    .wild.disabled {
        background-color: #e7e7e7 !important;
        border-color: #f33 !important;
        color: #fff !important
    }

    .blum:hover {
        background-color: #56c5de !important;
        border-color: #56c5de !important;
        color: #fff !important
    }

    .blum:active {
        background-color: #39abc4 !important;
        border-color: #39abc4 !important;
        color: #fff !important
    }

    .blum.disabled {
        background-color: #e7e7e7 !important;
        border-color: #61c8b1 !important;
        color: #fff !important
    }

    .oform:hover {
        background-color: #6dcfb9 !important;
        border-color: #6dcfb9 !important;
        color: #fff !important
    }

    .oform:active {
        background-color: #45b0a2 !important;
        border-color: #45b0a2 !important;
        color: #fff !important
    }

    .oform.disabled {
        background-color: #e7e7e7 !important;
        border-color: #61c8b1 !important;
        color: #fff !important
    }

    .fancy-open .buttons a.back:hover {
        background-color: #ff5f6b
    }

    .fancy-open .towns div a:hover {
        text-decoration: underline
    }

    .registors a:hover {
        text-decoration: none
    }

    .drugs .links a:hover {
        color: #56c5de
    }

    .products-section .prod .link-prod:hover {
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .15)
    }

    .prods .prod a.link-prod .plus-one:hover {
        color: #fff;
        background: #56c5de
    }

    .prods .prod a.link-prod:hover {
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .15)
    }

    .prods .prod a.link-prod:hover .img img {
        max-width: 100%
    }

    .link-all:hover {
        color: #6dcfb9
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li a:hover {
        color: #56c5de;
        font-family: MyriadSetPro-Bold
    }

    footer.main-footer .footer-content .internet a:hover {
        color: #333
    }

    footer.main-footer .footer-content .conts .katalog a:hover {
        color: #333
    }

    header.main-header .topper .registors a:hover {
        text-decoration: none
    }

    .catalog-content .filters .select-sort .input-select div a:hover {
        color: #56c5de
    }

    .catalog-content .filters .checks .chk label:hover {
        color: #56c5de;
        background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/chk-hov.svg)
    }

    .dopinfos__right__mneu {
        display: flex !important
    }

    .dopinfos__right__mneu .btn {
        display: flex !important
    }

    .dop_mobile_tabsMenu {
        display: none;
    }
}

.page-to-top {
    display: none;
    position: fixed;
    width: 48px;
    height: 48px;
    cursor: pointer;
    z-index: 100;
    left: 15px;
    bottom: 20px;
    background: #56c5de;
    color: #FFF;
    text-align: center;
    font-family: monospace;
    transition: opacity .24s;
}

.page-to-top svg {
    display: block;
    width: 22px;
    height: 22px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    fill: #ffffff;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

svg:not(:root) {
    overflow: hidden;
}

.wrap-menu .jspContainer {
    z-index: 50
}

.addresses-section .h2 {
    display: inline-block;
}

.main_section_catalog {
    padding: 40px 0 10px 0;
}

.main_section_catalog .item_section > span:first-child {
    margin: 0;
    padding: 0;
    color: #666;
    font-family: MyriadSetPro-Medium;
    font-size: 18px;
    font-weight: 700;
}

.main_section_medicament {
    padding: 20px 0 10px 0;
}

.main_section_medicament h2::before {
    display: none !important;
}

.alphabet-list {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    margin-left: 0;
}

.alphabet-list:after {
    content: "";
    display: table;
    clear: both
}

.letter-item {
    width: 30px;
    height: 30px;
    float: left;
    text-align: center
}

.letter-item.active .letter-link, .letter-item:focus .letter-link, .letter-item:hover .letter-link {
    border-color: #999;
    text-decoration: none
}

.letter-link {
    display: block;
    height: 100%;
    border: 1px solid transparent;
    line-height: 1.75rem;
    color: #999;
    font-weight: 400
}

.letter-link:focus, .letter-link:hover {
    color: inherit
}

.letter-link.disabled {
    border: none;
    opacity: .4;
    cursor: not-allowed
}

.main_section_catalog {
    display: flex;
    flex-wrap: wrap;
}

.item_section {
    flex: 1 0 21%;
    margin: 5px;
}

.main_section_catalog a {
    color: #666;
    display: block;
    padding: 4px 0;
    width: 203px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all .3s;
    display: block;
}

.main_section_catalog a:hover {
    color: #56c5de;
}

.small-image-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width: 1200px) {
    #lottie {
        height: 64px;
    }

    .dropdown-wrap.linked-wrap {
        display: inline-block;
        margin-top: -5px;
        margin-right: 15px;
    }


}

@media only screen and (min-width: 601px) {
    .md-none {
        display: none;
    }


}

@media only screen and (max-width: 600px) {
    .logos_mobile img {
        max-width: 100%;
        width: auto !important;
    }
}

.main_regions_list {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    margin: 10px 0;
}

.main_regions_list li {
    width: 33%;
    background-clip: content-box;
    padding: 5px 0;
    list-style: none;
}

.right-text {
    text-align: right;
}

/* End */


/* Start:/local/templates/wer_rediz_2019/styles/bundle_media_max768.css?160613097126552*/
@media only screen and (min-width: 661px) and (max-width: 768px) {


    footer.main-footer .footer-content {
        padding-left: 10%
    }
}

@media only screen and (max-width: 768px) {
    header.main-header #menu-gamburg {
        display: none
    }

    header.main-header #menu-gamburg .menu-gamburg {
        display: block;
    }

    .content_header {
        padding-bottom: 0 !important;
    }

    .note {
        display: none
    }

    .scrolling-top {
        display: none !important
    }

    header.main-header .header-contacts {
        display: none !important
    }

    .wrapper {
        padding: 0
    }

    header.main-header .your-town {
        top: 582px;
        left: 12px
    }

    header.main-header {
        border-bottom: none
    }

    header.main-header .topper {
        display: none
    }

    header.main-header .header-contacts {
        display: none
    }

    header.main-header .middle {
        padding: 0 15px 5px
    }

    header.main-header .middle .mobile-burg {
        display: block
    }

    header.main-header .middle .logotype {
        padding-top: 22px;
        width: 114px;
        margin-left: 10px
    }

    header.main-header .middle #lottieabout {
        width: 125px
    }

    header.main-header .middle .likes-cart {
        padding-left: 0;
        width: 130px
    }

    header.main-header .middle .likes-cart .look {
        padding: 4px
    }

    header.main-header .middle .likes-cart .like {
        padding: 4px
    }

    header.main-header .middle .likes-cart .cart .price {
        display: none
    }

    header.main-header .search {
        padding: 23px 15px 16px;
        background: #f2f1ed
    }

    header.main-header .search.white {
        background: #fff;
        padding-bottom: 10px;
        padding-top: 2px
    }

    header.main-header .search form label {
        left: 8px
    }

    header.main-header .search form input[type=submit] {
        width: 37px
    }

    header.main-header .search form input[type=text] {
        padding-left: 8px;
        padding-right: 50px
    }

    header.main-header .sc-s form input[type=text] {
        padding-right: 50px
    }

    header.main-header .bottom {
        background-color: #f2f1ed;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
        position: relative
    }

    header.main-header .bottom .mobile-catalog {
        display: block
    }

    header.main-header .bottom .mobile-catalog .burg-close {
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/blue-close.svg) no-repeat right 5px bottom;
        height: 20px;
        width: 100%;
        padding-top: 4px;
        display: none
    }

    header.main-header .bottom .mobile-catalog h4, header.main-header .bottom .mobile-catalog span.arr, header.main-header .bottom .mobile-catalog > span {
        text-transform: uppercase;
        font-size: 18px;
        padding-bottom: 13px;
        border-bottom: 1px solid #999;
        display: block;
        color: #666;
        font-family: MyriadSetPro-Medium;
        font-weight: bold;
    }

    header.main-header .bottom .mobile-catalog h4.arr, header.main-header .bottom .mobile-catalog span.arr {
        background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/catalog-arr.svg);
        background-position: right 5px top 4px;
        background-repeat: no-repeat
    }

    header.main-header .bottom .mobile-catalog .address {
        display: none
    }

    header.main-header .bottom .mobile-menu {
        display: block
    }

    header.main-header .bottom .mobile-menu > a, header.main-header .bottom .mobile-menu > span {
        display: block;
        color: #666;
        font-family: MyriadSetPro-Bold;
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 18px;
        border-bottom: 1px solid #999;
        cursor: pointer;
    }

    header.main-header .bottom .mobile-menu .address a {
        display: block;
        color: #666;
        font-family: MyriadSetPro-Bold;
        padding-top: 20px;
        padding-bottom: 3px;
        font-size: 22px
    }

    header.main-header .bottom .mobile-menu .address p {
        display: block;
        font-family: MyriadSetPro-Bold
    }

    header.main-header .bottom .mobile-menu #menu-gamburg {
        display: none
    }

    header.main-header .bottom .mobile-menu .menu-gamburg > a {
        display: block;
        color: #666;
        font-family: MyriadSetPro-Bold;
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 18px;
        border-bottom: 1px solid #999
    }

    header.main-header .bottom .mobile-menu .menu-gamburg .towns-block {
        display: flex;
        height: 47px;
        border-bottom: 1px solid #999;
        align-items: center;
        padding-left: 20px;
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/place-icon.svg) no-repeat left top 12px
    }

    header.main-header .bottom .mobile-menu .menu-gamburg .towns-block img {
        margin-right: 5px
    }

    header.main-header .bottom .mobile-menu .menu-gamburg .towns-block a {
        color: #56c5de;
        font-family: MyriadSetPro-Bold;
        font-size: 18px
    }

    header.main-header .bottom .mobile-menu .menu-gamburg .phone {
        color: #56c5de;
        font-family: MyriadSetPro-Bold;
        font-size: 18px;
        display: flex;
        height: 47px;
        border-bottom: 1px solid #999;
        align-items: center;
        box-sizing: border-box
    }

    header.main-header .bottom .actions {
        display: block;
        padding-bottom: 0
    }

    header.main-header .bottom .actions .wild:active, header.main-header .bottom .actions .wild:hover {
        background: 0 0 !important
    }

    header.main-header .bottom .actions .actii, header.main-header .bottom .actions .days-product, header.main-header .bottom .actions .brands {
        color: #ff5f6b;
        background: 0 0;
        font-family: MyriadSetPro-Bold;
        display: block;
        width: 100%;
        border: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        padding-top: 14px;
        padding-bottom: 14px;
        height: 47px;
        border-bottom: 1px solid #999;
        text-align: left;

    }

    header.main-header .bottom .actions .brands {
        color: #666;
    }

    header.main-header .bottom .actions .actii:hover, header.main-header .bottom .actions .days-product:hover {
        color: #ff5f6b !important
    }

    header.main-header .bottom .menu {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(90deg, #61c8b1, #56c5de)
    }

    header.main-header .bottom .menu .has-list .inner-menu {
        width: 100%;
        box-sizing: border-box;
        padding-right: 0;
        top: -10px;
        left: 0;
        padding-left: 0
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu {
        box-shadow: none;
        background: #e7e7e7;
        padding-right: 15px !important;
        padding-left: 15px;
        padding-bottom: 15px !important;
        position: relative;
        padding-top: 50px
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul {
        background: 0 0;
        width: 100%;
        overflow: hidden;
        overflow-y: scroll
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li {
        float: none
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .mobile-navigation {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        height: 50px;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
        top: 0;
        left: 0;
        width: 100%
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .mobile-navigation div {
        flex-basis: 50%
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .mobile-navigation div:last-child {
        text-align: right
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .menu-banner {
        display: none
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu .scroll-pane {
        width: 100%;
        background: #e7e7e7
    }

    header.main-header .bottom .menu .btn, header.main-header .bottom .menu .btn.active, header.main-header .bottom .menu .btn:hover {
        margin: 0 15px;
        border-radius: 0;
        background-color: transparent !important;
        justify-content: flex-start;
        border: none !important;
        border-bottom: 1px solid #fff !important;
        color: #fff !important;
        height: 37px;
        padding-left: 0
    }

    header.main-header .bottom .menu .mobile-address {
        display: block;
        padding-left: 15px;
        padding-bottom: 15px
    }

    header.main-header .bottom .menu .mobile-address a {
        display: block;
        color: #fff;
        padding-top: 15px;
        padding-bottom: 3px;
        font-size: 22px
    }

    header.main-header .bottom .menu .mobile-address p {
        display: block;
        color: #fff
    }

    header.main-header .bottom .menu .mobile-close-menu {
        display: flex;
        padding: 24px 16px 0
    }

    header.main-header .bottom .menu .mobile-close-menu div {
        flex-basis: 50%
    }

    header.main-header .bottom .menu .mobile-close-menu div.close {
        text-align: right
    }

    .products-section-drugs {
        padding-bottom: 0
    }

    .products-section-drugs .prod {
        width: 100%;
        position: relative;
        margin-top: 15px
    }

    .products-section-drugs .prod .btn {
        position: absolute;
        top: 80px;
        left: 205px;
        /* border: none;
          background: url(/local/templates/wer_rediz_2019/styles/../imgs/cart-button.png) no-repeat center center;
          width: 40px;
          height: 40px;*/
        margin-top: 0
    }


    .linear .prod .link-prod .prod-footer .btn {
        width: 130px;
    }

    .products-section-drugs .prod .btn span {
        display: none
    }

    .products-section-drugs .prod .btn:hover {
        background-color: #fff !important
    }

    .products-section-drugs .prod:first-child {
        display: block
    }

    .products-section-drugs .prod .link-prod {
        overflow: hidden;
        padding: 10px 15px 10px 0
    }

    .products-section-drugs .prod .link-prod img {
        max-width: 100px;
        margin-right: 15px;
        margin-left: 0
    }

    .products-section-drugs .prod .link-prod .img {
        float: left
    }

    .products-section-drugs .prod .link-prod h3 {
        font-size: 16px
    }

    .products-section-drugs .prod .link-prod .price span {
        font-size: 19px
    }

    .products-section-drugs .prod .link-prod .price span b {
        font-size: 19px
    }

    .products-section-drugs .prod .link-prod .price span b {
        bottom: -1px
    }

    .drugs {
        display: block;
        padding-top: 20px;
        position: relative
    }

    .drugs .item {
        width: 100%;
    }

    /*      display: none
      }

      .drugs .item .links {
          display: none
      }*/
    /*   .drugs .item.active {
           position: absolute;
           top: 5px;
           left: 0
       }*/
    .drugs .item.active {
        display: block !important
    }

    .drugs .item.active h4, .drugs .item.active .size-h4 {
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/arr-down.svg) no-repeat right 30px center
    }

    .drugs .item.active h4 a, .drugs .item.active .size-h4 {
        color: #333
    }

    .drugs .item.active h4.close, .drugs .item.active .size-h4.close {
        background-image: url(/local/templates/wer_rediz_2019/styles/../imgs/arr-up.svg)
    }

    .drugs .item.active h4.close a, .drugs .item.active .size-h4.close {
        color: #999 !important
    }

    .drugs h4, .drugs .size-h4 {
        font-size: 20px;
        padding: 5px 5px 2px 15px
    }

    .drugs h4 a, .drugs .size-h4 {
        transition: all .3s;
        display: block
    }

    .mobile-links {
        display: block !important
    }

    .offers {
        display: block
    }

    .offers .second-offer {
        width: 288px;
        height: 358px
    }

    .offers .second-offer .gradi > div .offering {
        padding-top: 21px
    }

    .offers .second-offer .gradi {
        height: 100%
    }

    .offers .second-offer .gradi > div {
        height: 100%;
        display: block
    }

    .offers .second-offer .gradi > div .image {
        min-width: 100%
    }

    .offers .offering {
        padding-top: 20px !important;
        padding-left: 20px !important
    }

    .offers .offering h2 {
        font-size: 22px
    }

    .offers .offering p {
        font-size: 16px
    }

    .offers .first-offer {
        height: 358px;
        width: 288px
    }

    .offers .first-offer .gradi > div {
        display: block
    }

    .offers .first-offer .gradi > div .image {
        min-width: 100%
    }

    .offers .first-offer .gradi > div .offering {
        padding-top: 10px;
        padding-left: 10px
    }

    .offers .third-offer {
        width: 288px;
        height: 358px
    }

    .offers .third-offer .gradi {
        height: 100%
    }

    .offers .third-offer .gradi .image img {
        margin: 0 auto;
    }

    .offers .third-offer .gradi > div {
        height: 100%;
        display: block;
        align-items: center
    }

    .offers .third-offer .gradi > div .image, .offers .fourth-offer .gradi > div .image {
        text-align: center;
    }

    .offers .fourth-offer {
        height: 358px;
        width: 288px
    }

    .offers .fourth-offer .gradi > div {
        display: block;
        height: 100%;

    }

    .stock-list .row__line_action a {
        margin-top: 0px;
    }

    .section-header-row .col-xs-12.header-right {
        text-align: left;
    }

    .offers .fourth-offer .gradi > div .image {
        min-width: 100%;
        padding-left: 0
    }

    .offers .fourth-offer .gradi > div .image img {
        margin: 0 auto
    }

    .offers .owl-dots {
        padding-top: 20px
    }

    section {
        margin-left: 15px;
        margin-right: 15px
    }


    .breadcrumbs {
        padding-left: 15px;
        padding-right: 10px
    }

    .catalog-content h1, .catalog-content h2 {
        margin-left: 15px
    }

    .purpose-grid {
        margin-left: 0;
        margin-right: 0;
    }

    .catalog-content .filters .checks .chk {
        padding-right: 10px
    }

    .catalog-content .filters {
        padding-left: 20px;
        padding-right: 20px
    }

    .catalog-content .page-navi {
        display: none
    }

    .page-navi {
        display: none;
    }

    .catalog-content .filters {
        border-bottom: 0;
        padding-bottom: 0;
        padding-top: 0
    }

    .catalog-content .filters .open-filts {
        display: block;
        color: #56c5de;
        font-size: 15px;
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/filters.svg) no-repeat 100px center;
        padding: 10px 40px 10px 0
    }

    .catalog-content .filters .act-subst .select-active .input-select > div {
        width: 100%;
        position: static;
        box-shadow: none
    }

    .catalog-content .filters .act-subst .select-active .input-select p {
        width: 100%
    }

    .catalog-content .filters .wrapper {
        display: none;
        padding-top: 10px
    }

    .catalog-content .filters .select-sort .input-select > div {
        position: static;
        box-shadow: none;
        width: 243px
    }

    .catalog-content .filters .price-range {
        margin-left: 10px;
        padding-right: 0;
        width: 235px;
        margin-top: 20px
    }

    .catalog-content .filters .price-range p {
        margin-left: -10px
    }

    .catalog-content .filters .checks-div .checks {
        position: relative;
        z-index: 1
    }

    .catalog-content .filters .filt-right {
        padding: 20px 0 25px
    }

    .catalog-content .filters .filt-right .fl {
        float: none
    }

    .catalog-content .filters .filt-right .buttons-preview {
        display: none
    }

    .catalog-content .filters .filt-right #reset-filts {
        width: 150px;
        box-sizing: border-box
    }

    .catalog-content .filters .filt-left .proizv {
        padding-top: 10px
    }

    .catalog-content .filters .filt-left .proizv .link-check {
        font-size: 14px;
        display: block;
        margin-left: 5px;
        margin-top: 20px
    }

    .catalog-content .filters .filt-left .proizv .link-check:first-child {
        margin-right: 0
    }

    .catalog-content .filters .checks {
        box-shadow: none;
        margin-top: 10px;
        width: 280px
    }

    .catalog-content .filters .checks .all {
        height: 170px;
        overflow-y: scroll !important
    }

    .prods {
        justify-content: space-around
    }

    .show-else {
        font-size: 18px;
        padding: 7px;
        margin-left: 20px;
        margin-right: 20px
    }

    .dostavka {
        width: 100%;
        position: relative;
        text-align: center;
        height: 200px;
        box-sizing: border-box
    }

    .dostavka h3 {
        font-size: 20px;
        text-align: center;
        padding-top: 66px
    }

    .dostavka img {
        position: absolute;
        max-width: 83px;
        left: calc(50% - 40px);
        top: -13px
    }

    .dostavka p {
        max-width: 200px;
        margin: 10px auto
    }

    .dopinfos h3 {
        font-size: 18px;
        margin-bottom: 25px
    }

    .dopinfos__right__mneu {
        display: block;
        border: 2px solid #56c5de
    }

    .dopinfos__right__mneu .btn {
        display: none;
        width: 100%;
        justify-content: flex-start;
        border: none
    }

    .dopinfos__right__mneu .btn.active {
        display: flex !important;
        height: 30px;
        background: url(/local/templates/wer_rediz_2019/styles/../imgs/white-arr.png) no-repeat right 20px center #56c5de
    }

    .dopinfos__left__actions {
        overflow: hidden;
        width: 305px
    }

    .dopinfos__left__actions .offer {
        height: 127px
    }

    .dopinfos__left__actions .offer__inner {
        width: 305px
    }

    .dopinfos__left__actions .offer__inner .image img {
        min-width: 100% !important;
        max-height: 112px;
    }

    .dopinfos__left__actions .offer__inner .offering {
        padding-right: 0
    }

    .dopinfos__left__actions .offer__inner .offering h3 {
        font-size: 18px;
        padding-top: 0;
        margin-bottom: 5px
    }

    .dopinfos__left__actions .offer__inner .offering p {
        font-size: 16px;
        line-height: 20px
    }

    .dopinfos__left__prods {
        overflow: hidden;
        /*width: 305px*/
        width: 100%;
    }

    .dopinfos__left__prods__product {
        align-items: flex-start;
        margin-right: 0;
        margin-bottom: 10px
    }

    .dopinfos__left__prods__product .info {
        width: 100%
    }

    .dopinfos__left__prods__product .info .basket {
        max-width: 220px
    }

    .dopinfos__left__prods__product .info__p {
        font-size: 14px
    }

    .dopinfos__left__prods__product .info .basket {
        /*display: block*/
    }

    .dopinfos__left__prods__product .info .basket .plus-one {
        top: 9px;
        right: 79px;
        width: 120px
    }

    .dopinfos__left__prods__product .info .basket .cart {
        width: 120px
    }

    .dopinfos__left__prods__product .info .basket p {
        margin-bottom: 5px;
    }

    .dopinfos__left .page-navi {
        margin-top: 15px;
        justify-content: flex-start;
        margin-left: 75px
    }

    .looked {
        overflow: hidden;
        max-width: 460px;
        padding-top: 20px
    }

    .looked .prods {
        padding-bottom: 0
    }

    .looked .prods .prod {
        max-width: 180px;
        min-width: 160px;
        margin-right: 5px;
        box-sizing: border-box;
        margin-left: -10px
    }

    .looked .prods .prod .plus-one {
        left: 0px;
        top: 48px
    }

    .looked .prods .prod .link-prod {
        padding: 10px
    }

    .linear.prods .prod .link-prod {
        padding-left: 0;
        padding-right: 0;
    }

    .linear.prods div.link-prod:hover {
        box-shadow: none;
    }

    .linear.prods .prod .link-prod .actions {
        left: 0 !important;
        top: 0 !important;
    }

    .linear .prod .link-prod .again, .linear .prod .link-prod .hit, .linear .prod .link-prod .new {
        width: 52px !important;
    }

    .looked .prods .prod .link-prod .prod-footer {
        display: block
    }

    .looked .prods .prod .link-prod .img {
        background-image: none
    }

    .looked .prods .prod .link-prod .img img {
        max-width: 100%
    }

    .looked .prods .prod .link-prod .name {
        padding-left: 0
    }

    .looked .prods .prod .link-prod .description {
        margin-bottom: 11px
    }

    .looked .prods .prod .link-prod .super {
        position: absolute;
        bottom: 92px;
        right: 20px
    }

    .looked .prods .prod .link-prod .prod-footer .price {
        padding-left: 0;
        margin-bottom: 45px
    }

    .ordering {
        padding-left: 15px;
        padding-right: 15px
    }

    .header-red-text {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }

    header.main-header .scroll-pane {
        width: 100%;
        height: 314px;
        overflow-y: auto;
        display: block
    }

    header.main-header {
        min-height: 416px
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li {
        width: 95%;
        overflow: hidden
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li a {
        border-bottom: 1px solid #999;
        width: 100%;
        height: 36px;
        padding-top: 10px;
        padding-left: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu ul li:first-child a {
        padding-top: 0;
        height: 26px
    }

    header.main-header .bottom .menu .has-list .inner-menu .wrap-menu {
        padding-right: 0;
        padding-bottom: 0;
        justify-content: space-between;
        opacity: 0
    }

    header.main-header .jspVerticalBar {
        width: 5px;
        border-radius: 15px;
        background: #666
    }

    header.main-header .jspTrack {
        background: #666;
        border-radius: 15px
    }

    header.main-header .jspDrag {
        background: #56c5de;
        border-radius: 15px
    }

    header.main-header .bottom .menu .has-list .inner-menu {
        height: 370px
    }

    .product-content .wrapper {
        padding-left: 15px;
        padding-right: 15px
    }

    .product-content h1, .product-content h2 {
        font-size: 20px
    }

    .product-content .prod-header {
        display: block
    }

    .product-content .prod-header .all-prods {
        max-width: 224px;
        margin-top: 15px
    }

    .product-cart {
        padding-bottom: 0;
        display: block
    }

    .product-cart__image {
        width: 100%;
        /* height: 290px;*/
        margin-top: 50px;
        border: none
    }

    .product-cart__image .hit {
        top: -20px;
        left: 0
    }

    .product-cart__image .again {
        top: 40px;
        left: 0
    }

    .product-cart__image .heart {
        top: -20px;
        right: 0
    }

    .product-cart__buy {
        max-width: 100%;
    }

    .product-cart__buy__block-cart {
        width: calc(100% + 30px);
        border-left: 0;
        border-right: 0;
        margin-left: -15px;
        box-sizing: border-box;
        padding-top: 17px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .product-cart__buy .buy__cart__block {
        max-width: 290px
    }

    .product-cart__buy .buy__cart__no-reg {
        max-width: 230px
    }

    .product-cart__buy__deliver, .product-cart__buy__deliver_text {
        position: static;
        /*        margin-left: -15px;
                width: calc(100% + 30px);
                max-width: 380px;
                margin-bottom: 20px*/
    }

    .product-cart__buy__deliver.margin-minus-top {
        margin-top: 10px;
    }

    .product-cart__buy__deliver__inner {
        width: 100%;
        min-width: 100%;
    }

    .product-cart__buy__deliver .deliver__punkt span {
        width: auto
    }

    .product-cart__buy__likes {
        position: static;
        margin-left: -15px;
        width: calc(100% + 30px);
        max-width: 380px;
        margin-bottom: 20px
    }

    .product-cart__info {
        position: static;
        margin-left: 0;
        max-width: 100%;
    }

    .product-cart__info p .another-forms {
        /*margin-left: -140px*/
    }

    .product-cart__buy .buy__order .aqua {
        width: 227px
    }

    .product-cart__buy__likes {
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: -10px
    }

    .product-cart__buy__likes__product {
        margin-right: 10px
    }

    .product-cart__buy__likes h3 {
        font-size: 18px
    }

    header.main-header .middle .likes-cart .like span, header.main-header .middle .likes-cart .look span {
        top: -12px
    }

    .products-section-drugs .item {
        display: none;
    }

    .products-section-drugs .item.active {
        display: block;
    }

    .dopinfos__left__prods__display {
        display: block;
    }

    .dopinfos__left__prods__display .prod {
        width: 230px;
    }

    .producers_section_inner {
        margin-left: 15px;
        margin-right: 15px;
    }

    .stock_section_list {
        margin-right: 10px;
        margin-left: 10px;
    }

    .dopinfos__left__actions {
        display: block;
    }

    .dopinfos__left__actions .offer {
        padding-bottom: 10px;
    }

    .optitext-bottom-text-box p, .optitext-bottom-text-box h3 {
        margin: 0 15px;
    }

    .optitext-bottom-text-box {
        margin-top: 40px !important;
    }
    .optitext-bottom-text-box ul
    {
        margin-left: 40px;
    }

    .main_section_catalog, .main_section_medicament {
        margin: 10px;
    }

    .alproduct-cart__buy__deliverert-danger {
        margin-bottom: 40px !important;
    }
}
/* End */


/* Start:/local/templates/wer_rediz_2021/css/dop_wer_style.css?162745766245230*/
:focus {
    outline: none;
}

a {
    color: #56c5de;
}

.product-cart__image {
    height: 470px;
}

body {
    overflow-x: hidden;
}

.preload-box {
    padding: 10px;
    text-align: center
}

.preload-cell {
    width: 40px;
    text-align: left
}

.preload-cell-lg {
    width: 50px
}

.preloader {
    width: 30px;
    height: 30px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/preloader-1/preloader30x30.gif)
}

.preloader-label {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #999
}

.preload-box .dtr {
    display: table-row;
}

.preload-box .inline-dtb {
    display: inline-table;
    vertical-align: top;
}

.preload-box .dtc {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.preload-box .icon {
    display: inline-block;
    background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .preloader {
        background-size: cover;
        background-image: url(/local/templates/wer_rediz_2021/css/../images/preloader-1/preloader30x30@2x.gif)
    }
}

.bx-filter-parameters-box-container .checkbox label {
    padding-left: 30px;
    background: url('/local/templates/wer_rediz_2021/css/../imgs/chk.svg') no-repeat 0 1px;
    color: #333;
    font-size: 14px;
    display: flex;
    align-items: start;
    justify-content: start;
    cursor: pointer;
    transition: all .3s;
    display: flex;
    list-style-type: none;
    padding-top: 5px;
    max-width: 190px;
    overflow: hidden;
}
.bx-filter-parameters-box-container .checkbox label a
{
    color: #333;
}
.catalog-content .filters .checkbox input:checked + label {
    background-image: url(/local/templates/wer_rediz_2021/css/../imgs/chk-pos.svg);
    background-position: 0 1px;
}

.bx-filter .bx-filter-popup-result:after {
    content: '';
    position: absolute;
    right: -8px;

    background: url(/local/templates/wer_rediz_2021/css/../imgs/pl-arr.png) no-repeat left center;
    width: 8px;
    height: 32px;
}

.catalog-content .filters .filt-right #del_filter {
    color: #56c5de;
    position: relative;
    display: block;
    background: url(/local/templates/wer_rediz_2021/css/../imgs/blue-close.svg) no-repeat right center;
    background-size: 12px;
    font-size: 15px;
    padding-right: 25px;
    border: none;
}

.prods .prod .link-prod .name .description {
    margin-bottom: 0;
}

/*
.prods .prod .link-prod .heart {
    position: relative;
    top: 0;
    right: 0;
    height: 55px;
}

.prods .prod .link-prod .heart {
    position: relative;
    top: 0;
    right: 0;
    height: 55px;
    background: url(/local/templates/wer_rediz_2021/css/../imgs/heart.png) no-repeat center center
}

.prods .prod .link-prod .heart.active, .prods .prod .link-prod .heart:hover {
    background: url(/local/templates/wer_rediz_2021/css/../imgs/blue-heart.png) no-repeat center center;
    cursor: pointer;
}
*/
.flip_in_cart {
    display: none;
}

.flip_in_cart .plus-one:hover {
    color: #fff;
    background: #56c5de;
}

.popup-window-buttons .btn {
    background-color: #56c5de !important;
    border-color: #56c5de !important;
    color: #fff !important;
}

.prods .prod div.link-prod:hover {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .15);
}

.prod .cart.full {
    background: #61c8b1;
    border-color: #61c8b1;
    border-radius: 0;
    color: #fff !important;
    transition: all .3s;
    white-space: nowrap;
}

header.main-header .middle .logotype {
    max-width: 220px;
}

header.main-header .search form input[type=search], header.main-header .search form input[type=text] {
    border: none;
    font: 16px MyriadSetPro-Medium;
    color: #333;
    height: 43px;
    box-sizing: border-box;
    line-height: 43px;
    padding-left: 15px;
    width: 100%;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

header.main-header .search form button[type=submit] {
    position: absolute;
    right: 3px;
    top: 3px;
    border-radius: 2px;
    height: 37px;
    width: 97px;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 0 23px 0 0;
    box-sizing: border-box;
    background: url(/local/templates/wer_rediz_2021/css/../imgs/lupa-01.svg) no-repeat center right 8px #56c5de;
}

h1 {
    font-size: 30px;
    font-weight: 400;
    color: #333;
    position: relative;
    display: table;
    padding-bottom: 4px;

}

h1:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    position: absolute;
    bottom: 0;
    left: 0;
}

@media only screen and (min-width: 769px) {
    .prods .prod .link-prod:hover a img {
        max-width: 100%;
    }
}

.sort-catalog-block {
    padding-top: 0px;
    padding-bottom: 0;
}

.sort-catalog-block .sort_block {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.sort-catalog-block .price-range {
    padding-top: 0px !important;
}

.sort-catalog-block .price-range .check {
    padding-top: 5px !important;
}

.sort-catalog-block .buttons-preview {
    margin-bottom: 0 !important;
}

h2.h2 {
    font-size: 1.625rem;
    font-weight: normal;
    font-weight: 400;
    color: #333;
    position: relative;
    display: table;
    padding-bottom: 4px;
}

h2.h2:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    position: absolute;
    bottom: 0;
    left: 0;
}

.filters .select-sort .input-select .sort_order {
    background: url(/local/templates/wer_rediz_2021/css/../imgs/sort_aqua.svg) no-repeat 50% 50%;
    display: block;
    position: absolute;
    top: 0px;
    right: -32px;
    width: 36px;
    height: 32px;
    z-index: 10;
}

.filters .select-sort .input-select .sort_order.disabled {
    display: none;
}

.input-select p {
    z-index: 1;
}

.filters .select-sort .input-select .sort_order.asc {
    transform: rotate(180deg);

}

header.main-header .search {
    position: relative;
}

header.main-header .search .populars {
    position: absolute;
    top: 43px;
    left: -2px;
    background: #fff;
    z-index: 90;
    width: 100%;
    border-left: 2px solid #56c5de;
    border-right: 2px solid #56c5de;
    border-bottom: 2px solid #56c5de;
    padding-bottom: 6px;
    /* display: none; */
}

header.main-header .search form .populars h5 {
    color: #ccc;
    font: 18px MyriadSetPro-Bold;
    padding: 12px 15px 11px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 6px;
}

header.main-header .search form .populars p {
    padding: 5px 15px;
    color: #333;
    cursor: pointer;
}

.searchdrop-table {
    width: 100%;
    margin-top: 0;
}

.searchdrop-table td, .searchdrop-table th {
    padding: 5px 15px;
    text-align: left;
}

.dropdown-category-title {
    color: #ccc;
    font: 18px MyriadSetPro-Bold;
    padding: 12px 15px 11px !important;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 6px;
}

.search-product-link {
    display: block;
    text-decoration: none;
    font-size: 0.9375rem;
    color: #002c3c;
}

.prods .prod .btn.disabled, .products-section .prod .btn.disabled {
    background-color: #bebebe !important;
    border-color: #bebebe !important;
    color: #fff !important;
}

.prod .btn.disabled {
    background-color: #bebebe !important;
    border-color: #bebebe !important;
    color: #fff !important;
}

.additional-info {
    font-size: 1.25rem;
    color: #a4a4a4;
}


/*tooltip*/
/*
.warningtip-icon {
    width: 30px;
    height: 30px;
    line-height: 2.0625rem;
    font-size: 1.375rem;
    background-color: #ff5f6b
}

.float-tooltip.tooltip-left {
    float: left
}

.float-tooltip.tooltip-left + span {
    margin-left: 1.5625rem
}

.float-tooltip.tooltip-right {
    float: right
}

.float-tooltip.tooltip-right + span {
    margin-right: 1.5625rem
}

.float-tooltip + span {
    display: block
}

.info-tip {
    line-height: 1.2;
    border-color: #fff;
    border-radius: 3px;
    background-color: #fff;
    color: #1b303e
}

.danger-tip, .info-tip, .success-tip, .warning-tip {
    font-size: 0.8125rem;
    box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, .2);
    padding: 15px 20px
}

.danger-tip, .success-tip, .warning-tip {
    border-radius: 3px;
    border: 3px solid #fff;
    color: #fff
}

.danger-tip {
    background-color: #ff5f6b
}

.warning-tip {
    background-color: #f3d248;
    color: #002c3c
}

.success-tip {
    background-color: #66c99d
}

.basic-tooltip, .danger-tip, .info-tip, .success-tip, .tip-content, .warning-tip {
    cursor: pointer;
    font-size: 1rem
}

.mini-tooltip {
    position: absolute;
    display: block;
    min-width: 42px;
    padding: 0 5px;
    border-radius: 3px 3px 3px 0;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center
}

.mini-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0
}

.mini-tooltip.discount {
    color: #fffede;
    background-color: #ff5f6b
}

.mini-tooltip.discount:after {
    border-color: #ff5f6b transparent transparent
}

.mini-tooltip.new {
    color: #fff;
    background-color: #f3d248
}

.mini-tooltip.new:after {
    border-color: #f3d248 transparent transparent
}

.mini-tooltip.hit {
    text-transform: uppercase;
    color: #fff;
    background-color: #66c99d
}

.mini-tooltip.hit:after {
    border-color: #66c99d transparent transparent
}

.tooltip-icon, .warningtip-icon {
    text-decoration: none;
    color: #56c5de;
    z-index: 1;
    position: relative;
}

.tooltip-icon {
    /*  width: 16px;
      height: 16px;
      font-size: 13px;
      line-height: 1.125rem;
      background-color: #e8e8e8*/
/*}
.tooltip-icon.danger-tooltip {
    background-color: #ff5f6b
}

.tooltip-left {
    margin-right: 0.5rem
}

.tooltip-right {
    margin-left: 0.5rem
}

*/
.prod-case-row {
    margin-bottom: 10px;
    margin-top: 5px;
    overflow: hidden;
}

.prod-case-col {
    float: left;
    margin: 0.3125rem;
    width: 36px;
}

.prod-icon {
    width: 36px;
    height: 36px;
    display: block;
}

.prod-icon-01.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-01.png)
}

.prod-icon-01.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-01.png)
}

.prod-icon-01.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-01.png)
}

.prod-icon-02.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-02.png)
}

.prod-icon-02.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-02.png)
}

.prod-icon-02.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-02.png)
}

.prod-icon-03.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-03.png)
}

.prod-icon-03.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-03.png)
}

.prod-icon-03.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-03.png)
}

.prod-icon-04.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-04.png)
}

.prod-icon-04.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-04.png)
}

.prod-icon-04.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-04.png)
}

.prod-icon-05.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-05.png)
}

.prod-icon-05.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-05.png)
}

.prod-icon-05.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-05.png)
}

.prod-icon-06.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-06.png)
}

.prod-icon-06.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-06.png)
}

.prod-icon-06.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-06.png)
}


/*end tooltip*/


.prop-dl.row dd {
    padding-left: 0;
    margin: 0;
}

.product-cart__info p .another-forms {
    white-space: nowrap;
}

/* fix conflict bootstrap */
.wrapper .col-xs-12 {
    /*  padding: 0;*/
}

.wrapper .container {
    /*  padding: 0;
      margin: 0;*/
}

.main-header .btn {
    display: flex;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid transparent;
    padding: 6px 19px;
    font-size: 18px;
    border-radius: 3px;
    height: 30px;
}

/*
.wrapper .blum {
    background-color: #fff;
    transition: all .3s;
    cursor: pointer;
    border-color: #56c5de;
    color: #56c5de;
}
.dopinfos__right__mneu .btn {
    font-size: 13px;
    padding: 0 11px;
    font-family: MyriadSetPro-Bold;
    margin-right: 10px;
}*/


.dopinfos__left__prods__product .cart.btn.blum {
    width: 130px;
    height: 40px;

    font-size: 14px;
    font-family: MyriadSetPro-Bold;
    background-color: #fff;
    transition: all .3s;
    cursor: pointer;

}

.dopinfos__left__prods__product .info .basket {
    white-space: nowrap;
}

.dopinfos__left__prods__product .info .basket .cart {
    margin-left: 10px;
}

.dopinfos__left__prods__product .info .basket {
    justify-content: space-between;
}

.dopinfos__left__prods__product .info .basket p {
    padding-bottom: 0;
}

.product-cart__buy__deliver_text {
    width: auto;
    background: none;
    display: flex;
    padding: 0;
}

.product-cart {
    position: relative;
}

.product-cart__buy__deliver__inner {
    padding: 22px 30px;
    background: #f8f8f6;
    width: 467px;
    box-sizing: border-box;
}

.product-cart__buy__deliver__inner > a {
    font-size: 14px;
    font-family: MyriadSetPro-Medium;
}

.product-cart__buy__deliver__inner > a.fancy-click {
    font-size: 15px;
    font-family: MyriadSetPro-Bold;
}


.products-section-drugs.mobile-links .links a.root-item {
    width: 100%;
}

.dop_mobile_tabsMenu div {
    font: 20px MyriadSetPro-Bold;
    padding: 5px 5px 2px 15px;
}

.dop_mobile_tabsMenu a {
    color: #333;
}
/*
.wrapper .btn-lg {
    line-height: 1rem;
    padding: 0;
}*/

.wrapper .container {
    /*padding-left: 0;
    padding-right: 0;*/
}


/* fix old design */
.underlined-header .underlined-inner:after {
    content: "";
    display: none;
    position: absolute;
    height: 0px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #81cabc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxY2FiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2IwYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #81cabc 0, #67b0bf 100%);
    background: -webkit-linear-gradient(left, #81cabc, #67b0bf);
    background: linear-gradient(90deg, #81cabc 0, #67b0bf)
}

.section h2, h2.h1, h2.h2, h1.h1 {
    padding: 2px;
    margin-bottom: 20px;
}

section h2:after, h2.h2:before, h1:before  {
    display: none;
}

ul {
    margin: 10px 20px;
}

.wrapper h1:before, .wrapper h2:before, .wrapper .title-h2:before  {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    position: absolute;
    bottom: 0;
    left: 0;
}

@media only screen and (max-width: 768px) {
    .wrapper h1, .wrapper h2 {
        margin-left: 15px;
        margin-right: 15px;
    }

    section .container h1, section .container h2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .reviews h2, .sezon-prods h2, .product-section h2 {
        margin: 0;
    }

    .additional-info {
        display: block;
    }

    /*.offers.owl-carousel {
        margin: 20px;
    }*/
    .offers .gradi {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .offers .gradi {
        margin-bottom: 20px;
    }

    .row__line_action .gradi > div {
        display: block;
    }

    .detail__text__action {
        padding: 15px;
    }



}

.btn-group-lg > .btn, .btn-lg {
    border-radius: 0;
}

.btn-success {
    height: 40px !important;
    background: #56c5de;
    border-color: #56c5de;;
    color: #fff;
    font: 14px MyriadSetPro-Bold !important;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .3s;
}

#clickbuyblock a {

}

/*
.number-plus-minus .jq-number {
    position: relative;
    text-align: center;
    padding: 0 30px;
    vertical-align: middle;
}

.jq-number__spin {
    position: absolute;
    top: auto;
    bottom: 0;
    height: 40px;
}

.jq-number__spin.minus {
    left: 0;
    width: 19px;
    display: block;
    background: url(/local/templates/wer_rediz_2021/css/../imgs/left.svg) no-repeat left center;
    cursor: pointer;
}

.jq-number__field {
    width: 49px;

}

.basket-table .number-plus-minus input[type=number] {
    width: 49px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: block;
    border: 2px solid #666;
    box-sizing: border-box;
    font: 14px MyriadSetPro-Bold;
    color: #666
}

.jq-number__spin.plus {
    width: 19px;
    right: 0;
    display: block;
    background: url(/local/templates/wer_rediz_2021/css/../imgs/right.svg) no-repeat right center;
    cursor: pointer;
}

.products-section .prod .link-prod .description {
    line-height: 1.2;
}
*/
.tag {
    border-radius: 0;
}

.bottom_product_text {
    margin-bottom: 30px;
}

.bottom_product_text h2 {
    font: 22px MyriadSetPro-Bold !important;
    margin-bottom: 15px;
    color: #666 !important;
}

.bottom_product_text ul {
    margin-left: 20px;

}

.bottom_product_text p {
    margin: 1em 0;
    line-height: 1.2em;
}

.underheader {
    width: 100%;
    margin: 0;
    color: #1b303e;
    line-height: 1.2;
    font-size: 18px;
}

#phoneorcodeorname .inner-flex {
    margin: 30px 0;
}

.modal-content .form-group {
    margin-bottom: .5rem;
}

.form-group {
    position: relative;
}

.inner-flex .tel-img {
    text-indent: 130px;
    overflow: hidden;
    white-space: nowrap;
}

.hidden-xs-up {
    display: none !important;
}

.text-xs-center {
    text-align: center !important;
}

.status-icon {
    width: 26px;
    height: 26px;
}

.preloader {
    width: 30px;
    height: 30px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/preloader-1/preloader30x30.gif);
}

.fancy-open .modal-dialog {
    margin: 0 !important;
}

.flex_box_center_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_control__small_block {
    margin: 10px;
    max-width: 50px;
}

.margin_top__30 {
    margin-top: 30px;
}

.padding_left_right__15 {
    padding-left: 15px;
    padding-right: 15px;
}

.orange-sub.inline_block {
    display: inline-block;
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 3px;
    line-height: 1.2;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #ff3333;
}

.form-confirm p {
    padding-top: 15px;
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    padding: 1.0625rem 1.5rem;
    font-size: .875rem;
    border-radius: 0;
}

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #002c3c;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
}


@media only screen and (max-width: 768px) {
    .wrapper_inner_block {
        padding: 0 15px;
    }
}

.padding-bottom-15 {
    padding-bottom: 15px;

}

.label-no-padding-bottom {
    padding-bottom: 0;
    padding-top: 10px;
}

.red_text {
    color: #ff0000;
}

span.gray_text {
    color: #999;
}
/*
.form-group .btn {
    font: 14px MyriadSetPro-Bold !important;
    border-radius: 0;
    height: 40px;
}*/

.btn-danger, .btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
    background-color: #ff5f6b;
    border-color: #ff5f6b;

}

a:focus, a:hover {
    text-decoration: none;
}

.link {
    text-decoration: none;
}

.row__section_block {
    padding: 15px 0;
}

@media only screen and (max-width: 768px) {
    .wrapper .row__section_block_mobile {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/*-------------opicanie */
.product-instructions-box p {
    margin: 1em 0;
    line-height: 1.2em
}

.descr-instr-box ul {
    list-style: inside;

}

ul.inner-navigation {
    list-style: none;
    margin: 20px -20px 0;
}

ul.inner-navigation li {
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

ul.inner-navigation a {
    border-bottom-color: inherit;
    text-decoration: inherit;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
}

.product-section .h1_grey_block {
    display: block;
    font-size: 28px;
    background: #eee;
    padding: 25px;
    margin-bottom: 25px;
}

.product-instructions-box.dark .price-others {
    background-color: #f4f4f4;
    padding: 15px;
    font-size: 1.375rem;
    margin: 20px 0;
}

.product-instructions-box.dark .price-others .price {
    font-size: inherit;
    font-weight: 500;
    color: #333;
}

@media only screen and (max-width: 768px) {
    .wrapper .descr-instr-box h1, .wrapper .descr-instr-box h2, .product-content .wrapper h1, .product-content .wrapper h2 {
        margin-left: 0;
        margin-right: 0;
    }
}

/*------end opisanie------*/


/*--------product cart-----------------*/
.bottom_product_text h2 {
    margin-bottom: 10px;
}

.table.delivery-table {
    font-size: 14px;
    width: 100%;
}

.table.delivery-table td {
    padding-bottom: 4px;
}

.delivery-descr-td {
    padding-left: 10px;
    padding-right: 10px;
}

.delivery-price-td {
    white-space: nowrap;
    text-align: right;
    border-spacing: 0;
}


/*----------end product cart----------*/


/* producers, brands */
.h2_underlined {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin: 10px 0;
}

.h2_underlined::before {
    display: none !important;
}

.purpose-grid {
    /*   margin-left: -0.375rem;
       margin-right: -0.375rem;*/
    overflow: hidden;
    width: 100%;
}


.purpose-col {
    padding-left: 6px;
    padding-right: 6px;
    float: left;
    width: 19%;
}

.purpose-item.brand-item {
    background: #fff;
    border: 1px solid #f4f4f4;
    display: block;
}

.purpose-item {
    padding: 5px 15px;
    height: 90px;
    color: inherit;
}

.dtb, .inline-dtb {
    table-layout: fixed;
}

.dtb {
    display: table;
    width: 100%;
    height: 100%;
}

.dtr {
    display: table-row;
}

.purpose-item-image {
    width: 65px;
    padding-right: 10px;
}

.dtc {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.purpose-item-count {
    font-size: 0.8125rem;
    color: rgba(41, 41, 41, .502);
}

@media only screen and (max-width: 768px) {
    .product-instructions-box {
        /* margin-left: 20px;
          margin-right: 20px;*/
    }

    .product-instructions-box > ul {

    }

    .hidden-md-down {
        display: none;
    }

}

.current {
    text-decoration: underline;
}

/**/


/**  404 */

/** */

/* basket */
.basket-section .table.basket-table {
    background: #fff;
}

/*----*/

{
    width: 1270px
;
    max-width: 100%
;
}

@media (min-width: 1295px) {
    .container {
        width: 1270px;
        max-width: 100%;
    }
}

@media (min-width: 769px) {
    .product-section .container {
        padding-left: 0 !important;;
        padding-right: 0 !important;;
    }
}

.alt-section, .about-slider-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);

}

.alt-section {
    padding-left: 15px;
    padding-right: 15px;
}

.alt-section .container {
    max-width: 1200px;
    /*padding-left: 15px!important;
    padding-right: 15px!important;*/
}

section h2 {
    margin-bottom: 20px;
}

section p {
    margin: 0.9375rem 0;
}

#clickbuyblock a {
    white-space: nowrap;
    min-width: 200px;
}

.search-area .search-input {
    border: none;
    height: 37px;
    padding: 0 12px;
    font-size: 0.875rem;
    width: calc(100% - 110px);
    margin-right: 6.875rem;
    transition: margin .2s;
}

.search-area .search-submit {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 89px;
    height: 37px;
    padding: 0;
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 1.125rem;
    background-color: #65cbdb;
    text-align: center;
    cursor: pointer;
}

.search-area .search-box-inner {
    position: relative;
    padding: 3px !important;
    border: 2px solid #64cbdb !important;
    border-radius: 2px;
    background-color: #fff;
}

#producers-list .btn-outline-primary {
    border-width: 2px;
    padding: 8px 20px;
    border-radius: 2px;
    min-width: 120px;
    display: inline-block;

    background-image: none;
    background-color: transparent;
    border-color: #76d4e3;

}

.bottom_product_text h2 {
    margin-top: 20px
}

@media only screen and (max-width: 768px) {
    #basket-recomend-block .looked {
        margin-left: 20px;
        margin-right: 20px;
    }

    #basket-recomend-block .looked h2 {
        margin-left: 0px;
        margin-right: 0px;
    }

    #basket-recomend-block .looked .prods {

    }
}

/* РґРѕСЃС‚Р°РІРєР° */
.card-block iframe {
    max-width: 100%;
    border: none;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .delivery-toggle-box .dtc, .delivery-card .dtc {
        display: block !important;
    }

    section.delivery-section {
        margin: 0 0px 0 0px;
    }


    .wrapper_inner_block .container {
        padding: 0;
    }

    .wrapper_inner_block h1, section.team-section, section.about-section, section.about-contacts-section {
        margin-left: 0;
        margin-right: 0;
    }

    .col-xs-12 h1.h1 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .container section.content-section {
        margin-left: 0;
        margin-right: 0;
    }

}

@media only screen and (max-width: 1270px) {
    .brand-item .dtb, .brand-item .dtr, .brand-item .dtc {
        display: block !important;
    }

    a.purpose-item.grid-item-inner.brand-item {
        padding: 2px;
        text-align: center;
        line-height: 14px;
    }

    .purpose-item {
        height: 120px;
    }

    .purpose-item-title {

    }

    .purpose-item-image {
        padding: 2px;
        text-align: center;
        margin: 0 auto;
    }

    .purpose-col {
        width: 25%;
    }

}

@media only screen and (max-width: 768px) {
    .purpose-col {
        width: 30%;
    }
}

@media only screen and (max-width: 660px) {
    .purpose-col {
        width: 50%;
    }

    section.sezon-prods .owl-carousel.products-section
    {
        padding-top: 40px;
    }
    section.sezon-prods .owl-carousel .owl-nav {
        top: -10px;
    }
}

.filters-aside {
    margin-bottom: 20px;
}

.delivery-meth-descr {
    min-width: 135px;
}

.toggler-sub a {
    display: block;
    background: url(/local/templates/wer_rediz_2021/css/../images/search-arrow.png) no-repeat;
    width: 100%;
    height: 100%;
    transition: .2s;
}

.product-section .btn-outline-primary {
    display: inline-block !important;
    background-color: #65cbdb !important;
    padding: 0px 16px !important;
    font-size: 1.1rem;
    font-weight: normal;
    line-height: 40px !important;
    height: 40px;

}

.dopinfos__left__actions .offer__inner {
    justify-content: center;
    align-items: center;
}

.dopinfos__left__actions .offer__inner .image img {
    max-width: 140px;
    min-width: 140px;

}

@media only screen and (min-width: 769px) and (max-width: 1270px) {
    .dopinfos__left__actions .offer {
        width: 50%;
    }

    .dopinfos__left__actions .offer:nth-child(2n+1) {
        padding-right: 10px;
    }

    .dopinfos__left__actions .offer:nth-child(2n) {
        padding-left: 10px;
    }
}

.top_wrapper_banner {
    padding-top: 20px;
}

.top_wrapper_banner_t {
    padding-top: 20px;
    display: flex;
}

.products-section-drugs {
    padding-top: 20px;
}

.top_wrapper_banner_t .colum_50 {
    width: 50%;
    position: relative;

}

.top_wrapper_banner_t .colum_50:first-child {
    margin-right: 10px;

}

.top_wrapper_banner_t .colum_50:last-child {
    margin-left: 10px;

}

@media only screen and (min-width: 769px)
and (max-width: 1270px) {
    .drugs {
        padding-top: 50px;
    }

}

@media only screen and (max-width: 768px) {
    .top_wrapper_banner, .top_wrapper_banner_t {
        display: block;
        position: relative;
    }

    .top_wrapper_banner_t .colum_50 {
        width: 100%;
        position: absolute;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .top_wrapper_banner_t .colum_50:last-child {
        display: none;

    }

    .top_wrapper_banner_t .colum_50.show {
        display: block;
        position: relative;
        z-index: 2;
    }
}

picture img {
    width: 100%;
}

.bx_catalog_text .read-more {
    display: block;
    margin-top: -20px;
    text-align: right;
    padding-bottom: 20px;
}

.bx_catalog_text.no_margin .read-more {
    margin-top: 0px !important;
    padding-bottom: 0 !important;
}

.bx_catalog_text .read-more a {
    display: inline-block;
    position: relative;
}

.bx_catalog_text .read-more a:after {
    content: "\f107";
    color: #56c5de;
    position: relative;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    padding: 0 5px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.bx_catalog_text .read-more a.close:after {
    content: "\f106";
}

.optitext-bottom-text-box {
    margin-top: 15px;
}

.optitext-bottom-text-box h2 {
    font-weight: normal;

}

.optitext-bottom-text-box h2, .optitext-bottom-text-box h3 {
    padding: 0;
margin-bottom: 10px;
    margin-top: 10px;
}

.optitext-bottom-text-box h2:before {
    content: '';
    display: none;
    width: 100%;
    height: 0;
    background: none;
    position: static;
    bottom: 0;
    left: 0;
}

.optitext-bottom-text-box p {
    margin: 5px 0;
}

.five .numeral {
    font-family: MyriadSetPro-Bold;
    font-size: 115px;
    line-height: 120px;
    /* or 25% */

    text-align: center;
    letter-spacing: -0.05em;

    /* gradient / vert */

    background: linear-gradient(360deg, #61C8B1 0%, #56C5DE 100%);
    color: #61C8B1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 1270px) and (min-width: 660px) {
    .five .numeral {
        font-size: 110px;
        padding: 0 15px;
        line-height: 90px;
    }
}

.h2_main_title, a.h2_main_title, a.h2_main_title:hover, a.h2_main_title:focus {
    font: 30px MyriadSetPro-Medium;
    color: #333;
    padding-top: 30px;
    padding-bottom: 5px;
    position: relative;
    display: table;
    margin-bottom: 20px;
    text-decoration: none;
}

.h2_main_title:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #61c8b1, #56c5de);
    position: absolute;
    bottom: 0;
    left: 0;
}

a.h2_main_title:hover {
    color: #666;
}


.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    max-width: 360px;
    padding: 1px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 16px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    /*  margin: 0;
      padding: 8px 14px;
      font-size: 14px;
      background-color: #f7f7f7;
      border-bottom: 1px solid #ebebeb;
      border-radius: 5px 5px 0 0*/
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}


.clearfix:before, .clearfix:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after, .modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.messageError {
    color: red;
}


.bx-loader {
    position: fixed;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 10000 !important;
    background-color: rgba(255, 255, 255, 0.2);
}
/*spiner preloader*/
.Spinner {
    height: 28px;
    left: 50%;
    margin-left: -14px;
    position: absolute;
    top: 45%;
    width: 28px;
    /* Spins external container */
    -webkit-animation: container-rotate 1600ms linear infinite;
    animation: container-rotate 1600ms linear infinite;
}

.Spinner-line {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.Spinner-line--1 {
    border-color: #56c5de;
    -webkit-animation: fill-unfill-rotate 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, line-1-fade-in-out 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, line-1-fade-in-out 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.Spinner-line--2 {
    border-color: #61c8b1;
    -webkit-animation: fill-unfill-rotate 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, line-2-fade-in-out 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, line-2-fade-in-out 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.Spinner-line--3 {
    border-color: #666;
    -webkit-animation: fill-unfill-rotate 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, line-3-fade-in-out 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, line-3-fade-in-out 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.Spinner-line--4 {
    border-color: #ccc;
    -webkit-animation: fill-unfill-rotate 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, line-4-fade-in-out 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, line-4-fade-in-out 4800ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.Spinner-line-cog {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

.Spinner-line-cog-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 200%;
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
}

.Spinner-line-cog-inner--left {
    border-right-color: transparent;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg);
    -webkit-animation: left-spin 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: left-spin 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.Spinner-line-cog-inner--right {
    left: -100%;
    border-left-color: transparent;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg);
    -webkit-animation: right-spin 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: right-spin 1200ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.Spinner-line-cog-inner--center {
    width: 1000%;
    left: -450%;
}

.Spinner-line-ticker {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit;
}

@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}
@keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg);
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg);
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg);
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg);
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg);
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg);
    }
}
@-webkit-keyframes left-spin {
    0% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}
@keyframes left-spin {
    0% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
}
@-webkit-keyframes right-spin {
    0% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}
@keyframes right-spin {
    0% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
}
@-webkit-keyframes line-1-fade-in-out {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    89% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}
@keyframes line-1-fade-in-out {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 1;
    }
    26% {
        opacity: 0;
    }
    89% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes line-2-fade-in-out {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    51% {
        opacity: 0;
    }
}
@keyframes line-2-fade-in-out {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    51% {
        opacity: 0;
    }
}
@-webkit-keyframes line-3-fade-in-out {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    76% {
        opacity: 0;
    }
}
@keyframes line-3-fade-in-out {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    76% {
        opacity: 0;
    }
}
@-webkit-keyframes line-4-fade-in-out {
    0% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes line-4-fade-in-out {
    0% {
        opacity: 0;
    }
    65% {
        opacity: 0;
    }
    75% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
/*end preloader*/

.popup-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.popup-checkbox+label::before, .popup-check label::before
{
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(80, 92, 121, 0.59);
    box-sizing: border-box;
    border-radius: 3px;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    vertical-align: bottom;
 /*   background-image: url("/local/templates/wer_rediz_2019/images/checked.png");
    background-position: -50px -50px;
*/
}

.popup-checkbox:checked+label::before, .popup-check .popup-checkbox:checked+label::before
{
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid rgba(80, 92, 121, 0.59);
    box-sizing: border-box;
    border-radius: 3px;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    vertical-align: bottom;
    background-image: url("/local/templates/wer_rediz_2019/images/checked.png");
    background-position: center center !important;

}
.popup-check label
{
    line-height: 24px;
    font-size: 14px;
}
.popup-checkbox:not(:disabled):not(:checked)+label:hover::before {

}
.popup-checkbox:not(:disabled):active+label::before {
    /* background-color: #b3d7ff;
     border-color: #b3d7ff;*/
}
.popup-checkbox:focus+label::before {
    /* box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);*/
}
.popup-checkbox:focus:not(:checked)+label::before {
    /*border-color: #80bdff;*/
}
.popup-checkbox:disabled+label::before {
    background-color: #e9ecef;
}
.error_input, .popup-checkbox.error_input:not(:checked)+label::before
{
    border-color: #FF0000 !important;
}


/* End */


/* Start:/local/templates/wer_rediz_2019/styles/style.css?15807344334324*/
<!--
////////////////////////////////////////
////           Демо #1              ////
////////////////////////////////////////
-->

.dropcontainer {
	position:relative;
	font-size: 16px;
	color: #777;
	} 

.trigger {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	background: #fff url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-open.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.trigger:hover {
	color: #777;
	background: #f5f5f5 url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-open.png) 98% center no-repeat;
	}

.activetrigger {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	background: #f5f5f5 url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-close.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger:hover {
	background: #f5f5f5 url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.activetrigger:active {
	background: #f5f5f5 url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.dropcontainer ul {
	font-size: 16px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	list-style-type: none;
	padding: 10px;
	margin: 0;
	width: 50%;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.dropcontainer ul li {
	padding: 5px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.dropcontainer ul li:hover {
	background: #f5f5f5;
	outline: none;
	}

.dropcontainer ul li:first-child {
	display: none;
	}

.dropcontainer ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden {
	display: none;
	}

.dropdownvisible {
	height: auto;
	}


<!--
////////////////////////////////////////
////           Демо #2              ////
////////////////////////////////////////
-->	


.dropcontainer_demo2 {
	position:relative;
	font-size: 16px;
	color: #777;
	} 

.trigger_demo2 {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	background: #fff url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-open.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.trigger_demo2:hover {
	color: #777;
	background: #f5f5f5 url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-open.png) 98% center no-repeat;
	}

.activetrigger_demo2 {
	color: #777;
	padding: 10px;
	font-size: 16px;
	width: 50%;
	background: #f5f5f5 url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-close.png) 98% center no-repeat;
	display: block;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.activetrigger_demo2:hover {
	background: #f5f5f5 url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.activetrigger_demo2:active {
	background: #f5f5f5 url(/local/templates/wer_rediz_2019/styles/../images/select-arrow-close.png) 98% center no-repeat;
	color: #777;
	}

.dropcontainer_demo2 ul {
	font-size: 16px;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
	list-style-type: none;
	padding: 10px;
	margin: 0;
	width: 50%;
	z-index: 100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.dropcontainer_demo2 ul li {
	padding: 5px;
	-webkit-transition: all 0.5s ease; 
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease; 
	transition: all 0.5s ease;
	}

.dropcontainer_demo2 ul li:hover {
	background: #f5f5f5;
	outline: none;
	}

.dropcontainer_demo2 ul li:first-child {
	display: none;
	}

.dropcontainer_demo2 ul li:last-child {
	border-bottom: none;
	}

.dropdownhidden_demo2 {
	display: none;
	}

.dropdownvisible_demo2 {
	height: auto;
	}

.dropdownvisible_demo2 {
	height: 200px;
	overflow-y: scroll;
	}


/* End */


/* Start:/local/templates/wer_rediz_2019/styles/personal.css?15813462002360*/
@media only screen and (max-width: 1270px) {
    #send_me_call_please > div:not(:last-child) {

    }

    #send_me_call_please .form-group {
        border: none;
        padding: 0;
        text-align: center;
    }

    #send_me_call_please .form-group input {
        display: inline-block;
        width: auto;
        margin: 5px auto;
    }

    .personal_part .col-lg-3, .personal_part .col-lg-9 {
        width: 100% !important;
    }

}

@media only screen and (max-width: 768px) {
    .header-left h2.h2 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #send_me_call_please > div:not(:last-child) {
        display: none;
    }

    .form-block.light-bg {
        border: none;
        padding: 0;
    }

    .private-data-section {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #send_me_call_please .form-group input {
        width: 100%;
    }
    .delivery-address
    {
        padding: 10px;
    }
    .delivery-address-form .slim {
       /*padding: 0;*/
    }
    .delivery-address .row
    { margin-left: 0; margin-right: 0; }

}

.form-control.form-control-lg {
    height: 40px;
    padding: 10px 15px;
}

.form-control.input-lg {
    padding: 10px 15px;
}

.content-section .btn {
    border-radius: 0 !important;
}

.wrapper .btn-lg.change-phone-number, .wrapper .btn-lg.change-email {
    height: 40px
}

.private-data-form label, .delivery-address-form label {
    margin-bottom: 0;
    margin-top: .5rem
}

.orders-list .btn {
    height: auto;
}
.form-group-check
{ position: relative; display: inline-block;}
.form-group-check  input[type=checkbox] {
    display: none
}

.form-group-check label {
    padding-left: 30px;
    background: url(/local/templates/wer_rediz_2019/components/bitrix/sale.basket.basket/jes_v2/images/check.png) no-repeat left top;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    display: block;
    margin-bottom: 20px
}

.form-group-check  label a {
    color: #56c5de
}

.form-group-check  label a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.form-group-check  input:checked + label {
    background-image: url(/local/templates/wer_rediz_2019/components/bitrix/sale.basket.basket/jes_v2/images/check-pos.png)
}

.delivery-address-block
{ position: relative;}
/* End */


/* Start:/local/components/wer_custom/location/templates/location_upd/style.css?16203073221135*/
.modal-city-select .cities-list span:hover, .modal-city-select .cities-list span:focus:hover {
    color: #006c8a;
    cursor: pointer;
}
.autocomplete-suggestions {
    margin-top: 8px;
    border-radius: 4px;
    padding: 4px 0;
    max-height: 300px;
     box-shadow: 0 4px 15px 0 rgb(0 13 26 / 20%);
    background: #fff;
}

.modal-city-select .input-search-result a, .modal-city-select .input-search-result a:focus {
    color: #000d1a;
    background-color: transparent;
}
.autocomplete-suggestion {
    color: #000d1a;
    background-color: transparent;
    display: block;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 16px;
}
.autocomplete-suggestion .alt-text
{
    font-size: 12px;
    line-height: 14px;
    display: block;
    margin-top: 5px;
    color: #80868d;
    display: block;
}

.autocomplete-suggestion:hover, .autocomplete-suggestion:focus:hover {
    background-color: #e7f7fb;
    cursor: pointer;
}

.autocomplete-suggestion span {
    font-size: 12px;
    line-height: 14px;
    display: block;
    margin-top: 5px;
    color: #80868d;
}
.autocomplete-no-suggestion
{
    padding: 10px 20px;
}
/* End */


/* Start:/local/templates/wer_rediz_2021/components/bitrix/sale.basket.basket.line/template_upd/style.css?16203073224231*/
.bx-basket {}
.bx-basket-block {
	font-size: 12px;
	padding-bottom: 5px;
	white-space: nowrap;
	position: relative;
	padding-left: 20px;
}
.bx-basket-block>.fa {
	color: #97a1ab;
	width: 12px;
	position: absolute;
	left: 0;
	top: 3px;
}
.bx-basket-block a {
	color: #039BE5;
	border-bottom: 1px dashed;
	margin-right: 10px;
}
.bx-basket-block a:hover {
	text-decoration: none;
	border-bottom-color: transparent;
}


/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed{
		width: 200px;
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
	}
	.bx-basket-fixed.top	  {top:10px}
	.bx-basket-fixed.right  {right:10px}
	.bx-basket-fixed.bottom{bottom:10px}
	.bx-basket-fixed.left	 {left:10px}
	.bx-basket-fixed.bx-max-height{top:10px;bottom:10px;}
}
@media (max-width: 767px) {
	.bx-basket-fixed{
		/*width: 200px;*/
		position: fixed;
		z-index: 1100;
		background: #fff;
		padding-top: 10px;
		border: 1px solid #F0F0F0;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
		border-radius: 1px;
		overflow: hidden;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.bx-basket-item-list{
		display: none;
	}
	/*.bx-basket-fixed */
}
.bx-basket-fixed .bx-basket-block{
	margin-left: 10px;
}
.bx-basket-item-list{
	position: relative;
	padding-bottom: 20px;
	border-top: 1px solid #F7F7F7;
	overflow: hidden;
}
.bx-opener .bx-basket-item-list{
	padding-bottom: 75px;
}
.bx-max-height .bx-basket-item-list{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}
.bx-closed .bx-basket-item-list{
	height: 20px;
	overflow: hidden;
}
.bx-basket-item-list-action{
	cursor: pointer;
	background: #F7F7F7;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 120;
	height: 20px;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	color: #4f4f4f;
	padding: 3px 0;
}
.bx-basket-item-list-button-container{
	text-align: center;
	position: absolute;
	bottom: 20px;
	border-top: 1px solid #F7F7F7;
	padding: 10px 0;
	background: #fff;
	left: 0;
	right: 0;
}

.bx-basket-item-list-button-container a.btn
{
	color: #dddddd;
	text-decoration: none;
}

.bx-basket-item-list-button-container a.btn:hover,
.bx-basket-item-list-button-container a.btn:active
{
	color: #ffffff;
}

.bx-basket-item-list-container{
	overflow-y: auto;
	max-height: 100%
}
.bx-basket-item-list-item{
	padding-top: 15px;
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #F7F7F7;
}
.bx-basket-item-list-container .bx-basket-item-list-item:last-child{
	border-bottom: none;
	margin-bottom: 0;
}
.bx-basket-item-list-item-status{
	font-weight: bold;
	padding: 3px;
	background: #EBEBEB;
	margin: 0 10px 20px;
	line-height: 16px;
	font-size: 13px;
	border-radius: 3px;
	text-align: center;
	white-space: normal;
}
.bx-basket-item-list-item-img{
	text-align: center;
	position: relative;
	padding-bottom: 5px;
}
.bx-basket-item-list-item-img img{
	max-width: 90px;
	height: auto;
	border: 1px solid #E6E6E6;
}
.bx-basket-item-list-item-name
{
	padding-bottom: 5px;
}
.bx-basket-item-list-item-name a
{
	font-size: 13px;
	color: #3F3F3F;
	text-decoration: none;
	white-space: normal;
	line-height: 16px;
}
.bx-basket-item-list-item-remove{
	position: absolute;
	right: 10px;
	top: -7px;
	width: 20px;
	height:20px;
	cursor: pointer;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC') no-repeat center;
	opacity: .5;
}
.bx-basket-item-list-item-remove:hover{
	opacity: .7;
}
.bx-basket-item-list-item-price-block{
	padding-bottom: 5px;
	font-size: 12px;
}
.bx-basket-item-list-item-price{
	display: inline-block;
	margin-right: 5px;
}
.bx-basket-item-list-item-price-old{
	display: inline-block;
	margin-right: 5px;
	text-decoration: line-through;
	color: #B0B0B0
}
.bx-basket-item-list-item-price-summ{}

.bx_cart_login_top .bx-hdr-profile a {
	text-decoration: none;
}
.bx_cart_login_top .bx-hdr-profile{
	line-height: 1.44em;
}
/* End */


/* Start:/local/templates/wer_rediz_2021/components/extyl/iblock.fast.elements/.default/style.css?1628241513192*/
.container.header-red-text
{
    margin-top: -30px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 768px)  {
    .container.header-red-text {
        margin-top: -12px;
    }
}

/* End */


/* Start:/local/templates/wer_rediz_2021/components/bitrix/breadcrumb/breadcrumb_upd/style.css?1620307322443*/
.breadcrumb div {
    display: inline-block;
}

.breadcrumbs span {
    font-size: 14px;
    color: #999;

}

@media (min-width: 1200px) {
    .breadcrumbs span {
        display: block;
        max-width: 269px;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}
/* End */


/* Start:/design/css/normalize.min.css?15105620772352*/
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}h1{font-size:2em;margin:.75em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}figure{margin:1.5em 2.5rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button],[type=reset],[type=submit],button{}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{border:1px solid silver;margin:0 0.125rem;padding:.35em .625em .75em}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;color:inherit;padding:0}optgroup{font-weight:700}textarea{overflow:auto}
/* End */


/* Start:/local/templates/wer_rediz_2021/css/style_ols_design.min.css?1621000884366090*/
@charset "UTF-8";

.jq-checkbox {
    position: relative;
    vertical-align: middle;
    width: 15px;
    height: 14px;
    margin: 0 0.75rem 0.0625rem 0;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer;
    transition: .2s;
    overflow: visible !important
}

.jq-checkbox.checked {
    border-color: rgba(153, 122, 0, .5);
    background-color: #ffeba0
}

.jq-checkbox.checked .jq-checkbox__div {
    position: absolute;
    left: 2px;
    bottom: 2px;
    width: 16px;
    height: 16px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/checkbox.svg)
}

.jq-checkbox.checked + span {
    color: #002c3c
}

.jq-checkbox.focused, .jq-checkbox:hover {
    border-color: rgba(129, 103, 0, .6)
}

.jq-checkbox.disabled {
    opacity: .55
}

.jq-checkbox + span {
    display: inline;
    vertical-align: middle
}

.jq-radio {
    position: relative;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: 0 0.4375rem 0 0;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 50%;
    background: #fff;
    background-clip: padding-box;
    cursor: pointer;
    transition: .1s ease-out;
    transition-property: border-color, border-width, background-color
}

.jq-radio .jq-radio__div {
    display: none;
    border-radius: 50%;
    background-color: #000
}

.jq-radio:hover {
    border-color: rgba(0, 0, 0, .3)
}

.jq-radio.checked {
    border-color: rgba(153, 122, 0, .5);
    background-color: #ffeba0
}

.jq-radio.checked .jq-radio__div {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px
}

.jq-radio.checked + span {
    color: #000
}

.jq-radio.jq-radio.focused {
    border-color: rgba(0, 0, 0, .3)
}

.jq-radio.jq-radio.disabled {
    opacity: .55
}

.jq-radio + span {
    display: inline;
    vertical-align: middle
}

input.styler[type=number] {
    width: 33px
}


.number-plus-minus {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 103px
}


.modal-header {
    padding: 0;
    margin: 0 0 1.875rem;
    border-bottom: none
}

.modal-header:after {
    display: none
}

.modal-body {
    padding: 0;
    clear: both
}

.modal-footer {
    padding: 0
}

.underheader {
    width: 80%;
    margin: 0 auto 1.875rem;
    color: #1b303e;
    line-height: 1.2
}

textarea.form-control.form-control-lg {
    height: 105px
}


.modal-content {
    padding: 0;
    border-radius: 0;
    border: none;
    background-color: #fff
}

.modal-content .form-group {
    margin-bottom: .5rem
}

.modal-content .btn-lg {
    margin: 0.9375rem 0;
    padding-top: 15px;
    padding-bottom: 15px
}

.modal-content .btn-lg:last-child {
    margin-bottom: 0
}

.modal-header > span,
.modal-header .modal-title {
    font-size: 1.625rem;
    line-height: 1.2;
    text-align: center;
    font: 21px MyriadSetPro-Bold;
    color: #666;
    text-align: center;
    padding-bottom: 20px;
    display: block;
}

.close {
    position: absolute;
    top: 0;
    right: -25px;
    opacity: .4;
    margin-top: 0
}

button.close {
    width: 14px;
    height: 14px;
    background: url(/local/templates/wer_rediz_2021/css/../images/close-popup.svg) no-repeat
}

*

/
.irs {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs, .irs-line {
    position: relative;
    display: block
}

.irs-line {
    outline: none !important
}

.irs-line-left, .irs-line-mid, .irs-line-right {
    position: absolute;
    display: block;
    top: 0
}

.irs-line-left {
    left: 0;
    width: 11%
}

.irs-line-mid {
    left: 9%;
    width: 82%
}

.irs-line-right {
    right: 0;
    width: 11%
}

.irs-bar {
    width: 0
}

.irs-bar, .irs-bar-edge {
    position: absolute;
    display: block;
    left: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1
}

.irs-slider.type_last {
    z-index: 2
}

.irs-min {
    left: 0
}

.irs-max, .irs-min {
    position: absolute;
    display: block;
    cursor: default
}

.irs-max {
    right: 0
}

.irs-from, .irs-single, .irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 0.5625rem;
    line-height: 0.5625rem;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: transparent;
    z-index: 2
}

.irs-disabled {
    opacity: .4
}

.lt-ie9 .irs-disabled {
    filter: alpha(opacity=40)
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs {
    height: 16px
}

.irs-with-grid {
    height: 60px
}

.irs-bar, .irs-line {
    top: 7px
}

.irs-line {
    background-color: #ccc;
    border-radius: 3px
}

.irs-bar, .irs-slider {
    background: #66c99d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2Yzk5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZmM5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #66c99d 0, #5fc9d9 100%);
    background: -webkit-linear-gradient(left, #66c99d, #5fc9d9);
    background: linear-gradient(90deg, #66c99d 0, #5fc9d9)
}

.irs-bar, .irs-bar-edge, .irs-line, .irs-line-left, .irs-line-mid, .irs-line-right {
    height: 5px
}

.irs-bar-edge {
    top: 0;
    width: 7px
}

.irs-shadow {
    height: 1px;
    top: 0;
    background: #000;
    opacity: .75
}

.irs-slider {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 4px solid #fff;
    top: 0;
    cursor: pointer;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .45)
}

.irs-max, .irs-min {
    color: silver;
    font-size: 0.625rem;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 3px;
    background: rgba(0, 0, 0, .1);
    border-radius: 3px
}

.lt-ie9 .irs-max, .lt-ie9 .irs-min {
    background: #3654b0
}

.irs-from, .irs-single, .irs-to {
    color: #838582;
    font-size: 0.625rem;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 0;
    border-radius: 3px;
    top: 100%
}

.irs-to {
    padding-left: 5px
}

.irs-grid-pol {
    background: #777
}

.irs-grid-text {
    color: #e0e0e0
}

.range-slider-value {
    margin-top: 0.0625rem;
    margin-right: 0.3125rem
}

.slider-values {
    font-size: 0.6875rem;
    font-weight: 300;
    color: #858a94
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 1rem
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 1.875rem
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid #e8e8e8
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 1.25rem 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    right: 1px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 10px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 1.875rem
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 1.25rem
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 0.4375rem 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 0.375rem auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 0.125rem auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 0.25rem 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 1.875rem;
    margin-bottom: 1.875rem
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 1.875rem
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(/local/templates/wer_rediz_2021/css/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: hsla(0, 0%, 87%, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: hsla(0, 0%, 87%, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: hsla(0, 0%, 87%, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: hsla(0, 0%, 87%, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 0.375rem auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 0.375rem 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 0.3125rem auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 0.4375rem auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 0.0625rem
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 0.0625rem 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -0.0625rem 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -0.0625rem
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 0.375rem 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: 50%
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 0.375rem 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(100%, hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
    background-image: -o-linear-gradient(left, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: -ms-linear-gradient(left, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, hsla(0, 0%, 100%, .5)), color-stop(100%, hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: -ms-linear-gradient(top, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0) 100%);
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, 0))
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 0.25rem 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px hsla(0, 0%, 100%, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 0.25rem auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4);
    width: 12px;
    margin: 0.125rem;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 0.75rem 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 0.75rem
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 0.3125rem 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 0.125rem 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 0.1875rem 0.3125rem;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 0.3125rem 0.1875rem;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 0.125rem 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .9)
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 500
}

.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
    border-top-color: #aaa
}

.jq-selectbox .placeholder {
    color: #ccc
}

.jq-selectbox:hover .jq-selectbox__trigger-arrow {
    border-top-color: #000
}

.jq-selectbox__select {
    height: 40px;
    padding: 0 27px 0 10px;
    border: 2px solid #efefef;
    background: #fff;
    color: #666;
    line-height: 2.25rem
}

.jq-selectbox__select .jq-selectbox__select-text {
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__select .jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    width: 28px;
    height: 100%
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -0.1875rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0;
    border-color: #d2d2d2 transparent transparent
}

.jq-selectbox__dropdown {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0.125rem 0 0;
    padding: 0;
    border: 1px solid #efefef;
    background: #fff
}

.jq-selectbox__dropdown ul {
    margin: 0;
    padding: 0
}

.jq-selectbox__dropdown ul li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 10px 6px;
    margin: 0;
    white-space: nowrap;
    color: #002c3c
}

.jq-selectbox__dropdown ul li.disabled {
    color: #aaa
}

.jq-selectbox__dropdown ul li.disabled:hover {
    background: none
}

.jq-selectbox__dropdown ul li:hover {
    background-color: #79d4ab;
    color: #fff
}

.jq-selectbox__dropdown ul li.option {
    padding-left: 25px
}

.jq-selectbox__dropdown ul li.optgroup {
    font-weight: 700
}

.jq-selectbox__dropdown ul li.optgroup:hover {
    background: none;
    color: #231f20;
    cursor: default
}

.jq-selectbox__search {
    margin: 0.3125rem
}

.jq-selectbox__search input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    border: 1px solid #ccc;
    border-radius: 3px;
    outline: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    box-shadow: inset 1px 1px #f1f1f1;
    color: #333;
    -webkit-appearance: textfield
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none
}

.jq-selectbox__not-found {
    margin: 0.3125rem;
    padding: 5px 8px 6px;
    background: #f0f0f0;
    font-size: 0.8125rem
}

.slick-slider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-list {
    z-index: 1;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    height: 100%;
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    padding: 10px 15px;
    min-height: 1px;
    background-repeat: no-repeat
}

[dir=rtl] .slick-slide {
    float: right
}

.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 {
    z-index: 2;
    border: none;
    overflow: hidden;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    box-shadow: none;
    cursor: pointer;
    min-width: 1px;
    width: 32px;
    height: 32px;
    transition: .5s
}

.slick-arrow.slick-disabled {
    display: none !important
}

.arrows-wrapper .slick-arrow {
    margin-left: 0.5rem
}

.arrows-wrapper .slick-arrow.min-arrow-item {
    margin-left: 0.3125rem
}

.arrow-item svg {
    width: 100%;
    height: 100%
}

.arrow-item svg g {
    fill: #999;
    transition: fill .2s
}

.arrow-item:hover {
    background-color: transparent
}

.arrow-item:hover svg g {
    fill: #76d4e3
}

.triangle-arrow {
    position: absolute;
    top: 50%;
    margin-top: -1.15625rem;
    width: 23px;
    height: 37px;
    opacity: .4;
    transition: opacity .3s
}

.triangle-arrow svg {
    transition: fill .3s
}

.triangle-arrow:hover {
    opacity: 1
}

.slick-dots {
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    padding-left: 0;
    text-align: center;
    letter-spacing: -.31em
}

.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 .3125rem;
    letter-spacing: normal
}

.slick-dots li button {
    padding: 0;
    height: 100%;
    width: 100%;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    box-shadow: none;
    border: 1px solid #fff
}

.slick-dots li.slick-active button {
    background-color: #fff
}

.slick-dots.green-dots li button {
    border: 1px solid #79d4ab
}

.slick-dots.green-dots li.slick-active button {
    background-color: #79d4ab
}

.small-images-slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -0.8125rem;
    width: 16px;
    height: 26px
}

.small-images-slider .slick-arrow svg {
    fill: #ccc
}

.small-images-slider .slick-arrow:hover svg {
    fill: #76d4e3
}

.small-images-slider .slick-arrow.slick-prev {
    left: 0
}

.small-images-slider .slick-arrow.slick-next {
    right: 0
}

.small-images-slider .slick-arrow.slick-disabled {
    display: block !important
}

.small-images-slider .slick-arrow.slick-disabled:hover svg g {
    fill: #999
}

.small-images-slider .slick-current .small-img-wrapper {
    border-color: #76d4e3
}

.fullpage-slider .slick-arrow svg {
    fill: #fff
}

.fullpage-slider .slick-prev {
    left: 50%;
    margin-left: -36.6875rem
}

.fullpage-slider .slick-next {
    right: 50%;
    margin-right: -36.6875rem
}

.fullpage-slider .slick-dots {
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
    pointer-events: none
}

.fullpage-slider .slick-dots li {
    pointer-events: visible
}

.fullpage-slider .slick-dots li button {
    width: 8px;
    height: 8px;
    border: none;
    margin: 0.125rem;
    background-color: #fff;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .45)
}

.fullpage-slider .slick-dots li.slick-active button {
    width: 12px;
    height: 12px;
    margin: 0;
    border: 2px solid #fff;
    background-color: transparent
}

.tab-slider .product-item {
    margin-bottom: 0
}

.tab-slider .slick-arrow svg {
    fill: #76d4e3
}

.tab-slider .slick-prev {
    left: -33px
}

.tab-slider .slick-next {
    right: -33px
}

.centered-slider .product-item {
    margin-bottom: 0
}

.centered-slider .slick-arrow {
    opacity: .4
}

.centered-slider .slick-arrow svg {
    fill: #002c3c
}

.centered-slider .slick-arrow:hover {
    opacity: 1
}

.centered-slider .slick-arrow:hover svg {
    fill: #2aa5e1
}

.centered-slider .slick-prev {
    left: 50%;
    margin-left: -36.6875rem
}

.centered-slider .slick-next {
    right: 50%;
    margin-right: -36.6875rem
}

.team-slider .slick-arrow {
    position: absolute;
    top: 50%;
    margin-top: -1rem
}

.team-slider .slick-prev {
    left: 0
}

.team-slider .slick-next {
    right: 0
}

.toggle {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 20px;
    margin: 0 0.625rem
}

.toggle-slide {
    height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr;
    text-align: center
}

div.disabled > .toggle-slide {
    opacity: .7;
    pointer-events: none
}

.toggle-slide .toggle-blob, .toggle-slide .toggle-off, .toggle-slide .toggle-on {
    float: left
}

.toggle-slide .toggle-blob {
    position: relative;
    z-index: 2;
    cursor: hand;
    cursor: -webkit-grab;
    cursor: grab
}

.toggle-dark .toggle-slide {
    border-radius: 5px;
    box-shadow: 0 0 0 1px #242529, 0 1px 0 1px #666
}

.toggle-dark .toggle-blob, .toggle-dark .toggle-off, .toggle-dark .toggle-on {
    color: hsla(0, 0%, 100%, .7);
    font-size: 0.6875rem
}

.toggle-dark .toggle-on, .toggle-dark .toggle-select .toggle-inner .active {
    background: -webkit-linear-gradient(#1a70be, #31a2e1);
    background: linear-gradient(#1a70be, #31a2e1)
}

.toggle-dark .toggle-off, .toggle-dark .toggle-select .toggle-on {
    background: -webkit-linear-gradient(#242529, #34363b);
    background: linear-gradient(#242529, #34363b)
}

.toggle-dark .toggle-blob {
    border-radius: 4px;
    background: -webkit-linear-gradient(#cfcfcf, #f5f5f5);
    background: linear-gradient(#cfcfcf, #f5f5f5);
    box-shadow: inset 0 0 0 1px #888, inset 0 0 0 2px #fff
}

.toggle-dark .toggle-blob:hover {
    background: -webkit-linear-gradient(silver, #dadada);
    background: linear-gradient(silver, #dadada);
    box-shadow: inset 0 0 0 1px #888, inset 0 0 0 2px #ddd
}

.toggle-iphone .toggle-slide {
    border-radius: 9999px;
    box-shadow: 0 0 0 1px #999
}

.toggle-iphone .toggle-off, .toggle-iphone .toggle-on {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    text-shadow: 0 0 8px rgba(0, 0, 0, .5)
}

.toggle-iphone .toggle-on {
    border-radius: 9999px 0 0 9999px;
    background: #037bda;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .4)
}

.toggle-iphone .toggle-on:after {
    background: -webkit-linear-gradient(#1189f1, #3797ef);
    background: linear-gradient(#1189f1, #3797ef);
    height: 50%;
    content: "";
    margin-top: -19%;
    display: block;
    border-radius: 9999px;
    margin-left: 10%
}

.toggle-iphone .toggle-off {
    box-shadow: inset -2px 2px 5px rgba(0, 0, 0, .4);
    border-radius: 0 9999px 9999px 0;
    color: #828282;
    background: #ececec;
    text-shadow: 0 0 1px #fff
}

.toggle-iphone .toggle-off:after {
    background: -webkit-linear-gradient(#fafafa, #fdfdfd);
    background: linear-gradient(#fafafa, #fdfdfd);
    height: 50%;
    content: "";
    margin-top: -19%;
    display: block;
    margin-right: 10%;
    border-radius: 9999px
}

.toggle-iphone .toggle-blob {
    border-radius: 50px;
    background: -webkit-linear-gradient(#d1d1d1, #fafafa);
    background: linear-gradient(#d1d1d1, #fafafa);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), inset 0 0 0 2px #fff, 0 0 3px rgba(0, 0, 0, .6)
}

.toggle-light .toggle-slide {
    border-radius: 9999px;
    box-shadow: 0 0 0 1px #999
}

.toggle-light .toggle-off, .toggle-light .toggle-on {
    font-size: 0.6875rem;
    font-weight: 500
}

.toggle-light .toggle-on, .toggle-light .toggle-select .toggle-inner .active {
    background: #45a31f;
    box-shadow: inset 2px 2px 6px rgba(0, 0, 0, .2);
    text-shadow: 1px 1px rgba(0, 0, 0, .2);
    color: hsla(0, 0%, 100%, .8)
}

.toggle-light .toggle-off, .toggle-light .toggle-select .toggle-on {
    color: rgba(0, 0, 0, .6);
    text-shadow: 0 1px hsla(0, 0%, 100%, .2);
    background: -webkit-linear-gradient(#cfcfcf, #f5f5f5);
    background: linear-gradient(#cfcfcf, #f5f5f5)
}

.toggle-light .toggle-blob {
    border-radius: 50px;
    background: -webkit-linear-gradient(#f5f5f5, #cfcfcf);
    background: linear-gradient(#f5f5f5, #cfcfcf);
    box-shadow: 1px 1px 2px #888
}

.toggle-light .toggle-blob:hover {
    background: -webkit-linear-gradient(#e4e4e4, #f9f9f9);
    background: linear-gradient(#e4e4e4, #f9f9f9)
}

.toggle-modern .toggle-slide {
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 0 1px rgba(0, 0, 0, .2);
    background: -webkit-linear-gradient(#c0c5c9, #a1a9af);
    background: linear-gradient(#c0c5c9, #a1a9af);
    box-shadow: inset 0 2px 1px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .15), 0 1px 0 hsla(0, 0%, 100%, .15)
}

.toggle-modern .toggle-off, .toggle-modern .toggle-on {
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
    font-size: 0.6875rem;
    box-shadow: inset 0 2px 0 hsla(0, 0%, 100%, .2), inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .1), 0 1px 1px rgba(0, 0, 0, .2)
}

.toggle-modern .toggle-select .toggle-off, .toggle-modern .toggle-select .toggle-on {
    background: none
}

.toggle-modern .toggle-off, .toggle-modern .toggle-off.active {
    background: -webkit-linear-gradient(#737e8d, #3f454e);
    background: linear-gradient(#737e8d, #3f454e)
}

.toggle-modern .toggle-on, .toggle-modern .toggle-on.active {
    background: -webkit-linear-gradient(#4894cd, #2852a6);
    background: linear-gradient(#4894cd, #2852a6)
}

.toggle-modern .toggle-blob {
    background: -webkit-linear-gradient(#c0c6c9, #81898f);
    background: linear-gradient(#c0c6c9, #81898f);
    box-shadow: inset 0 2px 0 hsla(0, 0%, 100%, .2), inset 0 0 0 1px rgba(0, 0, 0, .2), inset 0 -1px 1px rgba(0, 0, 0, .1), 1px 1px 2px rgba(0, 0, 0, .2);
    border-radius: 3px
}

.toggle-modern .toggle-blob:hover {
    background-image: -webkit-linear-gradient(#a1a9af, #a1a9af);
    background-image: linear-gradient(#a1a9af, #a1a9af)
}

.toggle-soft .toggle-slide {
    border-radius: 5px;
    box-shadow: 0 0 0 1px #999
}

.toggle-soft .toggle-off, .toggle-soft .toggle-on {
    color: rgba(0, 0, 0, .7);
    font-size: 0.6875rem;
    text-shadow: 1px 1px #fff
}

.toggle-soft .toggle-on, .toggle-soft .toggle-select .toggle-inner .active {
    background: -webkit-linear-gradient(#d2ff52, #91e842);
    background: linear-gradient(#d2ff52, #91e842)
}

.toggle-soft .toggle-blob, .toggle-soft .toggle-off, .toggle-soft .toggle-select .toggle-on {
    background: -webkit-linear-gradient(#cfcfcf, #f5f5f5);
    background: linear-gradient(#cfcfcf, #f5f5f5)
}

.toggle-soft .toggle-blob {
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #bbb, inset 0 0 0 2px #fff
}

.toggle-soft .toggle-blob:hover {
    background: -webkit-linear-gradient(#e4e4e4, #f9f9f9);
    background: linear-gradient(#e4e4e4, #f9f9f9);
    box-shadow: inset 0 0 0 1px #ddd, inset 0 0 0 2px #ddd
}

.toggle-grad .toggle-slide {
    border-radius: 10px
}

.toggle-grad.active .toggle-blob, .toggle-grad.active .toggle-slide {
    background: #66c99d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2Yzk5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZmM5ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #66c99d 0, #5fc9d9 100%);
    background: -webkit-linear-gradient(top, #66c99d, #5fc9d9);
    background: linear-gradient(180deg, #66c99d 0, #5fc9d9)
}

.toggle-grad .toggle-blob, .toggle-grad .toggle-slide {
    background: #ccc
}

.toggle-blob {
    border: 4px solid #fff;
    border-radius: 50%;
    width: 23px !important;
    height: 23px !important;
    margin-top: -0.125rem;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .45)
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 0.65625rem;
    line-height: 0.75rem;
    direction: ltr;
    box-shadow: none;
    padding: 0
}

.qtip-content {
    padding: 5px 9px;
    text-align: left;
    word-wrap: break-word
}

.qtip-content, .qtip-titlebar {
    position: relative;
    overflow: hidden
}

.qtip-titlebar {
    padding: 5px 35px 5px 10px;
    border-width: 0 0 1px;
    font-weight: 700
}

.qtip-titlebar + .qtip-content {
    border-top-width: 0 !important
}

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: medium none;
    border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -0.5625rem
}

* html .qtip-titlebar .qtip-close {
    top: 16px
}

.qtip-icon .ui-icon, .qtip-titlebar .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none
}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 0.875rem;
    text-align: center;
    text-indent: 0;
    font: normal 700 0.625rem/0.8125rem Tahoma, sans-serif;
    color: inherit;
    background: transparent none no-repeat -100em -100em
}

.qtip-default {
    border: 1px solid #f1d031;
    background-color: #ffffa3;
    color: #555
}

.qtip-default .qtip-titlebar {
    background-color: #ffef93
}

.qtip-default .qtip-icon {
    border-color: #ccc;
    background: #f1f1f1;
    color: #777
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #aaa;
    color: #111
}

/*! Light tooltip style */
.qtip-light {
    background-color: #fff;
    border-color: #e2e2e2;
    color: #454545
}

.qtip-light .qtip-titlebar {
    background-color: #f1f1f1
}

/*! Dark tooltip style */
.qtip-dark {
    background-color: #505050;
    border-color: #303030;
    color: #f3f3f3
}

.qtip-dark .qtip-titlebar {
    background-color: #404040
}

.qtip-dark .qtip-icon {
    border-color: #444
}

.qtip-dark .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

/*! Cream tooltip style */
.qtip-cream {
    background-color: #fbf7aa;
    border-color: #f9e98e;
    color: #a27d35
}

.qtip-cream .qtip-titlebar {
    background-color: #f0de7d
}

.qtip-cream .qtip-close .qtip-icon {
    background-position: -82px 0
}

/*! Red tooltip style */
.qtip-red {
    background-color: #f78b83;
    border-color: #d95252;
    color: #912323
}

.qtip-red .qtip-titlebar {
    background-color: #f06d65
}

.qtip-red .qtip-close .qtip-icon {
    background-position: -102px 0
}

.qtip-red .qtip-icon, .qtip-red .qtip-titlebar .ui-state-hover {
    border-color: #d95252
}

/*! Green tooltip style */
.qtip-green {
    background-color: #caed9e;
    border-color: #90d93f;
    color: #3f6219
}

.qtip-green .qtip-titlebar {
    background-color: #b0de78
}

.qtip-green .qtip-close .qtip-icon {
    background-position: -42px 0
}

/*! Blue tooltip style */
.qtip-blue {
    background-color: #e5f6fe;
    border-color: #add9ed;
    color: #5e99bd
}

.qtip-blue .qtip-titlebar {
    background-color: #d0e9f5
}

.qtip-blue .qtip-close .qtip-icon {
    background-position: -2px 0
}

.qtip-shadow {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .15)
}

.qtip-bootstrap, .qtip-rounded, .qtip-tipsy {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.qtip-rounded .qtip-titlebar {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.qtip-youtube {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    box-shadow: 0 0 3px #333;
    color: #fff;
    border: 0 solid transparent;
    background: #4a4a4a;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a4a4a), color-stop(100%, #000));
    background-image: -webkit-linear-gradient(top, #4a4a4a, #000);
    background-image: -moz-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -ms-linear-gradient(top, #4a4a4a 0, #000 100%);
    background-image: -o-linear-gradient(top, #4a4a4a 0, #000 100%)
}

.qtip-youtube .qtip-titlebar {
    background-color: #4a4a4a;
    background-color: transparent
}

.qtip-youtube .qtip-content {
    padding: .75em;
    font: 0.75rem arial, sans-serif;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);"
}

.qtip-youtube .qtip-icon {
    border-color: #222
}

.qtip-youtube .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-jtools {
    background: #232323;
    background: rgba(0, 0, 0, .7);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
    background-image: -moz-linear-gradient(top, #717171, #232323);
    background-image: -webkit-linear-gradient(top, #717171, #232323);
    background-image: -ms-linear-gradient(top, #717171, #232323);
    background-image: -o-linear-gradient(top, #717171, #232323);
    border: 2px solid #ddd;
    border: 2px solid #f1f1f1;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 12px #333;
    -moz-box-shadow: 0 0 12px #333;
    box-shadow: 0 0 12px #333
}

.qtip-jtools .qtip-titlebar {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)"
}

.qtip-jtools .qtip-content {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)"
}

.qtip-jtools .qtip-content, .qtip-jtools .qtip-titlebar {
    background: transparent;
    color: #fff;
    border: 0 dashed transparent
}

.qtip-jtools .qtip-icon {
    border-color: #555
}

.qtip-jtools .qtip-titlebar .ui-state-hover {
    border-color: #333
}

.qtip-cluetip {
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, .4);
    background-color: #d9d9c2;
    color: #111;
    border: 0 dashed transparent
}

.qtip-cluetip .qtip-titlebar {
    background-color: #87876a;
    color: #fff;
    border: 0 dashed transparent
}

.qtip-cluetip .qtip-icon {
    border-color: #808064
}

.qtip-cluetip .qtip-titlebar .ui-state-hover {
    border-color: #696952;
    color: #696952
}

.qtip-tipsy {
    background: #000;
    background: rgba(0, 0, 0, .87);
    color: #fff;
    border: 0 solid transparent;
    font-size: 0.6875rem;
    font-family: Lucida Grande, sans-serif;
    font-weight: 700;
    line-height: 1rem;
    text-shadow: 0 1px #000
}

.qtip-tipsy .qtip-titlebar {
    padding: 6px 35px 0 10px;
    background-color: transparent
}

.qtip-tipsy .qtip-content {
    padding: 6px 10px
}

.qtip-tipsy .qtip-icon {
    border-color: #222;
    text-shadow: none
}

.qtip-tipsy .qtip-titlebar .ui-state-hover {
    border-color: #303030
}

.qtip-tipped {
    border: 3px solid #959fa9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #f9f9f9;
    color: #454545;
    font-weight: 400;
    font-family: serif
}

.qtip-tipped .qtip-titlebar {
    border-bottom-width: 0;
    color: #fff;
    background: #3a79b8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3a79b8), to(#2e629d));
    background-image: -webkit-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -moz-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -ms-linear-gradient(top, #3a79b8, #2e629d);
    background-image: -o-linear-gradient(top, #3a79b8, #2e629d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)"
}

.qtip-tipped .qtip-icon {
    border: 2px solid #285589;
    background: #285589
}

.qtip-tipped .qtip-icon .ui-icon {
    background-color: #fbfbfb;
    color: #555
}

.qtip-bootstrap {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #333;
    padding: 1px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.qtip-bootstrap .qtip-titlebar {
    padding: 8px 14px;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.qtip-bootstrap .qtip-titlebar .qtip-close {
    right: 11px;
    top: 45%;
    border-style: none
}

.qtip-bootstrap .qtip-content {
    padding: 9px 14px
}

.qtip-bootstrap .qtip-icon {
    background: transparent
}

.qtip-bootstrap .qtip-icon .ui-icon {
    width: auto;
    height: auto;
    float: right;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.125rem;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.qtip-bootstrap .qtip-icon .ui-icon:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

.qtip:not(.ie9haxors) div.qtip-content, .qtip:not(.ie9haxors) div.qtip-titlebar {
    -webkit-filter: none;
    filter: none;
    -ms-filter: none
}

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10
}

.qtip .qtip-tip, x:-o-prefocus {
    visibility: hidden
}

.qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: transparent;
    border: 0 dashed transparent
}

.qtip .qtip-tip canvas {
    top: 0;
    left: 0
}

.qtip .qtip-tip .qtip-vml {
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible
}

#qtip-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

#qtip-overlay.blurs {
    cursor: pointer
}

#qtip-overlay div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}

.qtipmodal-ie6fix {
    position: absolute !important
}

@media (max-width: 1294px) {
    .mm-menu, .mm-panels, .mm-panels > .mm-panel {
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        z-index: 0;
        box-sizing: border-box
    }

    .mm-btn, .mm-menu {
        box-sizing: border-box
    }

    .mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {
        text-decoration: none
    }

    .mm-listview .mm-next:before, .mm-listview > li:not(.mm-divider):after, .mm-next:after, .mm-prev:before {
        content: "";
        bottom: 0
    }

    .mm-hidden {
        display: none !important
    }

    .mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {
        display: block
    }

    .mm-wrapper {
        overflow-x: hidden;
        position: relative
    }

    .mm-menu {
        padding: 0;
        position: absolute;
        bottom: 0
    }

    .mm-panels, .mm-panels > .mm-panel {
        background: inherit;
        border-color: inherit;
        position: absolute;
        bottom: 0
    }

    .mm-btn, .mm-panel.mm-highest {
        z-index: 1
    }

    .mm-panels {
        overflow: hidden
    }

    .mm-panel {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
        -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
        transform: translate(100%);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .mm-panel.mm-opened {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-panel.mm-subopened {
        -webkit-transform: translate(-30%);
        -ms-transform: translate(-30%);
        transform: translate(-30%);
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    .mm-panels > .mm-panel {
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 20px
    }

    .mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .mm-panels > .mm-panel.mm-hasnavbar {
        padding-top: 40px
    }

    .mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
        content: "";
        display: block;
        height: 20px
    }

    .mm-vertical .mm-panel {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
        display: none;
        padding: 10px 0 10px 10px
    }

    .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
        border-color: transparent
    }

    .mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
        display: block
    }

    .mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
        height: 40px;
        bottom: auto
    }

    .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
        top: 16px;
        bottom: auto
    }

    .mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
        -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
        right: 19px
    }

    .mm-btn {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0
    }

    .mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
        content: "";
        border: 2px solid transparent;
        display: block;
        width: 5px;
        height: 5px;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .mm-clear:before, .mm-close:before {
        border-right: none;
        border-bottom: none;
        right: 18px
    }

    .mm-clear:after, .mm-close:after {
        border-left: none;
        border-top: none;
        right: 25px
    }

    .mm-next:after, .mm-prev:before {
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        display: block;
        width: 8px;
        height: 8px;
        margin: auto;
        position: absolute;
        top: 0
    }

    .mm-prev:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 23px;
        right: auto
    }

    .mm-next:after {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        right: 23px;
        left: auto
    }

    .mm-navbar {
        border-bottom: 1px solid;
        border-color: inherit;
        text-align: center;
        line-height: 1.25rem;
        height: 40px;
        padding: 0 40px;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .mm-navbar > * {
        display: block;
        padding: 10px 0
    }

    .mm-navbar .mm-btn:first-child {
        left: 0
    }

    .mm-navbar .mm-btn:last-child {
        text-align: right;
        right: 0
    }

    .mm-panel .mm-navbar {
        display: none
    }

    .mm-panel.mm-hasnavbar .mm-navbar {
        display: block
    }

    .mm-listview, .mm-listview > li {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
        color: #666
    }

    .mm-listview {
        font: inherit;
        font-size: 1rem;
        line-height: 1.25rem
    }

    .mm-listview > li {
        position: relative
    }

    .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
        border-color: inherit
    }

    .mm-listview > li > a, .mm-listview > li > span {
        color: inherit;
        display: block;
        padding: 10px 10px 10px 20px;
        margin: 0
    }

    .mm-listview > li:not(.mm-divider):after {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        display: block;
        position: absolute;
        right: 0;
        left: 20px
    }

    .mm-listview .mm-next {
        background: rgba(3, 2, 1, 0);
        width: 50px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2
    }

    .mm-listview .mm-next:before {
        border-left-width: 0;
        border-left-style: solid;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }

    .mm-listview .mm-next + a, .mm-listview .mm-next + span {
        margin-right: 3.125rem
    }

    .mm-listview .mm-next.mm-fullsubopen {
        width: 100%
    }

    .mm-listview .mm-next.mm-fullsubopen:before {
        border-left: none
    }

    .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
        padding-right: 50px;
        margin-right: 0
    }

    .mm-panels > .mm-panel > .mm-listview {
        margin: 1.25rem -1.25rem
    }

    .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
        margin-top: -1.25rem
    }

    .mm-listview .mm-inset {
        list-style: disc inside;
        padding: 0 10px 15px 40px;
        margin: 0
    }

    .mm-listview .mm-inset > li {
        padding: 5px 0
    }

    .mm-listview .mm-divider {
        font-size: 0.625rem;
        text-transform: uppercase;
        text-indent: 20px;
        line-height: 1.5625rem
    }

    .mm-listview .mm-spacer {
        padding-top: 40px
    }

    .mm-listview .mm-spacer > .mm-next {
        top: 40px
    }

    .mm-listview .mm-spacer.mm-divider {
        padding-top: 25px
    }

    .mm-menu {
        background: #f3f3f3;
        border-color: rgba(0, 0, 0, .1);
        color: rgba(0, 0, 0, .75)
    }

    .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
        color: rgba(0, 0, 0, .3)
    }

    .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
        border-color: rgba(0, 0, 0, .3)
    }

    .mm-menu .mm-listview {
        border-color: rgba(0, 0, 0, .1)
    }

    .mm-menu .mm-listview > li .mm-next:after {
        border-color: rgba(0, 0, 0, .3)
    }

    .mm-menu .mm-listview > li a:not(.mm-next) {
        -webkit-tap-highlight-color: rgba(255, 255, 255, .5);
        tap-highlight-color: hsla(0, 0%, 100%, .5)
    }

    .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
        background: hsla(0, 0%, 100%, .5)
    }

    .mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: rgba(0, 0, 0, .05)
    }

    .mm-page {
        box-sizing: border-box;
        position: relative
    }

    .mm-slideout {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    html.mm-opened {
        overflow-x: hidden;
        position: relative
    }

    html.mm-blocking, html.mm-blocking body {
        overflow: hidden
    }

    html.mm-background .mm-page {
        background: inherit
    }

    #mm-blocker {
        background: rgba(3, 2, 1, 0);
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2
    }

    html.mm-blocking #mm-blocker {
        display: block
    }

    .mm-menu.mm-offcanvas {
        z-index: 0;
        display: none;
        position: fixed;
        width: 80%;
        min-width: 256px;
        max-width: 440px
    }

    .mm-menu.mm-offcanvas.mm-current {
        display: block
    }

    .mm-menu.mm-offcanvas.mm-no-csstransforms.mm-current.mm-opened {
        z-index: 10
    }

    html.mm-opening .mm-slideout {
        -webkit-transform: translate(80%);
        -ms-transform: translate(80%);
        transform: translate(80%);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px);
        -ms-transform: translate(140px);
        transform: translate(140px);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px);
        -ms-transform: translate(440px);
        transform: translate(440px);
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

@media (max-width: 1294px) {
    .mm-menu.mm-offcanvas.mm-autoheight.mm-bottom, .mm-menu.mm-offcanvas.mm-autoheight.mm-top {
        max-height: 80%
    }

    .mm-menu.mm-offcanvas.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-offcanvas.mm-autoheight.mm-top.mm-fullscreen {
        max-height: 100%
    }

    .mm-menu.mm-offcanvas.mm-measureheight .mm-panel {
        display: block !important
    }

    .mm-menu.mm-offcanvas.mm-measureheight > .mm-panels > .mm-panel {
        bottom: auto !important;
        height: auto !important
    }

    .mm-menu.mm-columns {
        -webkit-transition-property: width, max-width, -webkit-transform;
        transition-property: width, max-width, -webkit-transform;
        transition-property: transform, width, max-width;
        transition-property: transform, width, max-width, -webkit-transform
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel {
        width: 100%;
        right: auto;
        display: none;
        -webkit-transition-property: width, -webkit-transform;
        transition-property: width, -webkit-transform;
        transition-property: transform, width;
        transition-property: transform, width, -webkit-transform
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
        border-right: 1px solid;
        border-color: inherit;
        display: block;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened {
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        z-index: 2
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0 {
        display: block;
        -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
        transform: translate(100%);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-0 {
        width: 80%;
        min-width: 140px;
        max-width: 0
    }

    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(80%);
        -ms-transform: translate(80%);
        transform: translate(80%);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(140px);
        -ms-transform: translate(140px);
        transform: translate(140px);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 0px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media (max-width: 1294px) {
    html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(-80%);
        -ms-transform: translate(-80%);
        transform: translate(-80%);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(-140px);
        -ms-transform: translate(-140px);
        transform: translate(-140px);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 0px) {
    html.mm-right.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media (max-width: 1294px) {
    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 {
        -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
        transform: translate(100%);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1 {
        display: block;
        -webkit-transform: translate(200%);
        -ms-transform: translate(200%);
        transform: translate(200%);
        -webkit-transform: translate3d(200%, 0, 0);
        transform: translate3d(200%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-1 {
        width: 80%;
        min-width: 140px;
        max-width: 440px
    }

    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(80%);
        -ms-transform: translate(80%);
        transform: translate(80%);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(140px);
        -ms-transform: translate(140px);
        transform: translate(140px);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 550px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(440px);
        -ms-transform: translate(440px);
        transform: translate(440px);
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

@media (max-width: 1294px) {
    html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(-80%);
        -ms-transform: translate(-80%);
        transform: translate(-80%);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(-140px);
        -ms-transform: translate(-140px);
        transform: translate(-140px);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 550px) {
    html.mm-right.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate(-440px);
        -ms-transform: translate(-440px);
        transform: translate(-440px);
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

@media (max-width: 1294px) {
    .mm-menu.mm-columns-1 .mm-panels > .mm-panel {
        width: 100%
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 {
        -webkit-transform: translate(200%);
        -ms-transform: translate(200%);
        transform: translate(200%);
        -webkit-transform: translate3d(200%, 0, 0);
        transform: translate3d(200%, 0, 0)
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2 {
        display: block;
        -webkit-transform: translate(300%);
        -ms-transform: translate(300%);
        transform: translate(300%);
        -webkit-transform: translate3d(300%, 0, 0);
        transform: translate3d(300%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-2 {
        width: 80%;
        min-width: 140px;
        max-width: 880px
    }

    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(80%);
        -ms-transform: translate(80%);
        transform: translate(80%);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(140px);
        -ms-transform: translate(140px);
        transform: translate(140px);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 1100px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(880px);
        -ms-transform: translate(880px);
        transform: translate(880px);
        -webkit-transform: translate3d(880px, 0, 0);
        transform: translate3d(880px, 0, 0)
    }
}

@media (max-width: 1294px) {
    html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(-80%);
        -ms-transform: translate(-80%);
        transform: translate(-80%);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(-140px);
        -ms-transform: translate(-140px);
        transform: translate(-140px);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 1100px) {
    html.mm-right.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate(-880px);
        -ms-transform: translate(-880px);
        transform: translate(-880px);
        -webkit-transform: translate3d(-880px, 0, 0);
        transform: translate3d(-880px, 0, 0)
    }
}

@media (max-width: 1294px) {
    .mm-menu.mm-columns-2 .mm-panels > .mm-panel {
        width: 50%
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 {
        -webkit-transform: translate(300%);
        -ms-transform: translate(300%);
        transform: translate(300%);
        -webkit-transform: translate3d(300%, 0, 0);
        transform: translate3d(300%, 0, 0)
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3 {
        display: block;
        -webkit-transform: translate(400%);
        -ms-transform: translate(400%);
        transform: translate(400%);
        -webkit-transform: translate3d(400%, 0, 0);
        transform: translate3d(400%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-3 {
        width: 80%;
        min-width: 140px;
        max-width: 1320px
    }

    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(80%);
        -ms-transform: translate(80%);
        transform: translate(80%);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(140px);
        -ms-transform: translate(140px);
        transform: translate(140px);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 1650px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(1320px);
        -ms-transform: translate(1320px);
        transform: translate(1320px);
        -webkit-transform: translate3d(1320px, 0, 0);
        transform: translate3d(1320px, 0, 0)
    }
}

@media (max-width: 1294px) {
    html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(-80%);
        -ms-transform: translate(-80%);
        transform: translate(-80%);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(-140px);
        -ms-transform: translate(-140px);
        transform: translate(-140px);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 1650px) {
    html.mm-right.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate(-1320px);
        -ms-transform: translate(-1320px);
        transform: translate(-1320px);
        -webkit-transform: translate3d(-1320px, 0, 0);
        transform: translate3d(-1320px, 0, 0)
    }
}

@media (max-width: 1294px) {
    .mm-menu.mm-columns-3 .mm-panels > .mm-panel {
        width: 33.34%
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 {
        -webkit-transform: translate(400%);
        -ms-transform: translate(400%);
        transform: translate(400%);
        -webkit-transform: translate3d(400%, 0, 0);
        transform: translate3d(400%, 0, 0)
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4 {
        display: block;
        -webkit-transform: translate(500%);
        -ms-transform: translate(500%);
        transform: translate(500%);
        -webkit-transform: translate3d(500%, 0, 0);
        transform: translate3d(500%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-4 {
        width: 80%;
        min-width: 140px;
        max-width: 1760px
    }

    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(80%);
        -ms-transform: translate(80%);
        transform: translate(80%);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(140px);
        -ms-transform: translate(140px);
        transform: translate(140px);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 2200px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(1760px);
        -ms-transform: translate(1760px);
        transform: translate(1760px);
        -webkit-transform: translate3d(1760px, 0, 0);
        transform: translate3d(1760px, 0, 0)
    }
}

@media (max-width: 1294px) {
    html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(-80%);
        -ms-transform: translate(-80%);
        transform: translate(-80%);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(-140px);
        -ms-transform: translate(-140px);
        transform: translate(-140px);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 2200px) {
    html.mm-right.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate(-1760px);
        -ms-transform: translate(-1760px);
        transform: translate(-1760px);
        -webkit-transform: translate3d(-1760px, 0, 0);
        transform: translate3d(-1760px, 0, 0)
    }
}

@media (max-width: 1294px) {
    .mm-menu.mm-columns-4 .mm-panels > .mm-panel {
        width: 25%
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 {
        -webkit-transform: translate(500%);
        -ms-transform: translate(500%);
        transform: translate(500%);
        -webkit-transform: translate3d(500%, 0, 0);
        transform: translate3d(500%, 0, 0)
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5 {
        display: block;
        -webkit-transform: translate(600%);
        -ms-transform: translate(600%);
        transform: translate(600%);
        -webkit-transform: translate3d(600%, 0, 0);
        transform: translate3d(600%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-5 {
        width: 80%;
        min-width: 140px;
        max-width: 2200px
    }

    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(80%);
        -ms-transform: translate(80%);
        transform: translate(80%);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(140px);
        -ms-transform: translate(140px);
        transform: translate(140px);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 2750px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(2200px);
        -ms-transform: translate(2200px);
        transform: translate(2200px);
        -webkit-transform: translate3d(2200px, 0, 0);
        transform: translate3d(2200px, 0, 0)
    }
}

@media (max-width: 1294px) {
    html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(-80%);
        -ms-transform: translate(-80%);
        transform: translate(-80%);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(-140px);
        -ms-transform: translate(-140px);
        transform: translate(-140px);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 2750px) {
    html.mm-right.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate(-2200px);
        -ms-transform: translate(-2200px);
        transform: translate(-2200px);
        -webkit-transform: translate3d(-2200px, 0, 0);
        transform: translate3d(-2200px, 0, 0)
    }
}

@media (max-width: 1294px) {
    .mm-menu.mm-columns-5 .mm-panels > .mm-panel {
        width: 20%
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 {
        -webkit-transform: translate(600%);
        -ms-transform: translate(600%);
        transform: translate(600%);
        -webkit-transform: translate3d(600%, 0, 0);
        transform: translate3d(600%, 0, 0)
    }

    .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6 {
        display: block;
        -webkit-transform: translate(700%);
        -ms-transform: translate(700%);
        transform: translate(700%);
        -webkit-transform: translate3d(700%, 0, 0);
        transform: translate3d(700%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-columns-6 {
        width: 80%;
        min-width: 140px;
        max-width: 2640px
    }

    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(80%);
        -ms-transform: translate(80%);
        transform: translate(80%);
        -webkit-transform: translate3d(80%, 0, 0);
        transform: translate3d(80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(140px);
        -ms-transform: translate(140px);
        transform: translate(140px);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 3300px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(2640px);
        -ms-transform: translate(2640px);
        transform: translate(2640px);
        -webkit-transform: translate3d(2640px, 0, 0);
        transform: translate3d(2640px, 0, 0)
    }
}

@media (max-width: 1294px) {
    html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(-80%);
        -ms-transform: translate(-80%);
        transform: translate(-80%);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(-140px);
        -ms-transform: translate(-140px);
        transform: translate(-140px);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 3300px) {
    html.mm-right.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate(-2640px);
        -ms-transform: translate(-2640px);
        transform: translate(-2640px);
        -webkit-transform: translate3d(-2640px, 0, 0);
        transform: translate3d(-2640px, 0, 0)
    }
}

@media (max-width: 1294px) {
    .mm-menu.mm-columns-6 .mm-panels > .mm-panel {
        width: 16.67%
    }

    em.mm-counter {
        font: inherit;
        font-size: 0.875rem;
        font-style: normal;
        text-indent: 0;
        line-height: 1.25rem;
        display: block;
        margin-top: -0.625rem;
        position: absolute;
        right: 45px;
        top: 50%
    }

    em.mm-counter + a.mm-next {
        width: 90px
    }

    em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
        margin-right: 5.625rem
    }

    em.mm-counter + a.mm-fullsubopen {
        padding-left: 0
    }

    .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + a, .mm-listview em.mm-counter + .mm-next.mm-fullsubopen + span, em.mm-counter + a.mm-fullsubopen + a, em.mm-counter + a.mm-fullsubopen + span {
        padding-right: 90px
    }

    .mm-vertical > .mm-counter {
        top: 12px;
        margin-top: 0
    }

    .mm-vertical.mm-spacer > .mm-counter {
        margin-top: 2.5rem
    }

    .mm-nosubresults > .mm-counter {
        display: none
    }

    .mm-menu em.mm-counter {
        color: rgba(0, 0, 0, .3)
    }

    .mm-divider > span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding: 0;
        line-height: 1.5625rem
    }

    .mm-divider.mm-opened a.mm-next:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mm-collapsed:not(.mm-uncollapsed) {
        display: none
    }

    .mm-fixeddivider {
        background: inherit;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-fixeddivider:after {
        content: none !important;
        display: none !important
    }

    .mm-hasdividers .mm-fixeddivider {
        display: block
    }

    .mm-menu .mm-fixeddivider span {
        background: rgba(0, 0, 0, .05)
    }

    html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
        -webkit-transition-duration: 0s;
        transition-duration: 0s
    }

    .mm-menu.mm-dropdown {
        box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
        height: 80%
    }

    html.mm-dropdown .mm-slideout {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        z-index: 0
    }

    html.mm-dropdown #mm-blocker {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important;
        z-index: 1
    }

    html.mm-dropdown .mm-menu {
        z-index: 2
    }

    html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
        display: none
    }

    .mm-menu.mm-tip:before {
        content: "";
        background: inherit;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        z-index: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mm-menu.mm-tipleft:before {
        left: 22px
    }

    .mm-menu.mm-tipright:before {
        right: 22px
    }

    .mm-menu.mm-tiptop:before {
        top: -8px
    }

    .mm-menu.mm-tipbottom:before {
        bottom: -8px
    }

    .mm-iconpanel .mm-panel {
        -webkit-transition-property: left, -webkit-transform;
        transition-property: left, -webkit-transform;
        transition-property: transform, left;
        transition-property: transform, left, -webkit-transform
    }

    .mm-iconpanel .mm-panel.mm-opened {
        border-left: 1px solid;
        border-color: inherit
    }

    .mm-iconpanel .mm-panel.mm-subopened {
        overflow-y: hidden;
        left: -40px;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-0 {
        left: 0
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-1 {
        left: 40px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-2 {
        left: 80px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-3 {
        left: 120px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-4 {
        left: 160px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-5 {
        left: 200px
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-6 {
        left: 240px
    }

    .mm-subblocker {
        background: inherit;
        opacity: 0;
        display: block;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

    .mm-subopened .mm-subblocker {
        opacity: .6;
        position: absolute;
        top: 0;
        right: 0;
        bottom: -100000px;
        left: 0;
        z-index: 3
    }

    .mm-keyboardfocus a:focus {
        outline: 0
    }

    .mm-menu.mm-keyboardfocus a:focus {
        background: hsla(0, 0%, 100%, .5)
    }

    .mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top {
        border-bottom: none
    }

    .mm-menu > .mm-navbar {
        background: inherit;
        padding: 0;
        z-index: 3;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-navbar-bottom {
        border-top-width: 1px;
        border-top-style: solid;
        top: auto;
        bottom: 0
    }

    .mm-navbar-bottom ~ .mm-navbar-bottom {
        border-top: none
    }

    .mm-navbar.mm-hasbtns {
        padding: 0 40px
    }

    .mm-navbar[class*=mm-navbar-content-] > * {
        box-sizing: border-box;
        display: block;
        float: left
    }

    .mm-navbar .mm-breadcrumbs {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        text-align: left;
        padding: 0 0 0 17px
    }

    .mm-navbar .mm-breadcrumbs > * {
        display: inline-block;
        padding: 10px 3px
    }

    .mm-navbar .mm-breadcrumbs > a {
        text-decoration: underline
    }

    .mm-navbar.mm-hasbtns .mm-breadcrumbs {
        margin-left: -2.5rem
    }

    .mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
        margin-left: 0;
        padding-left: 0
    }

    .mm-navbar-top-1 {
        top: 0
    }

    .mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
        top: 40px
    }

    .mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
        top: 80px
    }

    .mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 {
        top: 120px
    }

    .mm-hasnavbar-top-4 .mm-panels {
        top: 160px
    }

    .mm-navbar-bottom-1 {
        bottom: 0
    }

    .mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 {
        bottom: 40px
    }

    .mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 {
        bottom: 80px
    }

    .mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 {
        bottom: 120px
    }

    .mm-hasnavbar-bottom-4 .mm-panels {
        bottom: 160px
    }

    .mm-navbar-size-2 {
        height: 80px
    }

    .mm-navbar-size-3 {
        height: 120px
    }

    .mm-navbar-size-4 {
        height: 160px
    }

    .mm-navbar-content-2 > * {
        width: 50%
    }

    .mm-navbar-content-3 > * {
        width: 33.33%
    }

    .mm-navbar-content-4 > * {
        width: 25%
    }

    .mm-navbar-content-5 > * {
        width: 20%
    }

    .mm-navbar-content-6 > * {
        width: 16.67%
    }

    .mm-menu.mm-rtl {
        direction: rtl
    }

    .mm-menu.mm-rtl.mm-offcanvas {
        right: auto
    }

    .mm-menu.mm-rtl .mm-panel:not(.mm-opened) {
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .mm-menu.mm-rtl .mm-panel.mm-subopened {
        -webkit-transform: translate(30%);
        -ms-transform: translate(30%);
        transform: translate(30%);
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }

    .mm-menu.mm-rtl .mm-navbar .mm-btn:first-child {
        left: auto;
        right: 0
    }

    .mm-menu.mm-rtl .mm-navbar .mm-btn:last-child {
        right: auto;
        left: 0
    }

    .mm-menu.mm-rtl .mm-navbar .mm-next:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 23px;
        right: auto
    }

    .mm-menu.mm-rtl .mm-navbar .mm-prev:before {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        right: 23px;
        left: auto
    }

    .mm-menu.mm-rtl .mm-listview > li:not(.mm-divider):after {
        left: 0;
        right: 20px
    }

    .mm-menu.mm-rtl .mm-listview > li > a:not(.mm-next), .mm-menu.mm-rtl .mm-listview > li > span:not(.mm-next) {
        padding-left: 10px;
        padding-right: 20px !important;
        margin-right: 0 !important
    }

    .mm-menu.mm-rtl .mm-listview .mm-next {
        right: auto;
        left: 0
    }

    .mm-menu.mm-rtl .mm-listview .mm-next:before {
        left: auto;
        right: 0
    }

    .mm-menu.mm-rtl .mm-listview .mm-next:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 23px;
        right: auto
    }

    .mm-menu.mm-rtl .mm-listview .mm-next + a, .mm-menu.mm-rtl .mm-listview .mm-next + span {
        margin-left: 3.125rem
    }

    .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview .mm-next.mm-fullsubopen + span {
        padding-left: 50px
    }

    .mm-menu.mm-rtl em.mm-counter {
        left: 45px;
        right: auto
    }

    .mm-menu.mm-rtl em.mm-counter + a.mm-next + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + span {
        margin-left: 5.625rem
    }

    .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + a, .mm-menu.mm-rtl .mm-listview em.mm-counter + .mm-fullsubopen + span {
        padding-left: 90px
    }

    .mm-menu.mm-rtl label.mm-check, .mm-menu.mm-rtl label.mm-toggle {
        left: 20px;
        right: auto !important
    }

    .mm-menu.mm-rtl label.mm-toggle + a, .mm-menu.mm-rtl label.mm-toggle + span {
        padding-left: 80px
    }

    .mm-menu.mm-rtl label.mm-check + a, .mm-menu.mm-rtl label.mm-check + span {
        padding-left: 60px
    }

    .mm-menu.mm-rtl a.mm-next + label.mm-check, .mm-menu.mm-rtl a.mm-next + label.mm-toggle {
        left: 60px
    }

    .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
        margin-left: 3.125rem
    }

    .mm-menu.mm-rtl a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl a.mm-next + label.mm-toggle + span {
        padding-left: 70px
    }

    .mm-menu.mm-rtl a.mm-next + label.mm-check + a, .mm-menu.mm-rtl a.mm-next + label.mm-check + span {
        padding-left: 50px
    }

    .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle {
        left: 100px
    }

    .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-check + span, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + a, .mm-menu.mm-rtl em.mm-counter + a.mm-next + label.mm-toggle + span {
        margin-left: 5.625rem
    }

    .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-] {
        left: 0
    }

    .mm-menu.mm-rtl .mm-panel[class*=mm-iconpanel-].mm-subopened {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel {
        -webkit-transition-property: right, -webkit-transform;
        transition-property: right, -webkit-transform;
        transition-property: transform, right;
        transition-property: transform, right, -webkit-transform
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-0 {
        right: 0
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-1 {
        right: 40px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-2 {
        right: 80px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-3 {
        right: 120px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-4 {
        right: 160px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-5 {
        right: 200px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-iconpanel-6 {
        right: 240px
    }

    .mm-menu.mm-rtl.mm-iconpanel .mm-panel.mm-opened {
        border-left: none;
        border-right: 1px solid;
        border-color: inherit
    }

    .mm-sronly {
        border: 0 !important;
        clip: rect(1px, 1px, 1px, 1px) !important;
        -webkit-clip-path: inset(50%) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        position: absolute !important
    }

    .mm-search, .mm-search input {
        box-sizing: border-box
    }

    .mm-search {
        height: 40px;
        padding: 7px 10px 0;
        position: relative
    }

    .mm-search input {
        border: none !important;
        outline: 0 !important;
        box-shadow: none !important;
        border-radius: 4px;
        font: inherit;
        font-size: 0.875rem;
        line-height: 1.625rem;
        display: block;
        width: 100%;
        height: 26px;
        min-height: 26px;
        max-height: 26px;
        margin: 0;
        padding: 0 10px
    }

    .mm-search input::-ms-clear {
        display: none
    }

    .mm-search .mm-clear, .mm-search .mm-next {
        right: 0
    }

    .mm-panel > .mm-search {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .mm-panel.mm-hassearch {
        padding-top: 40px
    }

    .mm-panel.mm-hassearch.mm-hasnavbar {
        padding-top: 80px
    }

    .mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
        top: 40px
    }

    .mm-noresultsmsg {
        text-align: center;
        font-size: 1.3125rem;
        padding: 40px 0
    }

    .mm-noresults .mm-indexer {
        display: none !important
    }

    li.mm-nosubresults > a.mm-next {
        display: none
    }

    li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
        padding-right: 10px
    }

    .mm-panels > .mm-resultspanel:not(.mm-opened) {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-menu .mm-search input {
        background: rgba(0, 0, 0, .05);
        color: rgba(0, 0, 0, .75)
    }

    .mm-menu .mm-noresultsmsg {
        color: rgba(0, 0, 0, .3)
    }

    .mm-indexer {
        background: inherit;
        text-align: center;
        font-size: 0.75rem;
        box-sizing: border-box;
        width: 20px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -100px;
        z-index: 3;
        -webkit-transition: right .4s ease;
        transition: right .4s ease;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-indexer a {
        text-decoration: none;
        display: block;
        height: 3.85%
    }

    .mm-indexer ~ .mm-panel.mm-hasindexer {
        padding-right: 40px
    }

    .mm-hasindexer .mm-indexer {
        right: 0
    }

    .mm-hasindexer .mm-fixeddivider {
        right: 20px
    }

    .mm-menu .mm-indexer a {
        color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
        -webkit-transition: background .4s ease;
        transition: background .4s ease
    }

    .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: hsla(0, 0%, 100%, .5)
    }

    input.mm-check, input.mm-toggle {
        position: absolute;
        left: -10000px
    }

    label.mm-check, label.mm-toggle {
        margin: 0;
        position: absolute;
        top: 50%;
        z-index: 2;
        right: 20px
    }

    label.mm-check:before, label.mm-toggle:before {
        content: "";
        display: block
    }

    label.mm-toggle {
        border-radius: 30px;
        width: 50px;
        height: 30px;
        margin-top: -0.9375rem
    }

    label.mm-toggle:before {
        border-radius: 30px;
        width: 28px;
        height: 28px;
        margin: 0.0625rem
    }

    input.mm-toggle:checked ~ label.mm-toggle:before {
        float: right
    }

    label.mm-check {
        width: 30px;
        height: 30px;
        margin-top: -0.9375rem
    }

    label.mm-check:before {
        border-left: 3px solid;
        border-bottom: 3px solid;
        width: 40%;
        height: 20%;
        margin: 25% 0 0 20%;
        opacity: .1;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    input.mm-check:checked ~ label.mm-check:before {
        opacity: 1
    }

    li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
        bottom: auto;
        margin-top: 0;
        top: 5px
    }

    label.mm-toggle + a, label.mm-toggle + span {
        padding-right: 80px
    }

    label.mm-check + a, label.mm-check + span {
        padding-right: 60px
    }

    a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
        right: 60px
    }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        margin-right: 3.125rem
    }

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        padding-right: 70px
    }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
        padding-right: 50px
    }

    em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
        right: 100px
    }

    em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
        margin-right: 5.625rem
    }

    .mm-menu label.mm-toggle {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu label.mm-toggle:before {
        background: #f3f3f3
    }

    .mm-menu input.mm-toggle:checked ~ label.mm-toggle {
        background: #4bd963
    }

    .mm-menu label.mm-check:before {
        border-color: rgba(0, 0, 0, .75)
    }

    .mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
        content: none
    }

    .mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after {
        left: 0 !important
    }

    .mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after {
        right: 20px
    }

    .mm-menu.mm-effect-menu-zoom {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    html.mm-opened .mm-menu.mm-effect-menu-zoom {
        -webkit-transform: scale(.7) translate3d(-30%, 0, 0);
        transform: scale(.7) translate3d(-30%, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }

    html.mm-opening .mm-menu.mm-effect-menu-zoom {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }

    html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
        -webkit-transform: scale(.7) translate3d(30%, 0, 0);
        transform: scale(.7) translate3d(30%, 0, 0);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }

    html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }

    .mm-menu.mm-effect-menu-slide {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease
    }

    html.mm-opened .mm-menu.mm-effect-menu-slide {
        -webkit-transform: translate(-30%);
        -ms-transform: translate(-30%);
        transform: translate(-30%);
        -webkit-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    html.mm-opening .mm-menu.mm-effect-menu-slide {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
        -webkit-transform: translate(30%);
        -ms-transform: translate(30%);
        transform: translate(30%);
        -webkit-transform: translate3d(30%, 0, 0);
        transform: translate3d(30%, 0, 0)
    }

    html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-menu.mm-effect-menu-fade {
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

    html.mm-opening .mm-menu.mm-effect-menu-fade {
        opacity: 1
    }

    .mm-menu.mm-effect-panels-zoom .mm-panel {
        -webkit-transform: scale(1.5) translate3d(100%, 0, 0);
        transform: scale(1.5) translate3d(100%, 0, 0);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }

    .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0)
    }

    .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
        -webkit-transform: scale(.7) translate3d(-30%, 0, 0);
        transform: scale(.7) translate3d(-30%, 0, 0)
    }

    .mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li {
        -webkit-transition: none .4s ease;
        transition: none .4s ease
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:first-child {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) {
        -webkit-transition-delay: .15s;
        transition-delay: .15s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) {
        -webkit-transition-delay: .25s;
        transition-delay: .25s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) {
        -webkit-transition-delay: .35s;
        transition-delay: .35s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) {
        -webkit-transition-delay: .45s;
        transition-delay: .45s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) {
        -webkit-transition-delay: .55s;
        transition-delay: .55s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) {
        -webkit-transition-delay: .65s;
        transition-delay: .65s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) {
        -webkit-transition-delay: .7s;
        transition-delay: .7s
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) {
        -webkit-transition-delay: .75s;
        transition-delay: .75s
    }

    .mm-menu.mm-effect-listitems-slide .mm-listview > li {
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transform: translate(50%);
        -ms-transform: translate(50%);
        transform: translate(50%);
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        opacity: 0
    }

    html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }

    .mm-menu.mm-effect-listitems-fade .mm-listview > li {
        -webkit-transition-property: opacity;
        transition-property: opacity;
        opacity: 0
    }

    html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
        opacity: 1
    }

    .mm-menu.mm-effect-listitems-drop .mm-listview > li {
        -webkit-transition-property: opacity, top;
        transition-property: opacity, top;
        opacity: 0;
        top: -25%
    }

    html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
        opacity: 1;
        top: 0
    }

    .mm-menu.mm-offcanvas.mm-fullscreen {
        width: 100%;
        min-width: 140px;
        max-width: 10000px
    }

    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
        transform: translate(100%);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px);
        -ms-transform: translate(140px);
        transform: translate(140px);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px);
        -ms-transform: translate(10000px);
        transform: translate(10000px);
        -webkit-transform: translate3d(10000px, 0, 0);
        transform: translate3d(10000px, 0, 0)
    }
}

@media (max-width: 1294px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px);
        -ms-transform: translate(-140px);
        transform: translate(-140px);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px);
        -ms-transform: translate(-10000px);
        transform: translate(-10000px);
        -webkit-transform: translate3d(-10000px, 0, 0);
        transform: translate3d(-10000px, 0, 0)
    }
}

@media (max-width: 1294px) {
    .mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
        height: 100%;
        min-height: 140px;
        max-height: 10000px
    }

    html.mm-opened.mm-fullscreen .mm-page {
        box-shadow: none !important
    }

    .mm-menu.mm-justified-listview .mm-panels > .mm-panel:after, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview:after, .mm-menu .mm-panels > .mm-panel.mm-justified-listview:before {
        content: none;
        display: none
    }

    .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column nowrap;
        -ms-flex-flow: column nowrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-flow: column nowrap;
        height: 100%;
        margin-top: 0;
        margin-bottom: 0
    }

    .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider), .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0
    }

    .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span {
        box-sizing: border-box;
        height: 100%
    }

    .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span:before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span:before {
        content: "";
        vertical-align: middle;
        display: inline-block;
        height: 100%;
        width: 0
    }

    .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
        text-overflow: clip;
        white-space: normal
    }

    html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker {
        opacity: 0
    }

    html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker {
        opacity: .3;
        -webkit-transition: opacity .4s ease .4s;
        transition: opacity .4s ease .4s
    }

    html.mm-pagedim #mm-blocker {
        background: inherit
    }

    html.mm-pagedim-white #mm-blocker {
        background: #fff
    }

    html.mm-pagedim-black #mm-blocker {
        background: #000
    }

    .mm-menu.mm-popup {
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease;
        opacity: 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
        height: 80%;
        min-height: 140px;
        max-height: 880px;
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0)
    }

    html.mm-popup.mm-opening .mm-menu.mm-popup {
        opacity: 1
    }

    html.mm-popup .mm-slideout {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        z-index: 0
    }

    html.mm-popup #mm-blocker {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important;
        z-index: 1
    }

    html.mm-popup .mm-menu {
        z-index: 2
    }

    .mm-menu.mm-offcanvas.mm-right {
        left: auto
    }

    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-80%);
        -ms-transform: translate(-80%);
        transform: translate(-80%);
        -webkit-transform: translate3d(-80%, 0, 0);
        transform: translate3d(-80%, 0, 0)
    }
}

@media (max-width: 1294px) and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px);
        -ms-transform: translate(-140px);
        transform: translate(-140px);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media (max-width: 1294px) and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px);
        -ms-transform: translate(-440px);
        transform: translate(-440px);
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

@media (max-width: 1294px) {
    html.mm-front .mm-slideout {
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        z-index: 0
    }

    html.mm-front #mm-blocker {
        z-index: 1
    }

    html.mm-front .mm-menu.mm-offcanvas {
        z-index: 2
    }

    .mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next {
        -webkit-transition: -webkit-transform .4s ease;
        transition: -webkit-transform .4s ease;
        transition: transform .4s ease;
        transition: transform .4s ease, -webkit-transform .4s ease;
        -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
        transform: translate(-100%);
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right {
        -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
        transform: translate(100%);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .mm-menu.mm-offcanvas.mm-top {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    .mm-menu.mm-offcanvas.mm-bottom {
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        top: auto
    }

    .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        height: 80%;
        min-height: 140px;
        max-height: 880px
    }

    html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .mm-menu.mm-shadow-page:after {
        content: "";
        display: block;
        width: 20px;
        height: 120%;
        position: absolute;
        left: 100%;
        top: -10%;
        z-index: 99
    }

    .mm-menu.mm-shadow-page.mm-right:after {
        left: auto;
        right: 100%
    }

    .mm-menu.mm-shadow-page.mm-front:after, .mm-menu.mm-shadow-page.mm-next:after {
        content: none;
        display: none
    }

    .mm-menu.mm-shadow-page:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
        box-shadow: 0 0 10px rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-theme-dark {
        background: #333;
        border-color: rgba(0, 0, 0, .15);
        color: hsla(0, 0%, 100%, .8)
    }

    .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark em.mm-counter {
        color: hsla(0, 0%, 100%, .4)
    }

    .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
        border-color: hsla(0, 0%, 100%, .4)
    }

    .mm-menu.mm-theme-dark .mm-listview {
        border-color: rgba(0, 0, 0, .15)
    }

    .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
        border-color: hsla(0, 0%, 100%, .4)
    }

    .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
        tap-highlight-color: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: hsla(0, 0%, 100%, .05)
    }

    .mm-menu.mm-theme-dark label.mm-check:before {
        border-color: hsla(0, 0%, 100%, .8)
    }

    .mm-menu.mm-shadow-page.mm-theme-dark:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
        box-shadow: 0 0 20px rgba(0, 0, 0, .5)
    }

    .mm-menu.mm-theme-dark .mm-search input {
        background: hsla(0, 0%, 100%, .3);
        color: hsla(0, 0%, 100%, .8)
    }

    .mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
        color: hsla(0, 0%, 100%, .4)
    }

    .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-dark label.mm-toggle {
        background: rgba(0, 0, 0, .15)
    }

    .mm-menu.mm-theme-dark label.mm-toggle:before {
        background: #333
    }

    .mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
        background: #4bd963
    }

    .mm-menu.mm-theme-white {
        background: #fff;
        border-color: rgba(0, 0, 0, .1);
        color: rgba(0, 0, 0, .6)
    }

    .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white em.mm-counter {
        color: #76d4e3;
        font-weight: 700
    }

    .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
        border-color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-theme-white .mm-listview {
        border-color: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
        border-color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
        -webkit-tap-highlight-color: rgba(0, 0, 0, .05);
        tap-highlight-color: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: rgba(0, 0, 0, .03)
    }

    .mm-menu.mm-theme-white label.mm-check:before {
        border-color: rgba(0, 0, 0, .6)
    }

    .mm-menu.mm-shadow-page.mm-theme-white:after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .mm-menu.mm-theme-white .mm-search input {
        background: rgba(0, 0, 0, .05);
        color: rgba(0, 0, 0, .6)
    }

    .mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
        color: rgba(0, 0, 0, .3)
    }

    .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: rgba(0, 0, 0, .05)
    }

    .mm-menu.mm-theme-white label.mm-toggle {
        background: rgba(0, 0, 0, .1)
    }

    .mm-menu.mm-theme-white label.mm-toggle:before {
        background: #fff
    }

    .mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
        background: #4bd963
    }

    .mm-menu.mm-theme-black {
        background: #000;
        border-color: hsla(0, 0%, 100%, .2);
        color: hsla(0, 0%, 100%, .6)
    }

    .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black em.mm-counter {
        color: hsla(0, 0%, 100%, .4)
    }

    .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
        border-color: hsla(0, 0%, 100%, .4)
    }

    .mm-menu.mm-theme-black .mm-listview {
        border-color: hsla(0, 0%, 100%, .2)
    }

    .mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
        border-color: hsla(0, 0%, 100%, .4)
    }

    .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
        -webkit-tap-highlight-color: rgba(255, 255, 255, .3);
        tap-highlight-color: hsla(0, 0%, 100%, .3)
    }

    .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
        background: hsla(0, 0%, 100%, .3)
    }

    .mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
        background: hsla(0, 0%, 100%, .2)
    }

    .mm-menu.mm-theme-black label.mm-check:before {
        border-color: hsla(0, 0%, 100%, .6)
    }

    .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-keyboardfocus a:focus, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: hsla(0, 0%, 100%, .3)
    }

    .mm-menu.mm-shadow-page.mm-theme-black:after {
        content: none;
        display: none
    }

    .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
        box-shadow: false
    }

    .mm-menu.mm-theme-black .mm-search input {
        background: hsla(0, 0%, 100%, .3);
        color: hsla(0, 0%, 100%, .6)
    }

    .mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
        color: hsla(0, 0%, 100%, .4)
    }

    .mm-menu.mm-theme-black label.mm-toggle {
        background: hsla(0, 0%, 100%, .2)
    }

    .mm-menu.mm-theme-black label.mm-toggle:before {
        background: #000
    }

    .mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
        background: #4bd963
    }

    .mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
        content: "";
        display: block;
        clear: both
    }

    .mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after {
        content: none;
        display: none
    }

    .mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
        width: 50%;
        height: 0;
        padding: 50% 0 0;
        float: left;
        position: relative
    }

    .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
        left: 0;
        top: 0;
        border-right-width: 1px;
        border-right-style: solid;
        z-index: -1
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
        width: 12.5%;
        padding-top: 12.5%
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
        width: 25%;
        padding-top: 25%
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
        width: 75%;
        padding-top: 75%
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
        width: 100%;
        padding-top: 100%
    }

    .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > span {
        line-height: 0.0625rem;
        text-align: center;
        padding: 50% 10px 0;
        margin: 0;
        position: absolute;
        top: 0;
        right: 1px;
        bottom: 1px;
        left: 0
    }

    .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
        width: auto
    }

    .mm-menu.mm-tileview .mm-panel {
        padding-left: 0;
        padding-right: 0
    }

    .mm-menu.mm-tileview .mm-listview {
        margin: 0
    }

    .mmenu-bg-item {
        background-color: #f6f6f6
    }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .7
}

.hamburger-box {
    width: 25px;
    height: 20px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -0.125rem
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    width: 25px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after, .hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -8px
}

.hamburger-inner:after {
    bottom: -8px
}

.hamburger--3dx .hamburger-box {
    -webkit-perspective: 50px;
    perspective: 50px
}

.hamburger--3dx .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx .hamburger-inner:after, .hamburger--3dx .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.hamburger--3dx.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
    -webkit-perspective: 50px;
    perspective: 50px
}

.hamburger--3dx-r .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dx-r .hamburger-inner:after, .hamburger--3dx-r .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
    -webkit-perspective: 50px;
    perspective: 50px
}

.hamburger--3dy .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy .hamburger-inner:after, .hamburger--3dy .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.hamburger--3dy.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
    -webkit-perspective: 50px;
    perspective: 50px
}

.hamburger--3dy-r .hamburger-inner {
    transition: background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1);
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform .2s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform .2s cubic-bezier(.645, .045, .355, 1)
}

.hamburger--3dy-r .hamburger-inner:after, .hamburger--3dy-r .hamburger-inner:before {
    transition: -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s;
    transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s, -webkit-transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(-5px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-5px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(-5px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(-5px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    -webkit-transform: translate3d(5px, 0, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(5px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(5px, 0, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(5px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(-5px, -6.25px, 0) rotate(-45deg) scaleX(.7);
    transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(-5px, 6.25px, 0) rotate(45deg) scaleX(.7);
    transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: top .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom .1s ease .15s, -webkit-transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1);
    transition: bottom .1s ease .15s, transform .15s cubic-bezier(.165, .84, .44, 1), -webkit-transform .15s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: translate3d(5px, -6.25px, 0) rotate(45deg) scaleX(.7);
    transform: translate3d(5px, -6.25px, 0) rotate(45deg) scaleX(.7);
    transition: top .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: top .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scaleX(.7);
    transform: translate3d(5px, 6.25px, 0) rotate(-45deg) scaleX(.7);
    transition: bottom .1s ease, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s;
    transition: bottom .1s ease, transform .15s cubic-bezier(.895, .03, .685, .22) .1s, -webkit-transform .15s cubic-bezier(.895, .03, .685, .22) .1s
}

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:after, .hamburger--boring .hamburger-inner:before {
    transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .15s;
    transition-delay: .15s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse .hamburger-inner:after {
    top: -16px;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
    transition-delay: .32s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s
}

.hamburger--collapse.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s
}

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .15s;
    transition-delay: .15s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r .hamburger-inner:after {
    top: -16px;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -8px, 0) rotate(45deg);
    transform: translate3d(0, -8px, 0) rotate(45deg);
    transition-delay: .32s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .27s
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .42s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .42s
}

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner:before {
    top: 8px;
    transition: opacity .15s ease .4s
}

.hamburger--elastic .hamburger-inner:after {
    top: 16px;
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
    transform: translate3d(0, 8px, 0) rotate(135deg);
    transition-delay: .1s
}

.hamburger--elastic.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
    transform: translate3d(0, -16px, 0) rotate(-270deg);
    transition-delay: .1s
}

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r .hamburger-inner:before {
    top: 8px;
    transition: opacity .15s ease .4s
}

.hamburger--elastic-r .hamburger-inner:after {
    top: 16px;
    transition: -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55);
    transition: transform .4s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 8px, 0) rotate(-135deg);
    transform: translate3d(0, 8px, 0) rotate(-135deg);
    transition-delay: .1s
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(270deg);
    transform: translate3d(0, -16px, 0) rotate(270deg);
    transition-delay: .1s
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .2s ease-in .25s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic .hamburger-inner:after {
    top: 8px;
    right: 0;
    transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    left: -50px;
    top: -50px;
    -webkit-transform: translate3d(50px, 50px, 0) rotate(45deg);
    transform: translate3d(50px, 50px, 0) rotate(45deg);
    transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    right: -50px;
    top: -50px;
    -webkit-transform: translate3d(-50px, 50px, 0) rotate(-45deg);
    transform: translate3d(-50px, 50px, 0) rotate(-45deg);
    transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s
}

.hamburger--emphatic-r {
    overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
    transition: background-color .2s ease-in .25s
}

.hamburger--emphatic-r .hamburger-inner:before {
    left: 0;
    transition: top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, left .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r .hamburger-inner:after {
    top: 8px;
    right: 0;
    transition: top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335);
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s;
    transition: transform .2s cubic-bezier(.6, .04, .98, .335), top .05s linear .2s, right .2s ease-in .25s, -webkit-transform .2s cubic-bezier(.6, .04, .98, .335)
}

.hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
    left: -50px;
    top: 50px;
    -webkit-transform: translate3d(50px, -50px, 0) rotate(-45deg);
    transform: translate3d(50px, -50px, 0) rotate(-45deg);
    transition: left .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: left .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
    right: -50px;
    top: 50px;
    -webkit-transform: translate3d(-50px, -50px, 0) rotate(45deg);
    transform: translate3d(-50px, -50px, 0) rotate(45deg);
    transition: right .2s ease-out, top .05s linear .2s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s;
    transition: right .2s ease-out, top .05s linear .2s, transform .2s cubic-bezier(.075, .82, .165, 1) .25s, -webkit-transform .2s cubic-bezier(.075, .82, .165, 1) .25s
}

.hamburger--slider .hamburger-inner {
    top: 2px
}

.hamburger--slider .hamburger-inner:before {
    top: 8px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .2s
}

.hamburger--slider .hamburger-inner:after {
    top: 16px
}

.hamburger--slider.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    -webkit-transform: rotate(-45deg) translate3d(-3.57143px, -4px, 0);
    transform: rotate(-45deg) translate3d(-3.57143px, -4px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(-90deg);
    transform: translate3d(0, -16px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
    top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
    top: 8px;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: ease;
    transition-duration: .2s
}

.hamburger--slider-r .hamburger-inner:after {
    top: 16px
}

.hamburger--slider-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
    transform: translate3d(0, 8px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
    -webkit-transform: rotate(45deg) translate3d(3.57143px, -4px, 0);
    transform: rotate(45deg) translate3d(3.57143px, -4px, 0);
    opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
    -webkit-transform: translate3d(0, -16px, 0) rotate(90deg);
    transform: translate3d(0, -16px, 0) rotate(90deg)
}

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s linear .15s
}

.hamburger--spring .hamburger-inner:before {
    top: 8px;
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
    top: 16px;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: .32s;
    background-color: transparent
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), transform .15s cubic-bezier(.215, .61, .355, 1) .32s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    -webkit-transform: translate3d(0, 8px, 0) rotate(-45deg);
    transform: translate3d(0, 8px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: .15s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r .hamburger-inner:after {
    top: -16px;
    transition: top .3s cubic-bezier(.33333, .66667, .66667, 1) .3s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, -webkit-transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19);
    transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .3s, transform .15s cubic-bezier(.55, .055, .675, .19), -webkit-transform .15s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-45deg);
    transform: translate3d(0, -8px, 0) rotate(-45deg);
    transition-delay: .32s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
    top: 0;
    opacity: 0;
    transition: top .3s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .32s
}

.hamburger--spring-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s;
    transition: top .12s cubic-bezier(.33333, 0, .66667, .33333) .18s, transform .15s cubic-bezier(.215, .61, .355, 1) .32s, -webkit-transform .15s cubic-bezier(.215, .61, .355, 1) .32s
}

.hamburger--stand .hamburger-inner {
    transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s
}

.hamburger--stand .hamburger-inner:before {
    transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
    transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: transparent;
    transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s
}

.hamburger--stand.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--stand.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--stand-r .hamburger-inner {
    transition: background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s;
    transition: transform .1s cubic-bezier(.55, .055, .675, .19) .22s, background-color 0s linear .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) .22s
}

.hamburger--stand-r .hamburger-inner:before {
    transition: top .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: top .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
    transition: bottom .1s ease-in .1s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s;
    transition: bottom .1s ease-in .1s, transform .1s cubic-bezier(.55, .055, .675, .19) 0s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent;
    transition: background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s;
    transition: transform .1s cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) 0s
}

.hamburger--stand-r.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: top .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: top .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--stand-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: bottom .1s ease-out .12s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s;
    transition: bottom .1s ease-out .12s, transform .1s cubic-bezier(.215, .61, .355, 1) .22s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .22s
}

.hamburger--spin .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner:before {
    transition: top .1s ease-in .34s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
    transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s ease-out .14s
}

.hamburger--spin.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s
}

.hamburger--spin-r .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r .hamburger-inner:before {
    transition: top .1s ease-in .34s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
    transition: bottom .1s ease-in .34s, -webkit-transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .34s, transform .3s cubic-bezier(.55, .055, .675, .19), -webkit-transform .3s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s ease-out .14s
}

.hamburger--spin-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: bottom .1s ease-out, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease-out, transform .3s cubic-bezier(.215, .61, .355, 1) .14s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) .14s
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: .1s;
    transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top .1s ease .14s, opacity .1s ease
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom .1s ease .14s, -webkit-transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease .14s, transform .1s cubic-bezier(.55, .055, .675, .19), -webkit-transform .1s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-delay: .14s;
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top .1s ease, opacity .1s ease .14s
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: bottom .1s ease, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s;
    transition: bottom .1s ease, transform .1s cubic-bezier(.215, .61, .355, 1) .14s, -webkit-transform .1s cubic-bezier(.215, .61, .355, 1) .14s
}

.hamburger--vortex .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex .hamburger-inner:after, .hamburger--vortex .hamburger-inner:before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex.is-active .hamburger-inner {
    -webkit-transform: rotate(765deg);
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex.is-active .hamburger-inner:after, .hamburger--vortex.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r .hamburger-inner:after, .hamburger--vortex-r .hamburger-inner:before {
    transition-duration: 0s;
    transition-delay: .1s;
    transition-timing-function: linear
}

.hamburger--vortex-r .hamburger-inner:before {
    transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
    transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
    transition-property: bottom, transform, -webkit-transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
    -webkit-transform: rotate(-765deg);
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.hamburger--vortex-r.is-active .hamburger-inner:after, .hamburger--vortex-r.is-active .hamburger-inner:before {
    transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@-webkit-keyframes stayvisible {
    0% {
        visibility: visible
    }
    to {
        visibility: visible
    }
}

:focus {
    outline: 0 !important
}

::-webkit-input-placeholder {
    color: #ccc !important;
    text-overflow: ellipsis
}

:-moz-placeholder, ::-moz-placeholder {
    color: #ccc !important;
    text-overflow: ellipsis
}

:-ms-input-placeholder {
    color: #ccc !important;
    text-overflow: ellipsis
}

.placeholder {
    color: #ccc !important
}

.placeholder, [placeholder] {
    text-overflow: ellipsis
}

.tel-input::-webkit-input-placeholder {
    font-style: normal
}

.tel-input:-moz-placeholder, .tel-input::-moz-placeholder {
    font-style: normal
}

.tel-input:-ms-input-placeholder {
    font-style: normal
}

.tel-input.placeholder {
    font-style: normal
}

.sms-input {
    max-width: 105px
}

.name-input {
    text-transform: capitalize
}

.ext-tel-input, .input-pass, .tel-input {
    max-width: 250px
}

input::-ms-clear, input[type=password]::-ms-reveal {
    display: none
}

.col-auto {
    width: auto
}

.form-group {
    position: relative
}

.form-text {
    /*margin: 0.5rem 0;*/
    padding-left: 20px;
    font-size: 0.8125rem;
    text-align: left;
    color: #999
}

.form-group {
    margin: 0;
}

.error-text {
    color: #ff5f6b
}

.success-text {
    color: #66c99d
}

.clear-btn {
    background: none;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: none;
    -webkit-user-select: none
}

.check-item .jq-checkbox, .check-item input[type=checkbox] {
    float: left;
    margin-right: 0
}

.check-item .jq-checkbox + span, .check-item input[type=checkbox] + span {
    display: block;
    margin-left: 1.6875rem
}

button {
    cursor: pointer
}

.d-block {
    margin: 0 auto
}

.mark, mark {
    padding-left: 0;
    padding-right: 0
}

p {
    margin: 1.25rem 0
}

p:first-child {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}


blockquote cite {
    display: block;
    font-style: normal
}

.bold-heading {
    font-weight: 600;
    font-size: 1.6875rem;
    color: #002c3c
}

.bold-heading.h2 {
    margin-bottom: 3.125rem
}



.important {
    color: #ff5f6b
}

.btn-warning + .important {
    margin: 0.3125rem 0
}

.btn {
    font-size: 1rem;
    transition: color .3s, background-color .3s, border-color .3s
}

.btn.not-inter {
    cursor: default
}

.btn.not-inter:focus, .btn.not-inter:hover {
    background-color: #66c99d;
    border-color: #66c99d
}

.btn-group-sm > .btn, .btn-sm {
    font-weight: 500;
    text-transform: none
}

/*
.form-control {
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background-color: #fbfbfb;
    height: 39px;
    font-size: 1rem
}

.form-control + .form-control-feedback {
    margin: 0.5rem 0 0
}
*/
.form-control:focus {
    background-color: #fff
}

.form-control:disabled, .form-control[readonly] {
    background-color: #ebebeb
}

.form-control[required] {
    border-left: 2px solid #ff5f6b
}

.form-control[required].required-success {
    border-left-color: #66c99d
}

.form-control.form-control-lg {
    height: 50px;
    padding-top: 0;
    padding-bottom: 0
}

.form-control.form-control-sm {
    height: 30px;
    padding-top: 0;
    padding-bottom: 0
}

.form-control.input-lg {
    font-size: 1.3rem
}

.form-control.input-pass {
    padding-right: 50px
}

.form-control.min-input {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.form-control.code-input {
    font-size: 1.375rem
}

.input-action-link {
    margin: 1rem 0
}

textarea.form-control {
    min-height: 50px
}

select.form-control-lg:not([size]):not([multiple]) {
    height: 50px
}

.form-control-feedback {
    margin: 0 0 0.5rem;
    font-style: italic;
    font-size: 0.875rem
}

.input-pass-group {
    position: relative
}

.input-pass-eye {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 10px;
    width: 30px;
    height: 20px;
    margin-top: -0.625rem;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxOS4yOCI+DQogIDx0aXRsZT7Qn9C+0LrQsNC30LDRgtGMINC/0LDRgNC+0LvRjDwvdGl0bGU+DQogIDxwYXRoIGQ9Ik0yOS42Niw4LjQ5YTE3LjksMTcuOSwwLDAsMC02LjMtNi4xNiwxNi4xOSwxNi4xOSwwLDAsMC0xNi43MiwwQTE3Ljg4LDE3Ljg4LDAsMCwwLC4zMyw4LjQ5YTIuMTYsMi4xNiwwLDAsMCwwLDIuMzFBMTcuODksMTcuODksMCwwLDAsNi42NCwxNywxNi4yNSwxNi4yNSwwLDAsMCwxNSwxOS4yOCwxNi4yOSwxNi4yOSwwLDAsMCwyMy4zNiwxN2ExNy43NiwxNy43NiwwLDAsMCw2LjMtNi4xNywyLjE2LDIuMTYsMCwwLDAsMC0yLjMxWk0xMS40MSwzLjkxQTQuOSw0LjksMCwwLDEsMTUsMi40MS44LjgsMCwwLDEsMTUsNCwzLjQ5LDMuNDksMCwwLDAsMTEuNTIsNy41YS44LjgsMCwwLDEtMS42MSwwczAsMCwwLDBBNC45LDQuOSwwLDAsMSwxMS40MSwzLjkxWm0xMC44NywxMS4yYTE0LDE0LDAsMCwxLTE0LjU1LDBBMTcuMjgsMTcuMjgsMCwwLDEsMi4xNCw5LjY0LDE2LjQ3LDE2LjQ3LDAsMCwxLDguNTIsMy43M2E3LjMyLDcuMzIsMCwwLDAtMSwzLjc3LDcuMjIsNy4yMiwwLDAsMCwyLjIsNS4zQTcuMjIsNy4yMiwwLDAsMCwxNSwxNWE3LjIyLDcuMjIsMCwwLDAsNS4zLTIuMiw3LjIyLDcuMjIsMCwwLDAsMi4yLTUuMyw3LjMxLDcuMzEsMCwwLDAtMS0zLjc3LDE2LjQ2LDE2LjQ2LDAsMCwxLDYuMzgsNS45MUExNy4yNSwxNy4yNSwwLDAsMSwyMi4yNywxNS4xMVoiLz4NCjwvc3ZnPg0K") no-repeat;
    background-size: 30px 20px
}

.input-pass-eye.eye-hide {
    height: 24px;
    margin-top: -0.75rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAyMi41Ij4NCiAgPHRpdGxlPtCh0LrRgNGL0YLRjCDQv9Cw0YDQvtC70Yw8L3RpdGxlPg0KICA8Zz4NCiAgICA8cGF0aCBkPSJNMjEuMTgsMTMuMzVBNy4zMSw3LjMxLDAsMCwwLDIyLjUsOS4xMWE4LDgsMCwwLDAtLjEzLTEuNDFsLTQuNjksOC40QTcuMzcsNy4zNywwLDAsMCwyMS4xOCwxMy4zNVoiLz4NCiAgICA8cGF0aCBkPSJNMjEuODYsMS43OGEuNDIuNDIsMCwwLDAsMC0uMTUuNTEuNTEsMCwwLDAtLjI3LS40NUwyMS4yOSwxLDIwLjc2LjY3LDIwLjIxLjM2LDE5LjY5LjFhMSwxLDAsMCwwLS4zLS4xLjUzLjUzLDAsMCwwLS40Ny4yN0wxOCwxLjg5YTE2LjM5LDE2LjM5LDAsMCwwLTMtLjI4QTE1Ljg2LDE1Ljg2LDAsMCwwLDYuNywzLjg4LDE5LjUyLDE5LjUyLDAsMCwwLC4zMywxMC4wOWEyLjE2LDIuMTYsMCwwLDAsMCwyLjMxLDIwLDIwLDAsMCwwLDMuNDksNC4xLDE3LjMyLDE3LjMyLDAsMCwwLDQuNDEsMi45LDYuMjUsNi4yNSwwLDAsMC0uNzQsMS40Ni41Mi41MiwwLDAsMCwuMjcuNDdBMTQuMDUsMTQuMDUsMCwwLDAsMTAsMjIuNWEuNTMuNTMsMCwwLDAsLjQ3LS4yN2wuODItMS40OXExLjc3LTMuMTcsNS4yOS05LjQ5bDUuMjctOS40OFpNOS4yOSwxNy41M2ExNi41LDE2LjUsMCwwLDEtNy4xNS02LjI4QTE2LjQ3LDE2LjQ3LDAsMCwxLDguNTIsNS4zNGE3LjQ4LDcuNDgsMCwwLDAsMi4wOCw5LjgzWk0xNS41Nyw1LjM5YS43OC43OCwwLDAsMS0uNTcuMjMsMy40OSwzLjQ5LDAsMCwwLTMuNDgsMy40OC44LjgsMCwxLDEtMS42MSwwczAsMCwwLDBhNC45LDQuOSwwLDAsMSwxLjUtMy41OUE0LjksNC45LDAsMCwxLDE1LDRhLjgxLjgxLDAsMCwxLC41NywxLjM3WiIvPg0KICAgIDxwYXRoIGQ9Ik0yOS42NywxMC4wOUExNi42MSwxNi42MSwwLDAsMCwyNy4yNSw3YTE5LjgyLDE5LjgyLDAsMCwwLTMuMDYtMi41NkwyMy4xMyw2LjMzYTE3LjE0LDE3LjE0LDAsMCwxLDQuNzIsNC45MiwxNy4yNCwxNy4yNCwwLDAsMS01LDUuMTQsMTMuOTEsMTMuOTEsMCwwLDEtNi41NywyLjI5TDE1LDIwLjg5YTE2LDE2LDAsMCwwLDctMS41OSwxOC4wNSwxOC4wNSwwLDAsMCw1LjgyLTQuNDcsMTguNywxOC43LDAsMCwwLDEuODItMi40MywyLjE2LDIuMTYsMCwwLDAsMC0yLjMxWiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==");
    background-size: 30px 24px
}

.verif-status-icon {
    position: absolute;
    z-index: 2;
    left: 105%;
    top: 50%;
    margin-top: -0.8125rem
}

.btn-wrapper {
    margin: -0.625rem -0.625rem 0
}

.btn-wrapper .btn {
    margin: 0.625rem
}

.btn-lg {
    padding: 13px 16px;
    font-size: 1.0625rem;
    min-width: 120px
}

.btn.disabled, .btn:disabled {
    background-color: #bebebe !important;
    border-color: #bebebe !important;
    color: #fff !important;
    height: 37px;
}

.btn.disabled.basic-tooltip, .btn:disabled.basic-tooltip {
    pointer-events: auto
}

button.disabled, button:disabled, input.disabled, input:disabled {
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none
}

.btn-warning {
    color: #1a1a1a
}

.btn-warning:focus, .btn-warning:hover {
    color: inherit
}

.btn-outline-primary {
    font-size: 0.875rem;
    font-weight: 700;
    border-width: 2px;
    padding: 8px 20px;
    border-radius: 2px
}

.padd-col {
    padding-top: 10px;
    padding-bottom: 10px
}

.no-padd-col {
    padding-right: 0
}

.no-padd-col, .no-padd-left {
    padding-left: 0
}

.no-padd-right {
    padding-right: 0
}

.no-padd {
    padding: 0 !important
}

.label, label {
    font-size: 0.875rem;
    cursor: pointer;
    color: #999;
    margin-bottom: 0;
}

.label {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.625rem;
    font-weight: 600
}

.label-inline {
    margin-right: 1rem
}

.label-block {
    display: block
}

.autocomplete-suggestions, .catalog-sub-dropdown, .clear-ul, .dropdown-cat-list, .dropdown-extra-list, .dropdown-menu-cat-list, .dropdown-wrap .dropdown-block ul.dropdown-list, .filbox-category-nav-list, .filbox-subcategory-nav-list, .filter-box-list, .inner-navigation, .town-list, .town-vars-dropdown {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

.arrowed-list-item {
    margin-bottom: 0.5625rem
}

.arrowed-list-item:before {
    content: "";
    display: inline-block;
    margin-right: 0.875rem;
    width: 4px;
    height: 7px;
    background: url(/local/templates/wer_rediz_2021/css/../images/right-arrow.png) no-repeat;
    background-size: cover
}

.arrowed-list-link {
    color: #666
}

.icon {
    display: inline-block;
    background-repeat: no-repeat
}

.icon, .icon + span {
    vertical-align: middle
}

.icon.icon-left {
    margin-right: 0.5625rem
}

.icon.icon-right {
    margin-left: 0.5625rem
}

span + .icon {
    vertical-align: middle
}

.icon-wrapper {
    position: relative
}

.icon-wrapper, .price-container {
    display: inline-block;
    vertical-align: middle
}

.price-container {
    text-align: left
}

.link-list li {
    margin: 0.3125rem 0
}

.inverted-link, .link:hover {
    /*  text-decoration: underline*/
}

.inverted-link:hover {
    text-decoration: none
}

.inner-link, div.mango-callback a.inner-link {
    text-decoration: none;
    border-bottom-style: dashed;
    border-bottom-width: 1px
}

.inner-link:focus, .inner-link:hover, div.mango-callback a.inner-link:focus, div.mango-callback a.inner-link:hover {
    border-bottom-color: inherit;
    text-decoration: inherit
}

.color-link {
    color: #666
}

.span-link:hover span {
    text-decoration: underline
}

.nolink, a[href^="mailto:"], a[href^="tel:"] {
    color: inherit
}

.nolink:focus, .nolink:hover, a[href^="mailto:"]:focus, a[href^="mailto:"]:hover, a[href^="tel:"]:focus, a[href^="tel:"]:hover {
    color: inherit;
    text-decoration: none
}

.dtb {
    display: table;
    width: 100%;
    height: 100%
}

.dtb, .inline-dtb {
    table-layout: fixed
}

.inline-dtb {
    display: inline-table;
    vertical-align: top
}

.dtr {
    display: table-row
}

.dtc {
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

.table {
    margin: 1.75rem 0;
    border: 1px solid #ebebeb
}

.table thead th {
    font-weight: 400;
    background-color: #f8f8f8;
    text-align: center;
    border-bottom: 1px solid #ebebeb
}

.table td, .table thead th {
    vertical-align: middle
}

td {
    font-size: 0.875rem
}

.section-header {
    margin-bottom: 1.25rem
}

.section-header a {
    color: inherit
}

.underlined-header {
    position: relative;
    text-align: left;
    border-bottom: 1px solid #ebebeb
}

.underlined-header .h1, .underlined-header .h2, .underlined-header .h3, .underlined-header .h4, .underlined-header .h5, .underlined-header .h6 {
    margin-bottom: -0.0625rem
}

.underlined-header .underlined-inner {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    margin-right: 0.625rem
}

.underlined-header .underlined-inner:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #81cabc;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxY2FiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2IwYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #81cabc 0, #67b0bf 100%);
    background: -webkit-linear-gradient(left, #81cabc, #67b0bf);
    background: linear-gradient(90deg, #81cabc 0, #67b0bf)
}

.underlined-header .underlined-inner span {
    display: inline-block;
    margin-right: 0.625rem
}

.underlined-header .h2 .underlined-inner span:first-child {
    min-height: 30px
}

.underlined-header .h3 .underlined-inner {
    margin-top: 0.375rem
}

.underlined-header .h3 .underlined-inner span {
    min-height: 23px
}

.underlined-header .additional-info {
    font-size: 1.25rem;
    color: #a4a4a4
}

.complex-section-header .row {
    letter-spacing: -.31em
}

.complex-section-header .row > * {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    letter-spacing: normal
}

.header-right {
    padding-bottom: 10px;
    text-align: right
}

.warningtip-icon {
    width: 30px;
    height: 30px;
    line-height: 2.0625rem;
    font-size: 1.375rem;
    background-color: #ff5f6b
}

.float-tooltip.tooltip-left {
    float: left
}

.float-tooltip.tooltip-left + span {
    margin-left: 1.5625rem
}

.float-tooltip.tooltip-right {
    float: right
}

.float-tooltip.tooltip-right + span {
    margin-right: 1.5625rem
}

.float-tooltip + span {
    display: block
}

.info-tip {
    line-height: 1.2;
    border-color: #fff;
    border-radius: 3px;
    background-color: #fff;
    color: #1b303e
}

.danger-tip, .info-tip, .success-tip, .warning-tip {
    font-size: 0.8125rem;
    box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, .2);
    padding: 15px 20px
}

.danger-tip, .success-tip, .warning-tip {
    border-radius: 3px;
    border: 3px solid #fff;
    color: #fff
}

.danger-tip {
    background-color: #ff5f6b
}

.warning-tip {
    background-color: #f3d248;
    color: #002c3c
}

.success-tip {
    background-color: #66c99d
}

.basic-tooltip, .danger-tip, .info-tip, .success-tip, .tip-content, .warning-tip {
    cursor: pointer;
    font-size: 1rem
}

.mini-tooltip {
    position: absolute;
    display: block;
    min-width: 42px;
    padding: 0 5px;
    border-radius: 3px 3px 3px 0;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center
}

.mini-tooltip:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0
}

.mini-tooltip.discount {
    color: #fffede;
    background-color: #ff5f6b
}

.mini-tooltip.discount:after {
    border-color: #ff5f6b transparent transparent
}

.mini-tooltip.new {
    color: #fff;
    background-color: #f3d248
}

.mini-tooltip.new:after {
    border-color: #f3d248 transparent transparent
}

.mini-tooltip.hit {
    text-transform: uppercase;
    color: #fff;
    background-color: #66c99d
}

.mini-tooltip.hit:after {
    border-color: #66c99d transparent transparent
}

.tooltip-icon, .warningtip-icon {
    color: #fff;
    border-radius: 50%;
    font-weight: 600;
    text-align: center;
    font-style: normal
}

.tooltip-icon {
    width: 16px;
    height: 16px;
    font-size: 0.75rem;
    line-height: 1.125rem;
    background-color: #e8e8e8
}

.tooltip-icon.danger-tooltip {
    background-color: #ff5f6b
}

.tooltip-left {
    margin-right: 0.5rem
}

.tooltip-right {
    margin-left: 0.5rem
}

.inbasket-link {
    display: inline-block;
    vertical-align: top;
    width: 38px;
    height: 38px;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: -5px -5px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons.png);
    border: none
}

.inbasket-link:hover {
    background-position: -53px -5px
}

.inbasket-link:hover[disabled] {
    background-position: -5px -5px
}

.inbasket-link.active {
    background-position: -378px -5px
}

[data-color] {
    background-size: cover
}

[data-color="1"] {
    background-image: url(/local/templates/wer_rediz_2021/css/../uploads/bg1.jpg)
}

[data-color="2"] {
    background-image: url(/local/templates/wer_rediz_2021/css/../uploads/bg2.jpg)
}

[data-color="3"] {
    background-image: url(/local/templates/wer_rediz_2021/css/../uploads/bg3.jpg)
}

.inner-navigation {
    margin-left: -1.6875rem
}

.inner-navigation li {
    display: inline-block;
    margin: 0.1875rem 0 0.1875rem 1.6875rem;
    font-size: 0.9375rem
}

.inner-navigation.catalog-inner-navig {
    margin-top: 0.8125rem
}

.section-header-row {
    position: relative
}

.section-header-row .static-col {
    position: static
}

.section-header-row .right-box {
    margin-top: 0.9375rem
}

.inline-price .new-price, .inline-price .old-price, .inline-price .price {
    margin-right: 0.625rem
}

.inline-dl dt {
    display: inline-block;
    margin-right: 0.3125rem
}

.inline-dl dd {
    display: inline
}

.inline-dl dd:after {
    content: "\A";
    white-space: pre
}

dd, dt {
    margin-bottom: 0.625rem
}

dt {
    font-weight: 400
}

dd:last-child {
    margin-bottom: 0
}

.nav-pills, .nav-tabs {
    margin-bottom: 1.25rem
}

.time {
    color: #a4a4a4;
    font-size: 0.875rem
}

.rating-stars, .rating-stars__star, .ya-market-img {
    line-height: 1;
    display: inline-block;
    vertical-align: top
}

.rating-stars-block, .rating-stars-inline {
    white-space: nowrap;
    line-height: 1
}

.rating-stars-block {
    margin: 0.625rem 0
}

.rating-stars-inline {
    display: inline-block;
    vertical-align: middle
}

.rating-stars__star {
    position: relative;
    width: 18px;
    height: 18px;
    margin-left: 0.0625rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHBhdGggZmlsbD0iI0NGQ0ZDRiIgZD0iTTYuNDkxIDBsMS41MDkgNWg1bC00IDMgMiA1LTQuNS0zLTQuNSAzIDItNS00LTNoNXoiLz48L3N2Zz4=);
    background-size: cover
}

.rating-stars[data-rate="1"] .rating-stars__star:nth-child(-n+1), .rating-stars[data-rate="2"] .rating-stars__star:nth-child(-n+2), .rating-stars[data-rate="3"] .rating-stars__star:nth-child(-n+3), .rating-stars[data-rate="4"] .rating-stars__star:nth-child(-n+4), .rating-stars[data-rate="5"] .rating-stars__star, .rating-stars__star:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyI+PHBhdGggZmlsbD0iI2YzZDI0OCIgZD0iTTYuNDkxIDBsMS41MDkgNWg1bC00IDMgMiA1LTQuNS0zLTQuNSAzIDItNS00LTNoNXoiLz48L3N2Zz4=)
}

.rating-count {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.25rem;
    color: #999;
    margin-left: 0.4375rem
}

.rating-count, .small-text {
    font-size: 0.8125rem
}

.hidden {
    display: none
}

.hidden-tip p {
    margin: 0.625rem 0
}

.frame-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.autocomplete-wrapper {
    position: relative
}

.popover {
    z-index: 199
}

.text-notice {
    font-size: 0.875rem;
    color: #999
}

.preload-box {
    padding: 10px;
    text-align: center
}

.preload-cell {
    width: 40px;
    text-align: left
}

.preload-cell-lg {
    width: 50px
}

.preloader {
    width: 30px;
    height: 30px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/preloader-1/preloader30x30.gif)
}

.preloader-label {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: #999
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    .preloader {
        background-size: cover;
        background-image: url(/local/templates/wer_rediz_2021/css/../images/preloader-1/preloader30x30@2x.gif)
    }
}

body, html {
    height: 100%
}

body {
    min-width: 320px;
    max-width: 2560px;
    margin: 0 auto;
    font-family: Myriad Set Pro, -apple-system, Helvetica Neue, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    word-wrap: break-word
}

#content, #mobile-overlay.opened {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 0 0 50px;
}

.page-content .col-xl-3, .page-content .col-xl-9 {
    margin-top: 1.25rem
}

.page-content .col-xl-3 .breadcrumb, .page-content .col-xl-9 .breadcrumb {
    margin-top: 0
}

.smart-box {
    position: relative;
    box-shadow: 0 0 1.4px .6px rgba(40, 50, 51, .09);
    z-index: 20;
}

.smart-box-inner {
    color: #fff;
    background: url(/local/templates/wer_rediz_2021/css/../uploads/smart-bg.jpg) no-repeat 50%;
    background-size: cover
}

.smart-box-table {
    width: auto;
    cursor: pointer
}

.smart-box-img-cell {
    padding: 12px 0;
    width: 65px;
    text-align: left
}

.smart-box-img-cell img {
    max-width: 53px
}

.smart-item-label {
    border-bottom: 1px dashed;
    font-size: 1.0625rem;
    font-weight: 700
}

.smart-item-label:hover {
    border-color: transparent
}

.close-smart-box {
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 20px;
    display: block;
    color: #fff;
    font-size: 1.0625rem;
    font-weight: 700;
    opacity: .4;
    transition: .3s
}

.close-smart-box:hover {
    opacity: 1
}

.close-smart-box-icon {
    width: 19px;
    height: 19px;
    background: url(/local/templates/wer_rediz_2021/css/../images/close-smart.svg) no-repeat
}

.top-banner-box {
    position: relative;
    display: none
}

.top-banner-box-inner {
    padding: 14px 60px 14px 0;
    font-size: 1.4375rem;
    color: #fff;
    text-align: center;
    background: url(/local/templates/wer_rediz_2021/css/../uploads/top-banner.jpg) no-repeat 50%;
    background-size: cover
}

.top-banner-box-inner .price {
    margin-left: 1.875rem;
    font-size: 1.3em;
    font-weight: 500;
    color: #fff
}

.top-banner-offer {
    margin: 0.4375rem
}

.top-banner-box-descr {
    margin-left: 5.625rem
}

.top-banner-box-center {
    display: inline-block
}

.close-banner {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    margin-top: -1.0625rem;
    width: 34px;
    height: 34px;
    background: url(/local/templates/wer_rediz_2021/css/../images/close-banner.png) no-repeat
}

.fixed-header {
    position: fixed;
    z-index: 110;
    top: -60px;
    left: 0;
    width: 100%;
    height: 60px;
    background: #fff;
    color: #666;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fixed-header.shown {
    top: 0
}

.fixed-header.shown .orig-logo-img {
    display: none
}

.fixed-header.shown .fixed-logo-img {
    display: block
}

.fixed-header .header-icon {
    color: #666
}

.fixed-header .header-icon:focus, .fixed-header .header-icon:hover {
    color: inherit
}

/*
.fixed-header .basket-icon {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/basket-icon-fixed.png);
    width: 34px;
    height: 36px
}

.fixed-header .favour-icon {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/favour-icon-fixed.png);
    width: 34px;
    height: 29px
}

.fixed-header .eye-icon {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/eye-icon-fixed.png);
    width: 44px;
    height: 32px
}
*/

.loc-icon {
    width: 15px;
    height: 21px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/loc-pointer.png)
}

.locality-choice {
    padding-right: 15px
}

.locality-choice .icon + span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.town-popover-call-link {
    font-size: 1rem;
    font-weight: 600;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.town-popover-choice {
    margin: 0.9375rem 0;
    text-align: center;
    letter-spacing: -.31em
}

.town-popover-choice > * {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    letter-spacing: normal
}

.town-list {
    margin: 1.875rem 0
}

.town-list-item {
    font-size: 0.875rem;
    margin-bottom: 0.3125rem
}

.listContainer:after {
    content: "";
    display: table;
    clear: both
}

.listCol {
    float: left;
    width: 33.33%
}

.town-choice-form-group {
    position: relative
}



.lk-enter-box {
    padding-left: 15px;
    text-align: right
}

.lk-user-box {
    text-align: right;
    padding: 5px 0
}

.lk-user-box .dropdown-link {
    color: #2aa5e1
}

.lk-user-box .dropdown-link:hover {
    text-decoration: none
}

.lk-user-box .dropdown-wrap {
    text-align: left
}

.lk-user-box .dropdown-wrap .dropdown-link span {
    display: inline-block;
    max-width: 115px
}

.lk-user-box .dropdown-wrap .dropdown-block {
    top: -5px
}

.fixed-logo-img {
    display: none;
    margin-top: 0.6875rem
}

.main-nav {
    padding: 16px 0;
    font-size: 1.125rem
}

.main-nav-item {
    display: inline-block;
    margin: 0 2.8%
}

.main-nav-link {
    position: relative;
    color: inherit
}

.main-nav-link:focus, .main-nav-link:hover {
    color: #fffede;
    text-decoration: none
}

.main-nav-link .mini-tooltip {
    left: 60%;
    bottom: 90%
}


.catalog-column {
    position: static
}

.catalog-item-label {
    display: inline-block;
    vertical-align: middle
}

.catalog-dropdown-inner-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0
}

.catalog-dropdown-wrapper {
    display: none;
    position: absolute;
    z-index: 12;
    top: 100%;
    left: 0;
    width: 100%;
    min-height: 580px;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.catalog-dropdown-wrapper .dd-product-row {
    height: 117px
}

.catalog-dropdown-wrapper .dd-product-row .product-order-overview {
    padding-top: 15px;
    padding-bottom: 15px
}

.catalog-link-wrapper {
    padding: 0 10px;
    height: 60px;
    margin-left: -0.9375rem;
    background-repeat: no-repeat;
    background-position: 0 0, 100% 0;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-cat-1.png), url(/local/templates/wer_rediz_2021/css/../images/drop-cat-2.png)
}

.catalog-link-wrapper.visible .catalog-link {
    color: #fff;
    text-decoration: none;
    z-index: 6
}

.catalog-link-wrapper.visible .catalog-link:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -0.5625rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 10px;
    border-color: transparent transparent #fff
}

.catalog-link {
    position: relative;
    display: block;
    padding: 14px 35px;
    font-size: 1.25rem;
    font-weight: 500;
    height: 100%;
    color: inherit;
    border-top: 1px solid transparent;
    background: url(/local/templates/wer_rediz_2021/css/../images/burger.png) no-repeat right 35px center
}

.catalog-link:active, .catalog-link:focus, .catalog-link:hover {
    color: #fff;
    text-decoration: none
}

.catalog-link .hamburger-box {
    margin-right: 0.625rem;
    vertical-align: middle
}

.catalog-link .hamburger-box + .catalog-item-label {
    margin-top: 0.1875rem
}

.open {
    background: #fff
}

.open .catalog-link {
    color: #38bacb
}

.open .catalog-link:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    width: 12px;
    height: 7px;
    margin-top: -0.21875rem;
    border-style: solid;
    border-width: 7px 6px 0;
    border-color: #48bfce transparent transparent
}

.catalog-dropdown {
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 20px;
    background-color: #fff;
    border-right: 1px solid #f6f6f6
}

.sliding-box, .static-box {
    position: relative
}

.sliding-box, .static-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.statbox-icon {
    width: 22px
}

.catalog-sub-dropdown, .dropdown-cat-list, .dropdown-extra-list {
    color: #515151
}

.lek-icon {
    margin-right: 1.375rem
}

.dropdown-cat-link, .dropdown-extra-link {
    font-size: 1.125rem;
    color: #666
}

.dropdown-cat-link:focus, .dropdown-cat-link:hover, .dropdown-extra-link:focus, .dropdown-extra-link:hover, .dropdown-menu-cat-link:focus, .dropdown-menu-cat-link:hover {
    text-decoration: none
}

.dropdown-cat-item {
    margin-bottom: 1.6875rem
}

.dropdown-extra-item {
    margin-bottom: 1.0625rem
}

.dropdown-cat-item, .dropdown-extra-item {
    display: block
}

.dropdown-extra-link {
    position: relative
}

.dropdown-extra-link .mini-tooltip {
    left: 97%;
    bottom: 90%
}

.catalog-sub-dropdown {
    display: none;
    z-index: 1;
    top: 0;
    width: 100%;
    padding: 0 15px;
    height: 100%;
    font-size: 0.9375rem;
    background-color: #fff
}

.catalog-sub-dropdown .category-title {
    margin-bottom: 1.25rem
}

.catalog-sub-dropdown.active {
    display: block
}

.sub-dropdown-aside {
    float: right;
    height: 100%
}

.sub-dropdown-innerbox {
    margin-bottom: 0.9375rem
}

.sub-dropdown-content {
    position: relative;
    height: 100%;
    padding-right: 0;
    color: #002c3c
}

.dropdown-menu-cat-list {
    -webkit-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 12px;
    column-gap: 12px
}

.dropdown-menu-cat-list.listCol {
    float: left;
    width: 25%
}

.dropdown-menu-cat-item {
    height: 45px;
    width: 100%;
    display: inline-block;
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
    margin-bottom: 0.9375rem;
    font-size: 0.9375rem
}

.dropdown-menu-cat-link {
    color: #002c3c
}

.dropdown-menu-cat-link .cat-count {
    color: #999
}

.best-offers-content {
    margin-top: 1.25rem
}

.sub-dropdown-bottom-panel {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 1.125rem 0 0 -0.3125rem
}

.sub-dropdown-delivery-box {
    float: left;
    width: 33.33%
}

.sd-delivery-box-img {
    float: left
}

.sd-delivery-box-img .icon {
    margin-right: 0
}

.sd-delivery-box-content {
    margin-left: 2.8125rem;
    padding-top: 3px;
    font-weight: 600;
    font-size: 0.75rem
}

.sd-delivery-box-title {
    margin-bottom: -0.25rem;
    text-transform: uppercase;
    color: #002c3c
}

.sd-delivery-box-price {
    color: #999
}

.catalog-extra-links {
    margin-top: 4.0625rem
}

.delivery-icon {
    width: 43px;
    height: 36px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/delivery-truck.png)
}

.lek-icon-01, .lek-icon-02 {
    width: 24px;
    height: 22px
}

.lek-icon-01 {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/lek-01.png)
}

.lek-icon-02 {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/lek-02.png)
}

.breadcrumb {
    padding: 0;
    margin: 1.25rem 0 0.375rem -1.5625rem;
    font-size: 0.8125rem;
    background-color: transparent;
    color: #999
}

.breadcrumb .breadcrumb-item {
    margin-left: 1.5625rem;
    color: #999
}

.breadcrumb .breadcrumb-link {
    color: #999
}

.breadcrumb .breadcrumb-link:focus, .breadcrumb .breadcrumb-link:hover {
    color: #2aa5e1;
    text-decoration: none
}

.breadcrumb + .section-header {
    margin-bottom: 2.5rem
}

.dropdown-wrap, .dropdown-wrap a.dropdown-link {
    position: relative
}

.dropdown-wrap a.dropdown-link.active {
    z-index: 11
}

.dropdown-wrap a.dropdown-link:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.3125rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 3.5px 0;
    border-color: #000 transparent transparent
}

.dropdown-wrap a.dropdown-link:focus, .dropdown-wrap a.dropdown-link:hover {
    color: #2aa5e1;
    text-decoration: none
}

.dropdown-wrap a.dropdown-link:focus:after, .dropdown-wrap a.dropdown-link:hover:after {
    border-top-color: #2aa5e1
}

.dropdown-wrap.top-nav-item a.dropdown-link:after {
    margin-left: 0.625rem;
    border-color: #002c3c transparent transparent
}

.dropdown-wrap.top-nav-item a.dropdown-link:focus:after, .dropdown-wrap.top-nav-item a.dropdown-link:hover:after {
    border-top-color: #2aa5e1
}

.breadcrumb .dropdown-wrap a.dropdown-link:after {
    border-top-color: #999
}

.breadcrumb .dropdown-wrap a.dropdown-link:focus:after, .breadcrumb .dropdown-wrap a.dropdown-link:hover:after {
    border-top-color: #2aa5e1
}

.dropdown-wrap.linked-wrap {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.4375
}

.dropdown-wrap.linked-wrap a.dropdown-link:after {
    border-top-color: #2aa5e1
}

.dropdown-wrap .dropdown-block {
    display: none;
    position: absolute;
    min-width: calc(100% + 40px);
    z-index: 10;
    left: -20px;
    top: -20px;
    padding: 45px 20px 20px;
    margin-top: 0;
    background: #fff;
    box-shadow: 5px 0 15px 0 rgba(0, 0, 0, .1)
}

.dropdown-wrap .dropdown-block.top-subnav-list {
    left: -36px;
    top: -9px;
    padding: 47px 51px 14px 34px
}

.dropdown-wrap .dropdown-block ul.dropdown-list li {
    white-space: nowrap;
    margin-top: 0.8125rem
}

.dropdown-wrap .dropdown-block ul.dropdown-list li a {
    color: #999;
    font-weight: 500;
    font-size: inherit
}

.dropdown-wrap .dropdown-block ul.dropdown-list li a:focus, .dropdown-wrap .dropdown-block ul.dropdown-list li a:hover {
    color: #2aa5e1;
    text-decoration: none
}

.dropdown-wrap.active a.dropdown-link, .dropdown-wrap:hover a.dropdown-link {
    z-index: 11;
    color: #999
}

.dropdown-wrap.active a.dropdown-link:after, .dropdown-wrap:hover a.dropdown-link:after {
    border-top-color: #999
}

.dropdown-wrap.active a.dropdown-link:hover, .dropdown-wrap:hover a.dropdown-link:hover {
    color: #2aa5e1
}

.dropdown-wrap.active a.dropdown-link:hover:after, .dropdown-wrap:hover a.dropdown-link:hover:after {
    border-top-color: #2aa5e1
}

.dropdown-wrap.active.top-nav-item a.dropdown-link, .dropdown-wrap:hover.top-nav-item a.dropdown-link {
    color: #002c3c
}

.dropdown-wrap.active.top-nav-item a.dropdown-link:hover, .dropdown-wrap:hover.top-nav-item a.dropdown-link:hover {
    color: #2aa5e1
}

.top-subnav-list a.dropdown-link {
    color: #002c3c
}

.dropdown-wrap:not(.linked-wrap):hover .dropdown-block, .pagination {
    display: block
}

.pagination {
    margin: 2.1875rem 0;
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center
}

.pagination .page-item {
    display: inline-block;
    vertical-align: middle
}

.pagination .page-item.active .page-link {
    text-decoration: none;
    background-color: #76d4e3;
    color: #fff;
    border-color: #76d4e3
}

.pagination .page-item span {
    padding: 0 27px
}

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    border-radius: 0
}

.pagination .page-item.action-page-item .page-link {
    color: #76d4e3;
    border-color: #76d4e3
}

.pagination .page-item.disabled {
    display: none
}

.pagination .page-link {
    padding: 0;
    display: block;
    margin: 0 0.3125rem;
    border: 2px solid #efefef;
    border-radius: 0;
    line-height: 2.25rem;
    min-width: 40px;
    height: 40px;
    color: #999
}

.pagination .page-link:focus, .pagination .page-link:hover {
    text-decoration: none;
    background-color: #76d4e3;
    color: #fff !important;
    border-color: #76d4e3
}

.fixed-button-panel {
    position: fixed;
    width: 100%;
    padding: 20px;
    bottom: 0;
    left: 0;
    text-align: center;
    border: 1px solid #ebebeb;
    background-color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fixed-button-panel.open-filters-panel {
    z-index: 300
}

.fixed-button-panel.close-filters-panel {
    z-index: 302;
    height: 85px
}

.mobile-filter-overlay {
    position: fixed;
    z-index: 301;
    width: 100%;
    display: none;
    background-color: #fff
}

.mobile-filter-overlay.opened {
    display: block;
    height: 100%
}

.mobile-filter-overlay-inner {
    max-height: calc(100% - 85px);
    padding: 20px;
    overflow: auto
}

.filter-box-item {
    position: relative;
    border: 1px solid #ebebeb;
    margin-bottom: 1.25rem;
    border-radius: 2px
}

.filter-box-content {
    position: relative;
    padding: 15px 20px;
    font-size: 0.8125rem
}

.filter-link {
    color: #666;
    display: block
}

.filter-link.filbox-current-category-link, .filter-link.filbox-current-subcategory-link {
    color: #002c3c;
    font-weight: 600
}

.filter-link.current {
    color: #1b303e;
    font-weight: 600;
    cursor: default
}

.filter-link.current:before {
    content: "";
    position: absolute;
    top: 2px;
    left: auto;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #8cc9b0 transparent transparent
}

.filter-link:focus, .filter-link:hover {
    text-decoration: none
}

.filter-maincat-link {
    font-size: 1.0625rem
}

.filter-box-area {
    border-top: 1px solid #f6f6f6;
    transition: background-color .15s ease-out
}

.filter-box-area:first-child {
    border: none
}

.filter-box-area:hover {
    background-color: #fcfcfc
}

.filter-box-title-link {
    position: relative;
    display: block;
    color: #002c3c;
    font-weight: 600;
    font-size: 1rem;
    padding: 10px 25px
}

.filter-box-title-link .tooltip-icon {
    float: right;
    margin-top: 0.125rem
}

.filter-box-title-link.filter-box-category-title {
    font-size: 1.125rem;
    padding: 15px 24px
}

.filbox-category-item {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 1rem
}

.filbox-category-item:last-child {
    margin-bottom: 0
}

.filbox-category-item.no-toggle {
    padding-left: 0
}

.toggler-sub {
    width: 12px;
    height: 6px;
    position: absolute;
    top: 10px;
    left: 0
}

.toggler-sub a {
    display: block;
    background: url(/local/templates/wer_rediz_2021/css/../images/search-arrow.png) no-repeat;
    width: 100%;
    height: 100%;
    transition: .2s
}

.toggler-sub a.expanded {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.show-all-cat-link {
    font-size: 1.25rem;
    font-weight: 600;
    padding: 11px 25px
}

.show-all-cat-link:after {
    content: "";
    width: 17px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 15px;
    background: url(/local/templates/wer_rediz_2021/css/../images/search-arrow.png) no-repeat;
    margin-top: -0.125rem
}

.active .show-all-cat-link:after {
    background: url(/local/templates/wer_rediz_2021/css/../images/arrow-on-top.png) no-repeat
}

.filter-content-expandable {
    display: none;
}

.filter-content-expandable.opened {
    display: block
}

.filter-box-list .filter-maincat-item + .filter-maincat-item {
    margin-top: 0.625rem
}

.filter-box-list .filter-maincat-item .icon {
    margin-right: 0.9375rem
}

.filbox-subcategory-count {
    margin-left: 0.1875rem;
    color: #ccc;
    font-size: 0.8125rem
}

.filbox-category-nav-list {
    margin: 0 -1.25rem 0 0
}

.filbox-current-category-link {
    font-weight: 600;
    font-size: 1.125rem
}

.filbox-subcategory-nav-list {
    padding: 8px 0 0 15px;
    margin-right: -1.125rem
}

.filbox-subcategory-item {
    position: relative;
    padding-right: 18px;
    font-size: 0.875rem
}

.filbox-subcategory-item .toggler-sub {
    top: 6px;
    left: -15px
}

.filter-box-grad {
    opacity: 0;
    position: absolute;
    border-radius: 5px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .25s;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmYmZkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmM5OWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #3fbfd0 0, #66c99d 100%);
    background: -webkit-linear-gradient(top, #3fbfd0, #66c99d);
    background: linear-gradient(180deg, #3fbfd0 0, #66c99d)
}

.active .filter-box-grad {
    opacity: 1
}

.active .filter-link {
    color: #fff
}

.active .filter-box-content {
    border-color: transparent
}

.filter-box-top-layer {
    position: relative;
    z-index: 2
}

.filter-counter {
    display: none;
    position: absolute;
    z-index: 105;
    min-width: 125px;
    padding: 4px 11px;
    box-shadow: -2px 2px 8px 0 rgba(0, 0, 0, .2);
    background: #76d4e3;
    border: 3px solid #fff;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 3px
}

.filter-counter:after, .filter-counter:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.filter-counter:after {
    border-color: rgba(118, 212, 227, 0);
    border-right-color: #76d4e3;
    border-width: 7px;
    margin-top: -0.4375rem
}

.filter-counter:before {
    border-color: hsla(0, 0%, 100%, 0);
    border-right-color: #fff;
    border-width: 11px;
    margin-top: -0.6875rem
}

.filter-counter p {
    margin: 0
}

.filter-counter p a {
    color: #fff
}

.filter-counter p a:hover {
    color: #fffede
}

.filter-counter:hover {
    color: #fff;
    text-decoration: none
}

.price-manual-input {
    margin-top: 1.0625rem;
    text-align: right;
    color: #999
}

.price-manual-input:after {
    content: "";
    display: table;
    clear: both
}

.price-manual-input .form-control-col {
    padding-left: 10px;
    padding-right: 10px
}

.price-manual-input label {
    line-height: 2.25rem;
    margin-bottom: 0
}

.price-manual-input .form-control {
    display: inline-block;
    vertical-align: top;
    width: 75px;
    font-weight: 700;
    font-size: 1rem;
    color: #24292f;
    margin-left: 0.3125rem;
    border-radius: 3px;
    text-align: right;
    border-color: rgba(0, 0, 0, .1);
    height: 36px
}

.price-manual-input .form-control:focus {
    border-color: #5fc9d6
}

.filbox-brand-nav-list {
    padding-left: 0;
    margin: 0.3125rem 0 0;
    list-style: none
}

.filbox-brand-item {
    margin-top: 0.5625rem;
    padding-right: 10px;
    vertical-align: top;
    line-height: normal
}

.filbox-brand-item .jq-checkbox, .filbox-brand-item input[type=checkbox] {
    float: left;
    margin-right: 0
}

.filbox-brand-item .jq-checkbox + span, .filbox-brand-item input[type=checkbox] + span {
    display: block;
    margin-left: 1.6875rem
}

.collapsible-box, .extended-alphabet {
    display: none
}

.alphabet-list {
    margin-bottom: 0.9375rem
}

.alphabet-list:after {
    content: "";
    display: table;
    clear: both
}

.letter-item {
    width: 30px;
    height: 30px;
    float: left;
    text-align: center
}

.letter-item.active .letter-link, .letter-item:focus .letter-link, .letter-item:hover .letter-link {
    border-color: #999;
    text-decoration: none
}

.letter-link {
    display: block;
    height: 100%;
    border: 1px solid transparent;
    line-height: 1.75rem;
    color: #999;
    font-weight: 400
}

.letter-link:focus, .letter-link:hover {
    color: inherit
}

.letter-link.disabled {
    border: none;
    opacity: .4;
    cursor: not-allowed
}

.btn:disabled, .btn:disabled:focus, .btn:disabled:hover {
    color: #fff;
    background-color: #cbcbcb;
    border-color: #cbcbcb
}

.ad-banner-box {
    margin-top: 2.75rem
}

.news-sidebox {
    margin-top: 2.1875rem
}

.news-sidebox .underlined-header {
    margin-bottom: 1.875rem
}

.news-sidebox .underlined-header span {
    padding-bottom: 10px
}

.news-sidebox .h2, .news-sidebox h2 {
    font-size: 1.375rem
}

.news-sidebox-slider {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    background-color: #fff
}

.news-img {
    border: 1px solid #ebebeb;
    margin-bottom: 1.25rem
}

.news-topic-link, .news-topic-link:focus, .news-topic-link:hover {
    color: inherit;
    text-decoration: none
}

.news-title {
    color: inherit;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.1
}

.news-title:focus, .news-title:hover {
    text-decoration: none
}

.news-content {
    margin: 0.625rem 0;
    font-size: 0.875rem
}

.news-time-panel {
    font-size: 0.8125rem;
    color: rgba(51, 51, 51, .5);
    line-height: 1.667
}

.news-topic {
    margin: 0.625rem 0
}

.news-sidebox-item .news-img {
    margin: 0;
    border: none
}

.news-sidebox-item .news-img img {
    border-radius: 3px
}

.news-sidebox-item .news-title {
    font-size: 1.125rem;
    line-height: 1.1
}

.news-sidebox-item .news-content {
    margin: 0;
    padding: 15px
}

.news-sidebox-item .news-topic {
    height: 63px;
    overflow: hidden
}

.cure-grid-section {
    margin: 1.875rem 0
}

.grid {
    margin: 0 -0.46875rem
}

.grid .grid-item {
    padding: 0 7.5px
}

.main-grid {
    margin-top: 0.3125rem
}

.grid-item-inner {
    position: relative;
    display: block;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    box-shadow: 0 0 0 transparent;
    margin-top: 0.75rem;
    overflow: hidden;
    text-decoration: none;
    transition: .3s
}

.grid-item-inner-link {
    display: block;
    height: 100%
}

.cure-grid-item {
    padding: 15px 10px;
    height: 190px;
    text-align: center
}

.cure-grid-item.tall-item {
    height: 395px
}

.main-grid-item-title {
    font-size: 1.1875rem;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px
}

.grid-item-title {
    margin-bottom: 0;
    color: #292929;
    line-height: 1.2
}

.grid-item-count {
    font-size: 0.75rem;
    color: rgba(41, 41, 41, .502)
}

.slider-col {
    height: 300px;
    color: #666
}

.slider-col .slider-cat-col, .slider-col .slider-mini-offer-wrapper {
    height: 100%;
    float: left
}

.slider-col .slider-mini-offer-wrapper {
    position: relative;
    z-index: 1;
    width: 55%;
    background-color: #fff
}

.slider-col .mini-offer-slide {
    height: 300px
}

.slider-col-title {
    margin-bottom: 0.8125rem;
    font-size: 1rem;
    color: #282f4b;
    font-weight: 600
}

.slider-col-catlist {
    font-size: 0.875rem
}

.slider-col-catlist li {
    margin-bottom: 0.5625rem
}

.slider-col-catlist li a {
    color: inherit
}

.slider-col-catlist li a:focus, .slider-col-catlist li a:hover {
    color: #2aa5e1;
    text-decoration: none
}

.slider-cat-col {
    position: relative;
    z-index: 2;
    width: 45%;
    background-color: #fff;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
    padding: 13px 18px 50px
}

.slider-cat-col:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent
}

.slider-cat-col .more-cat-link {
    position: absolute;
    left: 20px;
    bottom: 20px
}

.more-cat-link {
    color: inherit;
    text-transform: uppercase;
    font-size: 0.875rem
}

.more-cat-link:focus, .more-cat-link:hover {
    text-decoration: none
}

.slider-mini-offer-wrapper {
    background-repeat: no-repeat;
    background-size: cover
}

.slider-mini-offer-wrapper .min-arrow {
    position: absolute;
    z-index: 3;
    bottom: 19px;
    opacity: .8;
    transition: .2s;
    widows: 10px;
    height: 20px
}

.slider-mini-offer-wrapper .min-arrow:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid
}

.slider-mini-offer-wrapper .min-arrow.slick-prev {
    left: 0
}

.slider-mini-offer-wrapper .min-arrow.slick-prev:after {
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent
}

.slider-mini-offer-wrapper .min-arrow.slick-next {
    right: 0
}

.slider-mini-offer-wrapper .min-arrow.slick-next:after {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff
}

.slider-mini-offer-wrapper .min-arrow:hover {
    opacity: 1
}

.slider-mini-offer-wrapper .slick-dots {
    z-index: 2;
    width: 100%;
    position: absolute;
    bottom: 20px;
    pointer-events: none
}

.slider-mini-offer-wrapper .slick-dots li {
    pointer-events: visible
}

.mini-offer-slide {
    padding: 0 9px 50px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 1rem
}

.mini-offer-slide .product-img {
    position: relative;
    padding: 0;
    margin-bottom: 2rem;
    height: auto
}

.mini-offer-slide .product-img .price-smutch {
    position: absolute;
    bottom: -22px;
    right: 22px
}

.mini-offer-slide .product-content {
    line-height: 1.2
}

.mini-offer-slide .product-form {
    display: block;
    font-size: 0.875rem;
    font-weight: 700
}

.mini-offer-slide.padd-top-slide {
    padding-top: 50px
}

.purpose-grid {
    margin-left: -0.375rem;
    margin-right: -0.375rem
}

.purpose-col {
    padding-left: 6px;
    padding-right: 6px
}

.purpose-item {
    padding: 5px 15px;
    height: 90px;
    color: inherit
}

.purpose-item.high-item {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 396px;
    text-align: center
}

.purpose-item:focus, .purpose-item:hover {
    color: inherit
}

.purpose-item:focus .purpose-item-title, .purpose-item:hover .purpose-item-title {
    text-decoration: underline
}

.purpose-item:focus.grid-item-inner, .purpose-item:hover.grid-item-inner {
    text-decoration: none;
    opacity: .8;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .28)
}

.purpose-item.brand-item {
    background: #fff;
    border: 1px solid #f4f4f4
}

.purpose-item-image {
    width: 65px;
    padding-right: 10px
}

.purpose-item-title {
    margin-bottom: 0.3125rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1
}

.purpose-item-alt-title {
    color: #666
}

.purpose-item-count {
    font-size: 0.8125rem;
    color: rgba(41, 41, 41, .502)
}

.purpose-part {
    padding: 50px;
    padding-bottom: 25px;
    margin-bottom: 1.5625rem;
    text-align: center;
    color: #fff;
    border-bottom: 1px dashed transparent
}

.purpose-part .purpose-item-count {
    color: inherit;
    font-size: 0.875rem
}

.purpose-part.dashed {
    border-bottom-color: #fff
}

.image-cat {
    position: absolute;
    top: 10px;
    left: 10px
}

.main-section + .main-section {
    margin-top: 2.625rem
}

.recc-product-slide {
    margin-top: 1.25rem;
    float: left;
    width: 50%
}

.hover-item {
    -webkit-perspective: none;
    perspective: none
}

.hover-item .for-transform {
    position: relative;
    z-index: 3;
    transition: .7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

.hover-item .for-transform .product-flip-area {
    margin: 0;
    display: block;
    z-index: 2;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-backface-visibility: visible
}

.product-item .for-transform .product-flip-area {
    position: relative
}

.product-item .for-transform .product-flip-area.product-item-overview {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.product-item .for-transform .product-flip-area.product-order-overview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    overflow: hidden
}

.product-item .for-transform.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.product-item .for-transform.flipped .product-flip-area.product-item-overview {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.product-item .for-transform.flipped .product-flip-area.product-order-overview {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.dd-product-row .for-transform .product-flip-area, .product-slide-item .for-transform .product-flip-area {
    position: relative
}

.dd-product-row .for-transform .product-flip-area.product-item-overview, .product-slide-item .for-transform .product-flip-area.product-item-overview {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.dd-product-row .for-transform .product-flip-area.product-order-overview, .product-slide-item .for-transform .product-flip-area.product-order-overview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.dd-product-row .for-transform.flipped, .product-slide-item .for-transform.flipped {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.dd-product-row .for-transform.flipped .product-flip-area.product-item-overview, .product-slide-item .for-transform.flipped .product-flip-area.product-item-overview {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg)
}

.dd-product-row .for-transform.flipped .product-flip-area.product-order-overview, .product-slide-item .for-transform.flipped .product-flip-area.product-order-overview {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.flipped .product-order-overview, .product-item-overview {
    visibility: visible
}

.flipped .product-order-overview, .flipped .product-otem-overview, .product-item-overview, .product-order-overview {
    -webkit-animation: stayvisible .5s both;
    animation: stayvisible .5s both;
    -ms-animation: donothing .5s;
    -ms-transition: visibility 0s linear .17s
}

.flipped .product-otem-overview, .product-order-overview {
    visibility: hidden
}

@keyframes stayvisible {
    0% {
        visibility: visible
    }
    to {
        visibility: visible
    }
}

@-ms-keyframes donothing {
}

.product-flip-area {
    padding: 20px;
    background: #fff
}

.product-order-overview {
    padding: 17px 20px;
    background-color: #f9f9f9;
    text-align: center
}

.product-order-overview .product-img {
    position: relative;
    padding: 15px 0 5px;
    height: auto
}

.product-order-overview .product-img img {
    opacity: .09
}

.product-order-overview .product-title {
    margin-bottom: 0.3125rem;
    font-size: 1rem;
    color: #333
}

.product-order-overview .product-descr {
    margin: 0 auto
}

.product-order-overview .product-newprice {
    font-size: 1.6875rem;
    margin-right: 0.3125rem
}

.product-order-overview .product-oldprice {
    font-size: 1.125rem
}

.product-order-overview .product-price-panel {
    margin: 0.9375rem 0
}

.product-flip-area-inner {
    position: relative
}

.price-smutch {
    width: 97px;
    height: 40px;
    line-height: 2.5rem;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/smuch.png);
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff
}

.price-smutch.min-smutch {
    width: 63px;
    height: 27px;
    line-height: 1.4375rem;
    font-size: 0.875rem;
    color: #fffede;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/min-smuch.png)
}

.price-label { /*font-weight:700;text-transform:lowercase;*/
    font-size: 0.8125rem
}

.price, .pricesall {
    display: inline-block;
    vertical-align: top;
    font-weight: 600
}

.price.big-price {
    font-size: 1.3125rem
}

.product-price {
    font-size: 1.4375rem;
    line-height: 1;
}

.product-oldprice {
    line-height: 1.1;
    text-decoration: line-through
}

.product-newprice {
    color: #f33;
    font-weight: 600;
    font-size: 1.4375rem;
    line-height: 1
}

.price, .product-newprice, .product-oldprice, .product-price {
    white-space: nowrap;
    vertical-align: middle
}

.coll-item-order-price .price:after, .product-newprice.dd-new-price:after, .product-price-panel .product-price.price:after, .order-price-col .product-price.price:after, .product-bottom-panel .product-price.price:after, .product-price.dd-price:after, .basket-dl .price:after, .basket-dl .price.product-price:after, .order-sidebar-footer .price.product-price:after, .order-sidebar-footer .price:after, .float-xs-left.product-prices-box .product-price.dd-price:after, .order-sidebar-body-inner .table .dd-product-price-panel .product-price.dd-price:after {
    margin-left: 0px;
}

.price:after, .product-price.price:after, .product-newprice:after, .dd-product-price-panel .product-price.dd-price:after, .product-oldprice:after, .product-price:after {
    margin-left: -4px;
}

.delivery-table .price:after, .dtc .price:after, .weight-pay .price:after {
    margin-left: -2px;
}

.mini-ruble {
    font-size: 95%;
    margin-left: 2px;
}

/*
.price:after, .product-newprice:after, .product-oldprice:after, .product-price:after {
    content: "₽";
    font-family: rouble, sans-serif !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1
}
*/
.dd-product-row {
    position: relative;
    margin-bottom: 0.9375rem;
    box-shadow: none;
    background: #fff
}

.dd-product-row .product-flip-area {
    padding: 10px
}

.dd-product-row .product-item-overview .dd-product-content {
    margin-left: 4.1875rem
}

.dd-product-row .product-order-overview {
    text-align: left
}

.dd-product-row.no-title-item {
    height: 90px;
    margin: 0.9375rem 0.625rem
}

.dd-product-img {
    float: left
}

.dd-product-content {
    position: relative;
    font-size: 0.8125rem;
    line-height: 1
}

.dd-product-topic {
    display: block
}

.dd-product-topic:focus, .dd-product-topic:hover {
    text-decoration: none
}

.dd-product-topic:focus .dd-product-descr, .dd-product-topic:focus .dd-product-title, .dd-product-topic:hover .dd-product-descr, .dd-product-topic:hover .dd-product-title {
    color: #2aa5e1
}

.dd-product-title {
    font-weight: 500;
    color: #000
}

.dd-product-title a {
    color: inherit
}

.dd-product-descr {
    display: block;
    margin: 0.4375rem 0;
    color: #666;
    line-height: 1.3;
    height: 33px;
    overflow: hidden
}

.dd-product-price-panel .product-prices-box {
    padding: 0 14px 0 0
}

.dd-product-price-panel .dd-price {
    font-size: 1.25rem;
    margin-top: 0.1875rem
}

.dd-product-price-panel .dd-old-price {
    font-size: 0.8125rem
}

.dd-product-price-panel .dd-new-price {
    font-size: 1.25rem
}

.dd-product-price-panel .inbasket-link, .dd-product-price-panel .number-plus-minus, .dd-product-price-panel .price-label + .dd-old-price {
    margin-top: 0.1875rem
}

.product-slide-item {
    position: relative;
    padding: 0;
    background-color: #fff;
    float: left;
    width: 48.8%;
    margin: 0 1.2% 0.8125rem 0;
    visibility: hidden
}

.product-slide-item .product-item {
    margin-bottom: 0
}

.product-slide-item .product-img {
    float: left;
    padding: 0;
    width: 120px
}

.product-slide-item .product-content {
    margin-left: 8.125rem
}

.product-slide-item .product-descr {
    margin: 0.5625rem 0
}

.product-slide-item .product-brand {
    margin-bottom: 0.625rem
}

.product-slide-item .product-prices-box {
    float: left
}

.product-slide-item .product-item-overview {
    padding-left: 20px
}

.product-slide-item .product-item-overview .product-img {
    height: 114px
}

.product-slide-item .product-item-overview .product-img img {
    max-height: 114px;
    max-width: 120px
}

.product-slide-item .product-item-overview .product-topic {
    margin: 0 3.125rem 1.25rem 0
}

.product-slide-item .product-order-overview .product-img {
    padding: 0;
    height: 84px
}

.product-slide-item .product-order-overview .product-img img {
    max-height: 84px;
    max-width: 120px
}

.product-slide-item .product-order-overview .product-descr {
    max-width: none
}

.product-slide-item .product-order-overview .product-prices-box {
    padding-top: 0
}

.product-slide-item .product-order-overview .product-price-panel {
    margin: 0
}

.slick-slider .product-slide-item {
    visibility: visible
}

.product-floated:after {
    content: "";
    display: table;
    clear: both
}

.product-floated .product-content, .product-floated .product-img {
    display: inline-block;
    vertical-align: top;
    width: 115px
}

.product-floated .product-content img, .product-floated .product-img img {
    width: 94px
}

.product-floated .product-img {
    margin: 0.4375rem 0 0.875rem
}

.product-floated .product-content {
    text-align: left
}

.product-floated .product-content .price-smutch {
    margin-top: 0.3125rem
}

.complex-item {
    height: 293px
}

.complex-item.medium-item {
    height: 141px
}

.product-item {
    position: relative;
    margin-bottom: 1.875rem
}

.product-item .dd-product-row {
    margin: 0;
    height: 80px
}

.product-item .dd-product-row .dd-product-descr {
    margin-top: 0
}

.product-item .product-item-overview .product-img {
    height: 180px
}

.product-item .product-order-overview .product-img {
    height: 114px
}

.product-item .product-order-overview .product-added-to-basket {
    position: absolute;
    top: 50%;
    font-size: 1.125rem;
    width: 100%;
    left: 0;
    text-align: center;
    line-height: 1;
    margin: 0
}

.hover-item {
    z-index: 1
}

.hover-item .product-basket-btn {
    margin: 0.3125rem 0
}

.hover-item .new-product-basket-btn {
    margin: 0.3125rem 0
}

.hover-item .product-fav-link {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    opacity: 0
}

.hover-item .product-fav-link.active {
    opacity: 1;
    visibility: visible
}

.hover-item > .for-transform > .product-item-overview {
    box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    transition: box-shadow .2s
}

.hover-item > .for-transform:not(.flipped):hover {
    z-index: 3
}

.hover-item > .for-transform:not(.flipped):hover > .product-item-overview {
    box-shadow: 0 3px 9px rgba(0, 0, 0, .22)
}

.hover-item > .for-transform:not(.flipped):hover .product-fav-link {
    opacity: 1
}

.hover-item > .for-transform:not(.flipped):hover .product-fav-link, .hover-item > .for-transform:not(.flipped):hover .product-rating-box {
    visibility: visible
}

.hover-item > .for-transform:not(.flipped):hover .product-basket-btn {
    background-color: #76d4e3;
    border-color: transparent;
    color: #fff
}

.hover-item > .for-transform:not(.flipped):hover .product-basket-btn:focus, .hover-item > .for-transform:not(.flipped):hover .product-basket-btn:hover {
    background: #a0e1ec;
    border-color: #a0e1ec
}

.hover-item > .for-transform:not(.flipped):hover .product-basket-btn.preorder-btn {
    background-color: #66c99d
}

.hover-item > .for-transform:not(.flipped):hover .product-basket-btn.preorder-btn:focus, .hover-item > .for-transform:not(.flipped):hover .product-basket-btn.preorder-btn:hover {
    border-color: #8cd6b5;
    background: #8cd6b5
}

.product-basket-btn {
    padding-left: 21px;
    padding-right: 21px;
    width: 125px
}

.product-basket-btn:focus, .product-basket-btn:hover {
    color: #fff;
    background: #a0e1ec;
    border-color: #a0e1ec
}

.product-basket-btn.preorder-btn {
    color: #66c99d;
    border-color: #66c99d
}

.product-basket-btn.preorder-btn:focus, .product-basket-btn.preorder-btn:hover {
    border-color: #8cd6b5;
    background: #8cd6b5
}

.product-added-to-basket {
    margin: 0.625rem 0
}

.product-item-overview {
    position: relative;
    z-index: 3;
    padding: 20px;
    background-color: #fff
}

.product-item-overview .product-img img {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 180px;
    max-height: 180px;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

.product-item-overview:hover .product-img img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.product-item-overview:hover .product-label {
    opacity: 0
}

.quick-info-label {
    z-index: 2;
    bottom: 1px;
    left: 50%;
    margin-left: -4.375rem;
    width: 140px;
    height: 26px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.625rem;
    background: #ff5f6b;
    border-radius: 0 0 2px 2px;
    cursor: pointer;
    transition: bottom 175ms cubic-bezier(.32, .22, .35, .98) .25s
}

.quick-info, .quick-info-label {
    position: absolute;
    font-size: 0.8125rem;
    overflow: hidden
}

.quick-info {
    left: 0;
    bottom: 0;
    z-index: 4;
    background: #fff;
    color: #a0b2b8;
    line-height: 1rem;
    text-align: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 0;
    width: 100%;
    transition: height .2s ease-out .15s
}

.quick-info:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -0.25rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3.5px 4px;
    border-color: transparent transparent #ff5f6b
}

.quick-info .quick-info-inner {
    padding: 15px 0
}

.expanded .quick-info {
    height: 100%
}

.quick-info-title {
    margin-bottom: 1.25rem;
    text-align: center;
    font-size: 1rem;
    color: #002c3c;
    font-weight: 600
}

.quick-info-title .tooltip-icon {
    margin-left: 0.625rem
}

.product-item:hover .quick-info-label {
    bottom: -26px;
    transition-delay: .3s
}

.product-item.flipped-item .quick-info-label {
    visibility: hidden
}

.economy {
    color: #ff5f6b;
    font-weight: 600;
    font-size: 0.875rem
}

.product-img {
    position: relative;
    text-align: center;
    padding-top: 37px
}

.product-img img {
    max-height: 100%
}

.product-img.height-image {
    height: 190px
}

.product-brand {
    min-height: 22px;
    margin-bottom: 0.375rem;
    font-weight: 500;
    color: #666;
    font-size: 0.875rem
}

.product-analogs-link, .product-brand-link {
    color: #666
}

.product-analogs-link:focus, .product-analogs-link:hover, .product-brand-link:focus, .product-brand-link:hover {
    text-decoration: none
}

.product-analogs-link {
    font-size: 0.75rem
}

.product-title {
    font-size: 1.0625rem;
    font-weight: 500;
    line-height: 1
}

.dd-product-title, .product-brand, .product-title-link { /*overflow:hidden;*/
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    max-width: 100%
}

.dd-product-title, .product-brand, .product-title-link {

}

td .product-brand, td .product-title-link {
    white-space: normal
}

.product-title-link {
    display: inline-block;
    vertical-align: top;
    color: #333
}

.product-title-link:focus, .product-title-link:hover {
    text-decoration: none
}

.product-topic {
    margin: 0.3125rem 0
}

a.product-topic {
    display: block
}

a.product-topic:focus, a.product-topic:hover {
    text-decoration: none
}

a.product-topic:focus .product-descr, a.product-topic:focus .product-title-link, a.product-topic:hover .product-descr, a.product-topic:hover .product-title-link {
    color: #2aa5e1
}

.product-descr {
    height: 56px;
    overflow: hidden;
    font-size: 0.8125rem;
    line-height: 1.4;
    color: #666
}

td .product-descr {
    height: auto
}

.product-fav-link {
    display: inline-block;
    vertical-align: middle;
    width: 41px;
    height: 37px;
    background-repeat: no-repeat;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons.png);
    background-position: -101px -5px;
    transition: opacity .2s
}

.product-fav-link.active {
    background-position: -151px -5px
}

.product-rating-box {
    visibility: hidden;
    margin-top: 0.3125rem
}

.catalog-main-page-box {
    margin-top: 0
}

.product-labels-col {
    position: absolute;
    width: 53px;
    left: 0;
    top: 0;
    z-index: 2
}

.product-label {
    position: relative;
    width: 53px;
    height: 53px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 0.625rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    transition: all .2s ease
}

.product-label .product-label-inner {
    position: absolute;
    padding: 5px;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-label.best-price {
    background-color: #ff5f6b
}

.product-label.product-of-day {
    background-color: #79d4ab
}

.product-label.sales-hit {
    background-color: #76d4e3
}

.product-label.sale-again {
    background-color: orange
}

.product-label + .product-label {
    margin-top: 0.375rem
}

.all-forms-link-box {
    margin-top: 0.9375rem
}

.extra-load-button {
    margin-top: 1.25rem;
    padding: 12px 0;
    border-radius: 5px
}

.main-footer {
    padding: 80px 0;
    color: #666;
    font-size: 0.875rem;
    line-height: 1.45;
    background-color: #f3f1ed
}

.main-footer p {
    margin: 0.5625rem 0
}

.footer-col {
    float: left;
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
    padding-left: 15px;
    padding-right: 15px
}

.footer-col + .footer-col {
    border-left: 1px solid #e0e0e0
}

.main-footer-col-inner {
    padding: 0 15px
}

.main-footer-header {
    margin-bottom: 2.0625rem;
    color: #666;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.0875rem
}

.footer-company-descr {
    padding-right: 20px;
    margin: 1.75rem 0
}

.footer-address {
    padding-top: 8px
}

.copyright, .regime-of-work {
    margin-top: 1.25rem
}

.footer-location-town {
    font-size: 1rem;
    color: #2f2f2f
}

.footer-search-input {
    padding-right: 35px;
    border: none;
    border-radius: 2px;
    background: #d8d8d8 url(/local/templates/wer_rediz_2021/css/../images/search.png) no-repeat right 15px center;
    background-size: 11px 11px
}

.footer-tel-link[href^="tel:"] {
    color: #2f2f2f;
    font-size: 1.375rem
}

.footer-tel {
    padding: 2px 0 0
}

.footer-tel p {
    line-height: 1;
    margin: 0.5rem 0
}

.banner-row {
    background-repeat: no-repeat;
    background-size: cover;
    margin: 2.5rem 0
}

.banner-content {
    color: #fff;
    padding: 15px 30px
}

.banner-title {
    font-size: 2.25rem;
    font-weight: 200;
    border-bottom: 2px solid #fff
}

.banner-btn {
    width: 125px;
    font-size: 1rem
}

.follower-discounts {
    text-align: center;
    padding: 36px 0;
    background-size: cover;
    background-image: url(/local/templates/wer_rediz_2021/css/../uploads/poly.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed
}

.follower-discounts .bold-heading {
    margin: 0 0 1.25rem;
    color: #fff
}

.follower-discounts .btn-got-discount {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 1rem
}

.follower-discounts .form-control {
    display: inline-block;
    border-width: 2px;
    border: none;
    font-size: 1.25rem
}

.subscribe-row {
    width: 70%;
    margin: 0 auto
}

.short-gap-col {
    padding-left: 8px;
    padding-right: 8px
}

.header-sorting {
    margin-top: 0.25rem
}

.sort-label {
    font-size: 0.9375rem;
    color: #002c3c;
    font-weight: 400
}

.toggler-icon-wrapper {
    white-space: nowrap
}

.toggler-icon-wrapper.filter-toggle-wrapper {
    padding: 0 5px
}

.toggler-label {
    font-weight: 500;
    margin-right: 0;
    color: #999;
    transition: .2s
}

.toggler-label.selected {
    color: #000
}

.toggler-label:focus, .toggler-label:hover {
    color: #222
}

.filters-panel-wrapper {
    margin: 0 7.5rem 0 5rem
}

.filters-panel-wrapper > * {
    margin: 0 0 0.625rem 0.4375rem
}

.fil-button-dropdown-wrapper {
    font-size: 0.875rem
}

.fil-button-dropdown-wrapper .sort-label {
    float: left;
    margin-top: 0.0625rem;
    cursor: default
}

.fil-button-dropdown-wrapper.underheader-filter {
    margin-top: -1.25rem
}

.fil-button-dropdown-wrapper .clear-filters {
    float: right;
    margin-top: 0
}

.clear-filters {
    color: #2aa5e1
}

.fil-button-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    max-width: calc(100% - 10px)
}

.fil-button-dropdown.fil-button-dropdown-active .fil-button-dropdown-inner {
    padding: 0 6px;
    margin-right: 1.9375rem;
    border-color: #e7e7e7
}

.fil-button-dropdown.fil-button-dropdown-active .fil-button-dropdown-inner .fil-button-dropdown-text {
    color: #333
}

.fil-button-dropdown.fil-button-dropdown-active .fil-button-dropdown-inner .fil-button-dropdown-text:after {
    display: none
}

.fil-button-dropdown.fil-button-dropdown-active .close-filter-item {
    display: block
}

.fil-button-dropdown-inner {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0 4px;
    max-width: 100%;
    line-height: 1.5625rem;
    text-decoration: none;
    border: 1px solid transparent;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fil-button-dropdown-inner:focus, .fil-button-dropdown-inner:hover {
    text-decoration: none
}

.fil-button-dropdown-inner.fil-button-dropdown-open .filter-popover {
    display: block
}

.fil-button-dropdown-inner.fil-button-dropdown-inner-disabled .fil-button-dropdown-text {
    opacity: .7;
    box-shadow: none;
    cursor: default;
    pointer-events: none
}

.fil-button-dropdown-inner.fil-button-dropdown-inner-disabled .fil-button-dropdown-text:after {
    display: none
}

.fil-button-dropdown-text {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    color: #777;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.8125rem;
    cursor: pointer;
    transition: .2s
}

.fil-button-dropdown-text:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.3125rem;
    width: 12px;
    height: 6px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/search-arrow.png)
}

.fil-button-dropdown-text:focus, .fil-button-dropdown-text:hover {
    color: #222
}

.close-filter-item {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 31px;
    height: 100%;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #e7e7e7;
    background: #fcfcfc url(/local/templates/wer_rediz_2021/css/../images/close-filter.png) no-repeat 50%
}

.filter-popover {
    display: none;
    position: absolute;
    z-index: 105;
    min-width: 218px;
    top: 40px;
    left: 50%;
    margin: 0 0 0 -6.625rem;
    padding: 0;
    background: #fff;
    text-align: left;
    list-style-type: none;
    font-size: 0.8125rem;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .25);
    border: none
}

.filter-popover.filter-popover-wide {
    min-width: 255px
}

.filter-popover:before {
    top: -10px;
    background: 0 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid #fff;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    margin-left: -1.25rem
}

.filter-popover:after, .filter-popover:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%
}

.filter-popover:after {
    z-index: -1;
    width: 6px;
    height: 6px;
    top: -4px;
    margin-left: -0.1875rem;
    border-radius: 100%;
    box-shadow: 0 -2px 8px 1px rgba(0, 0, 0, .25)
}

.filter-popover .scroll {
    position: relative;
    max-height: 270px
}

.filter-popover .scroll.mCustomScrollbar:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    height: 15px;
    left: 0;
    width: 100%;
    bottom: 0;
    border-radius: 0 0 6px 6px;
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
}

.filter-popover-inner {
    list-style-type: none;
    padding: 20px
}

.filter-popover-title {
    font-size: 0.8125rem;
    color: #999;
    margin-bottom: 0.625rem
}

.filter-popover-advanced {
    padding: 20px;
    border-bottom: 1px solid #eee
}

.filter-popover-searchform + .filter-popover-advanced-checkall {
    margin: 0.625rem 0 0
}

.filter-advanced-checkall-link {
    color: #777;
    margin: 0.625rem;
    transition: color .2s linear
}

.fp-list-item {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.2
}

.fp-list-item label {
    margin-bottom: 0
}

.fp-list-item + .fp-list-item {
    margin: 0.6875rem 0 0
}

.fp-list-item-label:focus, .fp-list-item-label:hover {
    color: inherit;
    text-decoration: none
}

.filter-popover-submit-inner {
    padding: 20px;
    border-top: 1px solid #eee
}

.filter-popover-search-inner {
    padding: 20px;
    border-bottom: 1px solid #eee
}

.mobile-filter-overlay-inner .filters-panel-wrapper {
    padding-left: 0;
    margin: 0
}

.mobile-filter-overlay-inner .fil-button-dropdown {
    position: relative;
    display: block;
    margin: 0;
    border: 1px solid #e7e7e7;
    border-radius: 23px;
    white-space: normal;
    cursor: pointer
}

.mobile-filter-overlay-inner .fil-button-dropdown.fil-button-dropdown-active .fil-button-dropdown-inner {
    padding: 20px;
    border-color: transparent;
    margin: 0
}

.mobile-filter-overlay-inner .fil-button-dropdown .filter-popover {
    min-width: 0;
    margin-top: 1.25rem;
    position: static;
    -webkit-transform: none;
    transform: none;
    box-shadow: none
}

.mobile-filter-overlay-inner .fil-button-dropdown .filter-popover:after, .mobile-filter-overlay-inner .fil-button-dropdown .filter-popover:before {
    display: none
}

.mobile-filter-overlay-inner .fil-button-dropdown .scroll {
    max-height: none
}

.mobile-filter-overlay-inner .fil-button-dropdown .scroll:before {
    display: none
}

.mobile-filter-overlay-inner .fil-button-dropdown + .fil-button-dropdown {
    margin: 1.25rem 0
}

.mobile-filter-overlay-inner .fil-button-dropdown:last-child {
    margin-bottom: 0
}

.mobile-filter-overlay-inner .filter-popover-inner, .mobile-filter-overlay-inner .filter-popover-search-inner {
    padding: 10px 0 0
}

.mobile-filter-overlay-inner .fp-list-item-label {
    display: inline-block
}

.mobile-filter-overlay-inner .filter-popover-submit-inner {
    padding: 20px 0;
    border: none
}

.mobile-filter-overlay-inner .filter-popover-submit-inner .btn {
    width: auto
}

.mobile-filter-overlay-inner .fp-list-item {
    display: inline-block;
    width: 100%;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column
}

.mobile-filter-overlay-inner .fil-button-dropdown-text {
    display: block;
    font-size: 1.125rem;
    max-width: calc(100% - 60px);
    white-space: normal
}

.mobile-filter-overlay-inner .fil-button-dropdown-inner {
    position: relative;
    display: block;
    padding: 20px
}

.mobile-filter-overlay-inner .fil-button-left, .mobile-filter-overlay-inner .fil-button-right {
    border-radius: 3px
}

.mobile-filter-overlay-inner .filter-popover-advanced {
    padding: 0 0 10px
}

.mobile-filter-overlay-inner .close-filter-item {
    position: absolute;
    z-index: 2;
    top: 15px;
    right: 20px;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    line-height: 2.25rem;
    text-align: center;
    border-width: 1px
}

@media (min-width: 768px) and (max-width: 991px) {
    .mobile__multicolumn {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 12px;
        column-gap: 12px
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .mobile__multicolumn {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 12px;
        column-gap: 12px
    }
}

.toggler-section {
    padding-top: 5px
}

.filter-sort-row {
    padding: 15px 20px;
    background: #fcfcfc;
    font-size: 0.875rem
}

.sort-list {
    display: inline-block;
    color: #999;
    font-size: 0.875rem;
    margin: 0 0 0 -0.625rem
}

.price-sort-link {
    padding-right: 15px
}

.price-sort-link.desc {
    background: url(/local/templates/wer_rediz_2021/css/../images/desc.svg) no-repeat right 55%
}

.price-sort-link.asc {
    background: url(/local/templates/wer_rediz_2021/css/../images/asc.svg) no-repeat right 55%
}

.sort-filter-item {
    display: inline-block;
    margin-left: 1.875rem
}

.sort-filter-link {
    color: inherit
}

.sort-filter-link:hover {
    color: #2aa5e1
}

.filter-view-toggler {
    display: inline-block;
    margin: 0 0.9375rem 0.9375rem
}

.items-view-link {
    position: relative;
    display: block;
    float: left;
    height: 40px;
    width: 40px;
    margin-left: 0.5625rem;
    border: 2px solid #e7e7e7
}

.items-view-link .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.4375rem 0 0 -0.5625rem;
    width: 17px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons.png)
}

.items-view-link .grid-view {
    background-position: -324px -5px
}

.items-view-link .list-view {
    background-position: -272px -5px
}

.items-view-link.active, .items-view-link:hover {
    border-color: #a4e2ec
}

.items-view-link.active .grid-view, .items-view-link:hover .grid-view {
    background-position: -351px -5px
}

.items-view-link.active .list-view, .items-view-link:hover .list-view {
    background-position: -298px -5px
}

.show-all-wrapper {
    padding-top: 16px
}

.show-all-wrapper p {
    margin-bottom: 0.625rem
}

.underheader-row {
    margin: 0.9375rem 0 0.9375rem -0.9375rem
}

.underheader-item {
    display: inline-block;
    margin-left: 0.9375rem;
    color: #999
}

.underheader-link, .underheader-link:focus, .underheader-link:hover {
    text-decoration: none
}

.underheader-link.active .underheader-link-text {
    color: #999;
    border-color: transparent
}

.count-round {
    margin-left: 0.625rem;
    min-width: 25px;
    padding: 0 3px;
    height: 25px;
    border-radius: 15px;
    line-height: 1.625rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: #66c99d;
    text-align: center
}

.count-round, .release-form-wrap {
    display: inline-block;
    vertical-align: middle
}

.release-form-wrap {
    font-weight: 600;
    font-size: 1rem
}

.brand-logo {
    position: absolute;
    bottom: 0;
    right: 15px
}

.product-card-main-information {
    margin-top: 1.25rem;
    margin-bottom: 2.1875rem
}

.prod-full-images {
    position: relative;
    min-height: 195px;
    margin-bottom: 1.25rem
}

.sticky-el {
    padding: 15px 0
}

.sticky-el.fixed {
    position: fixed;
    z-index: 109;
    left: 0;
    width: 100%;
    margin: 0;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb
}

.full-images-tabs {
    margin-top: 0.75rem;
    border: none
}

.full-images-tabs .nav-item .nav-link {
    padding: 0;
    border: none
}

.full-images-tabs .nav-item + .nav-item {
    margin-left: 0
}

.prod-case-row {
    max-width: 290px;
    margin: 1.25rem -0.3125rem
}

.prod-case-col {
    float: left;
    margin: 0.3125rem;
    width: 36px
}

.info-box {
    margin: 0 0 1.6875rem;
    font-size: 0.875rem
}

.warning-box {
    min-height: 30px
}

.warning-box .icon {
    float: left
}

.warning-box span {
    display: block;
    padding-top: 5px;
    margin-left: 2.8125rem
}

.prop-dl {
    font-size: 1rem;
    margin-bottom: 0.4375rem
}

.prop-dl dt {
    font-weight: 400
}

.prop-dl dd {
    color: #999
}

.prop-dl dd, .prop-dl dt {
    margin-bottom: 0.375rem
}

.amount-line {
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    height: 15px;
    background: url(/local/templates/wer_rediz_2021/css/../images/amount-empty.png) repeat-x
}

.amount-line .amount-line-inner {
    height: 100%;
    width: 0;
    background: url(/local/templates/wer_rediz_2021/css/../images/amount-fill.png) repeat-x
}

.amount-line.big-line {
    height: 20px
}

.order-panel .h2 {
    font-size: 1.3125rem;
    font-weight: 400
}

.order-panel .btn {
    width: 185px
}

.order-panel .form-control {
    height: 38px
}

.order-panel .product-fav-link {
    margin-left: 0.3125rem
}

.order-panel .economy {
    font-size: 0.9375rem
}

.order-panel-row {
    margin-bottom: 0.9375rem
}

.order-panel-col-wrapper {
    margin-left: -2%
}

.order-panel-col {
    float: left;
    margin-left: 2%
}

.order-price-col {
    min-width: 110px
}

.prod-release-forms-header {
    padding: 13px;
    text-align: center;
    background-color: #fafafa
}

.prod-release-forms-header .h3, .prod-release-forms-header h3 {
    margin-bottom: 0
}

.prod-release-forms-inner {
    height: 485px;
    overflow: auto;
    padding: 25px 0 25px 25px
}

.product-delivery-section {
    margin-bottom: 2.1875rem;
    border: 1px solid #ebebeb;
    border-radius: 2px;
}

.product-delivery-section .table, .product-delivery-section .table td[colspan="2"] {
    border: none
}

.product-delivery-header {
    font-size: 1.125rem;
    border-radius: 6px 6px 0 0;
    padding: 15px 20px;
    background-color: #fafafa
}

.product-delivery-header .delivery-choice {
    float: left
}

.delivery-choice {
    font-size: 1.125rem
}

.view-all-deliv-cond {
    float: right;
    text-align: right;
    max-width: 48%
}

.delivery-table {
    margin: 0
}

.delivery-table tr {
    cursor: pointer
}

.delivery-table tr:hover {
    background-color: #fafafa
}

.delivery-table p {
    margin-bottom: 0.3125rem;
    line-height: 1.2
}

.delivery-table td {
    padding: 15px;
    color: #999
}

.product-delivery-body {
    border-width: 1px 0;
    border-style: solid;
    border-color: #ebebeb
}

.product-delivery-body > .delivery-table tbody tr:first-child td {
    border-top: 0
}

.scroll-offer-body-inner {
    max-height: 530px
}

.delivery-meth-title {
    font-size: 1rem;
    color: #002c3c
}

.delivery-meth-descr {
    font-size: 0.875rem;
    color: #999;
}

.delivery-meth-td {
    width: 50%;
    font-size: 1rem
}

.delivery-descr-td {
    width: 30%
}

.delivery-price-td {
    width: 20%;
    text-align: right
}

.delivery-price-td .price {
    display: block
}

.delivery-price-td .product-oldprice {
    margin-bottom: 0.1875rem
}

.sidebar-delivery .delivery-meth-td {
    width: 90%
}

.sidebar-delivery .delivery-meth-td, .sidebar-delivery .delivery-price-td {
    padding-bottom: 10px
}

.sidebar-delivery .delivery-descr-td {
    padding-top: 0;
    margin-top: 0.625rem;
    width: auto;
    font-size: 0.875rem
}

.sidebar-delivery .delivery-price-td {
    width: auto
}

.delivery-descr-box {
    display: none
}

.product-instructions-section {
    margin: 1.125rem 0
}

.product-instructions-box {
    margin-bottom: 1.875rem;
    padding: 30px 40px;
    font-size: 1rem;
    border: 1px solid #edede0;
    background-color: #fafaf2
}

.product-instructions-box.preferential {
    font-size: 13px !important;
    color: #666;
}

.product-instructions-box .h2, .product-instructions-box h2 {
    margin: 1.5625rem 0;
    font-size: 1.375rem
}

.product-instructions-box > .h2:first-child, .product-instructions-box > h2:first-child {
    margin-top: 0
}

.product-instructions-box p {
    margin: 1.875em 0
}

.product-instructions-box p:first-child {
    margin-top: 0
}

.product-instructions-box p:last-child {
    margin-bottom: 0
}

.download-icon {
    margin-right: 0.625rem;
    border-radius: 50%;
    background: #76d4e3 url(/local/templates/wer_rediz_2021/css/../images/download-icon.png) no-repeat 50%;
    width: 40px;
    height: 40px
}

.social-web-ul {
    margin-left: -0.625rem;
    letter-spacing: -.31em
}

.social-web-ul li {
    display: inline-block;
    vertical-align: middle;
    width: 39px;
    height: 39px;
    letter-spacing: normal;
    margin-left: 0.625rem;
    opacity: .8;
    transition: .3s
}

.social-web-ul li a {
    display: block;
    height: 100%;
    background-repeat: no-repeat
}

.social-web-ul li:hover {
    opacity: 1
}

.vk {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/vk.png)
}

.fb {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/facebook.png)
}

.od {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/odnok.png)
}

.show-all-instr {
    margin: 1.875rem 0;
    text-align: center
}

.buy-table {
    table-layout: fixed
}

.buy-table td {
    text-align: center
}

.buy-table .prod-img-td {
    width: 110px;
    text-align: left
}

.buy-table .prod-topic-td {
    text-align: left
}

.buy-table .prod-price-td, .buy-table .prod-topic-time {
    width: 200px
}

.buy-table .prod-count-td {
    width: 130px
}

.buy-table .prod-basket-button-td {
    width: 255px
}

.buy-table .prod-basket-button-td .btn {
    width: 210px
}

.buy-table .prod-oneclick-button-td {
    width: 200px
}

.buy-table .prod-oneclick-button-td .btn {
    width: 175px;
    padding-left: 10px;
    padding-right: 10px
}

.buy-table .prod-count-price-td {
    width: 200px
}

.click-buy-wrapper {
    width: 140px;
    font-size: 0.9375rem;
    text-align: center
}

.click-buy-wrapper .product-basket-btn {
    width: auto;
    margin-bottom: 0.3125rem
}

.product-section {
    margin: 2.8125rem 0;
    font-size: 1rem
}

.product-section:last-child {
    margin-bottom: 0
}

.product-instructions-section {
    position: relative
}

.buy-with-it-col {
    position: static
}

.buy-with-it {
    transition: padding-top .2s
}

.illness-classes {
    margin: 0.9375rem 0
}

.leave-comment-btn {
    margin-bottom: 0.9375rem
}

.leave-comment-form textarea {
    height: 153px
}

.leave-comment-form .form-control {
    background-color: #fbfbfb
}

.leave-comment-form .form-control::-webkit-input-placeholder {
    font-style: italic
}

.leave-comment-form .form-control:-moz-placeholder, .leave-comment-form .form-control::-moz-placeholder {
    font-style: italic
}

.leave-comment-form .form-control:-ms-input-placeholder {
    font-style: italic
}

.leave-comment-form .form-control.placeholder {
    font-style: italic
}

.leave-comment-form .has-danger .form-control {
    border-left: 1px solid #ff5f6b;
    background-color: #fff
}

.leave-comment-form .has-success .form-control {
    border-left: 1px solid #66c99d;
    background-color: #fff
}

.leave-comment-form .rating-box {
    margin-right: 2.5rem
}

.leave-comment-form .rating-box .label {
    font-size: 1rem
}

.send-btn {
    width: 175px;
    margin-left: 1.875rem
}

.comment-item {
    margin: 3.125rem 0;
    font-size: 1rem
}

.comment-item .comment-header {
    color: #004050
}

.comment-item .comment-author {
    font-weight: 600;
    font-size: 1.25rem
}

.comment-item .comment-time {
    display: block;
    margin-bottom: 0.625rem
}

.comment-item .rating-box {
    display: block
}

.comment-item .comment-footer {
    margin-top: 0.9375rem
}

.comment-item .level-item, .comment-item .level-section > *, .comment-item .share-section > * {
    display: inline-block;
    vertical-align: middle
}

.comment-item .level-item {
    margin: 0 0.4375rem;
    color: inherit
}

.comment-item .level-icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 0.3125rem;
    color: #fff;
    line-height: 1rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.875rem
}

.comment-item .level-icon.plus-icon {
    background-color: #66c99d
}

.comment-item .level-icon.minus-icon {
    background-color: #ff5f6b
}

.comment-item .reply-box {
    margin-left: 0.9375rem
}

.comment-item .share-section {
    text-align: right
}

.comment-item .share-section .social-web-ul {
    margin-left: 1.5625rem
}

.comment-item .share-section .social-web-ul li {
    width: 25px;
    height: 25px;
    margin-left: 0.375rem
}

.comment-item .share-section .social-web-ul .vk {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/vk-dark.png)
}

.comment-item .share-section .social-web-ul .fb {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/facebook-dark.png)
}

.comment-item .share-section .social-web-ul .od {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/odnok-dark.png)
}

.full-images-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.full-images-slider.single .full-image-slide:after {
    display: none
}

.slick-initialized .full-image-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.full-image-slide {
    position: relative;
    display: none;
    padding: 10px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.full-image-slide:after {
    content: "";
    display: block;
    position: absolute;
    height: 50px;
    width: 100px;
    top: 50%;
    left: 50%;
    margin: -1.5625rem 0 0 -3.125rem;
    background: url(/local/templates/wer_rediz_2021/css/../images/drag.png) no-repeat;
    opacity: 0;
    transition: opacity .2s
}

.full-image-slide:hover:after {
    opacity: 1
}

.full-image-slide img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-height: 480px
}

.small-images-slider .slick-prev + .slick-list {
    margin: 0 2.1875rem 0 2.125rem
}

.small-images-slider .small-image-slide {
    float: left;
    width: 33.33%;
    cursor: pointer;
    text-align: center
}

.small-images-slider .small-img-wrapper {
    display: block;
    border: 1px solid transparent;
    width: 80px;
    height: 80px;
    line-height: 4.75rem
}

.small-images-slider .small-img-wrapper img {
    max-width: 100%;
    max-height: 100%
}

.item-counts {
    color: #999
}

.offer-col {
    text-align: right
}

.tooltip-box {
    margin-top: 0.3125rem;
    white-space: nowrap
}

.prod-icon {
    width: 36px;
    height: 36px
}

.prod-icon-01.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-01.png)
}

.prod-icon-01.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-01.png)
}

.prod-icon-01.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-01.png)
}

.prod-icon-02.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-02.png)
}

.prod-icon-02.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-02.png)
}

.prod-icon-02.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-02.png)
}

.prod-icon-03.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-03.png)
}

.prod-icon-03.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-03.png)
}

.prod-icon-03.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-03.png)
}

.prod-icon-04.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-04.png)
}

.prod-icon-04.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-04.png)
}

.prod-icon-04.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-04.png)
}

.prod-icon-05.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-05.png)
}

.prod-icon-05.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-05.png)
}

.prod-icon-05.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-05.png)
}

.prod-icon-06.danger-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/red-06.png)
}

.prod-icon-06.warning-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/yellow-06.png)
}

.prod-icon-06.success-tooltip {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/icons/green-06.png)
}

.offset-item.current a {
    color: #ff5f6b;
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #ff5f6b
}

.giftbig-icon {
    width: 61px;
    height: 61px;
    margin-bottom: 1.0625rem;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/giftbig.svg);
    background-size: 61px auto
}

.gift-discount-section, .viewed-section-count {
    text-align: center
}

.gift-discount-section {
    margin-bottom: 1.375rem
}

.viewed-section-count {
    margin-bottom: 1rem
}

.gift-discount-text {
    margin-bottom: 0.125rem;
    line-height: 1.25
}

.gift-discount-per {
    font-size: 1.25rem;
    font-weight: 600
}

.viewed-section-choice {
    margin: 1.4375rem 0 1.125rem
}

.del-icon {
    width: 30px;
    height: 30px;
    background: url(/local/templates/wer_rediz_2021/css/../images/delete-icon.png) no-repeat 50%;
    opacity: .15;
    transition: opacity .5s;
    padding: 0;
    box-shadow: none
}

.del-icon:hover {
    opacity: 1
}

.round-table-wrapper {
    margin-bottom: 2.3125rem;
    border: 1px solid #ebebeb;
    border-radius: 0px
}

.order-panel-row .round-table-wrapper {
    margin-top: 17px;
    margin-bottom: 0px;
    border: 0px;
    border-radius: 0px;
    float: left;
}

.round-table-wrapper .round-table {
    margin: 0;
    border: none
}

.round-table-wrapper .round-table tr:first-child td, .round-table-wrapper .round-table tr:first-child th {
    border-top: none
}

.round-table-wrapper .round-table td:first-child, .round-table-wrapper .round-table td:last-child, .round-table-wrapper .round-table th:first-child, .round-table-wrapper .round-table th:last-child {
    padding-left: 12px;
    padding-right: 12px
}

.round-table-wrapper .round-table td[colspan="7"] {
    border-top: none !important;
    padding-top: 0
}

.round-table-wrapper .round-table .alert {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 7px;
    border: none;
    background-color: transparent;
    font-size: 14px
}

.round-table-wrapper .round-table .alert .small {
    color: #666
}

.round-table-wrapper .round-table .alert + .alert {
    margin-top: 0
}

.alert-max-quantity {
    position: absolute;
    padding: 10px 0;
    width: 103px;
    text-align: center;
    color: #ff5f6b;
    line-height: 1.2;
    bottom: -20px;
}

.reset-basket-btn {
    font-size: 0.9375rem
}

.reset-basket-btn span {
    opacity: .35;
    transition: opacity .5s
}

.reset-basket-btn:hover i, .reset-basket-btn:hover span {
    opacity: 1
}

.clear-basket-row {
    padding: 0 0 5px;
    text-align: right
}

.delete-button-cell {
    width: 30px
}

.promo-gift {
    padding: 0 0 0 52px;
    font-size: 1rem;
    text-align: left;
    color: #66c99d;
    font-weight: 700;
    background: url(/local/templates/wer_rediz_2021/css/../images/gift.png) no-repeat
}

.gift-alert {
    padding-left: 52px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/gift.svg);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-size: 21px 30px
}

.basket-order-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1.25rem 0
}

.basket-order-block {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.basket-order-left-box {
    padding: 24px 21px;
    width: 39.3%;
    border: 1px solid #ebebeb;
    text-align: center
}

.basket-order-left-box .h4 {
    margin-bottom: 1em
}

.basket-order-right-box {
    width: 60.7%;
    padding: 17px;
    font-size: 1rem;
    background-color: #fcfcfc;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #ebebeb;
    box-shadow: -5px -4px 7px 0 rgba(0, 0, 0, .04)
}

.basket-order-right-box .btn-success {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 1rem
}

.basket-order-right-box .btn-warning {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #1a1a1a
}

.basket-order-right-box dd {
    margin-bottom: 0.0625rem
}

.discount-box {
    font-size: 1rem;
    color: #002c3c
}

.discount-icon {
    border-radius: 50%;
    width: 16px;
    margin-right: 0.3125rem;
    font-weight: 500;
    height: 16px;
    background-color: #66c99d;
    line-height: 1.125rem;
    color: #fff;
    text-align: center;
    font-size: 0.8125rem
}

.label-total {
    font-size: 1.5rem;
    font-weight: 700
}

.assept {
    font-size: 0.8125rem
}

.or-line {
    text-align: center;
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1
}

.basket-dl {
    margin-bottom: 0
}

.check-table tr {
    cursor: pointer
}

.order-nav-list {
    margin-left: -0.3125rem;
    margin-right: 0;
    padding-left: 0;
    list-style: none
}

.order-nav-item {
    padding-left: 0;
    padding-right: 0;
    height: 52px;
    color: #fff
}

.order-nav-item.disabled .order-nav-link {
    opacity: .4;
    cursor: not-allowed
}

.order-nav-item.not-active .order-nav-link {
    opacity: .4;
    transition: .3s
}

.order-nav-item.not-active:focus, .order-nav-item.not-active:hover {
    opacity: 1
}

.order-nav-item:first-child .order-nav-link {
    padding: 0 20px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/ordernav-first.png)
}

.order-nav-link {
    display: block;
    padding: 0 30px;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/ordernav.png);
    background-size: 100% auto;
    color: #fff;
    text-decoration: none;
    line-height: 3.1875rem
}

.order-nav-link .order-nav-count, .order-nav-link .order-nav-label {
    display: inline-block;
    vertical-align: baseline;
    font-weight: 700
}

.order-nav-link .order-nav-count {
    width: 28px;
    height: 28px;
    margin-right: 0.625rem;
    line-height: 1.875rem;
    background-color: #fff;
    border-radius: 50%;
    color: #66c99d;
    text-align: center;
    font-size: 1.125rem
}

.order-nav-link .order-nav-label {
    font-size: 1rem
}

.order-nav-link:focus, .order-nav-link:hover {
    color: inherit
}

.item-tabs .nav-ul {
    margin: 0 0 1.875rem
}

.item-tabs .nav-item {
    float: left;
    padding: 0;
    font-size: 1.125rem;
    text-align: center
}

.item-tabs .nav-item:first-child .nav-link:after {
    border-radius: 3px 0 0 3px
}

.item-tabs .nav-item:last-child .nav-link:after {
    border-radius: 0 3px 3px 0
}

.item-tabs .nav-link {
    position: relative;
    display: block;
    padding: 0 5px;
    padding-bottom: 12px;
    color: #8d8d8d;
    white-space: nowrap
}

.item-tabs .nav-link.lower-link {
    text-transform: lowercase
}

.item-tabs .nav-link.active {
    border-color: transparent;
    color: #002c3c
}

.item-tabs .nav-link.active:after {
    background: #66c99d;
    background: -moz-linear-gradient(left, #66c99d 0, #38bacb 100%);
    background: -webkit-linear-gradient(left, #66c99d, #38bacb);
    background: linear-gradient(90deg, #66c99d 0, #38bacb)
}

.item-tabs .nav-link:after {
    content: "";
    display: block;
    position: absolute;
    height: 5px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #e8e8e8
}

.order-row {
    margin-bottom: 0.9375rem
}

.check-item {
    display: block
}

.form-block {
    padding: 23px 19px;
    margin-bottom: 1.875rem;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    background-color: #fcfcfc;
    font-size: 1rem
}

.form-block .form-block-title {
    font-size: 1.0625rem;
    font-weight: 600;
    text-align: center;
    line-height: 1.2
}

.form-block .form-block-title.title-lg {
    font-size: 1.625rem
}

.form-block .form-block-title.normal-title {
    font-weight: 400
}

.form-block .check-item {
    margin-bottom: 0.5rem
}

.form-block.light-bg {
    background-color: #fff
}

.order-sidebar .form-block {
    margin-bottom: 1.875rem
}

.order-items {
    padding: 0;
    box-shadow: 5px 4px 7px 0 rgba(0, 0, 0, .04)
}

.order-sidebar-header {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, .04)
}

.order-sidebar-footer {
    border-top: 1px solid #e8e8e8
}

.order-sidebar-footer, .order-sidebar-header {
    font-size: 0.9375rem;
    font-weight: 500
}

.order-sidebar-footer, .order-sidebar-header-part {
    padding: 15px 20px
}

.order-sidebar-header-top {
    border-bottom: 1px solid #e8e8e8
}

.edit-order-link-wrapper {
    padding-top: 8px
}

.order-sidebar-title {
    font-size: 1.625rem;
    font-weight: 600
}

.order-item-amount {
    white-space: nowrap
}

.order-sidebar-total {
    font-size: 1.5rem;
    font-weight: 700
}

.order-sidebar-text {
    padding-top: 5px
}

.order-sidebar-header-bottom {
    background-color: #fcfcfc
}

.order-sidebar-header-bottom.pulse {
    -webkit-animation: pulse 1s;
    animation: pulse 1s
}

@-webkit-keyframes pulse {
    0% {
        background-color: transparent
    }
    50% {
        background-color: #76d4e3
    }
    to {
        background-color: transparent
    }
}

@keyframes pulse {
    0% {
        background-color: transparent
    }
    50% {
        background-color: #76d4e3
    }
    to {
        background-color: transparent
    }
}

.order-sidebar-body {
    position: relative;
    max-height: 535px;
    overflow: auto;
    background-color: #fff;
    border-radius: 0 0 6px 6px
}

.order-sidebar-body.expanded {
    max-height: none
}

.order-sidebar-body .table {
    margin: 0;
    border: none
}

.order-sidebar-body .table tr:first-child td {
    border-top: none
}

.order-sidebar-body .table td:first-child {
    padding-left: 20px
}

.order-sidebar-body .table td:last-child {
    padding-right: 20px;
    text-align: right
}

.order-sidebar-body .table td[colspan] {
    padding: 0;
    text-align: left
}

.order-sidebar-body .table small {
    font-size: 0.75rem
}

.order-sidebar-body .mCustomScrollBox:after, .order-sidebar-body .mCustomScrollBox:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
    height: 20px;
    left: 0;
    width: calc(100% - 16px)
}

.order-sidebar-body .mCustomScrollBox:before {
    top: 0;
    background: -moz-linear-gradient(top, #fff 0, hsla(0, 0%, 100%, 0) 100%);
    background: -webkit-linear-gradient(top, #fff, hsla(0, 0%, 100%, 0));
    background: linear-gradient(180deg, #fff 0, hsla(0, 0%, 100%, 0))
}

.order-sidebar-body .mCustomScrollBox:after {
    bottom: 0;
    background: -moz-linear-gradient(top, hsla(0, 0%, 100%, 0) 0, #fff 100%);
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff)
}

.order-alert-action {
    position: relative;
    padding: 10px 20px;
    background-color: #f3cccd
}

.order-alert-action p {
    margin: 0.5rem 0
}

.order-alert-action a {
    color: #4c6d94
}

.order-alert-action:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -0.4375rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 8px;
    border-color: transparent transparent #f3cccd
}

.order-bottom-nav {
    font-size: 1rem;
    margin: 1.25rem 0
}

.order-bottom-nav .span-link {
    line-height: 3.125rem
}

.order-bottom-nav .btn-lg {
    padding-right: 60px;
    padding-left: 60px;
    max-width: 100%
}

.arrow-left {
    width: 7px;
    height: 10px;
    margin-right: 0.4375rem;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/arrow-left.svg)
}

.sys-mess {
    padding: 10px 0;
    font-style: italic;
    font-size: 0.875rem
}

.sys-mess .dtb {
    height: 30px
}

.sys-mess .icon {
    margin-right: 0.75rem
}

.status-icon {
    width: 26px;
    height: 26px
}

.success-icon {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/success.svg)
}

.error-icon {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/error.svg)
}

.question-icon {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/question.svg)
}

.add-icon {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/add.svg)
}

.accept-icon {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/accept.svg)
}

.denied-icon {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/denied.svg)
}

.reload-icon {
    width: 17px;
    height: 20px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/reload.svg)
}

.customer-name {
    font-size: 1.4375rem
}

.sms-send-text {
    margin: 0.375rem 0;
    color: #6e6e6e
}

.sms-repeat-text samp {
    font: inherit
}

.order-check-td {
    width: 55px
}

.order-price-td {
    /*width: 7%;*/
    /*text-align: right*/
}

.delivery-table .checked-tr, .delivery-table .checked-tr:hover {
    background-color: #ebebeb
}

.table-shadow-wrapper {
    border-bottom: 1px solid #ebebeb;
    box-shadow: 5px 4px 7px 0 rgba(0, 0, 0, .04)
}



.delivery-address-form {
    margin-top: 0.625rem
}

.check-address-item {
    padding: 15px;
    min-height: 114px;
}

.check-address-item.checked {
    background-color: #fafafa;
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, .04)
}

.check-address-item .street {
    color: #4c4c4c
}

.choose-address-item {
    color: #999;
    font-size: 0.875rem
}

.check-address-cell {
    width: 35px;
    text-align: center
}

.payment-meth-descr {
    font-size: 1rem;
    color: #666
}

.payment-meth-td {
    width: 36%
}

.product-delivery-footer {
    padding: 20px;
    background-color: #fafafa;
    border-radius: 0 0 6px 6px
}

.product-delivery-footer label {
    margin-bottom: 0
}

.present-btn {
    width: 270px
}

.present-icon {
    width: 18px;
    height: 18px;
    margin-right: 0.5rem;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/present-icon.png)
}

.take-a-gift {
    width: 80%;
    margin: 0 auto
}

.order-complete {
    margin-bottom: 1.875rem
}

.order-complete p {
    margin-bottom: 0.3125rem
}

.order-complete-navig {
    margin-left: -0.9375rem
}

.order-complete-navig a {
    margin-left: 0.9375rem
}

.order-final-table {
    padding: 0
}

.order-final-table .order-sidebar-title {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

.delivery-type-header {
    margin: 0.3125rem 0;
    font-weight: 700
}

.order-prorerty-list {
    line-height: 1.6875rem
}

.order-dl {
    margin-bottom: 0;
    line-height: 1
}

.order-dl.summary-dl {
    line-height: 1.1;
    text-align: left
}

.order-dl.summary-dl dd {
    text-align: left
}

.order-dl .expense-price {
    font-size: inherit
}

.order-dl dd {
    text-align: right
}

.choose-box .label, .choose-box label {
    font-size: 1rem;
    color: #002c3c
}

.lk-tabs .nav-link {
    text-transform: lowercase
}

.lk-tabs .nav-link.active {
    text-transform: none
}

.collapse-box {
    margin-bottom: 1.25rem;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    background-color: #fff
}

.collapse-item {
    position: relative
}

.collapse-item:first-child {
    border-radius: 10px 10px 0 0
}

.collapse-item:first-child .collapse-item-header {
    border-radius: 11px 11px 0 0
}

.collapse-item:last-child {
    border-radius: 0 0 10px 10px
}

.collapse-item:last-child .collapse-item-header {
    border-radius: 0 0 11px 11px;
    border-bottom: none
}

.collapse-item + .collapse-item {
    margin-top: -0.0625rem;
    border-top: 1px solid #e8e8e8
}

.collapse-item-header {
    background-color: #fafafa;
    border-bottom: 1px solid #e8e8e8;
    cursor: pointer
}

.collapse-item-header > * {
    float: left;
    padding: 0 5px;
    line-height: 1.625rem
}

.collapse-item-header:hover .coll-item-order-link {
    border-color: transparent
}

.collapse-item-content, .collapse-item-header {
    padding: 21px 40px 21px 30px
}

.coll-item-order-title {
    padding-left: 0;
    font-size: 1.125rem;
    width: 19.5%;
    cursor: pointer
}

.coll-item-order-time {
    width: 11%
}

.coll-item-order-time .time {
    font-size: 1rem
}

.coll-order-time {
    margin-left: 0.25rem
}

.coll-item-order-payment-status {
    width: 20%
}

.coll-item-order-price {
    width: 13%
}

.coll-item-order-status {
    width: 35.5%
}

.coll-item-order-status .icon {
    margin-right: 0.3125rem
}

.coll-item-order-status .status-item {
    display: inline-block
}

.coll-item-order-repeat, .coll-item-order-status {
    white-space: nowrap
}

.collapse-order-block {
    position: absolute;
    bottom: 19px;
    right: 8px
}

.collapse-arrow, .collapse-arrow-label {
    display: inline-block;
    vertical-align: middle
}

.collapse-arrow-label {
    text-transform: lowercase
}

.collapse-arrow-label-text {
    display: none
}

.collapse-arrow {
    padding: 0;
    width: 30px;
    height: 30px;
    background: url(/local/templates/wer_rediz_2021/css/../images/down-arrow.png) no-repeat 50%;
    transition: .3s
}

.collapse-arrow.expanded {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.collapse-item {
    background-color: #fff
}

.collapse-item-content {
    display: none
}

.collapse-item-content .summary-dl {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem
}

.collapse-item-content .summary-dl dt {
    font-weight: 600
}

.order-content-toggler-hidden, .order-table-hidden {
    display: none
}

.order-content-toggler:focus, .order-content-toggler:hover {
    text-decoration: none
}

.order-table, .order-table-wrapper {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.order-table {
    width: 100%
}

.order-table td {
    font-size: 1rem;
    vertical-align: middle;
    padding: 1px 5px 8px;
    line-height: 1.2
}

td.order-item-td-price {
    width: 13%;
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap
}

td.order-item-td-num {
    width: 2%;
    padding-left: 0;
    padding-right: 3px
}

td.order-item-td-img {
    width: 7.83333%
}

td.order-item-td-img img {
    max-width: 50px
}

td.order-item-td-title {
    width: 50.5%
}

.order-item-dl {
    margin-top: 0.625rem;
    color: #002c3c
}

.private-data-section {
    margin-bottom: 2.5rem
}

.product-delivery-header.table-header {
    padding: 0;
    border-radius: 6px;
    box-shadow: 0 6px 7px 0 rgba(0, 0, 0, .04)
}

.product-delivery-header.table-header dl, .product-delivery-header.table-header p {
    margin: 0.3125rem 0
}

.product-delivery-header .delivery-address:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.product-delivery-header .delivery-address:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.adding-link {
    padding-left: 15px;
    background: url(/local/templates/wer_rediz_2021/css/../images/add-plus.svg) no-repeat 0 50%;
    background-size: 10px 10px
}

.adding-link:focus, .adding-link:hover {
    text-decoration: none
}

.address-title {
    font-weight: 700
}

.address-table-row {
    padding: 20px;
    background-color: #fafafa
}

.address-table-row + .delivery-address {
    border-top: 1px solid #ebebeb;
    box-shadow: inset 0 6px 7px 0 rgba(0, 0, 0, .04)
}

.address-table-row .delivery-choice {
    float: left
}

.address-table-row:last-child {
    border-radius: 0 0 6px 6px
}

.action-link {
    display: inline-block;
    margin: 0.3125rem 0
}

.action-link:focus, .action-link:hover {
    text-decoration: none
}

.address-org-info {
    padding-right: 20px
}

.comment-note-title {
    margin-bottom: 0.9375rem;
    font-weight: 600
}

.address-org-action {
    width: 130px;
    border-left: none !important
}

.edit-link {
    padding-left: 15px;
    background: url(/local/templates/wer_rediz_2021/css/../images/pensil.svg) no-repeat 0 50%;
    background-size: 8px 13px
}

.delete-link {
    padding-left: 15px;
    background: url(/local/templates/wer_rediz_2021/css/../images/cross.svg) no-repeat 0 50%;
    background-size: 10px 10px
}

.delete-link:focus, .delete-link:hover, .edit-link:focus, .edit-link:hover {
    text-decoration: none
}

.comment-note {
    color: #8d8d8d
}

.question-block {
    margin-bottom: 1.25rem;
    padding: 0;
    background-color: #fff
}

.question-part {
    position: relative;
    padding: 18px 18px 18px 60px
}

.question-part:before {
    content: "?";
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    text-align: center;
    color: #66c99d;
    font-weight: 700;
    border: 2px solid #66c99d;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #fff, 0 0 12px 0 rgba(0, 0, 0, .35);
    width: 25px;
    height: 25px;
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

.question-title {
    font-size: 1.25rem;
    font-weight: 700
}

.question-text {
    font-weight: 600;
    line-height: 1.5
}

.question-actions {
    margin-top: 0.625rem;
    text-align: right
}

.question-actions .action-link + .action-link {
    margin-left: 1.125rem
}

.answer-part {
    padding: 18px 18px 18px 60px;
    border-top: 1px solid #ebebeb;
    background-color: #fcfcfc;
    box-shadow: 5px 3px 7px 0 rgba(0, 0, 0, .04);
    border-radius: 0 0 6px 6px
}

.answer-label {
    font-weight: 700
}

.question-time {
    display: block;
    margin: 0.4375rem 0;
    line-height: 1
}

.question-form {
    display: none
}

.lk-name {
    position: absolute;
    bottom: 10px;
    right: 15px;
    text-align: right
}

.plus-list li {
    padding-left: 15px;
    color: #2aa5e1;
    background: url(/local/templates/wer_rediz_2021/css/../images/plus.svg) no-repeat 0 6px;
    background-size: 10px 10px
}

.edit-order-link-wrapper .small {
    font-size: 1rem
}

.user-data-box .h3 {
    margin: 1.5em 0
}

.user-data-box .form-group {
    margin-bottom: 0.9375rem
}

.fullpage-slider-container {
    margin-top: 0.1875rem;
    overflow: hidden
}

.fullpage-slider .slick-list, .fullpage-slider .slick-slide, .fullpage-slider .slick-track {
    height: 100%
}

.fullpage-slide {
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.fullpage-slide .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.full-slide-caption, .full-slide-image {
    padding-right: 2vw;
    padding-left: 2vw
}

.full-slide-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    width: 45%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    text-align: center
}

.full-slide-image img {
    display: inline-block;
    max-height: 95%
}

.full-slide-image.align-top img {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.full-slide-image.align-middle img {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.full-slide-image.align-bottom img {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.full-slide-caption {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    width: 55%;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    text-shadow: 0 3px 7px rgba(0, 0, 0, .35)
}

.full-slide-title {
    margin-bottom: 0.9375rem;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-transform: uppercase
}

.full-slide-descr {
    margin-bottom: 0.9375rem;
    font-size: 1.5625rem
}

.full-slide-descr ul {
    list-style-type: square
}

.fish-text {
    margin: 1.25rem 0
}

.action-list {
    margin: 1.5625rem 0
}

.action-list-item {
    margin-bottom: 1.5625rem;
    line-height: 1.2
}

.action-list-link {
    color: inherit;
    text-decoration: none
}

.action-list-link:focus, .action-list-link:hover {
    color: inherit
}

.action-list-link:hover .action-readmore-btn {
    color: #8cd6b5
}

.action-list-link:hover .action-readmore-btn:after {
    background-color: #8cd6b5
}

.action-list-content-col {
    font-size: 1rem;
    padding: 20px 15px
}

.action-list-img {
    border: 1px solid #ebebeb;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.action-list-title {
    font-size: 2.25em;
    color: #002c3c
}

.action-list-title:focus, .action-list-title:hover {
    text-decoration: none
}

.action-list-topic {
    margin: 1.25rem 0;
    font-size: 1.25em
}

.action-list-readmore {
    text-align: right
}

.action-readmore-btn {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #66c99d;
    transition: .2s ease-in-out
}

.action-readmore-btn:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 1.25rem;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #66c99d url(/local/templates/wer_rediz_2021/css/../images/action-arrow.svg) no-repeat 50%;
    background-size: 9px 14px;
    transition: .2s ease-in-out
}

.action-list-time {
    margin: 1.875rem 0;
    font-size: 1.375em;
    font-weight: 500;
    color: #ff5f6b
}

.advantage-item {
    margin: 0.9375rem 0
}

.advantage-item:after {
    content: "";
    display: table;
    clear: both
}

.advantage-item.float-item {
    margin-bottom: 1.75rem
}

.advantage-item.float-item .advantage-img {
    float: left
}

.advantage-item.float-item .advantage-text {
    padding-top: 15px;
    margin-left: 5.3125rem
}

.advantage-img {
    width: 70px;
    text-align: center
}

.advantage-text {
    padding: 0 15px;
    font-style: italic
}

.about-us-section {
    margin-top: 3.4375rem
}

.about-us-section p {
    margin: 1.875rem 0
}

.disc-list {
    padding-left: 0
}

.disc-list li {
    list-style: none
}

.disc-list li:before {
    content: "";
    padding-left: 15px;
    background: url(/local/templates/wer_rediz_2021/css/../images/bullet-disc.svg) no-repeat 0;
    background-size: 6px 6px
}

.square-list {
    padding-left: 0
}

.square-list li {
    list-style: none
}

.square-list li:before {
    content: "";
    padding-left: 15px;
    background: url(/local/templates/wer_rediz_2021/css/../images/bullet-square.svg) no-repeat 0;
    background-size: 6px 6px
}

.section-header-row .action-list-time {
    margin-top: 0.3125rem
}

.promo-code-box {
    position: relative;
    padding: 20px;
    background-color: #fafafa;
    border-left: 5px solid #66c99d
}

.promo-code-box .promo-code-label {
    font-size: 1.625rem
}

.promo-code-box .promo-code-itself {
    font-size: 2.625rem;
    font-weight: 600
}

.action-conditions {
    margin-top: 1.25rem
}

.other-action-row {
    margin-top: 0.625rem
}

.progress-wrapper {
    float: right;
    width: 100%;
    max-width: 270px;
    text-align: left
}

.progress-wrapper .progress {
    position: relative;
    display: block;
    margin-bottom: 0;
    border-radius: 4px;
    background-color: #e8e8e8
}

.progress-wrapper .progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 4px 0 0 4px;
    background-image: linear-gradient(90deg, #66c99d 0, #76d4e3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF66C99D", endColorstr="#FF76D4E3", GradientType=1)
}

.progress-wrapper .progress-bar[style*="100%"] {
    border-radius: 4px
}

.progress-caption {
    font-size: 0.875rem;
    color: #8e8e8e
}

.progress-caption span {
    color: #002c3c;
    font-weight: 700
}

.progress {
    height: 20px;
    margin-top: 0.3125rem
}

.copy-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px 15px
}

.most-viewed-item {
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.most-viewed-item img {
    max-width: 100%;
    max-height: 70px
}

.main-page-tabs .nav-link {
    font-size: 1.5rem;
    font-weight: 600
}

.main-page-tabs .nav-link span {
    color: #8a8a8a;
    font-size: 1.125rem
}

.buyed-item .product-img {
    float: left;
    padding-top: 0
}

.buyed-item .product-content {
    margin-left: 8.75rem
}

.buyed-item .product-descr {
    max-width: none;
    height: auto;
    max-height: 56px
}

.buyed-dl {
    margin-top: 0.9375rem
}

.buyed-dl dt {
    font-weight: 600
}

.item-tabs .nav-link.active.best-price-tab:after {
    background: #ff5f6b
}

.item-tabs .nav-link.active.hit-tab:after {
    background: #76d4e3
}

.item-tabs .nav-link.active.super-action-tab:after {
    background: #66c99d
}

.comments-compact .comment-item {
    margin-top: 0.9375rem
}

.comments-compact .comment-body {
    max-height: 120px;
    overflow: hidden;
    color: #858585
}

.comments-compact .rating-box {
    display: block;
    margin: 0.625rem 0
}

.hover-comment {
    box-shadow: 0 0 0 rgba(0, 0, 0, .1);
    transition: box-shadow .2s
}

.hover-comment:hover {
    box-shadow: 0 3px 9px rgba(0, 0, 0, .28)
}

.comment-icon {
    width: 24px;
    height: 21px;
    margin-right: 0.5rem;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/comment.png)
}

.leave-comm-btn {
    max-width: 295px
}

.competition-section {
    font-size: 1.5rem;
    padding: 35px 0;
    text-align: center;
    background-color: #f8f8f8
}

.competition-section .compet-btn {
    max-width: 230px
}

.about-section-advant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-descr {
    margin-bottom: 2.8125rem
}

.section-descr .descr-box {
    margin: 1.0625rem auto;
    float: none;
    text-align: center
}

.descr-box {
    color: rgba(0, 44, 60, .502);
    line-height: 1.2
}

.sub-text {
    font-size: 0.875rem;
    color: #999
}

/*.delivery-item {
    padding: 0 0 15px;
    max-width: 200px;
    margin: 0 auto;
    text-align: center
}*/

.delivery-item .delivery-item-img {
    margin-bottom: 1.25rem
}

.centered-slider .centered-slide {
    opacity: .2;
    transition: opacity .3s ease-in-out
}

.centered-slider .centered-slide.slick-center {
    opacity: 1
}

.alt-section {
    background-color: #f8f8f8;
    padding: 45px 0
}

.about-slider-wrap {
    padding-bottom: 20px;
    overflow: hidden
}

.slider-caption {
    padding-top: 10px;
    padding-bottom: 10px
}

.slider-caption .slide-caption {
    font-style: italic
}

.slider-caption .slide-count {
    text-align: right
}

.advant-right-box {
    text-align: center
}

.about-lic-box-link {
    color: inherit
}

.about-lic-box-link:focus, .about-lic-box-link:hover {
    text-decoration: none
}

.about-lic-box {
    max-width: 160px;
    margin: 0 auto
}

.bookmark-icon {
    width: 59px;
    height: 69px;
    background-image: url(/local/templates/wer_rediz_2021/css/../uploads/bookmark.png)
}

.about-lic-link {
    margin: 0.9375rem 0 0.625rem;
    font-size: 1.125rem
}

.about-lic-title {
    display: block;
    margin-top: 0.625rem;
    line-height: 1.2
}

.ceo-block {
    margin-bottom: 2.5rem
}

.ceo-block .team-item {
    margin-bottom: 2.0625rem
}

.ceo-block .team-img {
    float: right;
    max-width: 330px;
    margin: 0 auto
}

.ceo-block-dl dt {
    margin: 2.5rem 0 1.25rem;
    font-weight: 700
}

.ceo-block-dl dd {
    margin-bottom: 2.5rem
}

.ceo-block-article {
    margin-bottom: 3.125rem
}

.ceo-block-article p {
    margin: 0.9375rem 0
}

.ceo-block-article-cite {
    text-align: right
}

.contact-item {
    margin-bottom: 0.625rem
}

.contact-item a[href^="mailto:"], .contact-item a[href^="tel:"] {
    color: #2aa5e1
}

.mail-icon {
    width: 16px;
    height: 13px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/mail.png)
}

.phone-icon {
    width: 16px;
    height: 20px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/phone.png)
}

.download-icon-02 {
    width: 16px;
    height: 15px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/download-02.png)
}

.team-slider-wrapper {
    margin: 4.375rem 0 0
}

.team-slider {
    padding: 0 60px 0 20px
}

.team-slider .team-item {
    max-width: 230px;
    margin: 0 auto
}

.team-item {
    line-height: 1.2
}

.spec_link {
    display: block;
    margin-right: 80px;
    font-weight: bold;
}

.team-img {
    padding-top: 10px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/border.png);
    background-size: 100% auto
}

.team-img img {
    position: relative;
    bottom: 10px
}

.team-img.main-team-img {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/big-border.png)
}

.team-item-name {
    margin-bottom: 0.125rem
}

.team-item-caption {
    padding: 20px 0
}

.contacts-dl {
    margin-bottom: 1.875rem
}

.contacts-dl dt {
    font-size: 1.25rem
}

.contacts-dl dd {
    margin-bottom: 0.3125rem
}

.contacts-title {
    margin-bottom: 1.875rem
}

.contacts-map {
    height: 475px;
    margin-bottom: -3.125rem
}

.cont-regime {
    margin-bottom: 0.625rem
}

.cont-regime-item:after {
    content: "";
    display: table;
    clear: both
}

.cont-regime-label {
    width: 95px;
    float: left;
    padding-right: 10px
}

.cont-regime-time {
    border-left: 1px solid hsla(0, 0%, 60%, .3);
    margin-left: 5.9375rem;
    padding-left: 20px
}

.cont-regime-time .week-day {
    text-transform: uppercase
}

.transport-icon {
    margin-bottom: 0.375rem;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/transport.png);
    background-repeat: no-repeat
}

.car-icon {
    width: 48px;
    height: 48px;
    background-position: -5px -5px
}

.bus-icon {
    width: 38px;
    height: 48px;
    background-position: -63px -5px
}

.metro-icon {
    width: 34px;
    height: 48px;
    background-position: -111px -5px
}

.transport-tabs .nav-ul {
    margin-left: -0.9375rem
}

.transport-tabs .nav-item {
    float: left;
    margin: 0;
    padding: 0 15px;
    text-align: center
}

.transport-tabs .nav-link {
    color: #20b2c2
}

.transport-tabs .nav-link.active {
    color: #969696
}

.transport-tabs .nav-link.active .car-icon {
    background-position: -155px -5px
}

.transport-tabs .nav-link.active .bus-icon {
    background-position: -213px -5px
}

.transport-tabs .nav-link.active .metro-icon {
    background-position: -261px -5px
}

.transport-tabs .nav-link.active .inner-link {
    border-color: transparent
}

.transport-tabs .tab-content {
    padding-top: 40px
}

.contacts-section-col .transport-tabs {
    margin-top: 2.8125rem;
    width: 83%
}

.contacts-media {
    padding-top: 58px
}

.form-btn {
    max-width: 210px
}

.delivery-tabs .nav-item:first-child {
    width: 14.36%
}

.delivery-tabs .nav-item:nth-child(2) {
    width: 21.37%
}

.delivery-tabs .nav-item:nth-child(3) {
    width: 48.27%
}

.delivery-tabs .nav-item:nth-child(4) {
    width: 16%
}

.clear-card {
    position: relative;
    border-radius: 0
}

.clear-card, .clear-card .card-header {
    margin-bottom: 0;
    background-color: transparent;
    border: none
}

.clear-card .card-header {
    padding: 0
}

.clear-card .card-header:first-child {
    border-radius: 0
}

.clear-card .card-title {
    margin-bottom: 0
}

.clear-card .card-block {
    padding: 0
}

.clear-card .card-link {
    display: block;
    text-decoration: none
}

.clear-card .card-link:focus, .clear-card .card-link:hover {
    text-decoration: none
}

.delivery-card {
    margin-bottom: 1.25rem
}

.delivery-toggle-box-header {
    cursor: pointer;
    border: 1px solid #ebebeb;
    color: #666
}

.delivery-toggle-box-header .dtb {
    table-layout: fixed;
    height: 95px
}

.delivery-toggle-box-header .dtb .dtc {
    padding: 10px 25px
}

.delivery-toggle-box-header .dtb .dtc .no-padd {
    padding: 0
}

.delivery-toggle-box-header-method {
    width: 300px
}

.delivery-toggle-box-header-period {
    font-size: 0.875rem;
    text-align: center
}

.delivery-toggle-box-header-price {
    width: 150px
}

.delivery-method-title {
    display: inline-block;
    vertical-align: middle
}

.table-header .dtc {
    position: relative
}

.table-header .dtc + .dtc {
    border-left: 1px solid #ebebeb
}

.table-header .delivery-toggle-box-header-left {
    width: 55%
}

.table-header .delivery-toggle-box-header-left small {
    display: block
}

.table-header .delivery-toggle-box-header-right {
    width: 45%;
    text-align: center
}

.table-header .delivery-toggle-box-header-right .table {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95px;
    margin: 0;
    border: none
}

.table-header .delivery-toggle-box-header-right .table th {
    border-top: none
}

.table-header .delivery-toggle-box-header-right .table td {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ebebeb
}

.table-header .delivery-toggle-box-header-right .table td + td, .table-header .delivery-toggle-box-header-right .table th + th {
    border-left: 1px solid #ebebeb
}

.table-header .delivery-toggle-box-header-right .table td, .table-header .delivery-toggle-box-header-right .table th {
    height: 50%;
    padding: 10px;
    font-size: 1rem
}

.table-header .delivery-toggle-box-header-right .table td .price, .table-header .delivery-toggle-box-header-right .table th .price {
    font-size: 1rem
}

.delivery-address-col:nth-child(odd) {
    clear: both
}

.collapsed-arrow:after {
    content: "";
    display: inline-block;
    margin: 0 0.4375rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3.5px 5px;
    border-color: transparent transparent #666
}

.collapsed .collapsed-arrow:after {
    border-width: 5px 3.5px 0;
    border-color: #666 transparent transparent
}

.delivery-toggle-box-body {
    background-color: #fcfcfc;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #ebebeb;
    box-shadow: inset 0 3px 7px 0 rgba(0, 0, 0, .04), inset 0 -3px 7px 0 rgba(0, 0, 0, .04)
}

.delivery-toggle-box-body .table, .delivery-toggle-box-body p {
    margin: 0.625rem 0
}

.delivery-toggle-box-body ul {
    list-style: outside square;
    padding-left: 1em
}

.delivery-toggle-box-body .table-wrapper {
    margin: 0 -1.4375rem -1.5625rem
}

.delivery-toggle-box-body .table {
    border: none
}

.delivery-toggle-box-body .table thead th {
    font-size: 1rem
}

.delivery-toggle-box-body .table td {
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ebebeb
}

.delivery-toggle-box-body .table td + td, .delivery-toggle-box-body .table th + th {
    border-left: 1px solid #ebebeb
}

.delivery-toggle-box-body .table td, .delivery-toggle-box-body .table th {
    padding: 6px 23px;
    text-align: center
}

.delivery-toggle-box-body .table td:first-child, .delivery-toggle-box-body .table th:first-child {
    text-align: left
}

.table-bordered td, .table-bordered th {
    padding: 6px 23px;
    text-align: center
}

.table-bordered td:first-child, .table-bordered th:first-child {
    text-align: left
}

.delivery-toggle-box-heading {
    margin-bottom: 0.9375rem;
    font-size: 1.25rem;
    font-weight: 700
}

.delivery-toggle-box-body-row {
    margin: 0
}

.delivery-toggle-box-body-col {
    float: none;
    position: relative;
    padding: 15px 23px;
    vertical-align: top
}

.delivery-toggle-box-body-col-left {
    z-index: 2;
    box-shadow: 5px 0 7px 0 rgba(0, 0, 0, .04)
}

.delivery-toggle-box-body-col-right {
    font-size: 0.875rem;
    border-left: 1px solid #ebebeb
}

.delivery-interval-time-col {
    margin-top: 0.3125rem;
    padding-top: 5px
}

.delivery-interval-time-col + .delivery-interval-time-col {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.alt-text {
    color: #999
}

.warning-ul li {
    margin-bottom: 0.9375rem
}

.tag-lg {
    padding: 4px 11px;
    font-size: 1.125rem
}

.panel-box .heading-panel, .tag-lg {
    font-weight: 500
}

.panel-box .info-panel {
    padding: 10px 20px;
    background-color: #fff
}

.toggle-box-panel {
    padding: 14px 20px
}

.delivery-toggle-box-body-bottom {
    box-shadow: inset 0 3px 7px 0 rgba(0, 0, 0, .04)
}

.delivery-time {
    font-size: 1rem
}

.cid-class-list-item {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column
}

.link-list-expandable {
    position: relative;
    padding-left: 18px;
    padding-right: 18px
}

.link-list-expandable .cid-code {
    float: left
}

.link-list-expandable .cid-code + .cid-name {
    display: block;
    margin-left: 4.375rem
}

.cid-code {
    color: #999
}

.alt-catalog-tabs .nav-item {
    width: 25%
}

.alphabet-group-list {
    margin-bottom: 1.25rem
}

.alphabet-group-list-item {
    float: left;
    padding: 0 13px 0 0;
    margin: 0 0.8125rem 0 0;
    border-right: 1px solid #8b8d90;
    line-height: 1
}

.alphabet-group-list-item:last-child {
    border: none
}

.alt-catalog-menu {
    margin: 1.25rem 0 1.875rem;
    border-bottom: 1px solid #ebebeb
}

.alt-catalog-menu-link {
    margin-bottom: 0.625rem;
    padding-top: 10px;
    padding-bottom: 10px
}

.alt-catalog-menu-link.active, .alt-catalog-menu-link:hover {
    background-color: #f4f4f4;
    transition: .3s
}

.navigation-list-item {
    margin-right: 1.6875rem;
    font-size: 1rem
}

.price-others-label {
    margin-right: 0.625rem
}

.item-panel {
    padding: 15px
}

.dark {
    background-color: #f4f4f4;
    border: none
}

.item-panel-row {
    padding-left: 20px;
    padding-right: 20px
}

.price-others {
    font-size: 1.375rem
}

.price-others .price {
    font-size: inherit
}

.descr-instr-box {
    font-size: 0.75rem
}

.descr-instr-box + .descr-instr-box {
    margin-top: 2.8125rem
}

.product-instructions-box .product-section {
    margin-top: 0
}

@media (min-width: 576px) {
    .cid-class-list {
        -webkit-column-count: 2;
        column-count: 2
    }

    .cid-class-list, .town-list {
        -webkit-column-gap: 30px;
        column-gap: 30px
    }

    .town-list {
        -webkit-column-count: 3;
        column-count: 3
    }

    .price-others-buy-btn-container {
        text-align: right
    }
}

@media (min-width: 1295px) {
    .fullpage-slider-container {
        padding-bottom: 510px
    }

    .product-fav-link:hover {
        background-position: -151px -5px
    }
}

@media (min-width: 992px) {
    .most-viewed-item {
        width: 14.27%
    }

    .round-table tr:first-child td, .round-table tr:first-child th {
        border-top: none
    }

    .basket-table .basket-td-image, .basket-table .basket-td-price {
        width: 110px
    }

    .basket-table .basket-td-total-price {
        width: 150px
    }

    .basket-table .basket-td-exp-time {
        width: 85px
    }

    .basket-table .basket-td-count, .basket-table .basket-td-exp-time, .basket-table .basket-td-gift, .basket-table .basket-td-image, .basket-table .basket-td-price, .basket-table .basket-td-total-price {
        text-align: center
    }

    .basket-table .basket-td-count {
    }
}

@media (max-width: 1294px) {
    .catalog-link-wrapper {
        margin-left: 0;
        padding: 0;
        background-image: none
    }

    .catalog-link-wrapper .catalog-link {
        padding: 0
    }

    .hover-item .product-fav-link {
        visibility: visible;
        opacity: 1
    }

    .action-list-content-col {
        font-size: 0.875rem
    }

    .fullpage-slider-container {
        padding-bottom: 40%
    }

    .full-slide-caption {
        padding-top: 3.5vh;
        padding-bottom: 3.5vh
    }

    .full-slide-title {
        font-size: 4vw
    }

    .full-slide-descr {
        font-size: 1.8vw
    }

    .add-to-basket-panel-col {
        clear: left
    }

    .search-col, .search-col-fixed {
        margin-left: 0
    }

    .product-slide-item {
        float: none;
        margin-right: 0
    }

    .catalog-link {
        background-image: none
    }

    .filters-panel-wrapper {
        margin-left: 0
    }

    .:not(.orders-list) .collapse-item-header > * {
        padding: 5px 15px 5px 5px;
        width: auto
    }

    .coll-item-order-title {
        padding-left: 5px
    }

    .coll-item-order-time, .coll-item-order-title {
        width: auto
    }

    .coll-item-order-status {
        clear: left
    }

    .order-panel-col {
        margin-bottom: 0.9375rem
    }

    .tab-slider .slick-prev {
        left: 0
    }

    .tab-slider .slick-next {
        right: 0
    }

    .promo-code-box .promo-code-itself {
        font-size: 2.1875rem
    }

    .contacts-section-col {
        margin-bottom: 1.875rem
    }

    .lg-clear-block {
        clear: both
    }

    .delivery-section {
        margin-bottom: 2.8125rem
    }

    .filter-popover, .popover {
        left: 15px !important;
        margin-left: 0
    }

    .popover:after, .popover:before {
        left: 40px !important
    }
}

@media (max-width: 991px) {
    .buyed-item {
        margin-bottom: 1.875rem
    }

    .main-page-tabs .nav-link {
        font-size: 1.25rem
    }

    .header-contacts-box {
        margin-bottom: 0.625rem
    }

    .search-row {
        clear: both;
        margin-top: 0.625rem
    }

    .action-list-content-col {
        padding: 0;
        font-size: 0.75rem
    }

    .filbox-brand-nav-list .filbox-brand-item {
        display: inline-block;
        vertical-align: top
    }

    .price-manual-input {
        text-align: left
    }

    .price-manual-input .form-control-col {
        display: inline-block;
        vertical-align: top
    }

    .action-buttons-box input.btn-block {
        float: left;
        width: 48%;
        margin: 0
    }

    .action-buttons-box input.btn-block.btn-choice {
        margin-right: 4%
    }

    .subscribe-row .short-gap-col {
        margin: 0.625rem 0
    }

    .send-btn {
        margin-top: 0.9375rem
    }

    .buy-table, .round-table {
        position: relative
    }

    .buy-table tbody, .buy-table td, .buy-table tr, .round-table tbody, .round-table td, .round-table tr {
        display: block
    }

    .buy-table tr, .round-table tr {
        width: 100%;
        border-top: 1px solid #ebebeb
    }

    .buy-table tr:after, .round-table tr:after {
        content: "";
        display: table;
        clear: both
    }

    .buy-table tr.additional-tr, .buy-table tr:first-child, .round-table tr.additional-tr, .round-table tr:first-child {
        border: none;
    }

    .buy-table td, .round-table td {
        display: block;
        border: none
    }

    .buy-table tr {
        position: relative;
        padding-right: 50px;
        padding-bottom: 30px
    }

    .buy-table .prod-basket-button-td, .buy-table .prod-count-td, .buy-table .prod-oneclick-button-td, .buy-table .prod-price-td {
        width: auto
    }

    .buy-table .prod-img-td {
        float: left;
        width: 130px
    }

    .buy-table .prod-topic-td .product-descr {
        height: auto
    }

    .buy-table .prod-count-td, .buy-table .prod-price-td {
        display: block;
        float: left;
        padding-right: 20px
    }

    .buy-table .prod-price-td {
        padding-left: 0;
        text-align: left;
        clear: both;
        min-width: 94px;
        margin-left: 8.125rem
    }

    .buy-table .prod-basket-button-td {
        display: block;
        float: left;
        clear: both;
        padding-left: 130px;
        text-align: left
    }

    .buy-table .prod-oneclick-button-td {
        display: block;
        float: left
    }

    .basket-table td {
        width: auto
    }

    .basket-table .basket-td-image {
        float: left;
        width: 110px
    }

    .basket-table .basket-td-descr .product-descr {
        height: auto
    }

    .basket-table .basket-td-count, .basket-table .basket-td-exp-time, .basket-table .basket-td-price, .basket-table .basket-td-total-price {
        display: inline-block;
        vertical-align: middle;
        padding-right: 20px;
        border-top: transparent !important;

    }

    .basket-table .delete-button-cell {
        position: absolute;
        top: 12px;
        right: 0
    }

    .basket-table .prod-tr {
        position: relative;
        padding-right: 0px;
        padding-bottom: 0px
    }

    .order__checks label {
        margin-bottom: 0;
    }

    .basket-table .prod-message-tr {
        padding-top: 12px
    }

    .ceo-block .team-img {
        float: none
    }

    .about-section-advant {
        display: block
    }

    .slider-caption {
        padding: 10px 15px
    }

    .basket-order-box {
        display: block
    }

    .basket-order-left-box, .basket-order-right-box {
        width: 100%;
        margin: 0.9375rem 0;
        border-width: 1px
    }

    .delivery-toggle-box-body-col {
        display: block;
        height: auto
    }

    .map-box-wrapper {
        position: relative;
        display: block;
        height: 0;
        padding: 0;
        overflow: hidden;
        padding-bottom: 56.25%
    }

    .delivery-toggle-box-header .dtb .dtc {
        padding: 10px 15px
    }

    .delivery-toggle-box-header-left, .delivery-toggle-box-header-right {
        font-size: 0.9375rem
    }

    .delivery-interval-time-col {
        float: left;
        width: 33.33%
    }

    .delivery-interval-time-col + .delivery-interval-time-col {
        border-top: none
    }

    .delivery-toggle-box-header-method, .delivery-toggle-box-header-period, .delivery-toggle-box-header-price {
        display: block;
        text-align: left;
        width: auto;
        height: auto;
    }

    .md-clear-block {
        clear: both
    }

    .filter-counter {
        right: 0 !important;
        left: auto !important
    }

    .filter-counter:after, .filter-counter:before {
        display: none
    }

    .alt-catalog-tabs .nav-item {
        width: 50%
    }

    .order-sidebar-body {
        max-height: none
    }
}

@media (max-width: 767px) {
    .header-offer-adbox {
        display: none
    }

    .basket-td-exp-time {
        display: block !important;
        padding: 0;
        margin: 0;
    }

    .basket-box {
        margin-right: 0.625rem
    }

    .logo {
        /*margin-top: 0;
        margin-right: 0*/
    }

    .product-slide-item {
        width: 100%
    }

    .product-slide-item .product-img {
        float: none;
        width: 100%;
        margin: 0 0 1.25rem;
        text-align: center
    }

    .product-slide-item .product-topic {
        margin-right: 0
    }

    .product-slide-item .product-content {
        margin-left: 0
    }

    .product-slide-item .product-prices-box {
        float: none
    }

    .product-slide-item .product-item-overview .product-topic {
        margin-bottom: 0.625rem
    }

    .product-slide-item .product-item-overview .product-prices-box {
        padding-top: 0
    }

    .product-slide-item .product-order-overview .product-prices-box {
        margin-bottom: 0.625rem
    }

    .action-list-content-col {
        margin-top: 1.25rem
    }

    .action-list-item {
        margin-bottom: 3.75rem
    }

    .lk-name {
        text-align: left
    }

    .lk-name b {
        display: inline
    }

    .complex-section-header {
        border: none
    }

    .complex-section-header .header-left .h1, .complex-section-header .header-left .h2, .complex-section-header .header-left .h3 {
        border-bottom: 1px solid #ebebeb
    }

    .complex-section-header .header-right {
        margin-top: 1.25rem;
        text-align: left
    }

    .table-header .dtc {
        display: block;
        width: auto
    }

    .address-org-action br {
        display: none
    }

    .address-org-action .action-link {
        margin-right: 0.625rem
    }

    .prod-case-row {
        max-width: none
    }

    .delivery-table tbody, .delivery-table td, .delivery-table tr {
        display: block
    }

    .delivery-table tr {
        border-top: 1px solid #ebebeb
    }

    .delivery-table tr.additional-tr {
        border: none
    }

    .delivery-table td {
        padding-top: 10px;
        padding-bottom: 0;
        border: none
    }

    .delivery-table td:last-child {
        padding-bottom: 10px
    }

    .delivery-descr-td, .delivery-meth-td, .delivery-price-td, .payment-meth-td {
        width: auto
    }

    .delivery-price-td {
        text-align: left
    }

    .product-delivery-header .delivery-choice, .view-all-deliv-cond {
        float: none;
        text-align: left;
        max-width: none
    }

    .view-all-deliv-cond {
        padding-top: 5px
    }

    .progress-wrapper {
        float: none
    }

    .action-list-title {
        margin-bottom: 1.5625rem
    }

    .action-list-time {
        text-align: left
    }

    .order-check-td {
        float: left
    }

    .order-check-td + td {
        margin-left: 2.5rem
    }

    .order-price-td {
        width: auto;
        text-align: left
    }

    .delivery-table td.order-price-td {
        padding-left: 55px
    }

    .edit-order-link-wrapper {
        text-align: left
    }

    .order-table, .order-table tbody, .order-table td, .order-table tr {
        display: block
    }

    .order-table tr {
        margin-bottom: 1.875rem
    }

    .order-table tr:after {
        content: "";
        display: table;
        clear: both
    }

    .order-table td {
        padding: 5px;
        width: auto
    }

    td.order-item-td-img, td.order-item-td-price, td.order-item-write {
        float: left
    }

    td.order-item-td-img {
        width: 60px
    }

    td.order-item-td-title {
        padding-left: 80px
    }

    td.order-item-td-price {
        clear: both
    }

    td.order-item-write {
        margin-top: 0.1875rem;
        font-size: 0.8125rem
    }

    .order-dl {
        margin-top: 0.9375rem
    }

    .order-dl dt {
        margin-bottom: 0.3125rem
    }

    .order-dl dd {
        text-align: left;
        margin-bottom: 1.25rem
    }

    .order-dl .product-price {
        font-size: 1.4375rem
    }

    .delivery-toggle-box-header .dtb {
        height: auto
    }

    .table-header .delivery-toggle-box-header-right .table {
        position: static
    }

    .delivery-toggle-box-header-right {
        padding: 0;
        border-top: 1px solid #ebebeb
    }

    .delivery-toggle-box-body-col-right {
        padding-top: 0
    }

    .table-header .dtc + .dtc {
        border-left: none
    }

    .delivery-tabs .nav-item:first-child, .delivery-tabs .nav-item:nth-child(2), .delivery-tabs .nav-item:nth-child(3), .delivery-tabs .nav-item:nth-child(4) {
        width: 50%;
        font-size: 0.8125rem
    }

    .delivery-tabs .nav-link {
        white-space: normal
    }

    .basket-table .basket-td-total-price {
        /*  display: block;
          padding-left: 110px;
          padding-top: 40px*/
    }

    .basket-table .prod-tr {
        padding-bottom: 0
    }

    .alt-catalog-menu-link .h2 {
        font-size: 1.25rem
    }

    .smart-box-item {
        padding-right: 40px
    }
}

@media (max-width: 575px) {
    .h1, h1 {
        font-size: 1.5625rem
    }

    .h2, h2 {
        font-size: 1.4375rem
    }

    .callback-link {
        font-size: 0.75rem !important
    }

    .town-list {
        -webkit-column-count: 2;
        column-count: 2
    }

    .catalog-link {
        padding-left: 0;
        padding-right: 0
    }

    .search-submit {
        width: 37px
    }

    .search-icon {
        margin-left: 0
    }

    .search-input {
        margin-right: 2.3125rem;
        width: calc(100% - 77px)
    }

    .product-slide-item .product-order-overview .product-content {
        width: auto
    }

    .logo {
        /*  margin-bottom: 0.9375rem;
          text-align: center*/
    }

    .header-contacts-box {
        float: none;
        margin-top: 0;
        text-align: center
    }

    .ad-banner-box {
        text-align: center
    }

    .subscribe-row {
        width: auto
    }

    .prod-full-images {
        max-width: 380px;
        margin-left: auto;
        margin-right: auto
    }

    .product-slide-item .product-content {
        margin-left: 0
    }

    .product-instructions-box {
        padding: 20px
    }

    .dropdown-wrap .dropdown-block {
        left: auto;
        right: -20px
    }

    .lk-enter-box {
        padding: 0
    }

    .banner-content {
        padding-left: 30px
    }

    .buy-table .price {
        font-size: 1.25rem
    }

    .buy-table .alert-max-quantity {
        position: static
    }

    .buy-table .prod-img-td {
        display: block
    }

    .buy-table .prod-basket-button-td, .buy-table .prod-count-td, .buy-table .prod-oneclick-button-td, .buy-table .prod-price-td {
        display: block;
        width: auto;
        text-align: left
    }

    .promo-code-box .promo-code-itself {
        font-size: 1.25rem
    }

    .transport-tabs .tab-content {
        padding-top: 20px
    }

    .basket-table .price {
        font-size: 1.25rem
    }

    .basket-table .alert-max-quantity {
        position: static
    }

    .basket-td-exp-time::after {
        display: block;
        height: 1px;
        clear: left;
        content: ' ';
    }

    .basket-table .basket-td-image {
        display: block
    }

    .basket-table .basket-td-descr {
        /* min-height: 110px*/
    }

    .number-plus-minus {
        padding-top: 10px;
    }

    .basket-td-price, .basket-td-count, .basket-td-total-price {
        width: 33%;
    }

    .basket-table .basket-td-exp-time {
        text-align: left;
        padding: 0 !important;
    }

    .basket-table .basket-td-exp-time .small {
        display: inline
    }

    .basket-table .basket-td-count, .basket-table .basket-td-exp-time, .basket-table .basket-td-price, .basket-table .basket-td-total-price {
        /*  float: left*/
    }

    .basket-table .basket-td-price {
        padding-top: 5px
    }

    .basket-table .basket-td-count {
        clear: both;
        padding-bottom: 0
    }

    .basket-table .basket-td-gift {
        display: block
    }

    .basket-table .basket-td-total-price {
        padding: 20px 12px 12px
    }

    .item-tabs .nav-item {
        font-size: 0.875rem
    }

    .item-tabs .nav-link {
        white-space: normal
    }

    .order-nav-link {
        background-size: auto
    }

    .order-sidebar-title {
        margin-bottom: 0;
        font-size: 1.25rem
    }

    .order-sidebar-total {
        font-size: 1.5rem
    }

    .order-bottom-nav .btn-lg {
        padding-left: 42px;
        padding-right: 42px
    }

    .order-bottom-nav-action.large {
        text-align: left
    }

    .present-btn {
        width: auto
    }

    .delivery-tabs .nav-item:first-child, .delivery-tabs .nav-item:nth-child(2), .delivery-tabs .nav-item:nth-child(3), .delivery-tabs .nav-item:nth-child(4) {
        width: 100%
    }

    .address-table-row .dtc {
        display: block;
        width: auto
    }

    .collapse-item-content {
        padding-bottom: 80px
    }

    .order-pay-btn-wrapper {
        margin: 0
    }

    .order-pay-btn-wrapper .order-pay-btn {
        margin-left: 0;
        margin-right: 0
    }

    .order-pay-btn {
        display: block;
        width: 100%;
        padding-top: 13px;
        padding-bottom: 13px
    }

    .modal-dialog {
        margin-top: 1.875rem
    }

    .modal-header .close {
        margin-top: 0;
        top: -25px;
        right: 0
    }

    .alt-catalog-tabs .nav-item {
        width: 100%
    }

    .banner-descr {
        display: none !important
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .product-item {
        height: 450px
    }

    .product-item.preorder-product-item {
        height: 415px
    }

    .product-price {
        font-size: 1.125rem
    }

    .product-prices-box {
        padding: 10px 0 5px
    }

    .buy-table .prod-oneclick-button-td, .product-action-box {
        float: none
    }

    .order-nav-item {
        height: 34px
    }

    .order-nav-link {
        line-height: 2.25rem
    }

    .order-nav-link .order-nav-count {
        width: 18px;
        height: 18px;
        font-size: 0.875rem;
        line-height: 1.25rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .most-viewed-item {
        width: 20%
    }

    .footer-col:nth-child(odd) {
        border-color: transparent
    }

    .product-slide-item {
        width: 80%
    }

    .order-nav-item {
        height: 45px
    }

    .order-nav-link {
        line-height: 2.9375rem
    }
}

@media (min-width: 992px) and (max-width: 1294px) {
    .header-offer-adbox {
        display: none
    }

    .product-slide-item {
        width: 100%
    }

    .order-sidebar-title {
        font-size: 1.25rem
    }

    .order-sidebar-total {
        font-size: 1.5rem
    }

    .order-nav-item {
        height: 40px
    }

    .order-nav-link {
        line-height: 2.5rem
    }

    .order-nav-link .order-nav-count {
        width: 20px;
        height: 20px;
        font-size: 1rem;
        line-height: 1.375rem
    }

    .smart-item-label {
        font-size: 0.9375rem
    }
}

@media (min-width: 1295px) {
    .town-popover-call-link {
        max-width: 125px
    }

    .footer-col.main-footer-col {
        width: 30%
    }

    .footer-col.second-footer-col {
        width: 20%
    }
}


@media (min-width: 576px) and (max-width: 991px) {
    /* .logo {
         text-align: left
     }*/
    .basket-table .basket-td-exp-time {
        padding-left: 0
    }
}

@media (max-width: 30em) {
    .buy-table .prod-price-td {
        margin-left: 0
    }

    .buy-table .prod-basket-button-td, .buy-table .prod-count-td, .buy-table .prod-oneclick-button-td, .buy-table .prod-price-td {
        padding: 12px
    }

    .regime-time {
        font-size: 0.8125rem
    }

    .header-tel-link {
        font-size: 1.25rem;
        line-height: 1
    }

    .fullpage-slider-container {
        display: none
    }

    .footer-col {
        width: 100%
    }

    .advantage-item.float-item .advantage-img {
        float: none;
        margin: 0 auto
    }

    .advantage-item.float-item .advantage-text {
        margin: 1.25rem 0
    }

    .delivery-interval-time-col {
        width: 100%
    }

    .delivery-toggle-box-header-left {
        font-size: 0.8125rem
    }

    .delivery-toggle-box-header-left small {
        font-size: 0.75rem
    }

    .weight-pay .table-bordered tbody, .weight-pay .table-bordered thead {
        display: block;
        float: left;
        width: 50%
    }

    .weight-pay .table-bordered tr {
        display: block
    }

    .weight-pay .table-bordered td:first-child, .weight-pay .table-bordered th {
        text-align: center
    }

    .weight-pay .table-bordered td, .weight-pay .table-bordered th {
        display: block;
        height: 38px;
        padding: 5px
    }

    .modal-header .modal-title {
        font-size: 1.25rem
    }

    .modal-content {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (max-width: 23em) {
    .regime-time {
        font-size: 0.75rem
    }
}

.main-header, .main-footer {
    flex-shrink: 0;
}

div.logo-block #lottie {
    margin-top: -11px;
    width: 102%;
    margin-left: -6px;
}

div.logo-block-fixed #lottie {
    margin-top: -6px;
    height: 56px;
}

.old-price-marja {
    margin-top: -7px;
}

.old-price-element {
    margin-left: 55px;
    margin-bottom: -5px;
}

.marja-catalog-sec {
    margin-top: -19px;
}

.logo-block-fixed img {
    max-height: 50px
}

#callback_phoneorconfirm .form-control.form-control-lg, #phoneorconfirm .form-control.form-control-lg {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center
}

button.icon-checkmark {
    display: inline-block;
    border: 0px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-indent: -999px;
    text-align: left !important;
    color: #66cc66;
    background: url(/images/checkmark.png) no-repeat center center;
}

#callback_phoneorconfirm.processing .form-confirm, #phoneorconfirm.processing .form-confirm {
    opacity: 0.75;
    pointer-events: none;
}

.widget-content .error {
    background: #ff5f6b;
    color: #fff;
    font-size: 10px;
    padding: 5px;
    border-radius: 8px;
}
/* End */


/* Start:/local/templates/wer_rediz_2021/css/styles.css?1732557827464914*/
/* ALL PAGES STYLES */
/*@font-face {
  font-family: "Roboto";
  src: url("/local/templates/wer_rediz_2021/css/../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/local/templates/wer_rediz_2021/css/../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/local/templates/wer_rediz_2021/css/../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -16px;
  margin-left: -16px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs,
.col-xs-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
}

.col {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
      -ms-flex-order: 13;
          order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
      -ms-flex-order: 9;
          order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
      -ms-flex-order: 11;
          order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
      -ms-flex-order: 12;
          order: 12;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 560px) {
  .col-xs {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-xs-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xs-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xs-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xs-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xs-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xs-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xs-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xs-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xs-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xs-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xs-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xs-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xs-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xs-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xs-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xs-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xs-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xs-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xs-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xs-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xs-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xs-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xs-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xs-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xs-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xs-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xs-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-xs-0 {
    margin-left: 0;
  }
  .offset-xs-1 {
    margin-left: 8.33333%;
  }
  .offset-xs-2 {
    margin-left: 16.66667%;
  }
  .offset-xs-3 {
    margin-left: 25%;
  }
  .offset-xs-4 {
    margin-left: 33.33333%;
  }
  .offset-xs-5 {
    margin-left: 41.66667%;
  }
  .offset-xs-6 {
    margin-left: 50%;
  }
  .offset-xs-7 {
    margin-left: 58.33333%;
  }
  .offset-xs-8 {
    margin-left: 66.66667%;
  }
  .offset-xs-9 {
    margin-left: 75%;
  }
  .offset-xs-10 {
    margin-left: 83.33333%;
  }
  .offset-xs-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1000px) {
  .col-md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-md-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-md-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-md-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-md-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-md-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-md-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-md-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-md-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-md-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-md-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-md-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-md-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-md-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-lg-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1300px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
            flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
            flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
            flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
            flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .order-xl-last {
    -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
            order: 13;
  }
  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
  }
  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.container {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  width: 100%;
  padding-right: 16px;
  padding-left: 16px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 560px) {
  .container {
    max-width: 552px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 752px;
  }
}

@media (min-width: 1000px) {
  .container {
    max-width: 962px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1172px;
  }
}

@media (min-width: 1300px) {
  .container {
    max-width: 1296px;
  }
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: row-reverse !important;
          flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
      -ms-flex-direction: column-reverse !important;
          flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
      flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 1 auto !important;
          flex: 1 1 auto !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
      align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}

@media (min-width: 560px) {
  .flex-xs-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xs-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xs-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xs-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xs-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xs-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xs-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-xs-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xs-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xs-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xs-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xs-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-xs-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xs-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xs-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xs-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xs-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-xs-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xs-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xs-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xs-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xs-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xs-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xs-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xs-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xs-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xs-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xs-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xs-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xs-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xs-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xs-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xs-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xs-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-sm-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-sm-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-sm-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1000px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-md-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-md-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-md-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-lg-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-lg-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-lg-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

@media (min-width: 1300px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
            flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
            flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
            flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
            flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
  }
  .align-items-xl-start {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }
  .align-items-xl-end {
    -webkit-box-align: end !important;
        -ms-flex-align: end !important;
            align-items: flex-end !important;
  }
  .align-items-xl-center {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
        align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
        align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
        align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
        align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
  }
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 10px !important;
}

.mt-1,
.my-1 {
  margin-top: 10px !important;
}

.mr-1,
.mx-1 {
  margin-right: 10px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 10px !important;
}

.ml-1,
.mx-1 {
  margin-left: 10px !important;
}

.m-2 {
  margin: 20px !important;
}

.mt-2,
.my-2 {
  margin-top: 20px !important;
}

.mr-2,
.mx-2 {
  margin-right: 20px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 20px !important;
}

.ml-2,
.mx-2 {
  margin-left: 20px !important;
}

.m-3 {
  margin: 30px !important;
}

.mt-3,
.my-3 {
  margin-top: 30px !important;
}

.mr-3,
.mx-3 {
  margin-right: 30px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 30px !important;
}

.ml-3,
.mx-3 {
  margin-left: 30px !important;
}

.m-4 {
  margin: 40px !important;
}

.mt-4,
.my-4 {
  margin-top: 40px !important;
}

.mr-4,
.mx-4 {
  margin-right: 40px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 40px !important;
}

.ml-4,
.mx-4 {
  margin-left: 40px !important;
}

.m-5 {
  margin: 50px !important;
}

.mt-5,
.my-5 {
  margin-top: 50px !important;
}

.mr-5,
.mx-5 {
  margin-right: 50px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 50px !important;
}

.ml-5,
.mx-5 {
  margin-left: 50px !important;
}

.m-6 {
  margin: 60px !important;
}

.mt-6,
.my-6 {
  margin-top: 60px !important;
}

.mr-6,
.mx-6 {
  margin-right: 60px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 60px !important;
}

.ml-6,
.mx-6 {
  margin-left: 60px !important;
}

.m-7 {
  margin: 70px !important;
}

.mt-7,
.my-7 {
  margin-top: 70px !important;
}

.mr-7,
.mx-7 {
  margin-right: 70px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 70px !important;
}

.ml-7,
.mx-7 {
  margin-left: 70px !important;
}

.m-8 {
  margin: 80px !important;
}

.mt-8,
.my-8 {
  margin-top: 80px !important;
}

.mr-8,
.mx-8 {
  margin-right: 80px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 80px !important;
}

.ml-8,
.mx-8 {
  margin-left: 80px !important;
}

.m-9 {
  margin: 90px !important;
}

.mt-9,
.my-9 {
  margin-top: 90px !important;
}

.mr-9,
.mx-9 {
  margin-right: 90px !important;
}

.mb-9,
.my-9 {
  margin-bottom: 90px !important;
}

.ml-9,
.mx-9 {
  margin-left: 90px !important;
}

.m-10 {
  margin: 100px !important;
}

.mt-10,
.my-10 {
  margin-top: 100px !important;
}

.mr-10,
.mx-10 {
  margin-right: 100px !important;
}

.mb-10,
.my-10 {
  margin-bottom: 100px !important;
}

.ml-10,
.mx-10 {
  margin-left: 100px !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 10px !important;
}

.pt-1,
.py-1 {
  padding-top: 10px !important;
}

.pr-1,
.px-1 {
  padding-right: 10px !important;
}

.pb-1,
.py-1 {
  padding-bottom: 10px !important;
}

.pl-1,
.px-1 {
  padding-left: 10px !important;
}

.p-2 {
  padding: 20px !important;
}

.pt-2,
.py-2 {
  padding-top: 20px !important;
}

.pr-2,
.px-2 {
  padding-right: 20px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 20px !important;
}

.pl-2,
.px-2 {
  padding-left: 20px !important;
}

.p-3 {
  padding: 30px !important;
}

.pt-3,
.py-3 {
  padding-top: 30px !important;
}

.pr-3,
.px-3 {
  padding-right: 30px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 30px !important;
}

.pl-3,
.px-3 {
  padding-left: 30px !important;
}

.p-4 {
  padding: 40px !important;
}

.pt-4,
.py-4 {
  padding-top: 40px !important;
}

.pr-4,
.px-4 {
  padding-right: 40px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 40px !important;
}

.pl-4,
.px-4 {
  padding-left: 40px !important;
}

.p-5 {
  padding: 50px !important;
}

.pt-5,
.py-5 {
  padding-top: 50px !important;
}

.pr-5,
.px-5 {
  padding-right: 50px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 50px !important;
}

.pl-5,
.px-5 {
  padding-left: 50px !important;
}

.p-6 {
  padding: 60px !important;
}

.pt-6,
.py-6 {
  padding-top: 60px !important;
}

.pr-6,
.px-6 {
  padding-right: 60px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 60px !important;
}

.pl-6,
.px-6 {
  padding-left: 60px !important;
}

.p-7 {
  padding: 70px !important;
}

.pt-7,
.py-7 {
  padding-top: 70px !important;
}

.pr-7,
.px-7 {
  padding-right: 70px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 70px !important;
}

.pl-7,
.px-7 {
  padding-left: 70px !important;
}

.p-8 {
  padding: 80px !important;
}

.pt-8,
.py-8 {
  padding-top: 80px !important;
}

.pr-8,
.px-8 {
  padding-right: 80px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 80px !important;
}

.pl-8,
.px-8 {
  padding-left: 80px !important;
}

.p-9 {
  padding: 90px !important;
}

.pt-9,
.py-9 {
  padding-top: 90px !important;
}

.pr-9,
.px-9 {
  padding-right: 90px !important;
}

.pb-9,
.py-9 {
  padding-bottom: 90px !important;
}

.pl-9,
.px-9 {
  padding-left: 90px !important;
}

.p-10 {
  padding: 100px !important;
}

.pt-10,
.py-10 {
  padding-top: 100px !important;
}

.pr-10,
.px-10 {
  padding-right: 100px !important;
}

.pb-10,
.py-10 {
  padding-bottom: 100px !important;
}

.pl-10,
.px-10 {
  padding-left: 100px !important;
}

.m-n1 {
  margin: -10px !important;
}

.mt-n1,
.my-n1 {
  margin-top: -10px !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -10px !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -10px !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -10px !important;
}

.m-n2 {
  margin: -20px !important;
}

.mt-n2,
.my-n2 {
  margin-top: -20px !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -20px !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -20px !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -20px !important;
}

.m-n3 {
  margin: -30px !important;
}

.mt-n3,
.my-n3 {
  margin-top: -30px !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -30px !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -30px !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -30px !important;
}

.m-n4 {
  margin: -40px !important;
}

.mt-n4,
.my-n4 {
  margin-top: -40px !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -40px !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -40px !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -40px !important;
}

.m-n5 {
  margin: -50px !important;
}

.mt-n5,
.my-n5 {
  margin-top: -50px !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -50px !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -50px !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -50px !important;
}

.m-n6 {
  margin: -60px !important;
}

.mt-n6,
.my-n6 {
  margin-top: -60px !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -60px !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -60px !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -60px !important;
}

.m-n7 {
  margin: -70px !important;
}

.mt-n7,
.my-n7 {
  margin-top: -70px !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -70px !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -70px !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -70px !important;
}

.m-n8 {
  margin: -80px !important;
}

.mt-n8,
.my-n8 {
  margin-top: -80px !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -80px !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -80px !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -80px !important;
}

.m-n9 {
  margin: -90px !important;
}

.mt-n9,
.my-n9 {
  margin-top: -90px !important;
}

.mr-n9,
.mx-n9 {
  margin-right: -90px !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -90px !important;
}

.ml-n9,
.mx-n9 {
  margin-left: -90px !important;
}

.m-n10 {
  margin: -100px !important;
}

.mt-n10,
.my-n10 {
  margin-top: -100px !important;
}

.mr-n10,
.mx-n10 {
  margin-right: -100px !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: -100px !important;
}

.ml-n10,
.mx-n10 {
  margin-left: -100px !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 560px) {
  .m-xs-0 {
    margin: 0 !important;
  }
  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }
  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }
  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }
  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }
  .m-xs-1 {
    margin: 10px !important;
  }
  .mt-xs-1,
  .my-xs-1 {
    margin-top: 10px !important;
  }
  .mr-xs-1,
  .mx-xs-1 {
    margin-right: 10px !important;
  }
  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: 10px !important;
  }
  .ml-xs-1,
  .mx-xs-1 {
    margin-left: 10px !important;
  }
  .m-xs-2 {
    margin: 20px !important;
  }
  .mt-xs-2,
  .my-xs-2 {
    margin-top: 20px !important;
  }
  .mr-xs-2,
  .mx-xs-2 {
    margin-right: 20px !important;
  }
  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: 20px !important;
  }
  .ml-xs-2,
  .mx-xs-2 {
    margin-left: 20px !important;
  }
  .m-xs-3 {
    margin: 30px !important;
  }
  .mt-xs-3,
  .my-xs-3 {
    margin-top: 30px !important;
  }
  .mr-xs-3,
  .mx-xs-3 {
    margin-right: 30px !important;
  }
  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: 30px !important;
  }
  .ml-xs-3,
  .mx-xs-3 {
    margin-left: 30px !important;
  }
  .m-xs-4 {
    margin: 40px !important;
  }
  .mt-xs-4,
  .my-xs-4 {
    margin-top: 40px !important;
  }
  .mr-xs-4,
  .mx-xs-4 {
    margin-right: 40px !important;
  }
  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: 40px !important;
  }
  .ml-xs-4,
  .mx-xs-4 {
    margin-left: 40px !important;
  }
  .m-xs-5 {
    margin: 50px !important;
  }
  .mt-xs-5,
  .my-xs-5 {
    margin-top: 50px !important;
  }
  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 50px !important;
  }
  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 50px !important;
  }
  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 50px !important;
  }
  .m-xs-6 {
    margin: 60px !important;
  }
  .mt-xs-6,
  .my-xs-6 {
    margin-top: 60px !important;
  }
  .mr-xs-6,
  .mx-xs-6 {
    margin-right: 60px !important;
  }
  .mb-xs-6,
  .my-xs-6 {
    margin-bottom: 60px !important;
  }
  .ml-xs-6,
  .mx-xs-6 {
    margin-left: 60px !important;
  }
  .m-xs-7 {
    margin: 70px !important;
  }
  .mt-xs-7,
  .my-xs-7 {
    margin-top: 70px !important;
  }
  .mr-xs-7,
  .mx-xs-7 {
    margin-right: 70px !important;
  }
  .mb-xs-7,
  .my-xs-7 {
    margin-bottom: 70px !important;
  }
  .ml-xs-7,
  .mx-xs-7 {
    margin-left: 70px !important;
  }
  .m-xs-8 {
    margin: 80px !important;
  }
  .mt-xs-8,
  .my-xs-8 {
    margin-top: 80px !important;
  }
  .mr-xs-8,
  .mx-xs-8 {
    margin-right: 80px !important;
  }
  .mb-xs-8,
  .my-xs-8 {
    margin-bottom: 80px !important;
  }
  .ml-xs-8,
  .mx-xs-8 {
    margin-left: 80px !important;
  }
  .m-xs-9 {
    margin: 90px !important;
  }
  .mt-xs-9,
  .my-xs-9 {
    margin-top: 90px !important;
  }
  .mr-xs-9,
  .mx-xs-9 {
    margin-right: 90px !important;
  }
  .mb-xs-9,
  .my-xs-9 {
    margin-bottom: 90px !important;
  }
  .ml-xs-9,
  .mx-xs-9 {
    margin-left: 90px !important;
  }
  .m-xs-10 {
    margin: 100px !important;
  }
  .mt-xs-10,
  .my-xs-10 {
    margin-top: 100px !important;
  }
  .mr-xs-10,
  .mx-xs-10 {
    margin-right: 100px !important;
  }
  .mb-xs-10,
  .my-xs-10 {
    margin-bottom: 100px !important;
  }
  .ml-xs-10,
  .mx-xs-10 {
    margin-left: 100px !important;
  }
  .p-xs-0 {
    padding: 0 !important;
  }
  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }
  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }
  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }
  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }
  .p-xs-1 {
    padding: 10px !important;
  }
  .pt-xs-1,
  .py-xs-1 {
    padding-top: 10px !important;
  }
  .pr-xs-1,
  .px-xs-1 {
    padding-right: 10px !important;
  }
  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: 10px !important;
  }
  .pl-xs-1,
  .px-xs-1 {
    padding-left: 10px !important;
  }
  .p-xs-2 {
    padding: 20px !important;
  }
  .pt-xs-2,
  .py-xs-2 {
    padding-top: 20px !important;
  }
  .pr-xs-2,
  .px-xs-2 {
    padding-right: 20px !important;
  }
  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: 20px !important;
  }
  .pl-xs-2,
  .px-xs-2 {
    padding-left: 20px !important;
  }
  .p-xs-3 {
    padding: 30px !important;
  }
  .pt-xs-3,
  .py-xs-3 {
    padding-top: 30px !important;
  }
  .pr-xs-3,
  .px-xs-3 {
    padding-right: 30px !important;
  }
  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: 30px !important;
  }
  .pl-xs-3,
  .px-xs-3 {
    padding-left: 30px !important;
  }
  .p-xs-4 {
    padding: 40px !important;
  }
  .pt-xs-4,
  .py-xs-4 {
    padding-top: 40px !important;
  }
  .pr-xs-4,
  .px-xs-4 {
    padding-right: 40px !important;
  }
  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: 40px !important;
  }
  .pl-xs-4,
  .px-xs-4 {
    padding-left: 40px !important;
  }
  .p-xs-5 {
    padding: 50px !important;
  }
  .pt-xs-5,
  .py-xs-5 {
    padding-top: 50px !important;
  }
  .pr-xs-5,
  .px-xs-5 {
    padding-right: 50px !important;
  }
  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 50px !important;
  }
  .pl-xs-5,
  .px-xs-5 {
    padding-left: 50px !important;
  }
  .p-xs-6 {
    padding: 60px !important;
  }
  .pt-xs-6,
  .py-xs-6 {
    padding-top: 60px !important;
  }
  .pr-xs-6,
  .px-xs-6 {
    padding-right: 60px !important;
  }
  .pb-xs-6,
  .py-xs-6 {
    padding-bottom: 60px !important;
  }
  .pl-xs-6,
  .px-xs-6 {
    padding-left: 60px !important;
  }
  .p-xs-7 {
    padding: 70px !important;
  }
  .pt-xs-7,
  .py-xs-7 {
    padding-top: 70px !important;
  }
  .pr-xs-7,
  .px-xs-7 {
    padding-right: 70px !important;
  }
  .pb-xs-7,
  .py-xs-7 {
    padding-bottom: 70px !important;
  }
  .pl-xs-7,
  .px-xs-7 {
    padding-left: 70px !important;
  }
  .p-xs-8 {
    padding: 80px !important;
  }
  .pt-xs-8,
  .py-xs-8 {
    padding-top: 80px !important;
  }
  .pr-xs-8,
  .px-xs-8 {
    padding-right: 80px !important;
  }
  .pb-xs-8,
  .py-xs-8 {
    padding-bottom: 80px !important;
  }
  .pl-xs-8,
  .px-xs-8 {
    padding-left: 80px !important;
  }
  .p-xs-9 {
    padding: 90px !important;
  }
  .pt-xs-9,
  .py-xs-9 {
    padding-top: 90px !important;
  }
  .pr-xs-9,
  .px-xs-9 {
    padding-right: 90px !important;
  }
  .pb-xs-9,
  .py-xs-9 {
    padding-bottom: 90px !important;
  }
  .pl-xs-9,
  .px-xs-9 {
    padding-left: 90px !important;
  }
  .p-xs-10 {
    padding: 100px !important;
  }
  .pt-xs-10,
  .py-xs-10 {
    padding-top: 100px !important;
  }
  .pr-xs-10,
  .px-xs-10 {
    padding-right: 100px !important;
  }
  .pb-xs-10,
  .py-xs-10 {
    padding-bottom: 100px !important;
  }
  .pl-xs-10,
  .px-xs-10 {
    padding-left: 100px !important;
  }
  .m-xs-n1 {
    margin: -10px !important;
  }
  .mt-xs-n1,
  .my-xs-n1 {
    margin-top: -10px !important;
  }
  .mr-xs-n1,
  .mx-xs-n1 {
    margin-right: -10px !important;
  }
  .mb-xs-n1,
  .my-xs-n1 {
    margin-bottom: -10px !important;
  }
  .ml-xs-n1,
  .mx-xs-n1 {
    margin-left: -10px !important;
  }
  .m-xs-n2 {
    margin: -20px !important;
  }
  .mt-xs-n2,
  .my-xs-n2 {
    margin-top: -20px !important;
  }
  .mr-xs-n2,
  .mx-xs-n2 {
    margin-right: -20px !important;
  }
  .mb-xs-n2,
  .my-xs-n2 {
    margin-bottom: -20px !important;
  }
  .ml-xs-n2,
  .mx-xs-n2 {
    margin-left: -20px !important;
  }
  .m-xs-n3 {
    margin: -30px !important;
  }
  .mt-xs-n3,
  .my-xs-n3 {
    margin-top: -30px !important;
  }
  .mr-xs-n3,
  .mx-xs-n3 {
    margin-right: -30px !important;
  }
  .mb-xs-n3,
  .my-xs-n3 {
    margin-bottom: -30px !important;
  }
  .ml-xs-n3,
  .mx-xs-n3 {
    margin-left: -30px !important;
  }
  .m-xs-n4 {
    margin: -40px !important;
  }
  .mt-xs-n4,
  .my-xs-n4 {
    margin-top: -40px !important;
  }
  .mr-xs-n4,
  .mx-xs-n4 {
    margin-right: -40px !important;
  }
  .mb-xs-n4,
  .my-xs-n4 {
    margin-bottom: -40px !important;
  }
  .ml-xs-n4,
  .mx-xs-n4 {
    margin-left: -40px !important;
  }
  .m-xs-n5 {
    margin: -50px !important;
  }
  .mt-xs-n5,
  .my-xs-n5 {
    margin-top: -50px !important;
  }
  .mr-xs-n5,
  .mx-xs-n5 {
    margin-right: -50px !important;
  }
  .mb-xs-n5,
  .my-xs-n5 {
    margin-bottom: -50px !important;
  }
  .ml-xs-n5,
  .mx-xs-n5 {
    margin-left: -50px !important;
  }
  .m-xs-n6 {
    margin: -60px !important;
  }
  .mt-xs-n6,
  .my-xs-n6 {
    margin-top: -60px !important;
  }
  .mr-xs-n6,
  .mx-xs-n6 {
    margin-right: -60px !important;
  }
  .mb-xs-n6,
  .my-xs-n6 {
    margin-bottom: -60px !important;
  }
  .ml-xs-n6,
  .mx-xs-n6 {
    margin-left: -60px !important;
  }
  .m-xs-n7 {
    margin: -70px !important;
  }
  .mt-xs-n7,
  .my-xs-n7 {
    margin-top: -70px !important;
  }
  .mr-xs-n7,
  .mx-xs-n7 {
    margin-right: -70px !important;
  }
  .mb-xs-n7,
  .my-xs-n7 {
    margin-bottom: -70px !important;
  }
  .ml-xs-n7,
  .mx-xs-n7 {
    margin-left: -70px !important;
  }
  .m-xs-n8 {
    margin: -80px !important;
  }
  .mt-xs-n8,
  .my-xs-n8 {
    margin-top: -80px !important;
  }
  .mr-xs-n8,
  .mx-xs-n8 {
    margin-right: -80px !important;
  }
  .mb-xs-n8,
  .my-xs-n8 {
    margin-bottom: -80px !important;
  }
  .ml-xs-n8,
  .mx-xs-n8 {
    margin-left: -80px !important;
  }
  .m-xs-n9 {
    margin: -90px !important;
  }
  .mt-xs-n9,
  .my-xs-n9 {
    margin-top: -90px !important;
  }
  .mr-xs-n9,
  .mx-xs-n9 {
    margin-right: -90px !important;
  }
  .mb-xs-n9,
  .my-xs-n9 {
    margin-bottom: -90px !important;
  }
  .ml-xs-n9,
  .mx-xs-n9 {
    margin-left: -90px !important;
  }
  .m-xs-n10 {
    margin: -100px !important;
  }
  .mt-xs-n10,
  .my-xs-n10 {
    margin-top: -100px !important;
  }
  .mr-xs-n10,
  .mx-xs-n10 {
    margin-right: -100px !important;
  }
  .mb-xs-n10,
  .my-xs-n10 {
    margin-bottom: -100px !important;
  }
  .ml-xs-n10,
  .mx-xs-n10 {
    margin-left: -100px !important;
  }
  .m-xs-auto {
    margin: auto !important;
  }
  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }
  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }
  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }
  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 10px !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 10px !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 10px !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 10px !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 10px !important;
  }
  .m-sm-2 {
    margin: 20px !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 20px !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 20px !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 20px !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 20px !important;
  }
  .m-sm-3 {
    margin: 30px !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 30px !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 30px !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 30px !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 30px !important;
  }
  .m-sm-4 {
    margin: 40px !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 40px !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 40px !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 40px !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 40px !important;
  }
  .m-sm-5 {
    margin: 50px !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 50px !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 50px !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 50px !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 50px !important;
  }
  .m-sm-6 {
    margin: 60px !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 60px !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 60px !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 60px !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 60px !important;
  }
  .m-sm-7 {
    margin: 70px !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 70px !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 70px !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 70px !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 70px !important;
  }
  .m-sm-8 {
    margin: 80px !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 80px !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 80px !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 80px !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 80px !important;
  }
  .m-sm-9 {
    margin: 90px !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 90px !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 90px !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 90px !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 90px !important;
  }
  .m-sm-10 {
    margin: 100px !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 100px !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 100px !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 100px !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 100px !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 10px !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 10px !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 10px !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 10px !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 10px !important;
  }
  .p-sm-2 {
    padding: 20px !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 20px !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 20px !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 20px !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 20px !important;
  }
  .p-sm-3 {
    padding: 30px !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 30px !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 30px !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 30px !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 30px !important;
  }
  .p-sm-4 {
    padding: 40px !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 40px !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 40px !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 40px !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 40px !important;
  }
  .p-sm-5 {
    padding: 50px !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 50px !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 50px !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 50px !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 50px !important;
  }
  .p-sm-6 {
    padding: 60px !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 60px !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 60px !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 60px !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 60px !important;
  }
  .p-sm-7 {
    padding: 70px !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 70px !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 70px !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 70px !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 70px !important;
  }
  .p-sm-8 {
    padding: 80px !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 80px !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 80px !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 80px !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 80px !important;
  }
  .p-sm-9 {
    padding: 90px !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 90px !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 90px !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 90px !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 90px !important;
  }
  .p-sm-10 {
    padding: 100px !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 100px !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 100px !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 100px !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 100px !important;
  }
  .m-sm-n1 {
    margin: -10px !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -10px !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -10px !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -10px !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -10px !important;
  }
  .m-sm-n2 {
    margin: -20px !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -20px !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -20px !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -20px !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -20px !important;
  }
  .m-sm-n3 {
    margin: -30px !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -30px !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -30px !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -30px !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -30px !important;
  }
  .m-sm-n4 {
    margin: -40px !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -40px !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -40px !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -40px !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -40px !important;
  }
  .m-sm-n5 {
    margin: -50px !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -50px !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -50px !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -50px !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -50px !important;
  }
  .m-sm-n6 {
    margin: -60px !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -60px !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -60px !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -60px !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -60px !important;
  }
  .m-sm-n7 {
    margin: -70px !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -70px !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -70px !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -70px !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -70px !important;
  }
  .m-sm-n8 {
    margin: -80px !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -80px !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -80px !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -80px !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -80px !important;
  }
  .m-sm-n9 {
    margin: -90px !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -90px !important;
  }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -90px !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -90px !important;
  }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -90px !important;
  }
  .m-sm-n10 {
    margin: -100px !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -100px !important;
  }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -100px !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -100px !important;
  }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -100px !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1000px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 10px !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 10px !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 10px !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 10px !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 10px !important;
  }
  .m-md-2 {
    margin: 20px !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 20px !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 20px !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 20px !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 20px !important;
  }
  .m-md-3 {
    margin: 30px !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 30px !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 30px !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 30px !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 30px !important;
  }
  .m-md-4 {
    margin: 40px !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 40px !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 40px !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 40px !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 40px !important;
  }
  .m-md-5 {
    margin: 50px !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 50px !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 50px !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 50px !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 50px !important;
  }
  .m-md-6 {
    margin: 60px !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 60px !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 60px !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 60px !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 60px !important;
  }
  .m-md-7 {
    margin: 70px !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 70px !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 70px !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 70px !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 70px !important;
  }
  .m-md-8 {
    margin: 80px !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 80px !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 80px !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 80px !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 80px !important;
  }
  .m-md-9 {
    margin: 90px !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 90px !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 90px !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 90px !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 90px !important;
  }
  .m-md-10 {
    margin: 100px !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 100px !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 100px !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 100px !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 100px !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 10px !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 10px !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 10px !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 10px !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 10px !important;
  }
  .p-md-2 {
    padding: 20px !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 20px !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 20px !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 20px !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 20px !important;
  }
  .p-md-3 {
    padding: 30px !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 30px !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 30px !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 30px !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 30px !important;
  }
  .p-md-4 {
    padding: 40px !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 40px !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 40px !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 40px !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 40px !important;
  }
  .p-md-5 {
    padding: 50px !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 50px !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 50px !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 50px !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 50px !important;
  }
  .p-md-6 {
    padding: 60px !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 60px !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 60px !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 60px !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 60px !important;
  }
  .p-md-7 {
    padding: 70px !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 70px !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 70px !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 70px !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 70px !important;
  }
  .p-md-8 {
    padding: 80px !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 80px !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 80px !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 80px !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 80px !important;
  }
  .p-md-9 {
    padding: 90px !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 90px !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 90px !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 90px !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 90px !important;
  }
  .p-md-10 {
    padding: 100px !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 100px !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 100px !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 100px !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 100px !important;
  }
  .m-md-n1 {
    margin: -10px !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -10px !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -10px !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -10px !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -10px !important;
  }
  .m-md-n2 {
    margin: -20px !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -20px !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -20px !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -20px !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -20px !important;
  }
  .m-md-n3 {
    margin: -30px !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -30px !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -30px !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -30px !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -30px !important;
  }
  .m-md-n4 {
    margin: -40px !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -40px !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -40px !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -40px !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -40px !important;
  }
  .m-md-n5 {
    margin: -50px !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -50px !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -50px !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -50px !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -50px !important;
  }
  .m-md-n6 {
    margin: -60px !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -60px !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -60px !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -60px !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -60px !important;
  }
  .m-md-n7 {
    margin: -70px !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -70px !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -70px !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -70px !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -70px !important;
  }
  .m-md-n8 {
    margin: -80px !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -80px !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -80px !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -80px !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -80px !important;
  }
  .m-md-n9 {
    margin: -90px !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: -90px !important;
  }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -90px !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -90px !important;
  }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -90px !important;
  }
  .m-md-n10 {
    margin: -100px !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: -100px !important;
  }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -100px !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -100px !important;
  }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -100px !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 10px !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 10px !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 10px !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 10px !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 10px !important;
  }
  .m-lg-2 {
    margin: 20px !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 20px !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 20px !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 20px !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 20px !important;
  }
  .m-lg-3 {
    margin: 30px !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 30px !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 30px !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 30px !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 30px !important;
  }
  .m-lg-4 {
    margin: 40px !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 40px !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 40px !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 40px !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 40px !important;
  }
  .m-lg-5 {
    margin: 50px !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 50px !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 50px !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 50px !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 50px !important;
  }
  .m-lg-6 {
    margin: 60px !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 60px !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 60px !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 60px !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 60px !important;
  }
  .m-lg-7 {
    margin: 70px !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 70px !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 70px !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 70px !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 70px !important;
  }
  .m-lg-8 {
    margin: 80px !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 80px !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 80px !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 80px !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 80px !important;
  }
  .m-lg-9 {
    margin: 90px !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 90px !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 90px !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 90px !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 90px !important;
  }
  .m-lg-10 {
    margin: 100px !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 100px !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 100px !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 100px !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 100px !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 10px !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 10px !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 10px !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 10px !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 10px !important;
  }
  .p-lg-2 {
    padding: 20px !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 20px !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 20px !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 20px !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 20px !important;
  }
  .p-lg-3 {
    padding: 30px !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 30px !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 30px !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 30px !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 30px !important;
  }
  .p-lg-4 {
    padding: 40px !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 40px !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 40px !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 40px !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 40px !important;
  }
  .p-lg-5 {
    padding: 50px !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 50px !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 50px !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 50px !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 50px !important;
  }
  .p-lg-6 {
    padding: 60px !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 60px !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 60px !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 60px !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 60px !important;
  }
  .p-lg-7 {
    padding: 70px !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 70px !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 70px !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 70px !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 70px !important;
  }
  .p-lg-8 {
    padding: 80px !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 80px !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 80px !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 80px !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 80px !important;
  }
  .p-lg-9 {
    padding: 90px !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 90px !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 90px !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 90px !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 90px !important;
  }
  .p-lg-10 {
    padding: 100px !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 100px !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 100px !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 100px !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 100px !important;
  }
  .m-lg-n1 {
    margin: -10px !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -10px !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -10px !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -10px !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -10px !important;
  }
  .m-lg-n2 {
    margin: -20px !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -20px !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -20px !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -20px !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -20px !important;
  }
  .m-lg-n3 {
    margin: -30px !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -30px !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -30px !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -30px !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -30px !important;
  }
  .m-lg-n4 {
    margin: -40px !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -40px !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -40px !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -40px !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -40px !important;
  }
  .m-lg-n5 {
    margin: -50px !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -50px !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -50px !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -50px !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -50px !important;
  }
  .m-lg-n6 {
    margin: -60px !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -60px !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -60px !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -60px !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -60px !important;
  }
  .m-lg-n7 {
    margin: -70px !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -70px !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -70px !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -70px !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -70px !important;
  }
  .m-lg-n8 {
    margin: -80px !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -80px !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -80px !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -80px !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -80px !important;
  }
  .m-lg-n9 {
    margin: -90px !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -90px !important;
  }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -90px !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -90px !important;
  }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -90px !important;
  }
  .m-lg-n10 {
    margin: -100px !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -100px !important;
  }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -100px !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -100px !important;
  }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -100px !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1300px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 10px !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 10px !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 10px !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 10px !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 10px !important;
  }
  .m-xl-2 {
    margin: 20px !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 20px !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 20px !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 20px !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 20px !important;
  }
  .m-xl-3 {
    margin: 30px !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 30px !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 30px !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 30px !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 30px !important;
  }
  .m-xl-4 {
    margin: 40px !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 40px !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 40px !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 40px !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 40px !important;
  }
  .m-xl-5 {
    margin: 50px !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 50px !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 50px !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 50px !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 50px !important;
  }
  .m-xl-6 {
    margin: 60px !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 60px !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 60px !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 60px !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 60px !important;
  }
  .m-xl-7 {
    margin: 70px !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 70px !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 70px !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 70px !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 70px !important;
  }
  .m-xl-8 {
    margin: 80px !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 80px !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 80px !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 80px !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 80px !important;
  }
  .m-xl-9 {
    margin: 90px !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 90px !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 90px !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 90px !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 90px !important;
  }
  .m-xl-10 {
    margin: 100px !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 100px !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 100px !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 100px !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 100px !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 10px !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 10px !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 10px !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 10px !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 10px !important;
  }
  .p-xl-2 {
    padding: 20px !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 20px !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 20px !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 20px !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 20px !important;
  }
  .p-xl-3 {
    padding: 30px !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 30px !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 30px !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 30px !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 30px !important;
  }
  .p-xl-4 {
    padding: 40px !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 40px !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 40px !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 40px !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 40px !important;
  }
  .p-xl-5 {
    padding: 50px !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 50px !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 50px !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 50px !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 50px !important;
  }
  .p-xl-6 {
    padding: 60px !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 60px !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 60px !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 60px !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 60px !important;
  }
  .p-xl-7 {
    padding: 70px !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 70px !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 70px !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 70px !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 70px !important;
  }
  .p-xl-8 {
    padding: 80px !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 80px !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 80px !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 80px !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 80px !important;
  }
  .p-xl-9 {
    padding: 90px !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 90px !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 90px !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 90px !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 90px !important;
  }
  .p-xl-10 {
    padding: 100px !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 100px !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 100px !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 100px !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 100px !important;
  }
  .m-xl-n1 {
    margin: -10px !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -10px !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -10px !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -10px !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -10px !important;
  }
  .m-xl-n2 {
    margin: -20px !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -20px !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -20px !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -20px !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -20px !important;
  }
  .m-xl-n3 {
    margin: -30px !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -30px !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -30px !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -30px !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -30px !important;
  }
  .m-xl-n4 {
    margin: -40px !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -40px !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -40px !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -40px !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -40px !important;
  }
  .m-xl-n5 {
    margin: -50px !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -50px !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -50px !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -50px !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -50px !important;
  }
  .m-xl-n6 {
    margin: -60px !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -60px !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -60px !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -60px !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -60px !important;
  }
  .m-xl-n7 {
    margin: -70px !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -70px !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -70px !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -70px !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -70px !important;
  }
  .m-xl-n8 {
    margin: -80px !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -80px !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -80px !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -80px !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -80px !important;
  }
  .m-xl-n9 {
    margin: -90px !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -90px !important;
  }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -90px !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -90px !important;
  }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -90px !important;
  }
  .m-xl-n10 {
    margin: -100px !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -100px !important;
  }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -100px !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -100px !important;
  }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -100px !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-align-center {
  text-align: center !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-table-cell {
  display: table-cell !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

@media (min-width: 560px) {
  .text-align-xs-center {
    text-align: center !important;
  }
  .text-align-xs-left {
    text-align: left !important;
  }
  .text-align-xs-right {
    text-align: right !important;
  }
  .d-xs-none {
    display: none !important;
  }
  .d-xs-block {
    display: block !important;
  }
  .d-xs-table-cell {
    display: table-cell !important;
  }
  .text-xs-nowrap {
    white-space: nowrap !important;
  }
}

@media (min-width: 768px) {
  .text-align-sm-center {
    text-align: center !important;
  }
  .text-align-sm-left {
    text-align: left !important;
  }
  .text-align-sm-right {
    text-align: right !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .text-sm-nowrap {
    white-space: nowrap !important;
  }
}

@media (min-width: 1000px) {
  .text-align-md-center {
    text-align: center !important;
  }
  .text-align-md-left {
    text-align: left !important;
  }
  .text-align-md-right {
    text-align: right !important;
  }
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .text-md-nowrap {
    white-space: nowrap !important;
  }
}

@media (min-width: 1200px) {
  .text-align-lg-center {
    text-align: center !important;
  }
  .text-align-lg-left {
    text-align: left !important;
  }
  .text-align-lg-right {
    text-align: right !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .text-lg-nowrap {
    white-space: nowrap !important;
  }
}

@media (min-width: 1300px) {
  .text-align-xl-center {
    text-align: center !important;
  }
  .text-align-xl-left {
    text-align: left !important;
  }
  .text-align-xl-right {
    text-align: right !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .text-xl-nowrap {
    white-space: nowrap !important;
  }
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body,
header,
footer,
section,
main,
form {
  display: block;
  margin: 0;
  padding: 0;
}

html,
body {
  width: 100%;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

body {
  background: #fff;
}

.site-content {
  padding-top: 116px;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .site-content {
    margin-bottom: 48px;
    padding-top: 0;
  }
}

img {
  display: block;
  margin: 0;
  max-width: 100%;
  border: 0;
  border-radius: 0;
}

.selectric-above .selectric-items {
  top: 100%;
  bottom: auto;
}

.display-none {
  display: none !important;
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.colored-label {
  display: inline-block;
  vertical-align: top;
  font-size: 8px;
  font-weight: 500;
  line-height: 11px;
  padding: 1px 4px 0 4px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 2px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .colored-label {
    line-height: 14px;
    padding: 1px 8px 0 8px;
    font-size: 10px;
  }
}

@media (min-width: 1000px) {
  .colored-label {
    line-height: 16px;
    padding: 1px 8px 0 8px;
    font-size: 12px;
  }
}

.colored-label.blue {
  background: #47d1cc;
  color: #fff;
}

.colored-label.orange {
  background: #ffa903;
  color: #fff;
}

.colored-label.red {
  background: #ff3a44;
  color: #fff;
}

.btn-like {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.btn-like .icon {
  display: block;
  width: 18px;
  height: 16px;
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: #d6dbe0;
}

@media (min-width: 768px) {
  .btn-like .icon {
    width: 19px;
    height: 17px;
  }
}

.btn-like.active .icon,
.btn-like input[type="checkbox"]:checked + .icon {
  fill: #ff3a44;
}

.btn-like:hover .icon,
.btn-like.active:hover .icon,
.btn-like:hover input[type="checkbox"]:checked + .icon {
  fill: #ff000d;
}

@media (min-width: 1000px) {
  .btn-like.lg .icon {
    width: 26px;
    height: 23px;
  }
}

.btn-attention {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  position: relative;
}

.btn-attention .icon {
  display: block;
  width: 19px;
  height: 16px;
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: #ff3a44;
  position: relative;
}

@media (min-width: 768px) {
  .btn-attention .icon {
    width: 20px;
    height: 17px;
  }
}

.btn-attention .text {
  top: 0;
  line-height: 16px;
  padding: 1px 9px 0 8px;
  right: 19px;
  position: absolute;
  background: #ffeff0;
  white-space: nowrap;
  z-index: 5;
  font-size: 12px;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
          transform: scale(0, 0);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  width: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.3s, width 0s 0.3s, overflow 0s, -webkit-transform 0.3s;
  transition: opacity 0.3s, width 0s 0.3s, overflow 0s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s, width 0s 0.3s, overflow 0s;
  transition: opacity 0.3s, transform 0.3s, width 0s 0.3s, overflow 0s;
  transition: opacity 0.3s, transform 0.3s, width 0s 0.3s, overflow 0s, -webkit-transform 0.3s;
}

.btn-attention .text:before {
  content: "";
  position: absolute;
  top: 0;
  border-left: 0;
  border-bottom: 0;
  border-top: 17px solid #ffeff0;
  border-right: 10px solid transparent;
  right: -9px;
}

.btn-attention:hover .icon {
  fill: #ff000d;
  z-index: 6;
}

.btn-attention:hover .text {
  opacity: 1;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  width: auto;
  overflow: visible;
  -webkit-transition: opacity 0.3s, width 0s, overflow 0s, -webkit-transform 0.3s;
  transition: opacity 0.3s, width 0s, overflow 0s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s, width 0s, overflow 0s;
  transition: opacity 0.3s, transform 0.3s, width 0s, overflow 0s;
  transition: opacity 0.3s, transform 0.3s, width 0s, overflow 0s, -webkit-transform 0.3s;
}

@media (min-width: 1000px) {
  .btn-attention.lg .icon {
    width: 27px;
    height: 23px;
  }
}

@media (min-width: 1000px) {
  .btn-attention.lg .text {
    top: 1px;
    line-height: 20px;
    padding: 1px 9px 0 8px;
    right: 26px;
  }
  .btn-attention.lg .text:before {
    right: -12px;
    border-top-width: 21px;
    border-right-width: 13px;
  }
}

.highlighted-info {
  font-size: 14px;
  line-height: 16px;
  padding: 8px 20px;
  color: #007ea1;
  display: inline-block;
  vertical-align: top;
  background: #cfeff6;
  font-weight: 500;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .highlighted-info {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 15px;
  }
}

@media (min-width: 1000px) {
  .highlighted-info {
    font-size: 19px;
    line-height: 24px;
    padding: 10px 20px;
  }
}

.highlighted-info-block {
  font-size: 14px;
  line-height: 1.57143;
  font-weight: 400;
  padding: 16px 16px 24px;
  color: #333d48;
  display: block;
  background: #cfeff6;
}

@media (max-width: 559.98px) {
  .highlighted-info-block {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .highlighted-info-block {
    padding: 32px 24px;
  }
}

@media (min-width: 1000px) {
  .highlighted-info-block {
    font-size: 16px;
    line-height: 1.5;
    padding: 32px;
  }
}

.highlighted-info-block .subtitle {
  color: #007ea1;
}

.highlighted-info-block .title {
  margin-bottom: 0.66667em;
  color: #007ea1;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .highlighted-info-block .title {
    margin-bottom: 16px;
  }
}

@media (max-width: 767.98px) {
  .highlighted-info-block .title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0.5em;
  }
}

.highlighted-info-block .title:not(:first-child) {
  margin-top: 32px;
}

.highlighted-info-block .title:last-child {
  margin-bottom: 0;
}

.highlighted-info-block p:last-child {
  margin-bottom: 0;
}

.arrow-nav {
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
  text-align: right;
}

.arrow-nav-btn {
  display: inline-block;
  vertical-align: top;
  height: 28px;
  width: 28px;
  padding: 6px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 4px;
}

.arrow-nav-btn, .arrow-nav-btn:focus {
  background: #55c5de;
}

.arrow-nav-btn:hover, .arrow-nav-btn:focus:hover {
  background: #33aac5;
}

.arrow-nav-btn .icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: #fff;
}

.arrow-nav-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 12px;
}

.arrow-nav-btn:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-right: 12px;
  margin-right: 0;
}

.arrow-nav-btn.prev {
  padding-left: 4px;
  padding-right: 8px;
}

.arrow-nav-btn.prev .icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.arrow-nav-btn.next {
  padding-right: 4px;
  padding-left: 8px;
}

.arrow-nav-btn.next .icon {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.arrow-nav-btn:disabled,
.arrow-nav-btn[class*="disable"] {
  cursor: default;
  background: #d6dbe0 !important;
}

.tags-list {
  margin: 0 0 -16px 0;
  padding: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}

.tags-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 16px 16px 0;
  padding: 0;
}

.tags-list li:before {
  display: none;
}

.tag {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 28px;
  padding: 1px 8px 0;
  text-align: center;
  border-radius: 4px;
  border: 1px solid;
  font-weight: 400;
  -webkit-transition: border-color 0.3s, color 0.3s, background-color 0.3s, font-weight 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, color 0.3s, background-color 0.3s, font-weight 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: border-color 0.3s, color 0.3s, background-color 0.3s, font-weight 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, color 0.3s, background-color 0.3s, font-weight 0.3s, box-shadow 0.3s;
  transition: border-color 0.3s, color 0.3s, background-color 0.3s, font-weight 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

@media (min-width: 1000px) {
  .tag {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.tag, .tag:focus {
  background-color: transparent;
  color: #80868d;
  border-color: #80868d;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}

.tag:hover, .tag:focus:hover {
  color: #007ea1;
  border-color: #007ea1;
  -webkit-box-shadow: 0 4px 10px rgba(0, 126, 161, 0.25);
          box-shadow: 0 4px 10px rgba(0, 126, 161, 0.25);
}

.tag.active, .tag.active:focus {
  color: #007ea1;
  border-color: #007ea1;
}

.tag.active:hover, .tag.active:focus:hover {
  color: #007ea1;
  border-color: #007ea1;
  -webkit-box-shadow: 0 4px 10px rgba(0, 126, 161, 0.25);
          box-shadow: 0 4px 10px rgba(0, 126, 161, 0.25);
}

.tag.hot, .tag.hot:focus {
  background-color: #ff3a44;
  color: #fff;
  border-color: transparent;
}

.tag.hot:hover, .tag.hot:focus:hover {
  background-color: #ff000d;
  -webkit-box-shadow: 0 4px 10px rgba(255, 58, 68, 0.25);
          box-shadow: 0 4px 10px rgba(255, 58, 68, 0.25);
}

.align-items-height .row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.align-items-height .row > [class^="col"],
.align-items-height .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.align-items-height .catalog-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

.align-items-height.no-gutters .row.no-gutters,
.align-items-height.no-gutters .swiper-container {
  padding: 0 1px 1px 0;
}

.align-items-height.no-gutters .catalog-item {
  max-width: calc(100% + 1px);
  width: calc(100% + 1px);
  margin: 0 -1px -1px 0;
  border-radius: 0;
}

#site-top {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  z-index: -1000;
}

#scroll-to-top {
  width: 0;
  height: 0;
  display: block;
  border-radius: 50%;
  position: fixed;
  right: 16px;
  bottom: 45px;
  -webkit-transition: background-color 0.3s, opacity 0.3s, width 0s 0.3s, height 0s 0.3s, z-index 0s 0.3s;
  -o-transition: background-color 0.3s, opacity 0.3s, width 0s 0.3s, height 0s 0.3s, z-index 0s 0.3s;
  transition: background-color 0.3s, opacity 0.3s, width 0s 0.3s, height 0s 0.3s, z-index 0s 0.3s;
  overflow: hidden;
  z-index: -100;
}

#scroll-to-top.active {
  opacity: 1;
  width: 56px;
  height: 56px;
  z-index: 30;
  -webkit-transition: background-color 0.3s, opacity 0.3s, width 0s, height 0s, z-index 0s;
  -o-transition: background-color 0.3s, opacity 0.3s, width 0s, height 0s, z-index 0s;
  transition: background-color 0.3s, opacity 0.3s, width 0s, height 0s, z-index 0s;
}

#scroll-to-top, #scroll-to-top:focus {
  background: rgba(0, 13, 26, 0.3);
}

#scroll-to-top:hover, #scroll-to-top:focus:hover {
  background: rgba(0, 13, 26, 0.8);
}

#scroll-to-top .icon {
  display: block;
  position: absolute;
  width: 26px;
  height: 20px;
  left: 50%;
  top: 50%;
  margin-top: -10px;
  margin-left: -13px;
  fill: #fff;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.has-hidden-elements:not(.active) .hidden-element,
.has-hidden-elements:not(.active) .hide-hidden-elements {
  display: none !important;
}

.has-hidden-elements.active .show-hidden-elements {
  display: none !important;
}

.input-search-result {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 13, 26, 0.2);
          box-shadow: 0 4px 15px 0 rgba(0, 13, 26, 0.2);
  background: #fff;
  z-index: 2;
  overflow: hidden;
}

.input-search-result ul {
  margin: 0;
}

@media (min-width: 768px) {
  .section-title-block .section-title {
    display: inline-block;
    vertical-align: top;
  }
}

.section-title-block .more {
  display: none;
}

@media (min-width: 768px) {
  .section-title-block .more {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    position: relative;
    margin-left: 32px;
    line-height: 20px;
    padding-top: 8px;
  }
  .section-title-block .more:before {
    content: "";
    height: 16px;
    width: 1px;
    background: #000d1a;
    left: -13px;
    bottom: 4px;
    position: absolute;
  }
}

.arrow-more {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-weight: 700;
}

.arrow-more .icon {
  width: 10px;
  height: 7px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-top: -2px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  fill: currentColor;
}

.row.xs-gutters {
  margin-left: -6px;
  margin-right: -6px;
}

.row.xs-gutters > [class^="col"] {
  padding-left: 6px;
  padding-right: 6px;
}

.scroll-horizontal.ps {
  padding-bottom: 0;
}

.scroll-horizontal.ps > .ps__rail-x {
  display: none;
}

ul.contents-table {
  display: table;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 -4px;
  background: #fff;
}

ul.contents-table > li {
  display: table-row;
  padding: 0;
  margin: 0;
}

ul.contents-table > li:before {
  display: none;
}

ul.contents-table .name,
ul.contents-table .value {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  padding-bottom: 4px;
}

ul.contents-table .name {
  position: relative;
}

ul.contents-table .name > * {
  display: inline;
  background: #fff;
  padding-right: 5px;
  position: relative;
  z-index: 1;
}

ul.contents-table .name:before {
  content: "";
  position: absolute;
  left: 5px;
  right: 5px;
  display: block;
  top: 1em;
  border-bottom: 2px dotted #cccfd1;
}

@media (min-width: 1000px) {
  .right-nav-menu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .right-nav-menu-container .right-nav-menu-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
  }
  .right-nav-menu-container .right-nav-menu-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 0 0 16px;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    position: relative;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .right-nav-menu-container .right-nav-menu-wrapper {
    width: 230px;
  }
}

@media (min-width: 1200px) {
  .right-nav-menu-container .right-nav-menu-wrapper {
    width: 275px;
    font-size: 18px;
  }
}

.right-nav-menu {
  display: block;
  margin: 0 0 -16px;
  padding: 0;
  font-size: 16px;
  line-height: 1.16667;
}

.right-nav-menu li {
  margin: 0 0 16px;
  padding: 0;
}

.right-nav-menu li:before {
  display: none;
}

.right-nav-menu a {
  font-weight: 500;
}

@media (min-width: 1000px) {
  .right-nav-menu {
    background: #f7f8fa;
    border-radius: 7px;
    overflow: hidden;
    padding: 0 20px;
    text-align: right;
  }
  .right-nav-menu li {
    padding: 16px 0;
    margin: 0;
  }
  .right-nav-menu li:not(:last-child) {
    border-bottom: 1px solid #d6dbe0;
  }
  .right-nav-menu a {
    font-weight: 400;
  }
  .right-nav-menu a, .right-nav-menu a:focus {
    color: inherit;
  }
  .right-nav-menu a:hover, .right-nav-menu a:focus:hover {
    color: #006c8a;
  }
  .right-nav-menu a.active {
    font-weight: 500;
  }
  .right-nav-menu a.active, .right-nav-menu a.active:focus {
    color: #007ea1;
  }
  .right-nav-menu a.active:hover, .right-nav-menu a.active:focus:hover {
    color: #006c8a;
  }
}

/* TYPOGRAPHY */
html {
  font-size: 14px;
}

@media (min-width: 1000px) {
  html {
    font-size: 16px;
  }
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: #333d48;
}

@media (min-width: 1000px) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin: 0;
  padding: 0;
  display: block;
  color: #333d48;
  text-align: left;
  text-transform: none;
  font-family: "Roboto", sans-serif;
  font-weight: inherit;
}

h1, .h1 {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  color: #000d1a;
  margin-bottom: 24px;
}

@media (min-width: 1000px) {
  h1, .h1 {
    font-size: 24px;
    line-height: 1.41667;
  }
}

h2, .h2 {
  font-size: 18px;
  line-height: 1.44444;
  font-weight: 500;
  margin-bottom: 24px;
}

@media (min-width: 1000px) {
  h2, .h2 {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 32px;
  }
}

h3, .h3 {
  font-size: 16px;
  line-height: 1.33333;
  font-weight: 500;
  margin-bottom: 1em;
}

@media (min-width: 1000px) {
  h3, .h3 {
    font-size: 18px;
  }
}

h4, .h4 {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 8px;
}

@media (min-width: 1000px) {
  h4, .h4 {
    font-size: 16px;
    line-height: 1.5;
  }
}

b {
  font-weight: 700;
}

i {
  font-style: italic;
}

u {
  text-decoration: underline;
}

em {
  font-style: italic;
}

small {
  font-size: 0.75em;
}

strong {
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-weight: 500;
  font-family: inherit;
  color: inherit;
}

sub {
  vertical-align: sub;
  font-size: 0.6em;
}

sup {
  vertical-align: super;
  font-size: 0.6em;
}

ins {
  text-decoration: underline;
}

del {
  text-decoration: line-through;
}

p {
  margin: 0 0 1.5em;
  display: block;
}

hr {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 1em auto;
  height: 1px;
  display: block;
  background: #ddd;
}

.text-black {
  color: #000 !important;
}

.text-white {
  color: #fff !important;
}

.text-orange-dark {
  color: #fa9600 !important;
}

.text-orange {
  color: #ffa903 !important;
}

.text-blue-darkest {
  color: #006c8a !important;
}

.text-blue-dark {
  color: #007ea1 !important;
}

.text-blue {
  color: #33aac5 !important;
}

.text-blue-light {
  color: #55c5de !important;
}

.text-blue-lighter {
  color: #47d1cc !important;
}

.text-blue-lightest {
  color: #cfeff6 !important;
}

.text-red-light {
  color: #ff3a44 !important;
}

.text-red {
  color: #ff000d !important;
}

.text-gray-100 {
  color: #000d1a !important;
}

.text-gray-200 {
  color: #333d47 !important;
}

.text-gray-300 {
  color: #6b747d !important;
}

.text-gray-400 {
  color: #80868c !important;
}

.text-gray-500 {
  color: #b3b6ba !important;
}

.text-gray-600 {
  color: #d6dbe0 !important;
}

.text-gray-700 {
  color: #f2f3f5 !important;
}

.text-gray-800 {
  color: #f7f8fa !important;
}

.text-gray-900 {
  color: #e7f7fb !important;
}

.text-gray,
.text-color-gray {
  color: #b3b6ba !important;
}

.text-color-dark {
  color: #000d1a !important;
}

.text-color-blue {
  color: #007ea1 !important;
}

.text-color-red {
  color: #ff3a44 !important;
}

.text-light {
  font-weight: 300;
}

.text-regular {
  font-weight: 400;
}

.text-medium {
  font-weight: 500;
}

.text-semibold {
  font-weight: 600;
}

.text-bold {
  font-weight: 700;
}

.text-weight-black {
  font-weight: 900;
}

.section-subtitle,
.section-title {
  font-weight: 700;
  color: #000d1a;
}

.section-subtitle .digit,
.section-title .digit {
  padding-left: 0.5em;
}

/* LINKS */
a {
  outline: none !important;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  cursor: pointer;
}

a[disabled], a:disabled {
  cursor: default;
}

a, a:focus {
  color: #007ea1;
  text-decoration: none;
}

a:hover, a:focus:hover {
  color: #006c8a;
  text-decoration: none;
}

a.link-primary, a.link-primary:focus {
  color: #ffa903;
}

a.link-primary:hover, a.link-primary:focus:hover {
  color: #fa9600;
}

a.link-secondary, a.link-secondary:focus {
  color: #ff3a44;
}

a.link-secondary:hover, a.link-secondary:focus:hover {
  color: #ff000d;
}

/* BUTTONS */
button {
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  background: none;
  padding: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

button[disabled], button:disabled {
  cursor: default;
}

.btn {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  font-size: 14px;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 6px 16px;
  font-weight: 700;
  -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s;
  -o-transition: color 0.3s, background 0.3s, border-color 0.3s;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
  font-family: "Roboto", sans-serif;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  text-align: center;
}

@media (min-width: 768px) {
  .btn {
    padding: 7px 25px;
    font-size: 16px;
  }
}

.btn, .btn:focus {
  color: #fff;
  background: #55c5de;
  border-color: transparent;
}

.btn:hover, .btn:focus:hover {
  color: #fff;
  background: #33aac5;
  border-color: transparent;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .btn-lg {
    padding: 8px 30px;
  }
}

@media (min-width: 1000px) {
  .btn-lg {
    padding: 12px 50px;
  }
}

.btn-orange, .btn-orange:focus {
  color: #fff;
  background: #ffa903;
}

.btn-orange:hover, .btn-orange:focus:hover {
  color: #fff;
  background: #fa9600;
}

.btn-red, .btn-red:focus {
  color: #fff;
  background: #ff3a44;
}

.btn-red:hover, .btn-red:focus:hover {
  color: #fff;
  background: #ff000d;
}

.btn.disabled, .btn:disabled {
  background-color: #d6dbe0 !important;
  color: #fff !important;
  cursor: default !important;
  border-color: transparent !important;
}

.btn-dark, .btn-dark:focus {
  color: #fff;
  background: #007ea1;
  border-color: transparent;
}

.btn-dark:hover, .btn-dark:focus:hover {
  color: #fff;
  background: #006c8a;
  border-color: transparent;
}

.btn-dark.disabled, .btn-dark:disabled {
  background-color: #b3b6ba !important;
}

.btn-light, .btn-light:focus {
  color: #007ea1;
  background: #f2f3f5;
  border-color: transparent;
}

.btn-light:hover, .btn-light:focus:hover {
  color: #006c8a;
  background: #e8ebee;
  border-color: transparent;
}

.btn-light.disabled, .btn-light:disabled {
  color: #6b747d !important;
}

.btn-outlined, .btn-outlined:focus {
  color: #33aac5;
  background: transparent;
  border-color: #55c5de;
}

.btn-outlined:hover, .btn-outlined:focus:hover {
  color: #007ea1;
  background: transparent;
  border-color: #33aac5;
}

.btn-outlined.disabled, .btn-outlined:disabled {
  background-color: transparent !important;
  color: #6b747d !important;
  border-color: #b3b6ba !important;
}

.btn .icon {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  fill: currentColor;
  margin: 0 12px;
}

.btn .icon:first-child {
  margin-left: 0;
}

.btn .icon:last-child {
  margin-right: 0;
}

.btn .icon.icon-drop {
  width: 10px;
  height: 7px;
  margin-left: 5px;
  margin-top: -2px;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.product-order-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 100%;
}

.product-order-btn > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.product-order-btn > div .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
}

.product-order-btn > div:first-child {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 auto;
          flex: 2 1 auto;
  min-width: 0;
}

.product-order-btn > div:first-child .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.product-order-btn > div:last-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.product-order-btn > div:last-child .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.product-order-btn .btn {
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 16px;
  height: 100%;
}

.product-order-btn .btn-add {
  padding: 8px 10px;
}

@media (min-width: 768px) {
  .product-order-btn .btn-add {
    padding: 9px 10px;
  }
}

.product-order-btn .btn-add.disabled, .product-order-btn .btn-add:disabled {
  background-color: #b3b6ba !important;
}

.product-order-btn .btn-order {
  padding: 2px 10px;
}

@media (min-width: 768px) {
  .product-order-btn .btn-order {
    padding: 3px 10px;
  }
}

.product-order-btn .btn small {
  font-size: 10px;
  line-height: 12px;
  display: block;
  font-weight: 400;
}

@media (min-width: 1000px) {
  .product-order-btn.lg .btn {
    line-height: 20px;
    font-size: 16px;
  }
}

@media (min-width: 1000px) {
  .product-order-btn.lg .btn-order {
    padding: 7px 10px;
  }
}

@media (min-width: 1000px) {
  .product-order-btn.lg .btn-add {
    padding: 13px 10px;
  }
}

/* LIST */
ul,
ol {
  margin: 0 0 1.5em;
  padding: 0;
  list-style: none;
}

ul li,
ol li {
  margin: 0;
  padding: 0;
  position: relative;
}

ul li {
  padding-left: 18px;
}

ul li:before {
  content: "";
  position: absolute;
  background: currentColor;
  width: 8px;
  height: 8px;
  top: 10px;
  margin: -4px 0 0;
  left: 0;
  border-radius: 50%;
  background: #007ea1;
}

@media (min-width: 1000px) {
  ul li:before {
    top: 12px;
  }
}

ol {
  counter-reset: itemsCounter;
}

ol li {
  counter-increment: itemsCounter;
  padding-left: 20px;
}

ol li:before {
  content: counter(itemsCounter) ".";
  font-size: inherit;
  line-height: inherit;
  position: absolute;
  left: 0;
  top: 0;
  color: currentColor;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
}

ol ol {
  counter-reset: subItemsCounter;
}

ol ol li {
  counter-increment: subItemsCounter;
  padding-left: 35px;
}

ol ol li:before {
  content: counter(itemsCounter) "." counter(subItemsCounter) ".";
}

ol ul li {
  padding-left: 18px;
}

ol ul li:before {
  content: "";
  position: absolute;
  background: currentColor;
  width: 8px;
  height: 8px;
  top: 10px;
  margin: -4px 0 0;
  left: 0;
  border-radius: 50%;
  background: #007ea1;
}

@media (min-width: 1000px) {
  ol ul li:before {
    top: 12px;
  }
}

.warnings-list {
  margin: 0 0 -16px;
}

.warnings-list li {
  padding-left: 30px;
  margin-bottom: 16px;
}

.warnings-list li:before {
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 10px;
  margin: -9px 0 0;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/warning-red.svg);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  background-color: transparent;
}

/* TABLES */
.table-container {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.table-container .table-scroller {
  width: 100%;
  overflow: auto;
}

.table-container .table-scroller table {
  width: auto;
  min-width: 100%;
}

table.site-table {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 4px;
  border: 1px solid #d6dbe0;
  border-bottom: 0;
  border-right: 0;
  font-size: inherit;
  line-height: inherit;
  width: 100%;
}

table.site-table th,
table.site-table td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d6dbe0;
  border-top: 0;
  border-left: 0;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 1000px) {
  table.site-table th,
  table.site-table td {
    padding-left: 30px;
    padding-right: 30px;
  }
}

table.site-table th {
  color: #000d1a;
  font-weight: 500;
  font-size: 16px;
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (min-width: 1000px) {
  table.site-table th {
    padding-top: 19px;
    padding-bottom: 19px;
    font-size: 20px;
  }
}

table.site-table td {
  font-size: 14px;
  padding-top: 14px;
  padding-bottom: 14px;
}

@media (min-width: 1000px) {
  table.site-table td {
    padding-top: 21px;
    padding-bottom: 20px;
    font-size: 18px;
  }
}

table.site-table td:first-child {
  text-align: left;
}

table.site-table tr:first-child th:last-child,
table.site-table tr:first-child td:last-child {
  border-top-right-radius: 4px;
}

table.site-table tr:last-child th:last-child,
table.site-table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

table.site-table small {
  font-size: 0.78571em;
}

table.site-table b {
  font-weight: 500;
}

/* FORMS */
.site-form {
  font-size: 14px;
  line-height: 1.5;
  position: relative;
}

@media (min-width: 1000px) {
  .site-form {
    font-size: 16px;
    line-height: 1.5;
  }
}

.site-form .form-control {
  padding: 5.5px 11px;
  border: 1px solid #d6dbe0;
  display: block;
  width: 100%;
  border-radius: 4px;
  color: #000d1a;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  background: #fff;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 14px;
  line-height: 21px;
  height: 34px;
  text-align: left;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .site-form .form-control {
    padding: 6.5px 11px;
    height: 36px;
  }
}

@media (min-width: 1000px) {
  .site-form .form-control {
    padding: 7px 15px;
    font-size: 16px;
    line-height: 1.5;
    height: 40px;
  }
}

.site-form .form-control::-webkit-input-placeholder {
  color: #80868d;
}

.site-form .form-control::-moz-placeholder {
  color: #80868d;
}

.site-form .form-control:-moz-placeholder {
  color: #80868d;
}

.site-form .form-control:-ms-input-placeholder {
  color: #80868d;
}

.site-form .form-control:hover {
  border-color: #b3b6ba;
}

.site-form .form-control:focus {
  outline: none !important;
  border-color: #55c5de;
}

.site-form .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}

.site-form .form-control:focus::-moz-placeholder {
  color: transparent;
}

.site-form .form-control:focus:-moz-placeholder {
  color: transparent;
}

.site-form .form-control:focus:-ms-input-placeholder {
  color: transparent;
}

.site-form .form-control:required, .site-form .form-control.required {
  border-left-color: #ff000d;
}

.site-form .form-control:disabled, .site-form .form-control.disabled {
  border-color: #d6dbe0 !important;
  background: #f7f8fa;
}

.site-form textarea.form-control {
  resize: vertical;
  min-height: 85px;
  height: auto;
}

.site-form .form-group {
  margin-bottom: 24px;
  position: relative;
}

.site-form .form-group-message {
  font-size: 11px;
  line-height: 13px;
  bottom: 38px;
  position: absolute;
  left: 12px;
}

@media (min-width: 1000px) {
  .site-form .form-group-message {
    font-size: 12px;
    line-height: 14px;
    bottom: 45px;
    left: 17px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .site-form .form-group-message {
    font-size: 12px;
    line-height: 14px;
    bottom: 40px;
  }
}

.site-form .form-group-icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 34px;
  width: 34px;
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.site-form .form-group-icon:hover, .site-form .form-group-icon:focus:hover {
  opacity: 1;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .site-form .form-group-icon {
    height: 36px;
    width: 36px;
  }
}

@media (min-width: 1000px) {
  .site-form .form-group-icon {
    height: 40px;
    width: 40px;
  }
}

.site-form .form-group-icon .icon {
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  fill: #000d1a;
}

.site-form .form-group.has-error .form-control {
  border-color: #ff3a44 !important;
}

.site-form .form-group.has-error .form-group-message {
  color: #ff3a44 !important;
}

.site-form .password-view-button:after {
  width: 20px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -10px;
  background: #000d1a;
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
  content: "";
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.site-form .form-control[type="text"] + .password-view-button:after {
  opacity: 1;
}

.site-form label {
  display: inline-block;
  vertical-align: top;
  color: #b3b6ba;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.site-form label:not(:last-of-type) {
  margin-right: 16px;
}

.site-form .buttons-line {
  margin-top: 40px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .site-form .buttons-line {
    margin-top: 48px;
  }
}

@media (min-width: 1000px) {
  .site-form .buttons-line {
    margin-top: 56px;
  }
}

.site-form .buttons-line > * {
  display: inline-block;
  vertical-align: middle;
}

.site-form .buttons-line > *:not(:last-child) {
  margin-right: 48px;
}

.site-form .btn {
  padding-right: 40px;
  padding-left: 40px;
}

.site-form .personal-agreement {
  font-size: 13px;
}

.header input[type="checkbox"],
.header input[type="radio"],
.footer input[type="checkbox"],
.footer input[type="radio"],
.site-content input[type="checkbox"],
.site-content input[type="radio"],
.modal input[type="checkbox"],
.modal input[type="radio"] {
  display: none !important;
}

label.checkbox-label, label.radio-label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: top;
  color: #b3b6ba;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

label.checkbox-label:hover, label.radio-label:hover {
  color: inherit;
}

label.checkbox-label:before, label.checkbox-label:after, label.radio-label:before, label.radio-label:after {
  content: "";
  position: absolute;
}

label.checkbox-label:before, label.radio-label:before {
  background: #fff;
  border: 1px solid #d6dbe0;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

label.checkbox-label:hover:before, label.radio-label:hover:before {
  border-color: #b3b6ba;
}

label.checkbox-label:after, label.radio-label:after {
  background-color: #55c5de;
  -webkit-transition: background-color 0.3s, opacity 0.3s;
  -o-transition: background-color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, opacity 0.3s;
  opacity: 0;
}

label.checkbox-label:hover:after, label.radio-label:hover:after {
  background-color: #33aac5;
}

label.checkbox-label.disabled, label.radio-label.disabled {
  color: #80868d;
}

label.checkbox-label.disabled + span, label.radio-label.disabled + span {
  color: #80868d;
}

label.checkbox-label.disabled:before, label.radio-label.disabled:before {
  border-color: #ebedf0 !important;
}

label.checkbox-label.disabled:after, label.radio-label.disabled:after {
  background-color: #d6dbe0 !important;
}

label.checkbox-label {
  padding-left: 30px;
  line-height: 18px;
}

@media (min-width: 768px) {
  label.checkbox-label {
    padding-left: 40px;
    line-height: 24px;
  }
}

label.checkbox-label:before, label.checkbox-label:after {
  width: 18px;
  height: 18px;
  left: 0;
  top: 0;
  border-radius: 2px;
}

@media (min-width: 768px) {
  label.checkbox-label:before, label.checkbox-label:after {
    width: 24px;
    height: 24px;
  }
}

label.checkbox-label:after {
  background-image: url(/local/templates/wer_rediz_2021/css/../images/check-white.svg);
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  label.checkbox-label:after {
    background-size: 18px auto;
  }
}

label.radio-label {
  padding-left: 24px;
}

label.radio-label:before, label.radio-label:after {
  border-radius: 50%;
}

label.radio-label:before {
  width: 16px;
  height: 16px;
  top: 10px;
  margin-top: -8px;
  left: 0;
}

@media (min-width: 1000px) {
  label.radio-label:before {
    top: 12px;
  }
}

label.radio-label:after {
  width: 8px;
  height: 8px;
  top: 10px;
  margin-top: -4px;
  left: 4px;
}

@media (min-width: 1000px) {
  label.radio-label:after {
    top: 12px;
  }
}

label.radio-label:hover:after {
  background-color: #33aac5;
}

label.tag-like {
  font-size: 14px;
  color: #b3b6ba;
  border: 1px solid currentColor;
  text-align: center;
  line-height: 20px;
  padding: 6px 8px;
  border-radius: 4px;
  cursor: pointer;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  label.tag-like {
    padding: 7px 16px;
  }
}

@media (min-width: 1000px) {
  label.tag-like {
    padding: 9px 16px;
  }
}

label.tag-like:hover {
  color: #80868c;
}

input[type="checkbox"]:checked + label.checkbox-label,
input[type="radio"]:checked + label.radio-label {
  color: inherit;
}

input[type="checkbox"]:checked + label.checkbox-label:before,
input[type="radio"]:checked + label.radio-label:before {
  border-color: #55c5de;
}

input[type="checkbox"]:checked + label.checkbox-label:hover:before,
input[type="radio"]:checked + label.radio-label:hover:before {
  border-color: #33aac5;
}

input[type="checkbox"]:checked + label.checkbox-label:after,
input[type="radio"]:checked + label.radio-label:after {
  opacity: 1;
}

input[type="checkbox"]:disabled + label.checkbox-label,
input[type="radio"]:disabled + label.radio-label {
  color: #d6dbe0 !important;
  cursor: default;
}

input[type="checkbox"]:disabled + label.checkbox-label + span,
input[type="radio"]:disabled + label.radio-label + span {
  color: #d6dbe0;
}

input[type="checkbox"]:disabled + label.checkbox-label:before,
input[type="radio"]:disabled + label.radio-label:before {
  border-color: #ebedf0 !important;
}

input[type="checkbox"]:disabled + label.checkbox-label:after,
input[type="radio"]:disabled + label.radio-label:after {
  background: #d6dbe0 !important;
}

input[type="checkbox"]:checked + label.tag-like,
input[type="radio"]:checked + label.tag-like {
  color: #007ea1;
}

input[type="checkbox"]:disabled + label.tag-like,
input[type="disabled"]:disabled + label.tag-like {
  color: #d6dbe0 !important;
  cursor: default;
}

header input[type="text"]::-ms-clear, header input[type="email"]::-ms-clear, header input[type="password"]::-ms-clear,
footer input[type="text"]::-ms-clear,
footer input[type="email"]::-ms-clear,
footer input[type="password"]::-ms-clear,
.site-content input[type="text"]::-ms-clear,
.site-content input[type="email"]::-ms-clear,
.site-content input[type="password"]::-ms-clear {
  display: none;
}

.selectric-wrapper {
  position: relative;
  font-size: inherit;
}

.selectric-wrapper select {
  display: none;
}

.selectric-wrapper .selectric {
  background: #fff;
  padding: 5.5px 10px;
  border: 1px solid #d6dbe0;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

@media (min-width: 1000px) {
  .selectric-wrapper .selectric {
    padding: 7px 14px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .selectric-wrapper .selectric {
    padding: 6.5px 10px;
  }
}

.selectric-wrapper .selectric:hover {
  border-color: #b3b6ba;
}

.selectric-wrapper .selectric .label {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  margin-right: 40px;
  color: #000d1a;
  font-weight: inherit;
  height: auto;
  padding: 0;
}

@media (min-width: 1000px) {
  .selectric-wrapper .selectric .label {
    font-size: 16px;
    line-height: 1.5;
  }
}

.selectric-wrapper .selectric .label.placeholder-active {
  color: #80868d;
}

.selectric-wrapper .selectric .button {
  width: 40px;
  height: 100%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  background-color: transparent;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-black.svg);
  background-position: center;
  background-size: 9px auto;
  background-repeat: no-repeat;
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.5;
}

.selectric-wrapper .selectric .button:after {
  display: none;
}

.selectric-wrapper .selectric:hover .button {
  opacity: 1;
}

.selectric-wrapper.selectric-open .selectric {
  border-color: #55c5de;
}

.selectric-wrapper.selectric-open .button {
  opacity: 1;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.selectric-wrapper .selectric-items {
  background: #fff;
  border: none;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
  border-radius: 0;
  margin: 8px 0 0;
  padding: 4px 0;
  font-size: inherit;
  line-height: inherit;
}

.selectric-wrapper .selectric-items .selectric-scroll {
  max-height: 267px;
  overflow-y: auto;
  position: relative;
}

@media (min-width: 1000px) {
  .selectric-wrapper .selectric-items .selectric-scroll {
    max-height: 368px;
  }
}

.selectric-wrapper .selectric-items ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: inherit;
  line-height: inherit;
}

.selectric-wrapper .selectric-items ul li {
  margin: 0;
  display: block;
  padding: 12px 14px;
  padding-right: 40px;
  -webkit-transition: background-color 0.3s, font-weight 0.3s;
  -o-transition: background-color 0.3s, font-weight 0.3s;
  transition: background-color 0.3s, font-weight 0.3s;
  white-space: nowrap;
  color: #000d1a;
  background: transparent;
  position: relative;
  font-size: 14px;
  line-height: 16px;
}

@media (min-width: 1000px) {
  .selectric-wrapper .selectric-items ul li {
    font-size: 16px;
    line-height: 18px;
    padding-top: 11px;
    padding-bottom: 11px;
  }
}

.selectric-wrapper .selectric-items ul li:hover {
  background: #e7f7fb;
  font-weight: 500;
}

.selectric-wrapper .selectric-items ul li:after {
  content: "";
  position: absolute;
  height: 40px;
  width: 40px;
  top: 0;
  right: 0;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/check-blue.svg);
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.selectric-wrapper .selectric-items ul li.selected:after {
  opacity: 1;
}

.selectric-wrapper .selectric-items ul li:before {
  display: none;
}

.selectric-wrapper .selectric-items ul li.disabled:first-of-type {
  display: none;
}

.selectric-wrapper.selectric-open .selectric .button:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* DROPDOWNS */
.dropdown-block {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.dropdown-toggler {
  position: relative;
  padding-right: 30px;
  display: inline-block;
  vertical-align: top;
}

.dropdown-toggler:before {
  content: "";
  width: 30px;
  height: 100%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  background-color: transparent;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-black.svg);
  background-position: center;
  background-size: 9px auto;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.5;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.dropdown-toggler:hover:before {
  opacity: 1;
}

.dropdown-block.active .dropdown-toggler:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 1;
}

.dropdown-items {
  background: #fff;
  border: none;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
  margin: 8px 0 0;
  padding: 4px 0;
  font-size: inherit;
  line-height: inherit;
  list-style: none;
  display: none;
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 50;
  border-radius: 4px;
}

.dropdown-items .arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  background: inherit;
  top: -10px;
  left: 20px;
  margin-left: -10px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.dropdown-items > li {
  margin: 0;
  display: block;
  padding: 0;
}

.dropdown-items > li:before {
  display: none;
}

.dropdown-items > li > a {
  padding: 9px 14px;
  -webkit-transition: background-color 0.3s, font-weight 0.3s;
  -o-transition: background-color 0.3s, font-weight 0.3s;
  transition: background-color 0.3s, font-weight 0.3s;
  white-space: nowrap;
  color: #000d1a;
  display: block;
  font-size: 14px;
  line-height: 16px;
  position: relative;
  font-weight: 400;
}

@media (min-width: 1000px) {
  .dropdown-items > li > a {
    font-size: 16px;
    line-height: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.dropdown-items > li > a, .dropdown-items > li > a:focus {
  background: transparent;
}

.dropdown-items > li > a:hover, .dropdown-items > li > a:focus:hover {
  background: #f7f8fa;
  font-weight: 500;
}

.dropdown-items > li > a.selected, .dropdown-items > li > a.active {
  padding-right: 40px;
  font-weight: 400;
}

.dropdown-items > li > a.selected:after, .dropdown-items > li > a.active:after {
  content: "";
  position: absolute;
  height: 34px;
  width: 40px;
  top: 0;
  right: 0;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/check-blue.svg);
  background-size: 14px auto;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.dropdown-block.active .dropdown-items {
  display: inline-block;
}

.dropdown-block.select-like .dropdown-toggler {
  background: #fff;
  padding: 5.5px 10px;
  border: 1px solid #d6dbe0;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  color: #80868d;
  font-weight: inherit;
  padding-right: 40px;
  text-align: left;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .dropdown-block.select-like .dropdown-toggler {
    padding-top: 6.5px;
    padding-bottom: 6.5px;
    padding-left: 10px;
  }
}

@media (min-width: 1000px) {
  .dropdown-block.select-like .dropdown-toggler {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    font-size: 16px;
    line-height: 1.5;
  }
}

.dropdown-block.select-like .dropdown-toggler:hover {
  border-color: #b3b6ba;
}

.dropdown-block.select-like .dropdown-items a {
  padding: 12px 14px;
  font-size: 14px;
  line-height: 16px;
}

@media (min-width: 1000px) {
  .dropdown-block.select-like .dropdown-items a {
    font-size: 16px;
    line-height: 18px;
    padding-top: 11px;
    padding-bottom: 11px;
  }
}

.dropdown-block.select-like .dropdown-items a.active, .dropdown-block.select-like .dropdown-items a.selected {
  padding-right: 40px;
}

/* FANCYBOX, MODALS */
body.fancybox-active {
  overflow: hidden;
}

.fancybox-bg {
  background: #000;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.6;
}

.fancybox-toolbar {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 767.98px) {
  .fancybox-navigation {
    display: none;
  }
}

.fancybox-is-modal .fancybox-navigation,
.fancybox-is-modal .fancybox-toolbar {
  display: none !important;
}

.fancybox-navigation .fancybox-button {
  width: 40px;
  height: 40px;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0 solid transparent;
  border-radius: 0;
  background: none;
  cursor: pointer;
  position: absolute;
  display: block;
  opacity: 1 !important;
  visibility: visible !important;
  padding: 5px 10px;
}

.fancybox-navigation .fancybox-button, .fancybox-navigation .fancybox-button:focus {
  color: #fff;
}

.fancybox-navigation .fancybox-button:hover, .fancybox-navigation .fancybox-button:focus:hover {
  color: #33aac5;
}

.fancybox-navigation .fancybox-button .icon {
  width: 100%;
  height: 100%;
  position: static !important;
  margin: 0 !important;
  fill: currentColor;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}

.fancybox-navigation .fancybox-button-prev, .fancybox-navigation .fancybox-button-next {
  left: auto;
  right: auto;
  top: 50%;
  bottom: auto;
  margin: -20px 0 0;
}

.fancybox-navigation .fancybox-button-prev {
  left: 20px;
}

.fancybox-navigation .fancybox-button-prev .icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.fancybox-navigation .fancybox-button-next {
  right: 20px;
}

.fancybox-navigation .fancybox-button-next .icon {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.fancybox-navigation .fancybox-button-disabled {
  opacity: 0.3;
}

.fancybox-button-close {
  width: 40px;
  height: 40px;
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0 solid transparent;
  border-radius: 0;
  background: none;
  cursor: pointer;
  display: block;
  opacity: 1 !important;
  visibility: visible !important;
  top: 20px;
  right: 20px;
  padding: 7px;
}

.fancybox-button-close, .fancybox-button-close:focus {
  color: #fff;
}

.fancybox-button-close:hover, .fancybox-button-close:focus:hover {
  color: #33aac5;
}

.fancybox-button-close .icon {
  width: 100%;
  height: 100%;
  position: static !important;
  margin: 0 !important;
  fill: currentColor;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}

.fancybox-slide {
  padding: 40px 80px;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .fancybox-slide {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 767.98px) {
  .fancybox-slide {
    padding-left: 0;
    padding-right: 0;
  }
}

.fancybox-slide img {
  max-width: 100%;
  border-radius: 0;
  border: none;
  display: block;
}

.fancybox-content {
  overflow: visible;
  border-radius: 0;
  padding: 40px;
}

@media (max-width: 767.98px) {
  .fancybox-content {
    padding: 20px;
  }
}

.fancybox-content > img {
  display: inline-block;
  vertical-align: middle;
}

.fancybox-is-modal .fancybox-slide {
  overflow-y: auto;
}

.modal {
  width: calc(100% - 32px);
  background: #fff;
  border-radius: 4px;
  padding: 24px 16px;
  max-width: 520px;
  display: none;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 768px) {
  .modal {
    padding: 32px;
  }
}

.modal .fancybox-button-close {
  width: 20px;
  height: 20px;
  padding: 4px;
  position: absolute;
  top: 12px;
  right: 12px;
}

.modal .fancybox-button-close, .modal .fancybox-button-close:focus {
  color: #80868d;
}

.modal .fancybox-button-close:hover, .modal .fancybox-button-close:focus:hover {
  color: #000d1a;
}

.modal .fancybox-button-close .icon {
  display: block;
  position: static;
  margin: 0;
  fill: currentColor !important;
  width: 12px;
  height: 12px;
}

.modal.xs {
  max-width: 400px;
}

.modal.lg {
  max-width: 800px;
}

.modal .title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  margin-bottom: 24px;
}

.modal-city-confirm {
  font-size: 12px;
  padding: 32px;
}

.modal-city-confirm .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.modal-city-confirm p {
  margin-bottom: 2em;
}

.modal-city-confirm p:last-child {
  margin-bottom: 0;
}

.modal-city-confirm .buttons-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 16px;
}

.modal-city-confirm .buttons-line .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  margin-left: 20px;
}

.modal-city-confirm .buttons-line .btn:first-child {
  margin-left: 0;
}

.modal-city-select .cities-list {
  font-size: 12px;
  line-height: 16px;
}

@media (min-width: 768px) {
  .modal-city-select .cities-list {
    font-size: 14px;
    line-height: 20px;
  }
}

.modal-city-select .cities-list ul {
  margin-bottom: 20px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

@media (min-width: 768px) {
  .modal-city-select .cities-list ul {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}

.modal-city-select .cities-list ul:last-child {
  margin-bottom: -12px;
}

.modal-city-select .cities-list li {
  padding: 0;
  margin-bottom: 12px;
}

.modal-city-select .cities-list li:before {
  display: none;
}

.modal-city-select .cities-list a, .modal-city-select .cities-list a:focus {
  color: inherit;
}

.modal-city-select .cities-list a:hover, .modal-city-select .cities-list a:focus:hover {
  color: #006c8a;
}

.modal-city-select .cities-list .show-hidden-elements,
.modal-city-select .cities-list .hide-hidden-elements {
  display: inline-block;
  vertical-align: top;
}

.modal-city-select .cities-list .show-hidden-elements, .modal-city-select .cities-list .show-hidden-elements:focus,
.modal-city-select .cities-list .hide-hidden-elements,
.modal-city-select .cities-list .hide-hidden-elements:focus {
  color: #80868d;
}

.modal-city-select .cities-list .show-hidden-elements:hover, .modal-city-select .cities-list .show-hidden-elements:focus:hover,
.modal-city-select .cities-list .hide-hidden-elements:hover,
.modal-city-select .cities-list .hide-hidden-elements:focus:hover {
  color: #3389a1;
}

.modal-city-select .cities-list .show-hidden-elements + ul,
.modal-city-select .cities-list .hide-hidden-elements + ul {
  margin-top: 32px;
}

.modal-city-select .input-search-result {
  margin-top: 8px;
  border-radius: 4px;
  padding: 4px 0;
  max-height: 300px;
}

.modal-city-select .input-search-result.active {
  display: block;
}

.modal-city-select .input-search-result li {
  padding: 0;
  margin: 0;
}

.modal-city-select .input-search-result li:before {
  display: none;
}

.modal-city-select .input-search-result a {
  display: block;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 16px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.modal-city-select .input-search-result a, .modal-city-select .input-search-result a:focus {
  color: #000d1a;
  background-color: transparent;
}

.modal-city-select .input-search-result a:hover, .modal-city-select .input-search-result a:focus:hover {
  background-color: #e7f7fb;
}

.modal-city-select .input-search-result a span {
  font-size: 12px;
  line-height: 14px;
  display: block;
  margin-top: 5px;
  color: #80868d;
}

.modal-feedback .title {
  font-size: 16px;
  font-weight: 700;
  color: #000d1a;
  margin-bottom: 48px;
}

.modal-feedback .buttons-line,
.modal-feedback .personal-agreement {
  text-align: center !important;
}

/* SCROLLING */
.ps .ps__rail-y {
  width: 4px;
  background: rgba(214, 219, 224, 0.2);
  right: 4px !important;
  display: none;
  border-radius: 4px !important;
}

.ps--active-y {
  padding-right: 35px;
}

.ps--active-y > .ps__rail-y {
  display: block;
  opacity: 1 !important;
  visibility: visible !important;
}

.ps .ps__thumb-y {
  width: 4px !important;
  border-radius: 4px !important;
  background: #d6dbe0 !important;
  right: 0 !important;
}

.ps .ps__rail-x {
  height: 2px;
  bottom: 0 !important;
  display: none;
}

.ps--active-x {
  padding-bottom: 35px;
}

.ps--active-x > .ps__rail-x {
  display: block;
  opacity: 1 !important;
  visibility: visible !important;
}

.ps .ps__thumb-x {
  height: 2px !important;
  border-radius: 0 !important;
  bottom: 0 !important;
}

.ps .ps__thumb-x:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -5px;
  bottom: -5px;
  display: block;
}

/* SLIDERS */
.swiper-container {
  z-index: auto;
}

.swiper-wrapper {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
  z-index: auto;
}

.swiper-slide {
  height: auto;
  z-index: auto;
  display: block;
}

.swiper-pagination {
  text-align: center;
  font-size: 0;
  line-height: 0;
  position: static;
  z-index: auto;
  margin: -4px;
}

.swiper-pagination > .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  margin: 4px !important;
  position: relative;
  opacity: 0.4;
  cursor: pointer;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  z-index: auto;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.swiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-pagination.dark > .swiper-pagination-bullet {
  background: #999ea3;
}

.swiper-title-block [class*="title"] {
  margin-bottom: 16px;
}

.swiper-title-block > .arrow-nav {
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .swiper-title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .swiper-title-block > [class*="title"] {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-width: 0;
  }
  .swiper-title-block > .arrow-nav {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 12px;
  }
}

.swiper-destroyed .arrow-nav,
.swiper-destroyed .pagination {
  display: none !important;
}

.swiper-destroyed .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: auto;
  max-width: none;
}

.swiper-initted [data-init-swiper] {
  display: none !important;
}

.swiper-destroyed [data-destroy-swiper] {
  display: none !important;
}

/* TOOLTIPS */
.tooltip {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
  border: none;
  border-radius: 4px;
  padding: 16px;
  font-size: 12px;
  line-height: 1.5;
  max-width: 235px;
  opacity: 0;
  z-index: -1000;
  left: -1000px;
  top: -1000px;
}

.tooltip:before {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: #fff;
}

.tooltip.top {
  margin-top: -11px;
}

.tooltip.top:before {
  bottom: -8px;
  left: 50%;
  margin-left: -7px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.tooltip.bottom {
  margin-top: 11px;
}

.tooltip.bottom:before {
  top: -8px;
  left: 50%;
  margin-left: -7px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.tooltip.left {
  margin-left: -11px;
}

.tooltip.left:before {
  right: -8px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.tooltip.right {
  margin-left: 11px;
}

.tooltip.right:before {
  left: -8px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.tooltip.open {
  opacity: 1;
  z-index: 100;
}

.tooltip p:not(:last-child) {
  margin-bottom: 0.4em;
}

@media (max-width: 767.98px) {
  .tooltip {
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 20px;
  }
  .tooltip:before {
    display: none;
  }
}

[data-tooltip] {
  cursor: pointer;
}

/* STYLES FOR LAZY IMAGES */
[data-lazy-bg]:not(.lazy-loaded):before,
.swiper-lazy[data-background]:not(.swiper-lazy-loaded):before {
  content: "" !important;
  width: 50px !important;
  height: 50px !important;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/loader.svg) !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-animation: rotation 2s linear infinite !important;
          animation: rotation 2s linear infinite !important;
  background-color: transparent !important;
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  margin-top: -25px !important;
  margin-left: -25px !important;
}

[data-lazy-bg]:not(.lazy-loaded):after,
.swiper-lazy[data-background]:not(.swiper-lazy-loaded):after {
  display: none !important;
}

[data-lazy-src]:not(.lazy-loaded),
.swiper-lazy[data-src]:not(.swiper-lazy-loaded),
[loading="lazy"][src*="loader.svg"] {
  width: 50px !important;
  height: 50px !important;
  visibility: visible !important;
  opacity: 1 !important;
  -webkit-animation: rotation 2s linear infinite !important;
          animation: rotation 2s linear infinite !important;
  margin-top: -25px !important;
  margin-left: -25px !important;
  border: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none !important;
}

.lazy-loaded,
.swiper-lazy-loaded,
[loading="lazy"]:not([src*="loader.svg"]) {
  -webkit-animation: fade-in 0.3s;
          animation: fade-in 0.3s;
}

/* BREADCRUMBS */
.breadcrumb {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  background: none;
  font-size: 10px;
  line-height: 14px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .breadcrumb {
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  .breadcrumb {
    margin-bottom: 32px;
  }
}

@media (min-width: 1000px) {
  .breadcrumb {
    font-size: 14px;
    line-height: 16px;
  }
}

.breadcrumb li {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}

.breadcrumb li:before {
  display: none;
}

.breadcrumb li:not(:last-of-type):after {
  content: '';
  display: inline-block;
  vertical-align: top;
  height: 14px;
  width: 16px;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-gray.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 6px auto;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-top: 1px;
  margin-bottom: -1px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .breadcrumb li:not(:last-of-type):after {
    background-size: 9px auto;
  }
}

@media (min-width: 1000px) {
  .breadcrumb li:not(:last-of-type):after {
    background-size: 10px auto;
    width: 25px;
  }
}

.breadcrumb a, .breadcrumb a:focus {
  color: #b3b6ba;
}

.breadcrumb a:hover, .breadcrumb a:focus:hover {
  color: #006c8a;
}

.breadcrumb li:last-of-type a {
  font-weight: 500;
}

.breadcrumb li:last-of-type a, .breadcrumb li:last-of-type a:focus {
  color: #007ea1;
}

.breadcrumb li:last-of-type a:hover, .breadcrumb li:last-of-type a:focus:hover {
  color: #006c8a;
}

/* CATALOG FILTER */
.catalog-filter {
  display: none;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 24px 0 68px;
  overflow: hidden;
  background: #fff;
  font-size: 14px;
  line-height: 18px;
}

.catalog-filter.active {
  display: block;
}

@media (min-width: 768px) {
  .catalog-filter {
    display: block !important;
    position: static;
    margin-bottom: 56px;
    padding-bottom: 0;
    padding-top: 0;
    height: auto;
    margin-right: -16px;
  }
}

@media (min-width: 1000px) {
  .catalog-filter {
    font-size: 16px;
    line-height: 22px;
  }
}

.catalog-filter .inner {
  max-height: 100%;
  overflow: auto;
}

@media (min-width: 768px) {
  .catalog-filter .inner {
    overflow: visible;
  }
}

.catalog-filter .section-subtitle {
  margin-bottom: 24px;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .catalog-filter .section-subtitle {
    display: none !important;
  }
}

.catalog-filter .btn-close {
  width: 30px;
  height: 30px;
  padding: 9px;
  top: 20px;
  right: 7px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  position: absolute;
  z-index: 5;
  background: #fff;
  border-radius: 50%;
}

.catalog-filter .btn-close, .catalog-filter .btn-close:focus {
  color: #000d1a;
}

.catalog-filter .btn-close:hover, .catalog-filter .btn-close:focus:hover {
  color: #006c8a;
}

.catalog-filter .btn-close .icon {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}

@media (min-width: 768px) {
  .catalog-filter .btn-close {
    display: none !important;
  }
}

.catalog-filter-item {
  margin: 0 0 4px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /*margin $transition-time;*/
}

.catalog-filter-item:last-child {
  margin-right: 0 !important;
}

.catalog-filter-item.selected {
  background: #f5fcfd;
}

.catalog-filter-item .head {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #007ea1;
  padding: 0 16px;
}

@media (min-width: 768px) {
  .catalog-filter-item .head {
    padding-left: 0;
    padding-right: 0;
  }
}

.catalog-filter-item .head .toggler {
  font-weight: 500;
  display: block;
  width: calc(100% + 32px);
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  padding: 4px 16px;
  margin: 0 -16px;
  padding-right: 40px;
  line-height: 22px;
  font-size: 14px;
  text-align: left;
  position: relative;
}

.catalog-filter-item .head .toggler, .catalog-filter-item .head .toggler:focus {
  background: #f2f3f5;
  color: #333d48;
}

.catalog-filter-item .head .toggler:hover, .catalog-filter-item .head .toggler:focus:hover {
  background: #cfeff6;
}

@media (min-width: 768px) {
  .catalog-filter-item .head .toggler {
    border-radius: 4px;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

@media (min-width: 1000px) {
  .catalog-filter-item .head .toggler {
    font-size: 16px;
  }
}

.catalog-filter-item .head .toggler .icon {
  display: block;
  position: absolute;
  width: 10px;
  height: 6px;
  top: 50%;
  margin-top: -3px;
  right: 16px;
  fill: currentColor;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.catalog-filter-item .body {
  display: none;
  padding: 16px;
}

.catalog-filter-item .body.open {
  display: block;
}

.catalog-filter-item.open {
  margin-bottom: 16px;
}

.catalog-filter-item.open .head .toggler {
  color: #007ea1;
  background: #cfeff6;
}

.catalog-filter-item.open .head .toggler .icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.catalog-filter-item .form-group {
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.catalog-filter-item .form-btn {
  padding: 10px 12px 9px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 0 4px 4px 0;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.catalog-filter-item .form-btn, .catalog-filter-item .form-btn:focus {
  background: #d6dbe0;
}

.catalog-filter-item .form-btn:hover, .catalog-filter-item .form-btn:focus:hover {
  background: #b3b6ba;
}

.catalog-filter-item .form-btn .icon {
  display: block;
  width: 21px;
  height: 21px;
  fill: #fff;
}

.catalog-filter-item .form-control {
  padding: 11px 15px;
  border: 1px solid #d6dbe0;
  border-right: 0;
  display: block;
  width: 100%;
  border-radius: 4px 0 0 4px;
  color: #000d1a;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  background: #fff;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 14px;
  line-height: 16px;
  height: 40px;
}

.catalog-filter-item .form-control::-webkit-input-placeholder {
  color: #80868d;
}

.catalog-filter-item .form-control::-moz-placeholder {
  color: #80868d;
}

.catalog-filter-item .form-control:-moz-placeholder {
  color: #80868d;
}

.catalog-filter-item .form-control:-ms-input-placeholder {
  color: #80868d;
}

.catalog-filter-item .form-control:hover {
  border-color: #b3b6ba;
}

.catalog-filter-item .form-control:focus {
  outline: none !important;
  border-color: #b3b6ba;
}

.catalog-filter-item .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}

.catalog-filter-item .form-control:focus::-moz-placeholder {
  color: transparent;
}

.catalog-filter-item .form-control:focus:-moz-placeholder {
  color: transparent;
}

.catalog-filter-item .form-control:focus:-ms-input-placeholder {
  color: transparent;
}

.catalog-filter-item ul {
  margin: 0;
  padding: 0;
}

.catalog-filter-item ul li {
  margin: 0;
  padding: 0;
}

.catalog-filter-item ul li:before {
  display: none;
}

.catalog-filter-item ul label {
  display: inline-block;
  vertical-align: top;
  color: inherit;
}

.catalog-filter-item ul .show-hidden-elements,
.catalog-filter-item ul .hide-hidden-elements {
  margin-top: 9px;
  display: inline-block;
  vertical-align: top;
}

.catalog-filter-item ul .show-hidden-elements, .catalog-filter-item ul .show-hidden-elements:focus,
.catalog-filter-item ul .hide-hidden-elements,
.catalog-filter-item ul .hide-hidden-elements:focus {
  color: #b3b6ba;
}

.catalog-filter-item ul.variants-list li:not(:last-child) {
  margin-bottom: 15px;
}

.catalog-filter-subs-list .item {
  display: inline-block;
  vertical-align: top;
  padding: 6px 16px;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.catalog-filter-subs-list .item, .catalog-filter-subs-list .item:focus {
  color: inherit;
}

.catalog-filter-subs-list .item:hover, .catalog-filter-subs-list .item:focus:hover {
  color: #006c8a;
}

@media (min-width: 768px) {
  .catalog-filter-subs-list .item {
    padding-left: 0;
    padding-right: 0;
  }
}

.catalog-filter-subs-list ul {
  display: none;
}

.catalog-filter-subs-list li.all {
  display: none;
}

.catalog-filter .has-open-item > li {
  display: none;
}

.catalog-filter .has-open-item > li.all, .catalog-filter .has-open-item > li.active {
  display: block;
}

.catalog-filter .has-open-item > li.active > ul {
  display: block;
}

.catalog-filter .has-open-item > li > .item {
  font-weight: 500;
  color: #000d1a;
  position: relative;
}

@media (min-width: 768px) {
  .catalog-filter .has-open-item > li > .item {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: -16px;
    margin-right: -16px;
  }
}

.catalog-filter .has-open-item > li > .item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 11px;
  height: 6px;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.catalog-filter .has-open-item > li > .item:hover:before {
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-blue.svg);
}

.catalog-filter .has-open-item.active > li.active > .item {
  border-radius: 4px;
}

.catalog-filter .has-open-item.active > li.active > .item, .catalog-filter .has-open-item.active > li.active > .item:focus {
  color: #007ea1;
  background-color: #cfeff6;
}

.catalog-filter .has-open-item.active > li.active > .item:hover, .catalog-filter .has-open-item.active > li.active > .item:focus:hover {
  color: #006c8a;
  background-color: #55c5de;
}

.catalog-filter .has-open-item.active > li.active > .item:before {
  display: none;
}

.catalog-filter .buttons-line {
  padding: 16px;
  border-top: 1px solid #d6dbe0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (min-width: 768px) {
  .catalog-filter .buttons-line {
    border-top: 0;
    position: static;
    margin-top: 16px;
    padding: 0;
  }
}

@media (max-width: 767.98px) {
  .catalog-filter .buttons-line {
    border-top: 0;
  }
}

.catalog-filter .buttons-line .btn {
  display: block;
  width: 100%;
}

@media (max-width: 767.98px) {
  body.catalog-filter-opened {
    overflow: hidden !important;
  }
}

/* TOGGLE MENU */
.toggle-menu {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  border: none;
}

.toggle-menu div,
.toggle-menu div:before,
.toggle-menu div:after {
  display: block;
  background: #80868d;
  position: absolute;
  height: 2px;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 2px;
  width: 20px;
  left: 0;
}

.toggle-menu:hover div,
.toggle-menu:hover div:before,
.toggle-menu:hover div:after {
  background: #000d1a;
}

.toggle-menu div {
  top: 50%;
  left: 0;
  margin-top: -1px;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

.toggle-menu div:before,
.toggle-menu div:after {
  content: '';
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, background 0.3s;
  transition: transform 0.3s, background 0.3s;
  transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.toggle-menu div:before {
  top: -6px;
}

.toggle-menu div:after {
  top: 6px;
}

.toggle-menu.active div {
  background: transparent !important;
}

.toggle-menu.active div:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.toggle-menu.active div:after {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* HEADER STYLES */
.header {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
  background: #fff;
  height: 101px;
  -webkit-box-shadow: 0px 2px 10px rgba(0, 13, 26, 0.25);
          box-shadow: 0px 2px 10px rgba(0, 13, 26, 0.25);
}

@media (min-width: 768px) {
  .header {
    position: relative;
    margin-bottom: 16px;
    height: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media (min-width: 1000px) {
  .header {
    margin-bottom: 24px;
  }
}

.header-top {
  display: none;
}

@media (min-width: 768px) {
  .header-top {
    display: block;
    line-height: 20px;
    font-size: 14px;
    background: #f7f8fa;
    padding: 12px 0;
    color: #4d565f;
  }
  .header-top .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .header-top a, .header-top a:focus {
    color: inherit;
  }
  .header-top a:hover, .header-top a:focus:hover {
    color: #000d1a;
  }
  .header-top a .icon {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    fill: currentColor;
    margin-right: 8px;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .header-top .dropdown-items {
    margin-top: 12px;
  }
}

@media (min-width: 768px) {
  .header-city-select {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 24px;
  }
}

@media (min-width: 768px) {
  .header-city-select .dropdown-toggler {
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    padding-right: 0;
  }
  .header-city-select .dropdown-toggler:before {
    display: none;
  }
}

@media (min-width: 768px) {
  .header-city-select .dropdown-items {
    padding: 32px;
  }
  .header-city-select .dropdown-items .arrow {
    left: 50px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .header-city-select .dropdown-items {
    width: 305px;
  }
}

@media (min-width: 1000px) {
  .header-city-select .dropdown-items {
    width: 330px;
  }
}

@media (min-width: 768px) {
  .header-top-menu {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

@media (min-width: 768px) {
  .header-top-menu > li {
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 20px;
  }
  .header-top-menu > li:before {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .header-top-menu > li:nth-child(n+4) {
    display: none;
  }
}

.header-top-menu a.selected {
  font-weight: 500;
}

@media (min-width: 768px) {
  .header-user-menu {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    font-weight: 500;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .header-user-menu > li {
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .header-user-menu > li:not(:first-child) {
    padding-left: 12px;
    border-left: 1px solid #000d1a;
    margin-left: 12px;
  }
  .header-user-menu > li:before {
    display: none;
  }
  .header-user-menu .dropdown-toggler {
    padding-right: 0;
  }
  .header-user-menu .dropdown-toggler:before {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .header-user-menu {
    margin-left: 40px;
  }
}

@media (min-width: 1000px) {
  .header-user-menu {
    margin-left: 12%;
  }
}

.header-bottom {
  padding: 8px 0 7px;
  position: relative;
}

@media (min-width: 768px) {
  .header-bottom {
    padding: 16px 0;
    margin: 8px 0 116px;
  }
}

.header-bottom .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) {
  .header-bottom .inner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.header-bottom .toggle-menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 45px;
}

@media (min-width: 768px) {
  .header-bottom .toggle-menu {
    display: none;
  }
}

.header-logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .header-logo {
    margin-right: 24px;
    margin-left: 0;
  }
}

.header-logo img {
  height: 30px;
  width: auto;
  max-width: none;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .header-logo img {
    height: 44px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .header-logo img {
    height: 55px;
  }
}

@media (min-width: 1200px) {
  .header-logo img {
    height: 66px;
  }
}

.header-phones {
  display: none;
}

@media (min-width: 768px) {
  .header-phones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0 0 18px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    position: relative;
  }
  .header-phones li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0;
    margin-left: 16px;
  }
  .header-phones li:first-child {
    margin-left: 0;
  }
  .header-phones li:before {
    display: none;
  }
  .header-phones li.info {
    position: absolute;
    right: 0;
    bottom: -19px;
    font-size: 12px;
    line-height: 14px;
    color: #4d565f;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .header-phones a {
    font-weight: 500;
  }
  .header-phones a, .header-phones a:focus {
    color: #000d1a;
  }
  .header-phones a:hover, .header-phones a:focus:hover {
    color: #006c8a;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .header-phones a {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .header-phones a {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (min-width: 1200px) {
  .header-phones a {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (min-width: 1200px) {
  .header-phones {
    margin-left: auto;
  }
}

.header-phone-mobile {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.header-phone-mobile, .header-phone-mobile:focus {
  color: #80868d;
}

.header-phone-mobile:hover, .header-phone-mobile:focus:hover {
  color: #006c8a;
}

.header-phone-mobile.active {
  color: #000d1a;
}

.header-phone-mobile .icon {
  display: block;
  width: 21px;
  height: 21px;
  fill: currentColor;
}

@media (min-width: 768px) {
  .header-phone-mobile {
    display: none;
  }
}

.header #anchor-to-fix-header {
  position: absolute;
  width: 0;
  top: 100%;
  height: 0;
  visibility: hidden;
  z-index: -1000;
  left: 0;
}

.header-fixed {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (min-width: 1200px) {
  .header-fixed {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 16px 0;
  }
}

@media (max-width: 1199.98px) {
  .header-fixed > .container {
    padding: 0;
    margin: 0;
    width: auto;
    max-width: none;
  }
}

@media (min-width: 1200px) {
  .header-fixed > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.header-catalog-menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0;
}

@media (min-width: 1200px) {
  .header-catalog-menu {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    margin-bottom: -10px;
  }
}

.header-catalog-menu li {
  padding: 0;
  margin-left: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.header-catalog-menu li:before {
  display: none;
}

.header-catalog-menu li.history, .header-catalog-menu li.favourite {
  display: none;
}

@media (min-width: 768px) {
  .header-catalog-menu li.history, .header-catalog-menu li.favourite {
    display: block;
  }
}

.header-catalog-menu a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.header-catalog-menu a, .header-catalog-menu a:focus {
  color: #80868d;
}

.header-catalog-menu a:hover, .header-catalog-menu a:focus:hover {
  color: #006c8a;
}

@media (min-width: 1000px) {
  .header-catalog-menu a {
    text-align: center;
  }
}

.header-catalog-menu a .icon {
  display: block;
  width: 21px;
  height: 21px;
  fill: currentColor;
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .header-catalog-menu a .icon {
    width: 28px;
    height: 20px;
  }
}

@media (min-width: 1000px) {
  .header-catalog-menu a .icon {
    height: 24px;
    width: 34px;
  }
}

@media (min-width: 1200px) {
  .header-catalog-menu a .icon {
    height: 29px;
    width: 42px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .header-catalog-menu a span {
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px;
  }
}

@media (min-width: 1200px) {
  .header-catalog-menu a span {
    font-size: 14px;
    line-height: 16px;
    margin-top: 4px;
  }
}

.header-catalog-menu a .label {
  position: absolute;
  line-height: 12px;
  min-width: 13px;
  padding: 1px 2px 0;
  color: #fff;
  background: #ff3a44;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  top: -3px;
  left: 50%;
  margin-left: 4px;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .header-catalog-menu a .label {
    line-height: 15px;
    min-width: 16px;
    font-size: 12px;
    border-radius: 8px;
    top: -4px;
  }
}

@media (min-width: 1200px) {
  .header-catalog-menu a .label {
    line-height: 19px;
    min-width: 20px;
    font-size: 12px;
    border-radius: 10px;
    top: -6px;
    margin-right: 7px;
  }
}

.header-catalog-menu span {
  display: none;
}

@media (min-width: 1000px) {
  .header-catalog-menu span {
    display: inline-block;
    vertical-align: middle;
  }
  .header-catalog-menu span.digit {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #000d1a;
    margin-left: 6px;
  }
}

.header-search {
  display: block;
  min-width: 0;
  padding: 8px 0;
  border-top: 1px solid #ebedef;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
}

@media (min-width: 1200px) {
  .header-search .container {
    width: auto;
    max-width: none;
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .header-search {
    border-top: 0;
    border-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .header-search {
    padding: 16px 0;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .header-search {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto;
    margin-right: 6px;
    position: static;
    padding: 0;
  }
}

.header-search .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}

.header-search .form-control {
  border: 2px solid #ffa903;
  border-right-width: 0;
  margin-right: -2px;
  border-radius: 4px 0 0 4px;
  line-height: 20px;
  font-size: 14px;
  background: #fff;
  padding: 7px 14px;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.header-search .form-control:focus {
  border-color: #fa9600;
}

.header-search .form-control::-webkit-input-placeholder {
  color: #80868d;
}

.header-search .form-control::-moz-placeholder {
  color: #80868d;
}

.header-search .form-control:-moz-placeholder {
  color: #80868d;
}

.header-search .form-control:-ms-input-placeholder {
  color: #80868d;
}

@media (min-width: 768px) {
  .header-search .form-control {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    line-height: 22px;
    font-size: 16px;
    padding: 10px 14px;
  }
}

.header-search .form-group > .btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 8px;
  border-radius: 0 4px 4px 0;
}

.header-search .form-group > .btn[type="submit"] {
  border: 0 none transparent;
  width: 70px;
  display: block;
  z-index: 2;
}

@media (max-width: 767.98px) {
  .header-search .form-group > .btn[type="submit"] {
    width: 38px;
  }
}

.header-search .form-group > .btn, .header-search .form-group > .btn:focus {
  background: #ffa903;
}

.header-search .form-group > .btn:hover, .header-search .form-group > .btn:focus:hover {
  background: #fa9600;
}

.header-search .form-group > .btn .icon {
  display: block;
  width: 20px;
  height: 20px;
  fill: #fff;
}

@media (min-width: 768px) {
  .header-search .form-group > .btn {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 12px 24px;
  }
}

.header-search .btn-clear-input-value {
  top: 0;
  bottom: 0;
  display: block;
  position: absolute;
  padding: 0 16px;
  right: 38px;
  z-index: -2;
  opacity: 0;
  -webkit-transition: opacity 0.3s, z-index 0s 0.3s;
  -o-transition: opacity 0.3s, z-index 0s 0.3s;
  transition: opacity 0.3s, z-index 0s 0.3s;
}

@media (min-width: 768px) {
  .header-search .btn-clear-input-value {
    right: 72px;
  }
}

.header-search .btn-clear-input-value, .header-search .btn-clear-input-value:focus {
  color: #b3b6ba;
}

.header-search .btn-clear-input-value:hover, .header-search .btn-clear-input-value:focus:hover {
  color: #000d1a;
}

.header-search .btn-clear-input-value .icon {
  width: 12px;
  height: 100%;
  display: block;
  fill: currentColor;
}

.header-search.search-input-has-focus .btn-clear-input-value {
  opacity: 1;
  z-index: 2;
  -webkit-transition: opacity 0.3s, z-index 0s;
  -o-transition: opacity 0.3s, z-index 0s;
  transition: opacity 0.3s, z-index 0s;
}

.header-search .example {
  display: none;
}

@media (min-width: 768px) {
  .header-search .example {
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }
}

.header-search .input-search-result {
  font-size: 14px;
  line-height: 16px;
  padding: 8px 0;
  margin: 7px 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0 0 4px 4px;
  max-height: calc(100vh - 101px);
}

@media (max-width: 767.98px) {
  .header-search .input-search-result {
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
  }
}

@media (min-width: 768px) {
  .header-search .input-search-result {
    max-height: none;
    font-size: 16px;
    line-height: 18px;
    top: 46px;
    border: 1px solid #d6dbe0;
    border-radius: 0 0 7px 7px;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0, 13, 26, 0.1);
            box-shadow: 0 8px 10px 0 rgba(0, 13, 26, 0.1);
    right: 70px;
    margin: 0;
  }
}

.header-search .input-search-result.input-focused {
  display: block;
}

.header-search .input-search-result .default-results {
  display: block;
}

.header-search .input-search-result.active .default-results {
  display: none;
}

.header-search .input-search-result .found-results {
  display: none;
}

.header-search .input-search-result.active .found-results {
  display: block;
}

.header-search .input-search-result .items-col {
  display: none;
}

@media (min-width: 768px) {
  .header-search .input-search-result .items-col {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .header-search .input-search-result .items-col {
    padding: 34px 20px 20px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .header-search .input-search-result .items-col {
    padding: 0 16px;
  }
}

.header-search .input-search-result .title {
  font-weight: 500;
  padding: 8px 16px;
  border-bottom: 1px solid #d6dbe0;
  color: #000d1a;
  display: block;
}

.header-search .input-search-result .default-results .title {
  color: #80868d;
}

.header-search .input-search-result ul {
  margin: 0 0 16px;
  padding: 0;
}

.header-search .input-search-result ul:last-child {
  margin-bottom: 0;
}

.header-search .input-search-result ul li {
  padding: 0;
}

.header-search .input-search-result ul li:before {
  display: none;
}

.header-search .input-search-result ul a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
  padding: 8px 16px;
}

.header-search .input-search-result ul a, .header-search .input-search-result ul a:focus {
  color: inherit;
  background: #fff;
}

.header-search .input-search-result ul a:hover, .header-search .input-search-result ul a:focus:hover {
  color: #000d1a;
  background: #f2f3f5;
}

.header-search .input-search-result ul a span {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
  margin-left: 30px;
}

.header-search .input-search-result ul a span:first-child {
  margin-left: 0;
}

.header-search .input-search-result .catalog-item {
  border: 0;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

@media (min-width: 1000px) {
  .header-search .input-search-result .catalog-item {
    margin-bottom: 24px;
  }
}

.header-search .input-search-result .catalog-item__image {
  height: auto !important;
  min-height: 120px;
}

.header-search .input-search-result .catalog-item__desc {
  margin-top: 0 !important;
  max-height: 40px !important;
}

.header-search .input-search-result .catalog-item .catalog-item__price-block {
  margin-bottom: 2px !important;
}

.header-search .input-search-result .catalog-item .price {
  font-size: 18px;
  line-height: 21px;
}

.header-search .input-search-result .catalog-item .catalog-item__bottom {
  margin-top: 16px !important;
}

.header-search.search-input-has-focus:before {
  content: "";
  position: fixed;
  top: 101px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
}

@media (min-width: 768px) {
  .header-search.search-input-has-focus:before {
    display: none;
  }
}

@media (min-width: 768px) {
  .header-search.search-input-has-focus .form-control {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
  }
}

.header .logo-scroll-visible {
  display: none;
}

@media (min-width: 768px) {
  .header.fixed .header-search .example {
    margin: 0;
    height: 0;
    opacity: 0;
  }
  .header-search .form-group {
    position: relative;
  }
  .header-search .form-group .logo-scroll-visible {
    position: absolute;
    left: 0;
    height: 46px;
    width: 46px;
    top: 50%;
    margin-top: -23px;
    display: block;
    opacity: 0;
  }
  .header-search .form-group .form-control {
    position: relative;
    z-index: 1;
  }
  .header.fixed .header-search .form-group {
    padding-left: 70px;
  }
  .header.fixed .header-search .form-group .logo-scroll-visible {
    background-image: url(/local/templates/wer_rediz_2021/css/../images/logo-short.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  .header.fixed .header-search .input-search-result {
    left: 70px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .header-search {
    -webkit-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  }
  .header.fixed .header-search {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0px 2px 15px rgba(0, 13, 26, 0.18);
            box-shadow: 0px 2px 15px rgba(0, 13, 26, 0.18);
    z-index: 10;
  }
}

@media (min-width: 1200px) {
  .header-fixed {
    -webkit-box-shadow: 0 0 0 0 transparent;
            box-shadow: 0 0 0 0 transparent;
    -webkit-transition: -webkit-box-shadow 0.3s;
    transition: -webkit-box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  }
  .header.fixed .header-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-box-shadow: 0px 2px 15px rgba(0, 13, 26, 0.18);
            box-shadow: 0px 2px 15px rgba(0, 13, 26, 0.18);
    z-index: 10;
  }
}

.header-menu-mobile {
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #fff;
  display: none;
}

@media (min-width: 768px) {
  .header-menu-mobile {
    display: none !important;
  }
}

.header-menu-mobile.active {
  display: block;
  -webkit-animation: fade-in 0.3s;
          animation: fade-in 0.3s;
}

.header-menu-mobile.has-opened-items {
  overflow: hidden;
}

.header-menu-mobile ul {
  margin: 0;
}

.header-menu-mobile-top li {
  padding: 0;
  border-bottom: 1px solid #f2f3f5;
  position: static;
}

.header-menu-mobile-top li:last-child {
  border-bottom: 0;
}

.header-menu-mobile-top li:before {
  display: none;
}

.header-menu-mobile-top a {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 16px;
  font-weight: 500;
  display: block;
  -webkit-transition: background-color 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  position: relative;
  min-width: 0;
}

.header-menu-mobile-top a.selected, .header-menu-mobile-top a.selected:focus {
  color: #007ea1;
}

.header-menu-mobile-top a.selected:hover, .header-menu-mobile-top a.selected:focus:hover {
  color: #006c8a;
}

.header-menu-mobile-top a:not(:only-child) {
  padding-right: 45px;
  position: relative;
}

.header-menu-mobile-top a:not(:only-child):after {
  content: "";
  position: absolute;
  right: 0;
  width: 45px;
  top: 0;
  height: 100%;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-black.svg);
  background-size: 10px auto;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.2;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.header-menu-mobile-top a:not(:only-child):hover:after, .header-menu-mobile-top a:not(:only-child):focus:hover:after {
  opacity: 0.8;
}

.header-menu-mobile-top a, .header-menu-mobile-top a:focus {
  color: inherit;
}

.header-menu-mobile-top a .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  fill: currentColor;
  margin-right: 10px;
}

.header-menu-mobile-top a .label {
  position: absolute;
  line-height: 12px;
  min-width: 13px;
  padding: 1px 2px 0;
  color: #fff;
  background: #ff3a44;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  top: 5px;
  left: 23px;
  margin-left: 5px;
}

.header-menu-mobile-top a.highlighted {
  margin-bottom: -2px;
  font-weight: 700;
  text-transform: uppercase;
}

.header-menu-mobile-top a.highlighted, .header-menu-mobile-top a.highlighted:focus {
  background-color: #ff3a44;
  color: #fff;
}

.header-menu-mobile-top a.highlighted:hover, .header-menu-mobile-top a.highlighted:focus:hover {
  background-color: #ff000d;
}

.header-menu-mobile-top a.hot {
  font-weight: 700;
}

.header-menu-mobile-top a.hot, .header-menu-mobile-top a.hot:focus {
  color: #ff3a44;
}

.header-menu-mobile-top a.hot:hover, .header-menu-mobile-top a.hot:focus:hover {
  color: #ff000d;
}

.header-menu-mobile-top ul ul li {
  border-bottom: 0;
}

.header-menu-mobile-top a + ul {
  display: none;
}

.header-menu-mobile-top .back {
  display: none;
}

.header-menu-mobile-top li.active {
  position: absolute;
  top: 0;
  z-index: 2;
  left: 0;
  right: 0;
  border-bottom: 0;
  background: #fff;
  height: 100%;
  overflow: hidden;
}

.header-menu-mobile-top li.active.current-opened {
  overflow-x: hidden;
  overflow-y: auto;
}

.header-menu-mobile-top li.active.current-opened > a {
  border-bottom: 1px solid #f2f3f5;
  padding-right: 16px;
  padding-left: 45px;
  font-weight: 500;
}

.header-menu-mobile-top li.active.current-opened > a:after {
  left: 0;
  right: auto;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/arrow-black.svg);
  background-size: 15px auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  opacity: 1;
}

.header-menu-mobile-top li.active > ul {
  display: block;
}

.header-menu-mobile-top li.active > ul a {
  font-weight: 400;
}

.header-menu-mobile-top ul.double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.header-menu-mobile-top ul.double li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  min-width: 0;
  max-width: 50%;
  width: 50%;
  border: 0;
}

.header-menu-mobile-top ul.double a {
  font-size: 12px;
}

.header-menu-mobile .mobile-find {
  font-weight: 700;
  text-transform: uppercase;
  color: #000d1a;
  line-height: 20px;
}

.header-menu-mobile .mobile-find .icon,
.header-menu-mobile .mobile-find .text {
  display: inline-block;
  vertical-align: middle;
}

.header-menu-mobile .mobile-find .info {
  color: #b3b6ba;
  font-size: 10px;
  line-height: 14px;
  display: block;
  margin-top: 2px;
  font-weight: 400;
  text-transform: none;
}

.header-menu-mobile-bottom {
  background: #f7f8fa;
  padding: 16px 16px 24px;
}

.header-menu-mobile-bottom .list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.header-menu-mobile-bottom .list li {
  margin: 0;
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  min-width: 0;
  max-width: 50%;
  width: 50%;
}

.header-menu-mobile-bottom .list li:before {
  display: none;
}

.header-menu-mobile .menu-mobile-location {
  line-height: 20px;
  margin-bottom: 24px;
}

.header-menu-mobile .menu-mobile-location .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  fill: currentColor;
  margin-right: 10px;
}

.header-menu-mobile .menu-mobile-download-app {
  margin-bottom: 24px;
}

.header-menu-mobile .menu-mobile-download-app .title {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 12px;
}

.header-menu-mobile .menu-mobile-download-app a {
  display: block;
}

.header-menu-mobile .menu-mobile-download-app a, .header-menu-mobile .menu-mobile-download-app a:focus {
  color: inherit;
}

.header-menu-mobile .menu-mobile-download-app a:hover, .header-menu-mobile .menu-mobile-download-app a:focus:hover {
  color: #006c8a;
}

.header-menu-mobile .menu-mobile-download-app img {
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 17px;
}

.header-menu-mobile .menu-mobile-download-app img + span {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
}

.header-menu-mobile .menu-mobile-download-app img + span b {
  display: block;
}

.header-menu-mobile .menu-mobile-contacts .title {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 8px;
  color: #b3b6ba;
}

.header-menu-mobile .menu-mobile-contacts .phone {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

.header-categories-list {
  display: none;
}

@media (min-width: 768px) {
  .header-categories-list {
    display: block;
  }
  .header-categories-list ul {
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
  }
  .header-categories-list ul:not(:last-of-type) {
    margin-bottom: 4px;
  }
  .header-categories-list .nav-tabs {
    border-bottom: none;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.1875;
    text-transform: uppercase;
  }
  .header-categories-list .nav-tabs:before {
    display: none;
  }
  .header-categories-list .nav-tabs li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 16px;
  }
  .header-categories-list .nav-tabs li:last-child {
    margin-right: 0;
  }
  .header-categories-list .nav-tabs a {
    padding: 0 0 8px;
    font-weight: 500;
    min-width: 0;
  }
  .header-categories-list .nav-tabs.scroll-horizontal > .ps__rail-x {
    display: none !important;
  }
  .header-categories-list .nav-tabs + .tab-container {
    margin-top: -4px;
    position: relative;
    overflow: visible;
  }
  .header-categories-list .tab-pane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background: #fff;
    padding: 32px;
    border: 1px solid #d6dbe0;
    font-size: 14px;
    line-height: 16px;
    -webkit-box-shadow: 0px 8px 10px rgba(0, 13, 26, 0.1);
            box-shadow: 0px 8px 10px rgba(0, 13, 26, 0.1);
    border-radius: 0 0 7px 7px;
  }
  .header-categories-list .tab-pane .title {
    font-size: inherit;
    line-height: 16px;
    font-weight: 500;
    color: #007ea1;
    margin-bottom: 16px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
  }
  .header-categories-list .tab-pane a.title, .header-categories-list .tab-pane a.title:focus {
    color: #007ea1;
  }
  .header-categories-list .tab-pane a.title:hover, .header-categories-list .tab-pane a.title:focus:hover {
    color: #006c8a;
  }
  .header-categories-list [class*="-col"] {
    position: relative;
  }
  .header-categories-list [class*="-col"]:not(:last-of-type):after {
    content: "";
    right: 0;
    top: 20px;
    bottom: 0;
    width: 2px;
    background: #d6dbe0;
    position: absolute;
  }
  .header-categories-list .list-col ul li {
    padding: 0;
  }
  .header-categories-list .list-col ul li:before {
    display: none;
  }
  .header-categories-list .links-list ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 24px;
       -moz-column-gap: 24px;
            column-gap: 24px;
    margin-bottom: -8px;
  }
  .header-categories-list .links-list li {
    margin-bottom: 8px;
  }
  .header-categories-list .links-list a, .header-categories-list .links-list a:focus {
    color: inherit;
  }
  .header-categories-list .links-list a:hover, .header-categories-list .links-list a:focus:hover {
    color: #006c8a;
  }
  .header-categories-list .images-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .header-categories-list .images-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .header-categories-list .images-list img {
    width: 50px;
  }
  .header-categories-list .catalog-item {
    border: 0;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden !important;
  }
  .header-categories-list .catalog-item:not(:last-child) {
    margin-bottom: 20px;
  }
  .header-categories-list .catalog-item__image {
    height: auto !important;
    min-height: 120px;
  }
  .header-categories-list .catalog-item__desc {
    margin-top: 0 !important;
    max-height: 40px !important;
  }
  .header-categories-list .catalog-item__main {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
  .header-categories-list .catalog-item .catalog-item__price-block {
    margin-bottom: 2px !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .header-categories-list .catalog-item .price {
    font-size: 18px !important;
    line-height: 21px !important;
  }
  .header-categories-list .catalog-item .catalog-item__bottom {
    margin-top: 16px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .header-categories-list .list-col [class^="col-"]:not(:first-of-type) {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #d6dbe0;
  }
  .header-categories-list .images-list ul {
    margin: 0 -16px -16px 0;
  }
  .header-categories-list .images-list li {
    margin: 0 16px 16px 0;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .header-categories-list .images-list img {
    width: 60px;
  }
}

@media (min-width: 1000px) {
  .header-categories-list .nav-tabs {
    font-size: 16px;
  }
  .header-categories-list .nav-tabs li {
    margin-right: 22px;
  }
}

@media (min-width: 1200px) {
  .header-categories-list .list-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .header-categories-list .list-col [class^="col-"]:not(:last-of-type) {
    position: relative;
    padding-right: 42px;
  }
  .header-categories-list .list-col [class^="col-"]:not(:last-of-type):after {
    content: "";
    right: 8px;
    top: 20px;
    bottom: 0;
    width: 2px;
    background: #d6dbe0;
    position: absolute;
  }
  .header-categories-list .images-list ul {
    margin: 0 -32px -32px 0;
  }
  .header-categories-list .images-list li {
    margin: 0 32px 32px 0;
  }
  .header-categories-list .images-list img {
    width: 80px;
  }
}

@media (max-width: 767.98px) {
  body.menu-mobile-opened {
    overflow: hidden !important;
  }
}

/* FOOTER STYLES */
.footer {
  position: relative;
  overflow: hidden;
}

.footer-top {
  padding: 24px 0 8px;
  background: #f7f8fa;
  font-size: 12px;
  line-height: 14px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .footer-top {
    padding-top: 32px;
  }
}

@media (min-width: 1000px) {
  .footer-top {
    padding-top: 40px;
    font-size: 14px;
    line-height: 24px;
  }
}

.footer-contacts {
  margin-bottom: 24px;
}

.footer-contacts .footer-title {
  display: none;
}

@media (min-width: 1000px) {
  .footer-contacts .footer-title {
    display: block;
    margin-bottom: 16px;
  }
}

.footer-phones {
  margin-right: -18px;
  margin-bottom: 6px;
}

@media (min-width: 768px) {
  .footer-phones {
    margin-bottom: 16px;
  }
}

.footer-phones li {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  margin-right: 18px;
}

.footer-phones li:before {
  display: none;
}

.footer-phones a {
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}

@media (min-width: 768px) {
  .footer-phones a {
    font-size: 16px;
    line-height: 24px;
  }
}

.footer-callback {
  margin-bottom: 24px;
}

@media (min-width: 1000px) {
  .footer-callback {
    margin-bottom: 16px;
  }
}

.footer-callback .title {
  font-weight: 500;
  display: block;
  margin-bottom: 12px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .footer-callback .title {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 12px;
  }
}

@media (min-width: 1000px) {
  .footer-callback .title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 8px;
  }
}

.footer-callback .btn {
  width: 160px;
}

@media (min-width: 1000px) {
  .footer-callback .btn {
    width: 200px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

.footer-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0;
  color: #000d1a;
  cursor: pointer;
}

@media (min-width: 1000px) {
  .footer-title {
    font-size: 16px;
    line-height: 20px;
    cursor: initial;
  }
}

.footer-title:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 15px;
  background: url(/local/templates/wer_rediz_2021/css/../images/drop-black.svg);
  background-position: center;
  background-size: 8px auto;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (min-width: 1000px) {
  .footer-title:after {
    display: none;
  }
}

.footer-title.active:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.footer-menu {
  margin-bottom: 24px;
}

.footer-menu ul {
  margin-top: 8px;
  margin-bottom: 0;
  display: none;
}

@media (min-width: 768px) {
  .footer-menu ul {
    display: block;
  }
}

@media (min-width: 1000px) {
  .footer-menu ul {
    display: block !important;
  }
}

.footer-menu li {
  padding: 0;
  margin-bottom: 5px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .footer-menu li {
    margin-bottom: 8px;
  }
}

@media (min-width: 1000px) {
  .footer-menu li {
    margin-bottom: 2px;
  }
}

.footer-menu li:last-child {
  margin-bottom: 0;
}

.footer-menu li:before {
  display: none;
}

.footer-menu a {
  line-height: 18px;
}

.footer-menu a.selected {
  font-weight: 700;
}

.footer-menu a.selected, .footer-menu a.selected:focus {
  color: inherit;
}

.footer-note {
  margin: 10px 0 0;
  font-size: 10px;
  line-height: 16px;
}

@media (min-width: 768px) {
  .footer-note {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
  }
}

@media (min-width: 1000px) {
  .footer-pay p {
    line-height: 22px;
    color: #007ea1;
    max-width: 215px;
    margin-bottom: 24px;
  }
}

@media (min-width: 1000px) {
  .footer-pay ul {
    margin: -4px;
    padding: 0;
    font-size: 0;
    line-height: 0;
  }
}

@media (min-width: 1000px) {
  .footer-pay li {
    margin: 4px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
  }
  .footer-pay li:before {
    display: none;
  }
}

@media (min-width: 1000px) {
  .footer-pay img {
    width: 27px;
  }
}

.footer-bottom {
  background: #2799b2;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  padding: 15px 0;
}

@media (min-width: 1000px) {
  .footer-bottom .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.footer-copyright {
  text-align: center;
  margin-bottom: 0;
}

.footer-copyright .info {
  display: none;
}

@media (min-width: 768px) {
  .footer-copyright .info {
    display: inline;
  }
}

@media (min-width: 1000px) {
  .footer-copyright {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
    margin-right: 20px;
  }
}

.footer-policy {
  display: none;
}

@media (min-width: 1000px) {
  .footer-policy {
    display: block;
    margin-bottom: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
    margin-left: 20px;
  }
  .footer-policy a, .footer-policy a:focus {
    color: #fff;
    text-decoration: underline;
  }
  .footer-policy a:hover, .footer-policy a:focus:hover {
    text-decoration: none;
  }
}

/* DOWNLOAD MOBILE SECTION */
.download-mobile-app {
  margin-top: 56px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .download-mobile-app {
    margin-top: 64px;
  }
}

@media (min-width: 1000px) {
  .download-mobile-app {
    margin-top: 72px;
  }
}

.download-mobile-app .inner {
  padding: 24px 0;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .download-mobile-app .inner {
    padding-bottom: 0;
  }
}

@media (min-width: 1000px) {
  .download-mobile-app .inner {
    padding: 24px 0 48px;
    padding-left: 220px;
    position: relative;
  }
  .download-mobile-app .inner:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -25px;
    width: 220px;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/download-app-bg-2.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left bottom;
  }
  .download-mobile-app .inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -48px;
    width: 470px;
    height: 1px;
    background: #d6dbe0;
  }
}

.download-mobile-app .title {
  margin-bottom: 24px;
  text-align: center;
}

@media (max-width: 999.98px) {
  .download-mobile-app .title {
    line-height: 20px;
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .download-mobile-app .title {
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .download-mobile-app .title {
    text-align: left;
  }
}

@media (min-width: 1000px) {
  .download-mobile-app .title {
    margin-bottom: 24px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .download-mobile-app .title {
    font-size: 18px;
  }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {
  .download-mobile-app .title {
    font-size: 20px;
  }
}

@media (min-width: 1300px) {
  .download-mobile-app .title {
    font-size: 20px;
  }
}

.download-mobile-app .list {
  margin: 0 -12px 40px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) {
  .download-mobile-app .list {
    margin-bottom: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.download-mobile-app .list li {
  padding: 0;
  margin: 0 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.download-mobile-app .list li:before {
  display: none;
}

.download-mobile-app .list a {
  display: block;
}

.download-mobile-app .list a, .download-mobile-app .list a:focus {
  color: inherit;
}

.download-mobile-app .list a:hover, .download-mobile-app .list a:focus:hover {
  color: #006c8a;
}

.download-mobile-app .list img {
  height: 36px;
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .download-mobile-app .list img {
    height: 40px;
  }
}

@media (min-width: 1200px) {
  .download-mobile-app .list img {
    height: 48px;
  }
}

.download-mobile-app .subscribe-form {
  max-width: 430px;
  margin: 0 auto;
  text-align: center;
}

@media (min-width: 768px) {
  .download-mobile-app .subscribe-form {
    text-align: left;
    max-width: none;
  }
}

.download-mobile-app .subscribe-form .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 12px;
}

.download-mobile-app .subscribe-form .form-control {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: left;
  max-width: 280px;
}

.download-mobile-app .subscribe-form .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (min-width: 768px) {
  .download-mobile-app .subscribe-form .btn {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media (min-width: 1000px) {
  .download-mobile-app .subscribe-form .btn {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

.download-mobile-app .subscribe-form .personal-agreement {
  display: inline-block;
  vertical-align: top;
}

@media (min-width: 768px) {
  .download-mobile-app .subscribe-form .personal-agreement {
    display: block;
  }
}

.download-mobile-app .subscribe-form .personal-agreement .checkbox-label,
.download-mobile-app .subscribe-form .personal-agreement .checkbox-label + span {
  display: inline-block;
  vertical-align: middle;
}

.download-mobile-app .subscribe-form .personal-agreement .checkbox-label {
  height: 18px;
}

@media (min-width: 768px) {
  .download-mobile-app .subscribe-form .personal-agreement .checkbox-label {
    height: 24px;
  }
}

.download-mobile-app .subscribe-form .personal-agreement .checkbox-label + span {
  font-size: 12px;
  line-height: 18px;
}

@media (min-width: 768px) {
  .download-mobile-app .subscribe-form .personal-agreement .checkbox-label + span {
    line-height: 2;
  }
}

/* PAGINATION */
.pagination {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0 -6px -12px;
  font-size: 0;
  line-height: 0;
  text-align: center;
}

.pagination li {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 6px 12px;
}

.pagination li:before {
  display: none;
}

.pagination a,
.pagination span {
  display: inline-block;
  vertical-align: top;
  padding: 1px 2px 0 2px;
  text-align: center;
  line-height: 27px;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  min-width: 28px;
  border-radius: 4px;
  font-family: inherit;
}

.pagination span {
  color: #333d48;
  background: #f2f3f5;
}

.pagination li.active span {
  font-weight: 700;
  color: #fff;
  background: #55c5de;
}

.pagination a {
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.pagination a, .pagination a:focus {
  color: #333d48;
  background: #f2f3f5;
}

.pagination a:hover, .pagination a:focus:hover {
  color: #333d48;
  background: #e8ebee;
}

.pagination li.active a {
  font-weight: 700;
}

.pagination li.active a, .pagination li.active a:focus {
  color: #fff;
  background: #55c5de;
}

.pagination li.active a:hover, .pagination li.active a:focus:hover {
  color: #fff;
  background: #33aac5;
}

.pagination li.prev a,
.pagination li.next a {
  padding-right: 7px;
  padding-left: 7px;
  min-width: 68px;
  font-size: 12px;
  font-weight: 500;
}

.pagination li.prev a, .pagination li.prev a:focus,
.pagination li.next a,
.pagination li.next a:focus {
  color: #007ea1;
}

.pagination li.prev a:hover, .pagination li.prev a:focus:hover,
.pagination li.next a:hover,
.pagination li.next a:focus:hover {
  color: #006c8a;
}

.pagination li.prev.disabled,
.pagination li.next.disabled {
  display: none;
}

/* NAV TABS */
.nav-tabs,
.nav-tabs-like {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 16px;
  line-height: 1.1875;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .nav-tabs,
  .nav-tabs-like {
    font-size: 18px;
    line-height: 21px;
  }
}

.nav-tabs:before,
.nav-tabs-like:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: #e7f7fb;
}

.nav-tabs li,
.nav-tabs-like li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
  margin: 0 32px 0 0;
}

.nav-tabs li:last-child,
.nav-tabs-like li:last-child {
  margin-right: 0;
}

.nav-tabs li:before,
.nav-tabs-like li:before {
  display: none;
}

.nav-tabs a,
.nav-tabs-like a {
  display: block;
  border-bottom: 4px solid transparent;
  padding: 0 0 4px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .nav-tabs a,
  .nav-tabs-like a {
    padding-bottom: 12px;
  }
}

.nav-tabs a, .nav-tabs a:focus,
.nav-tabs-like a,
.nav-tabs-like a:focus {
  color: #333d48;
  border-color: transparent;
}

.nav-tabs a:hover, .nav-tabs a:focus:hover,
.nav-tabs-like a:hover,
.nav-tabs-like a:focus:hover {
  color: #007ea1;
}

.nav-tabs a.active,
.nav-tabs-like a.active {
  font-weight: 500;
}

.nav-tabs a.active, .nav-tabs a.active:focus,
.nav-tabs-like a.active,
.nav-tabs-like a.active:focus {
  color: #007ea1;
  border-color: #007ea1;
}

.nav-tabs a .info,
.nav-tabs-like a .info {
  color: #b3b6ba;
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
}

@media (min-width: 1000px) {
  .nav-tabs.lg,
  .nav-tabs-like.lg {
    font-size: 24px;
    line-height: 28px;
  }
}

.nav-tabs.lg li,
.nav-tabs-like.lg li {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

@media (min-width: 768px) {
  .nav-tabs.lg li,
  .nav-tabs-like.lg li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .nav-tabs.lg a,
  .nav-tabs-like.lg a {
    padding-bottom: 16px;
  }
}

@media (min-width: 1000px) {
  .nav-tabs.lg a,
  .nav-tabs-like.lg a {
    padding-bottom: 24px;
  }
}

.nav-tabs.scroll-horizontal > .ps__rail-x,
.nav-tabs-like.scroll-horizontal > .ps__rail-x {
  display: block !important;
  position: absolute;
  bottom: 0;
  height: 4px;
  background: #e7f7fb;
}

.nav-tabs.scroll-horizontal > .ps__rail-x > .ps__thumb-x,
.nav-tabs-like.scroll-horizontal > .ps__rail-x > .ps__thumb-x {
  display: none !important;
}

.tab-container {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.tab-container .tab-pane {
  display: none;
}

.tab-container .tab-pane.active {
  display: block;
  -webkit-animation: fadeIn 0.3s;
          animation: fadeIn 0.3s;
}

.nav-tabs + .tab-container,
.nav-tabs-like + .tab-container {
  margin-top: 48px;
}

@media (min-width: 1000px) {
  .nav-tabs + .tab-container,
  .nav-tabs-like + .tab-container {
    margin-top: 56px;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.nav-tab-mobile {
  display: block;
  border-top: 1px solid #d6dbe0;
  padding: 12px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  position: relative;
}

.nav-tab-mobile, .nav-tab-mobile:focus {
  color: #b3b6ba;
}

.nav-tab-mobile:hover, .nav-tab-mobile:focus:hover {
  color: #006c8a;
}

.nav-tab-mobile:before {
  content: "";
  position: absolute;
  right: 0;
  width: 40px;
  height: 100%;
  top: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-gray.svg);
  background-size: 8px auto;
  background-position: center;
  background-repeat: no-repeat;
}

.nav-tab-mobile.active:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-blue.svg);
}

/* CATALOG ITEMS */

.catalog-item {
  background: #fff;
  padding: 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  border: 1px solid #d6dbe0;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s, border-color 0.3s;
  transition: box-shadow 0.3s, border-color 0.3s;
  transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
  border-radius: 4px;
}

@media (min-width: 1000px) {
  .catalog-item {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

.catalog-item:hover {
  z-index: 1;
  -webkit-box-shadow: 0 6px 15px 0 rgba(0, 126, 161, 0.15);
          box-shadow: 0 6px 15px 0 rgba(0, 126, 161, 0.15);
  border-color: #33aac5;
}

.catalog-item__top {
  position: absolute;
  top: 18px;
  left: 16px;
  right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: 0;
  line-height: 0;
}

@media (min-width: 1000px) {
  .catalog-item__top {
    top: 24px;
  }
}

.catalog-item__labels {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
  padding-top: 3px;
}

.catalog-item__labels li {
  padding: 0;
  margin: 0 8px 8px 0;
  display: inline-block;
  vertical-align: top;
}

.catalog-item__labels li:before {
  display: none;
}

.catalog-item__labels li.wide {
  display: block;
}

.catalog-item__labels .colored-label {
  position: relative;
  z-index: 2;
}

.catalog-item__icons {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.catalog-item__icons li {
  padding: 0;
  margin: 0 0 0 12px;
  display: inline-block;
  vertical-align: top;
}

.catalog-item__icons li:before {
  display: none;
}

.catalog-item__icons [class*="btn"] {
  position: relative;
  z-index: 2;
}

.catalog-item__image {
  display: block;
  position: relative;
  padding-top: 23px;
  height: 170px;
  margin-bottom: 7px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (min-width: 1000px) {
  .catalog-item__image {
    padding-top: 46px;
    height: 216px;
  }
}

.catalog-item__image img {
  max-height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.catalog-item__main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.catalog-item__title {
  display: block;
  text-align: center;
  margin-bottom: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.catalog-item__title, .catalog-item__title:focus {
  color: #000d1a;
}

.catalog-item__title:hover, .catalog-item__title:focus:hover {
  color: #006c8a;
}

.catalog-item__title h4 {
  color: inherit;
  margin: 0;
  position: relative;
  z-index: 1;
}

.catalog-item__parts-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.catalog-item__info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.catalog-item__desc {
  font-size: 12px;
  line-height: 1.66667;
  margin-bottom: 4px;
  max-height: 60px;
  padding-bottom: 12px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.catalog-item__desc:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 20px;
  width: 40px;
  background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(right, #fff, rgba(255, 255, 255, 0));
  background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(180deg, #fff, rgba(255, 255, 255, 0));
}

.catalog-item__prod {
  display: block;
  font-size: 12px;
  line-height: 1.66667;
  position: relative;
  z-index: 1;
}

.catalog-item__bottom {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 24px;
}

@media (min-width: 1000px) {
  .catalog-item__bottom {
    margin-top: 32px;
  }
}

.catalog-item__properties {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 10px;
  line-height: 18px;
  margin-right: -5px;
  margin-left: -5px;
}

@media (min-width: 768px) {
  .catalog-item__properties {
    display: none;
  }
}

.catalog-item__properties li {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 5px;
  margin-left: 5px;
  padding: 0;
}

.catalog-item__properties li:before {
  display: none;
}

.catalog-item__properties b {
  display: block;
  margin-bottom: 7px;
  font-weight: 500;
}

.catalog-item__price-block {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.catalog-item__price-block .price,
.catalog-item__price-block .price-old {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  text-transform: uppercase;
  margin: 0 12px 6px 0;
  position: relative;
  z-index: 1;
}

.catalog-item__price-block .price {
  color: #000d1a;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}

@media (min-width: 1000px) {
  .catalog-item__price-block .price {
    font-size: 28px;
    line-height: 33px;
  }
}

.catalog-item__price-block .price.inactive {
  color: #80868d;
}

.catalog-item__price-block .price-old {
  color: #b3b6ba;
  position: relative;
  font-size: 16px;
  line-height: 16px;
  margin-right: 0;
}

@media (min-width: 1000px) {
  .catalog-item__price-block .price-old {
    font-size: 18px;
    line-height: 21px;
  }
}

.catalog-item__price-block .price-old:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  margin-top: -1px;
  background: currentColor;
}

.catalog-item__price-block .last {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
  font-size: 14px;
  line-height: 20px;
}

.catalog-item .catalog-item__basket-control > *,
.catalog-item .catalog-item__basket-control [class*="btn"] {
  width: 100%;
  position: relative;
  z-index: 1;
}

@media (min-width: 1000px) {
  .catalog-item.horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .catalog-item.horizontal .catalog-item__image {
    margin-bottom: 0;
    min-width: 0;
    padding-top: 23px;
    height: 193px;
  }
  .catalog-item.horizontal .catalog-item__main {
    min-width: 0;
  }
  .catalog-item.horizontal .catalog-item__title {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: 16px;
    padding-right: 80px;
  }
  .catalog-item.horizontal .catalog-item__parts-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .catalog-item.horizontal .catalog-item__desc {
    max-height: 64px;
  }
  .catalog-item.horizontal .catalog-item__bottom {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .catalog-item.horizontal .catalog-item__properties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-bottom: 24px;
  }
  .catalog-item.horizontal .catalog-item__price-block,
  .catalog-item.horizontal .catalog-item__basket-control {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .catalog-item__labels li.wide {
    display: inline-block;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .catalog-item.horizontal .catalog-item__labels {
    max-width: calc(25% - 16px);
  }
  .catalog-item.horizontal .catalog-item__image {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(25% - 16px);
            flex: 1 1 calc(25% - 16px);
    width: calc(25% - 16px);
    max-width: calc(25% - 16px);
    margin-right: 16px;
  }
  .catalog-item.horizontal .catalog-item__main {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    width: 75%;
    max-width: 75%;
  }
  .catalog-item.horizontal .catalog-item__info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(45% - 8px);
            flex: 1 1 calc(45% - 8px);
    min-width: 0;
    width: calc(45% - 8px);
    max-width: calc(45% - 8px);
  }
  .catalog-item.horizontal .catalog-item__bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(55% - 8px);
            flex: 1 1 calc(55% - 8px);
    min-width: 0;
    width: calc(55% - 8px);
    max-width: calc(55% - 8px);
  }
}

@media (min-width: 1200px) {
  .catalog-item.horizontal .catalog-item__labels {
    max-width: calc(33.3333% - 30px);
  }
  .catalog-item.horizontal .catalog-item__image {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(33.3333% - 30px);
            flex: 1 1 calc(33.3333% - 30px);
    width: calc(33.3333% - 30px);
    max-width: calc(33.3333% - 30px);
    margin-right: 30px;
  }
  .catalog-item.horizontal .catalog-item__main {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 66.6666%;
            flex: 1 1 66.6666%;
    width: 66.6666%;
    max-width: 66.6666%;
  }
  .catalog-item.horizontal .catalog-item__info,
  .catalog-item.horizontal .catalog-item__bottom {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 15px);
            flex: 1 1 calc(50% - 15px);
    min-width: 0;
    width: calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
}

.catalog-item.small {
  padding: 12px 16px 16px;
}

.catalog-item.small .catalog-item__top {
  top: 12px;
}

.catalog-item.small .catalog-item__labels {
  padding-top: 0;
}

.catalog-item.small .catalog-item__icons li {
  margin-left: 12px;
}

.catalog-item.small .catalog-item__image {
  height: 170px;
  padding-top: 22px;
  margin-bottom: 4px;
}

.catalog-item.small .catalog-item__title h4 {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.catalog-item.small .catalog-item__desc {
  padding-bottom: 0;
  margin-bottom: 0;
  max-height: 40px;
}

.catalog-item.small .price {
  font-size: 24px;
  line-height: 1.17;
}

@media (min-width: 1000px) {
  .catalog-item.small .price {
    font-size: 24px;
    line-height: 28px;
  }
}

.catalog-item.small .price-old {
  font-size: 10px;
  line-height: 12px;
}

@media (min-width: 1000px) {
  .catalog-item.small .price-old {
    font-size: 16px;
    line-height: 18px;
  }
}

.catalog-item.small.horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.catalog-item.small.horizontal .catalog-item__top {
  display: none;
}

.catalog-item.small.horizontal .catalog-item__image {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  padding-top: 0;
  margin-bottom: 0;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  width: 25%;
  max-width: 25%;
  margin-right: 5%;
  height: auto;
}

@media (min-width: 1300px) {
  .catalog-item.small.horizontal .catalog-item__image {
    -ms-flex-preferred-size: 36%;
        flex-basis: 36%;
    width: 36%;
    max-width: 36%;
    margin-right: 5%;
  }
}

.catalog-item.small.horizontal .catalog-item__main {
  padding-top: 0;
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  width: 70%;
  max-width: 70%;
}

@media (min-width: 1300px) {
  .catalog-item.small.horizontal .catalog-item__main {
    -ms-flex-preferred-size: 59%;
        flex-basis: 59%;
    width: 59%;
    max-width: 59%;
  }
}

.catalog-item.small.horizontal .catalog-item__info,
.catalog-item.small.horizontal .catalog-item__bottom {
  width: auto;
  max-width: none;
}

.catalog-item.small.horizontal .catalog-item__bottom {
  margin-top: 18px;
}

.catalog-item.small.horizontal .catalog-item__title {
  display: none;
}

.catalog-item.small.horizontal .catalog-item__desc {
  margin-top: 8px;
  max-height: 60px;
}

.catalog-item.variant .catalog-item__top {
  top: 16px;
}

.catalog-item.variant .catalog-item__left,
.catalog-item.variant .catalog-item__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.catalog-item.variant .catalog-item__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.catalog-item.variant .catalog-item__right {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.catalog-item.variant .catalog-item__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.catalog-item.variant .catalog-item__properties {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: 24px;
}

.catalog-item.variant .catalog-item__title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.catalog-item.variant .catalog-item__info {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.catalog-item.variant .catalog-item__bottom {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.catalog-item.image-only {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  display: block;
  border: 1px solid #f7f8fa;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 4px;
}

.catalog-item.image-only img {
  width: 100%;
}

@media (min-width: 768px) {
  .catalog-item.variant {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 16px 16px 24px;
  }
  .catalog-item.variant .catalog-item__left,
  .catalog-item.variant .catalog-item__right {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    min-width: 0;
    max-width: 50%;
    width: 50%;
    padding-top: 32px;
  }
  .catalog-item.variant .catalog-item__left {
    padding-right: 20px;
  }
  .catalog-item.variant .catalog-item__right {
    padding-left: 20px;
  }
  .catalog-item.variant .catalog-item__image {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-height: 0;
    height: auto;
    padding-top: 0;
    margin-bottom: 24px;
  }
  .catalog-item.variant .catalog-item__properties {
    margin-bottom: 0;
  }
  .catalog-item.variant .catalog-item__title {
    margin-bottom: 12px;
  }
  .catalog-item.variant .catalog-item__desc {
    padding-bottom: 0;
    max-height: 60px;
    margin-bottom: 16px;
  }
  .catalog-item.variant .catalog-item__bottom {
    margin-top: 22px;
  }
}

/* ACTION ITEMS */
.action-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  background: #f2f3f5;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  padding: 16px;
  font-weight: 400;
}

.action-item .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: auto;
  margin: -16px;
  width: calc(100% + 32px);
  max-width: none;
}
.product-actions .action-item .image
{
    margin: 0 0 15px 0;
    width: 100%;
}
.action-item .image[data-lazy-src]:not(.lazy-loaded), .action-item .image.lazyload[src*="loader.svg"] {
  position: relative;
  top: 50%;
  left: 50%;
}

.action-item .date {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 13px;
  line-height: 15px;
  color: #b3b6ba;
  margin-top: 32px;
  margin-bottom: 8px;
}

.action-item .title {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  color: #000d1a;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0;
}

@media (min-width: 1000px) {
  .action-item .title {
    font-size: 18px;
    line-height: 26px;
  }
}

.action-item .discount {
  position: relative;
  padding-left: 24px;
  font-size: 14px;
  line-height: 16px;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-top: 8px;
}

.action-item .discount .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  fill: #ff3a44;
}

.action-item, .action-item:focus {
  color: inherit;
}

.action-item:hover .title, .action-item:focus:hover .title {
  color: #006c8a;
}

.action-item.category, .action-item.category:focus {
  color: #000d1a;
}

.action-item.category:hover, .action-item.category:focus:hover {
  color: #006c8a;
}

.action-item.category .image-block {
  height: 180px;
  margin: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 20px;
}

.action-item.category .title-block {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #fff;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 12px;
}

.action-item.category .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  width: 60px;
  height: auto;
  padding: 5px;
  margin: 0 16px 0 0;
  min-height: 60px;
}

.action-item.category .image img {
  position: relative;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 50px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.action-item.category .title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  font-size: 24px;
  line-height: 1.16667;
  color: #000d1a;
  font-weight: 500;
}

@media (min-width: 1000px) and (max-width: 1299.98px) {
  .action-item.category .title {
    font-size: 20px;
  }
}

@media (min-width: 560px) and (max-width: 767.98px) {
  .action-item.category .title {
    font-size: 18px;
  }
}

.action-item.category .text {
  margin: 0;
  font-size: 14px;
  color: inherit;
}

@media (min-width: 1000px) {
  .action-item.category .text {
    font-size: 18px;
  }
}

.action-item.category .image-block + .text,
.action-item.category .image-block + .date {
  margin-top: 32px;
}

.action-item.category.theme-blue .image-block,
.action-item.category.theme-blue .image {
  background: #33aac5;
}

.action-item.category.theme-blue .title-block {
  -webkit-box-shadow: -6px -6px 15px #79E7FF, 6px 6px 15px #3FAAC1;
          box-shadow: -6px -6px 15px #79E7FF, 6px 6px 15px #3FAAC1;
}

.action-item.category.theme-orange .image-block,
.action-item.category.theme-orange .image {
  background: #ffa903;
}

.action-item.category.theme-orange .title-block {
  -webkit-box-shadow: -6px -6px 15px #FFB72C, 6px 6px 15px #D98F00;
          box-shadow: -6px -6px 15px #FFB72C, 6px 6px 15px #D98F00;
}

.action-item.category.theme-red .image-block,
.action-item.category.theme-red .image {
  background: #ff3a44;
}

.action-item.category.theme-red .title-block {
  -webkit-box-shadow: -6px -6px 15px #FF7C83, 6px 6px 15px #D74249;
          box-shadow: -6px -6px 15px #FF7C83, 6px 6px 15px #D74249;
}

.action-item.category.theme-blue-light .image-block,
.action-item.category.theme-blue-light .image {
  background: #47d1cc;
}

.action-item.category.theme-blue-light .title-block {
  -webkit-box-shadow: -6px -6px 15px #59ECE7, 6px 6px 15px #3EBCB7;
          box-shadow: -6px -6px 15px #59ECE7, 6px 6px 15px #3EBCB7;
}

.align-items-height .action-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

/* REVIEW ITEM */
.review {
  position: relative;
}

@media (min-width: 1000px) {
  .review {
    padding-left: 56px;
  }
}

.review_photo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #d6dbe0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  overflow: hidden;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

.review_name {
  margin-left: 56px;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 8px;
  display: block;
  font-weight: 700;
}

@media (min-width: 768px) {
  .review_name {
    margin-bottom: 12px;
  }
}

@media (min-width: 1000px) {
  .review_name {
    margin-left: 0;
  }
}

.review .rating {
  margin-left: 56px;
}

@media (min-width: 768px) {
  .review .rating .icon {
    width: 18px;
    height: 18px;
  }
}

@media (min-width: 1000px) {
  .review .rating {
    margin-left: 0;
  }
}

.review_text {
  margin-top: 16px;
}

.review_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 12px;
  font-size: 12px;
  line-height: 22px;
}

@media (min-width: 768px) {
  .review_bottom {
    font-size: 14px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .review_bottom {
    margin-top: 12px;
  }
}

@media (min-width: 1000px) {
  .review_bottom {
    margin-top: 16px;
  }
}

.review_date {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: 500;
  margin-right: 24px;
}

.review_rating {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.review_rating_title {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 8px;
  color: #b3b6ba;
}

.review_rating_item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 16px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  padding-left: 24px;
}

.review_rating_item, .review_rating_item:focus {
  color: inherit;
}

.review_rating_item .icon {
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 16px;
  height: 16px;
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}

.review_rating_item.like .icon, .review_rating_item.like:focus .icon {
  fill: #33aac5;
}

.review_rating_item.like:hover .icon, .review_rating_item.like:focus:hover .icon {
  fill: #006c8a;
}

.review_rating_item.dislike .icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  bottom: 2px;
}

.review_rating_item.dislike .icon, .review_rating_item.dislike:focus .icon {
  fill: #d6dbe0;
}

.review_rating_item.dislike:hover .icon, .review_rating_item.dislike:focus:hover .icon {
  fill: #006c8a;
}

/* RATING */
.rating {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

.rating-default {
  display: block;
}

.rating-default .icon {
  fill: #d6dbe0;
}

.rating-calculated {
  position: absolute;
  top: 0;
  left: 0;
}

.rating-calculated .icon {
  fill: #ffa903;
}

.rating-default, .rating-calculated {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: hidden;
}

.rating-default > *, .rating-calculated > * {
  margin: 0 2px !important;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: block;
}

.rating-default .icon, .rating-calculated .icon {
  width: 16px;
  height: 16px;
  margin: 0 2px;
  display: block;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .rating-default .icon, .rating-calculated .icon {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 1000px) {
  .rating-default .icon, .rating-calculated .icon {
    width: 24px;
    height: 24px;
  }
}

.rating.interactive label {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  cursor: pointer;
}

.rating.interactive .icon {
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}

.rating.interactive label .icon {
  fill: #ffa903;
}

.rating.interactive input:indeterminate + label .icon {
  fill: #d6dbe0;
}

.rating.interactive input:checked ~ label .icon {
  fill: #d6dbe0;
}

.rating.interactive input:checked + label .icon {
  fill: #ffa903;
}

/* BRAND ITEM */
.brand-item {
  border-radius: 4px;
  border: 1px solid #d6dbe0;
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
}

.brand-item, .brand-item:focus {
  color: inherit;
  border-color: #d6dbe0;
}

.brand-item:hover, .brand-item:focus:hover {
  color: inherit;
  -webkit-box-shadow: 0 6px 15px 0 rgba(0, 126, 161, 0.15);
          box-shadow: 0 6px 15px 0 rgba(0, 126, 161, 0.15);
  border-color: #33aac5;
}

@media (min-width: 1000px) {
  .brand-item {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.brand-item_image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 50px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

.brand-item_image img {
  max-height: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.brand-item_text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  padding-left: 16px;
}

.brand-item_text span {
  display: block;
}

.brand-item_text .title {
  font-size: 12px;
  line-height: 1.16667;
}

@media (min-width: 768px) {
  .brand-item_text .title {
    font-size: 16px;
  }
}

.brand-item_text .info {
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.2;
  color: #b3b6ba;
}

@media (min-width: 768px) {
  .brand-item_text .info {
    font-size: 13px;
  }
}

/* ICON ITEM (blue icon with text) */
.icons-item {
  display: block;
  position: relative;
  padding-left: 100px;
  margin-bottom: 30px;
}

.icons-item img {
  position: absolute;
  top: 3px;
  left: 50px;
  max-width: 50px;
  max-height: 50px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.icons-item .title {
  display: block;
  font-weight: 700;
  color: #000d1a;
  margin-bottom: 4px;
}

.icons-item .text {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .icons-item img {
    left: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    max-width: 80px;
    max-height: 60px;
  }
  .icons-item .title {
    margin-bottom: 8px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .icons-item .title {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 1000px) {
  .icons-item .title {
    font-size: 18px;
    line-height: 22px;
  }
}

/* ORDER ITEM */
.order-item {
  background: #fff;
  border: 1px solid #d6dbe0;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .order-item {
    border-radius: 7px;
  }
}

.order-item-head {
  padding: 16px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .order-item-head {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media (min-width: 1000px) {
  .order-item-head {
    padding: 32px 24px 24px;
  }
}

.order-item-head ul {
  margin: 0 0 -24px;
  padding: 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .order-item-head ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-right: -16px;
    margin-left: -16px;
  }
}

@media (min-width: 1000px) {
  .order-item-head ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.order-item-head ul li {
  margin: 0 0 24px;
  padding: 0;
}

@media (min-width: 768px) {
  .order-item-head ul li {
    padding-right: 16px;
    padding-left: 16px;
    min-width: 0;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .order-item-head ul li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    width: 50%;
    max-width: 50%;
  }
}

@media (min-width: 1000px) {
  .order-item-head ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .order-item-head ul li.address {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

.order-item-head ul li:before {
  display: none;
}

.order-item-head strong {
  display: block;
  font-size: 16px;
  color: #000d1a;
  font-weight: 500;
  margin-bottom: 8px;
}

@media (min-width: 1000px) {
  .order-item-head strong {
    font-size: 18px;
  }
}

.order-item-head span {
  display: block;
}

@media (min-width: 768px) {
  .order-item-head span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
  }
}

.order-item-body {
  border-top: 1px solid #d6dbe0;
}

.order-item-catalog {
  border-spacing: 0;
  border-collapse: separate;
  border: 0;
  padding: 16px 12px;
  width: 100%;
  max-width: 100%;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .order-item-catalog {
    padding: 16px 16px 24px;
  }
}

@media (min-width: 1000px) {
  .order-item-catalog {
    padding: 24px 28px;
  }
}

.order-item-catalog td {
  padding: 16px 4px;
  vertical-align: top;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .order-item-catalog td {
    padding: 8px 16px;
  }
}

@media (min-width: 768px) {
  .order-item-catalog td {
    vertical-align: middle;
  }
}

@media (min-width: 1000px) {
  .order-item-catalog td {
    padding: 8px 20px;
  }
}

.order-item-catalog a {
  display: block;
}

.order-item-catalog img {
  max-width: 48px;
  max-height: 48px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .order-item-catalog img {
    max-width: 60px;
    max-height: 60px;
  }
}

@media (min-width: 768px) {
  .order-item-catalog .price-mobile {
    display: none;
  }
}

.order-item-catalog .price-mobile span {
  display: block;
  white-space: nowrap;
}

.order-item-catalog .price-desktop {
  display: none;
}

@media (min-width: 768px) {
  .order-item-catalog .price-desktop {
    display: table-cell;
    white-space: nowrap;
  }
}

.order-item-bottom {
  background: #e7f7fb;
  color: #000d1a;
  font-weight: 500;
  padding: 16px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .order-item-bottom {
    padding-left: 50%;
    padding-right: 32px;
  }
}

@media (min-width: 1000px) {
  .order-item-bottom {
    padding-left: 48px;
    padding-right: 48px;
  }
}

.order-item-bottom ul {
  margin: 0 -8px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.order-item-bottom ul li {
  margin: 0 8px;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
}

.order-item-bottom ul li:before {
  display: none;
}

.order-item-bottom .order-item-print {
  display: none;
}

@media (min-width: 1000px) {
  .order-item-bottom .order-item-print {
    display: block;
    margin-right: 15%;
  }
  .order-item-bottom .order-item-print .btn {
    padding: 0;
    border: 0;
    font-weight: 400;
  }
  .order-item-bottom .order-item-print .btn .icon {
    -webkit-transition: fill 0.3s;
    -o-transition: fill 0.3s;
    transition: fill 0.3s;
  }
  .order-item-bottom .order-item-print .btn, .order-item-bottom .order-item-print .btn:focus {
    background: transparent;
    color: inherit;
  }
  .order-item-bottom .order-item-print .btn .icon, .order-item-bottom .order-item-print .btn:focus .icon {
    fill: #007ea1;
  }
  .order-item-bottom .order-item-print .btn:hover, .order-item-bottom .order-item-print .btn:focus:hover {
    background: transparent;
    color: #006c8a;
  }
  .order-item-bottom .order-item-print .btn:hover .icon, .order-item-bottom .order-item-print .btn:focus:hover .icon {
    fill: #006c8a;
  }
}

.order-item.archive .order-item-head {
  position: relative;
  padding-right: 48px;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .order-item.archive .order-item-head {
    padding-right: 52px;
  }
}

@media (min-width: 1200px) {
  .order-item.archive .order-item-head {
    padding-right: 70px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .order-item.archive .order-item-head ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .order-item.archive .order-item-head ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .order-item.archive .order-item-head ul li.address {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
}

.order-item.archive .order-item-head ul li.button {
  -ms-flex-item-align: center;
      align-self: center;
}

.order-item-toggler {
  display: none;
}

.order-item.archive .order-item-toggler {
  display: block;
  position: absolute;
  right: 16px;
  bottom: 25px;
  width: 16px;
  height: 16px;
  -webkit-transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s;
  -o-transition: color 0.3s, transform 0.3s;
  transition: color 0.3s, transform 0.3s;
  transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.order-item.archive .order-item-toggler, .order-item.archive .order-item-toggler:focus {
  color: #80868d;
}

.order-item.archive .order-item-toggler:hover, .order-item.archive .order-item-toggler:focus:hover {
  color: #000d1a;
}

.order-item.archive .order-item-toggler.active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .order-item.archive .order-item-toggler {
    top: 32px;
    width: 20px;
    bottom: auto;
  }
}

@media (min-width: 1200px) {
  .order-item.archive .order-item-toggler {
    bottom: 50%;
    right: 24px;
    margin-bottom: -8px;
    width: 22px;
  }
}

.order-item.archive .order-item-toggler .icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

/* PERSON ITEM */
.person-item {
  display: block;
}

.person-item__image {
  display: block;
  margin: 0 0 16px;
  padding: 0 0 5px;
  position: relative;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .person-item__image {
    padding-bottom: 7px;
  }
}

@media (min-width: 1200px) {
  .person-item__image {
    padding-bottom: 10px;
  }
}

.person-item__image:last-child {
  margin-bottom: 0;
}

.person-item__image:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border: 5px solid #33aac5;
  height: 150px;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .person-item__image:before {
    border-width: 7px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .person-item__image:before {
    height: 160px;
  }
}

@media (min-width: 1200px) {
  .person-item__image:before {
    border-width: 10px;
  }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {
  .person-item__image:before {
    height: 210px;
  }
}

@media (min-width: 1300px) {
  .person-item__image:before {
    height: 240px;
  }
}

.person-item__image img {
  margin: 0 auto;
  position: relative;
  z-index: 1;
  width: 100%;
}

.person-item__info {
  margin: 0;
}

.person-item__name {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #000d1a;
  margin: 0 0 8px;
}

.person-item__name:last-child {
  margin-bottom: 0;
}

/* PAGES STYLES*/
.common-page .objects-list {
  margin: 0 -30px -15px 0;
}

.common-page .objects-list > *:not(br) {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px 15px 0;
}

.common-page .objects-list > li {
  padding: 0;
}

.common-page .objects-list > li:before {
  display: none;
}

/* MAIN PAGE */
@media (min-width: 1000px) {
  .main-page {
    margin-top: -16px;
  }
}

.main-page .section-title {
  font-weight: 700;
  margin-bottom: 24px;
}

.main-page .arrow-nav {
  margin-bottom: 16px;
}

.main-page .xs-more {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .main-page .xs-more {
    display: none;
  }
}

.main-top {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .main-top {
    margin-bottom: 48px;
  }
}

@media (min-width: 1000px) {
  .main-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.main-top-slider {
  position: relative;
  height: 182px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .main-top-slider {
    height: 250px;
  }
}

@media (min-width: 1000px) {
  .main-top-slider {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 75%;
    height: auto;
    min-height: 200px;
    padding-right: 16px;
    width: auto;
    left: 0;
    margin-left: 0;
  }
}

.main-top-slider .swiper-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
  width: 100%;
}

.main-top-slider .swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 1000px) {
  .main-top-slider .swiper-slide {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
  }
}

.main-top-slider .swiper-pagination {
  position: absolute;
  right: 4px;
  left: 4px;
  bottom: 16px;
  z-index: 1;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .main-top-slider .swiper-pagination {
    bottom: 20px;
  }
}

@media (min-width: 1000px) {
  .main-top-slider .swiper-pagination {
    bottom: 30px;
  }
}

.main-top-slider .arrow-nav {
  display: none;
}

@media (min-width: 768px) {
  .main-top-slider .arrow-nav {
    display: block;
  }
  .main-top-slider .arrow-nav-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    width: 48px;
    opacity: 0.6;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    margin: 0;
  }
  .main-top-slider .arrow-nav-btn, .main-top-slider .arrow-nav-btn:focus {
    background: transparent;
  }
  .main-top-slider .arrow-nav-btn:hover, .main-top-slider .arrow-nav-btn:focus:hover {
    background: transparent;
    opacity: 1;
  }
  .main-top-slider .arrow-nav-btn[class*="disabled"] {
    background: transparent !important;
    opacity: 0.1 !important;
  }
  .main-top-slider .arrow-nav-btn.prev {
    left: 0;
    right: auto;
  }
  .main-top-slider .arrow-nav-btn.next {
    right: 0;
    left: auto;
  }
  .main-top-slider .arrow-nav-btn .icon {
    width: 26px;
    height: 14px;
    left: 50%;
    top: 50%;
    margin-top: -7px;
    margin-left: -13px;
    position: absolute;
  }
}

@media (min-width: 1000px) {
  .main-top-slider .arrow-nav-btn.next {
    right: 16px;
  }
}

.main-top-action {
  display: none;
}

@media (min-width: 1000px) {
  .main-top-action {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    width: 25%;
    max-width: 25%;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
  }
  .main-top-action img[data-lazy-src]:not(.lazy-loaded),
  .main-top-action img.lazyload[src*="loader.svg"] {
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.main-icons-list {
  display: none;
}

@media (min-width: 768px) {
  .main-icons-list {
    display: block;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .main-icons-list .icons-item {
    margin-bottom: 36px;
  }
}

.main-icons-list .section-title {
  text-align: center;
}

.main-catalog .tags-list {
  margin-bottom: 0;
}

@media (max-width: 559.98px) {
  .main-catalog .tab-container {
    overflow: visible;
  }
}

.main-catalog-slider {
  position: relative;
  overflow: hidden;
  margin-bottom: 48px;
}

@media (max-width: 559.98px) {
  .main-catalog-slider {
    overflow: visible;
  }
}

.main-catalog .btn-more {
  display: block;
  width: 100%;
  margin: 24px 0 0;
}

@media (min-width: 1000px) {
  .main-catalog .btn-more {
    display: none;
  }
}

@media (max-width: 999.98px) {
  .main-catalog .swiper-container {
    padding: 0 1px 1px 0;
  }
}

@media (max-width: 559.98px) {
  .main-catalog .swiper-container {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media (max-width: 999.98px) {
  .main-catalog .catalog-item {
    border-radius: 0;
    -ms-flex-preferred-size: calc(100% + 1px);
        flex-basis: calc(100% + 1px);
    width: calc(100% + 1px);
    max-width: calc(100% + 1px);
    margin: 0 -1px -1px 0;
  }
}

@media (max-width: 559.98px) {
  .main-catalog .catalog-item {
    border-right: 0;
    border-left: 0;
  }
}

@media (max-width: 767.98px) {
  .main-catalog-slider.swiper-destroyed .swiper-slide {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .main-catalog-slider.swiper-destroyed .swiper-slide {
    width: 33.33333%;
  }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {
  .main-catalog-slider.swiper-destroyed .swiper-slide {
    width: 25%;
  }
}

@media (min-width: 1300px) {
  .main-catalog-slider.swiper-destroyed .swiper-slide {
    width: 20%;
  }
}

@media (min-width: 1000px) {
  .main-catalog-slider.swiper-destroyed .swiper-container {
    margin: 0 -8px -16px;
  }
  .main-catalog-slider.swiper-destroyed .swiper-slide {
    padding-left: 8px;
    padding-right: 8px;
  }
  .main-catalog-slider.swiper-destroyed .catalog-item {
    margin-bottom: 16px;
  }
}

@media (max-width: 767.98px) {
  .main-catalog-slider .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: auto;
    max-width: none;
  }
}

@media (min-width: 768px) {
  .main-catalog a[data-init-swiper],
  .main-catalog a[data-destroy-swiper] {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .main-catalog a[data-init-swiper] {
    display: none;
  }
  .main-catalog .arrow-nav {
    display: none;
  }
}

.main-actions-list {
  margin-bottom: 32px;
}

@media (max-width: 999.98px) {
  .main-actions-list [class^="col-"]:nth-child(n+4) {
    /*display: none;*/
  }
}

@media (min-width: 1000px) {
  .main-actions-list {
    margin-bottom: 48px;
  }
}

.main-actions-list .action-item {
  margin-bottom: 16px;
}

.main-actions-list .action-item .date,
.main-actions-list .action-item .title,
.main-actions-list .action-item .discount {
  display: none;
}

@media (min-width: 768px) {
  .main-actions-list .action-item .date,
  .main-actions-list .action-item .title,
  .main-actions-list .action-item .discount {
    display: block;
  }
}

.main-actions-list .xs-more {
  margin-top: 8px;
}

.main-category {
  margin-bottom: 40px;
}

.main-category-items-wrapper {
  position: relative;
  padding: 16px 0;
}

@media (min-width: 768px) {
  .main-category-items-wrapper {
    padding: 32px 0;
  }
}

@media (min-width: 1000px) {
  .main-category-items-wrapper {
    padding-left: 45px;
    padding-right: 45px;
  }
}

.main-category-items-wrapper:before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  background: #007ea1;
  content: "";
}

@media (min-width: 1000px) {
  .main-category-items-wrapper:before {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
}

.main-category ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
}

.main-category li {
  padding: 0 8px 0 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
}

@media (min-width: 768px) {
  .main-category li {
    padding-right: 32px;
  }
}

.main-category li:last-of-type {
  padding-right: 0;
}

.main-category li:before {
  display: none;
}

.main-category a {
  display: block;
}

.main-category img {
  max-width: none;
  height: 102px;
}

@media (min-width: 768px) {
  .main-category img {
    height: 185px;
  }
}

.main-category .xs-more {
  margin-top: 24px;
}

.main-rating-block {
  margin-bottom: 48px;
}

.main-reviews-block {
  margin-bottom: 48px;
}

.main-reviews-block .arrow-more {
  display: none;
}

@media (min-width: 768px) {
  .main-reviews-block .arrow-more {
    display: inline-block;
    vertical-align: top;
    margin-top: 16px;
    font-size: 14px;
  }
}

@media (min-width: 1000px) {
  .main-reviews-block .arrow-more {
    margin-left: 56px;
  }
}

.main-reviews-block .xs-more {
  width: 100%;
  margin-top: 32px;
}

.main-reviews-block .review + .review {
  margin-top: 32px;
}

.main-brands {
  margin-bottom: 48px;
}

.main-brands .tags-list {
  margin-bottom: 0;
}

.main-brands .arrow-nav {
  margin-bottom: 16px;
}

@media (max-width: 767.98px) {
  .main-brands .swiper-slide {
    width: 200px !important;
  }
}

.main-brands .xs-more {
  margin-top: 24px;
}

.main-brands .brand-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.main-brands-slider.swiper-destroyed .swiper-wrapper {
  margin: 0 -4px -8px;
}

.main-brands-slider.swiper-destroyed .swiper-slide {
  padding: 0 4px;
  margin-bottom: 8px;
}

@media (max-width: 559.98px) {
  .main-brands-slider.swiper-destroyed .swiper-slide {
    width: 50% !important;
  }
}

@media (min-width: 560px) and (max-width: 767.98px) {
  .main-brands-slider.swiper-destroyed .swiper-slide {
    width: 33.3333% !important;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .main-brands-slider.swiper-destroyed .swiper-slide {
    width: 25% !important;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .main-brands-slider.swiper-destroyed .swiper-slide {
    width: 20% !important;
  }
}

@media (min-width: 1200px) {
  .main-brands-slider.swiper-destroyed .swiper-slide {
    width: 16.66667% !important;
  }
}

@media (max-width: 767.98px) {
  .main-brands-slider .swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: auto;
    max-width: none;
    margin: 0 -4px -8px;
  }
  .main-brands-slider .swiper-slide {
    padding: 0 4px;
    margin-bottom: 8px;
  }
}

@media (max-width: 767.98px) and (max-width: 559.98px) {
  .main-brands-slider .swiper-slide {
    width: 50% !important;
  }
}

@media (max-width: 767.98px) and (min-width: 560px) and (max-width: 767.98px) {
  .main-brands-slider .swiper-slide {
    width: 33.3333% !important;
  }
}

@media (max-width: 767.98px) and (min-width: 768px) and (max-width: 999.98px) {
  .main-brands-slider .swiper-slide {
    width: 25% !important;
  }
}

@media (max-width: 767.98px) and (min-width: 1000px) and (max-width: 1199.98px) {
  .main-brands-slider .swiper-slide {
    width: 20% !important;
  }
}

@media (max-width: 767.98px) and (min-width: 1200px) {
  .main-brands-slider .swiper-slide {
    width: 16.66667% !important;
  }
}

@media (min-width: 768px) {
  .main-brands a[data-init-swiper],
  .main-brands a[data-destroy-swiper] {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .main-brands a[data-init-swiper] {
    display: none;
  }
  .main-brands .arrow-nav {
    display: none;
  }
}

.main-info {
  margin-bottom: 48px;
}

.main-info .section-title {
  margin-bottom: 24px;
}

.main-info .section-subtitle {
  margin-bottom: 16px;
}

.main-info .text p:last-child {
  margin-bottom: 0;
}

.main-info .arrow-more {
  margin-top: 16px;
  font-size: 14px;
}

.main-alphabet .pagination {
  text-align: left;
}

@media (min-width: 1000px) {
  .main-alphabet .pagination {
    margin-bottom: -6px;
  }
}

.main-alphabet .pagination a,
.main-alphabet .pagination span {
  font-size: 16px;
}

@media (min-width: 1000px) {
  .main-alphabet .pagination a,
  .main-alphabet .pagination span {
    padding: 1px 5px 0;
    line-height: 35px;
    min-width: 36px;
  }
}

@media (min-width: 1000px) {
  .main-alphabet .pagination li {
    margin-bottom: 6px;
  }
}

.main-alphabet .pagination li:not(.active) a,
.main-alphabet .pagination li:not(.active) span {
  background: transparent;
  font-weight: 400;
  min-width: 0;
}

.main-alphabet .pagination li:not(.active) a:hover, .main-alphabet .pagination li:not(.active) a:focus:hover {
  color: #006c8a;
}

.custom-yandex-widget {
  background: #fff;
  padding: 16px;
  border: 1px solid #d6dbe0;
  border-radius: 4px;
  text-align: left;
}

@media (min-width: 768px) {
  .custom-yandex-widget {
    text-align: center;
    padding-bottom: 24px;
    width: 240px;
    max-width: 240px;
  }
}

.custom-yandex-widget .title {
  display: block;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 16px;
  text-align: inherit;
}

@media (min-width: 768px) {
  .custom-yandex-widget .title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    padding: 0 10%;
  }
}

.custom-yandex-widget .rating {
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .custom-yandex-widget .rating {
    margin-bottom: 8px;
  }
  .custom-yandex-widget .rating .icon {
    width: 24px;
    height: 24px;
  }
}

.custom-yandex-widget .widget-row {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (min-width: 768px) {
  .custom-yandex-widget .widget-row {
    display: block;
    margin-bottom: 16px;
  }
}

.custom-yandex-widget .digit {
  font-size: 42px;
  line-height: 50px;
  color: #000d1a;
  font-weight: 700;
  margin-right: 24px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (min-width: 768px) {
  .custom-yandex-widget .digit {
    display: block;
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .custom-yandex-widget .digit {
    font-size: 56px;
    line-height: 66px;
  }
}

@media (min-width: 1200px) {
  .custom-yandex-widget .digit {
    font-size: 60px;
    line-height: 70px;
  }
}

.custom-yandex-widget .based-on {
  font-size: 14px;
  line-height: 22px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}

@media (min-width: 768px) {
  .custom-yandex-widget .based-on {
    display: block;
    font-size: 12px;
    line-height: 20px;
  }
}

@media (min-width: 768px) {
  .custom-yandex-widget .btn {
    display: block;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .main-rating-block .section-title {
    text-align: center;
  }
}

/* AUTHORIZATION PAGE */
/*.authorization-page {
  margin-bottom: 64px;
}

@media (min-width: 1000px) {
  .authorization-page {
    margin-bottom: 72px;
  }
}

.authorization-page .nav-tabs {
  padding-top: 8px;
}

@media (min-width: 768px) {
  .authorization-page .nav-tabs a {
    padding-right: 20px;
    min-width: 100px;
  }
}

@media (min-width: 1000px) {
  .authorization-page .nav-tabs a {
    min-width: 140px;
  }
}

@media (max-width: 767.98px) {
  .authorization-page .nav-tabs li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    width: 50%;
    min-width: 0;
    max-width: 50%;
  }
}

.authorization-page .form-group {
  margin-bottom: 33px;
}

.authorization-page .buttons-line {
  margin-top: 48px;
}

@media (min-width: 1000px) {
  .authorization-page .buttons-line {
    margin-top: 56px;
  }
}

.authorization-page .personal-agreement .checkbox-label + span {
  line-height: 18px;
}

@media (min-width: 768px) {
  .authorization-page .personal-agreement .checkbox-label + span {
    line-height: 24px;
  }
}
*/
/* CATALOG PAGE */

.catalog-page .btn-catalog-more {
  display: block;
  width: 100%;
  margin-top: 24px;
}

.catalog-page .pagination {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .catalog-page .pagination {
    margin-top: 24px;
  }
}

.catalog-page-desc {
  font-size: 14px;
  line-height: 22px;
  margin-top: 48px;
}

@media (min-width: 1000px) {
  .catalog-page-desc {
    margin-top: 56px;
  }
}

.catalog-page-desc p:last-child {
  margin-bottom: 0;
}

.catalog-page .catalog-slider + .catalog-slider {
  margin-top: -24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .catalog-page .catalog-slider + .catalog-slider {
    margin-top: -32px;
  }
}

@media (min-width: 1000px) {
  .catalog-page .catalog-slider + .catalog-slider {
    margin-top: -40px;
  }
}

@media (max-width: 767.98px) {
  .catalog-page .catalog-slider + .catalog-slider {
    margin-top: -8px;
  }
}

.catalog-page .catalog-collapse-info {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .catalog-page .catalog-collapse-info {
    margin-bottom: 40px;
  }
}

.catalog-page .catalog-collapse-info .toggler {
  position: relative;
  padding-right: 30px;
  display: inline-block;
  vertical-align: middle;
}

.catalog-page .catalog-collapse-info .toggler:before {
  content: "";
  width: 30px;
  height: 100%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  background-color: transparent;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-blue.svg);
  background-position: center;
  background-size: 9px auto;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.catalog-page .catalog-collapse-info .toggler.active:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.catalog-page .catalog-collapse-info .content {
  margin-top: 16px;
  padding-left: 8px;
}

@media (min-width: 768px) {
  .catalog-page .catalog-collapse-info .content {
    padding-left: 24px;
  }
}

@media (max-width: 767.98px) {
  .day-product .swiper-title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.catalog-slider {
  margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .catalog-slider {
    margin-bottom: 48px;
  }
}

@media (min-width: 1000px) {
  .catalog-slider {
    margin-bottom: 56px;
  }
}

.catalog-slider .swiper-title-block [class*="title"] {
  margin-bottom: 16px;
}

.catalog-slider .arrow-nav {
  margin-bottom: 16px;
}

.catalog-slider .swiper-slide {
  position: relative;
}

@media (max-width: 999.98px) {
  .catalog-slider .swiper-container {
    padding: 0 1px 1px 0;
  }
}

@media (max-width: 559.98px) {
  .catalog-slider .swiper-container {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media (max-width: 999.98px) {
  .catalog-slider .catalog-item {
    border-radius: 0;
    -ms-flex-preferred-size: calc(100% + 1px);
        flex-basis: calc(100% + 1px);
    width: calc(100% + 1px);
    max-width: calc(100% + 1px);
    margin: 0 -1px -1px 0;
  }
}

@media (max-width: 559.98px) {
  .catalog-slider .catalog-item {
    border-right: 0;
    border-left: 0;
  }
}

.catalog-slider .btn-more {
  width: 100%;
  display: block;
  margin-top: 24px;
}

@media (min-width: 1000px) {
  .catalog-slider .btn-more {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .catalog-slider.vertical.swiper-destroyed .swiper-slide {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .catalog-slider.vertical.swiper-destroyed .swiper-slide {
    width: 33.33333%;
  }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {
  .catalog-slider.vertical.swiper-destroyed .swiper-slide {
    width: 25%;
  }
}

@media (min-width: 1300px) {
  .catalog-slider.vertical.swiper-destroyed .swiper-slide {
    width: 20%;
  }
}

@media (min-width: 1000px) {
  .catalog-slider.vertical.swiper-destroyed .swiper-container {
    margin: 0 -8px -16px;
  }
  .catalog-slider.vertical.swiper-destroyed .swiper-slide {
    padding-left: 8px;
    padding-right: 8px;
  }
  .catalog-slider.vertical.swiper-destroyed .catalog-item {
    margin-bottom: 16px;
  }
}

@media (max-width: 767.98px) {
  .catalog-slider.vertical .swiper-slide {
    width: 100% !important;
  }
  .catalog-slider.vertical .swiper-wrapper {
    margin-left: 0;
    margin-right: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: auto;
    max-width: none;
  }
  .catalog-slider.vertical.brand-slider .swiper-wrapper {
    margin-bottom: -24px;
  }
  .catalog-slider.vertical.brand-slider .swiper-container {
    margin-left: 0;
    margin-right: 0;
  }
  .catalog-slider.vertical .swiper-container {
    padding: 0 1px 1px 0;
  }
  .catalog-slider.vertical .catalog-item {
    margin: 0 -1px -1px 0;
  }
  .catalog-slider.vertical .catalog-item.image-only {
    margin-bottom: 24px;
  }
}

@media (max-width: 767.98px) {
  .catalog-slider.horizontal.swiper-destroyed .swiper-slide {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .catalog-slider.horizontal.swiper-destroyed .swiper-slide {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .catalog-slider.horizontal.swiper-destroyed .swiper-slide {
    width: 33.33333%;
  }
}

@media (min-width: 1000px) {
  .catalog-slider.horizontal.swiper-destroyed .swiper-container {
    margin: 0 -4px -8px;
  }
  .catalog-slider.horizontal.swiper-destroyed .swiper-slide {
    padding-left: 4px;
    padding-right: 4px;
  }
  .catalog-slider.horizontal.swiper-destroyed .catalog-item {
    margin-bottom: 8px;
  }
}

.catalog-slider.horizontal.swiper-destroyed .swiper-wrapper {
  margin-left: -4px;
  margin-right: -4px;
}

@media (max-width: 999.98px) {
  .catalog-slider.horizontal.swiper-destroyed .swiper-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 999.98px) {
  .catalog-slider.horizontal.swiper-destroyed .swiper-container {
    padding: 0 1px 1px 0;
  }
}

.catalog-slider.horizontal.swiper-destroyed .catalog-item {
  margin-bottom: 8px;
}

@media (max-width: 999.98px) {
  .catalog-slider.horizontal.swiper-destroyed .catalog-item {
    margin: 0 -1px -1px 0;
  }
}

.catalog-slider.horizontal.swiper-destroyed .catalog-item.image-only {
  margin-bottom: 24px;
}

.catalog-slider.horizontal.swiper-destroyed .swiper-container {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 767.98px) {
  .catalog-slider.horizontal .swiper-slide {
    width: 100% !important;
  }
  .catalog-slider.horizontal .swiper-wrapper {
    margin-left: 0;
    margin-right: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: auto;
    max-width: none;
  }
  .catalog-slider.horizontal.brand-slider .swiper-wrapper {
    margin-bottom: -24px;
  }
  .catalog-slider.horizontal.brand-slider .swiper-container {
    margin-left: 0;
    margin-right: 0;
  }
  .catalog-slider.horizontal .swiper-container {
    padding: 0 1px 1px 0;
  }
  .catalog-slider.horizontal .catalog-item {
    margin: 0 -1px -1px 0;
  }
  .catalog-slider.horizontal .catalog-item.image-only {
    margin-bottom: 24px;
  }
}

@media (min-width: 1000px) {
  .catalog-slider.horizontal-wide.swiper-destroyed .swiper-slide {
    width: 50%;
  }
}

@media (max-width: 767.98px) {
  .catalog-slider.horizontal-wide .swiper-slide {
    width: 100% !important;
  }
  .catalog-slider.horizontal-wide .swiper-wrapper {
    margin-left: 0;
    margin-right: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: auto;
    max-width: none;
  }
  .catalog-slider.horizontal-wide.brand-slider .swiper-wrapper {
    margin-bottom: -24px;
  }
  .catalog-slider.horizontal-wide.brand-slider .swiper-container {
    margin-left: 0;
    margin-right: 0;
  }
  .catalog-slider.horizontal-wide .swiper-container {
    padding: 0 1px 1px 0;
  }
  .catalog-slider.horizontal-wide .catalog-item {
    margin: 0 -1px -1px 0;
  }
  .catalog-slider.horizontal-wide .catalog-item.image-only {
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .catalog-slider a[data-init-swiper],
  .catalog-slider a[data-destroy-swiper] {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .catalog-slider a[data-init-swiper] {
    display: none;
  }
  .catalog-slider .arrow-nav {
    display: none;
  }
}

@media (max-width: 559.98px) {
  .catalog-list {
    margin-left: -16px;
    margin-right: -16px;
  }
  .catalog-list .row {
    margin-left: 0;
    margin-right: 0;
  }
  .catalog-list .catalog-item {
    border-left: 0;
    border-right: 0;
  }
}

.catalog-controls {
  margin-bottom: 16px;
  line-height: 14px;
  font-size: 12px;
}

@media (min-width: 768px) {
  .catalog-controls {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    font-size: 14px;
  }
}

.catalog-controls .section-subtitle {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .catalog-controls .section-subtitle {
    margin-bottom: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    min-width: 0;
    margin-right: 24px;
  }
}

.catalog-controls > ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) {
  .catalog-controls > ul {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: 8px;
  }
}

.catalog-controls > ul > li {
  margin: 0;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.catalog-controls > ul > li:before {
  display: none;
}

@media (min-width: 768px) {
  .catalog-controls > ul > li {
    margin-bottom: 8px;
  }
}

@media (min-width: 1000px) {
  .catalog-controls > ul > li {
    margin-left: 32px;
  }
}

.catalog-controls .order-control,
.catalog-controls .available-control,
.catalog-controls .sale-control,
.catalog-controls .view-control {
  display: none;
}

@media (min-width: 768px) {
  .catalog-controls .order-control {
    display: block;
  }
  .catalog-controls .order-control .selectric-wrapper {
    min-width: 240px;
    font-size: 14px;
  }
  .catalog-controls .order-control .selectric-wrapper .label,
  .catalog-controls .order-control .selectric-wrapper .selectric-items li {
    font-size: inherit;
  }
  .catalog-controls .order-control-mobile,
  .catalog-controls .filter-control {
    display: none !important;
  }
}

@media (min-width: 1000px) {
  .catalog-controls .available-control,
  .catalog-controls .sale-control {
    display: block;
  }
}

@media (min-width: 1000px) {
  .catalog-controls .view-control {
    display: block;
  }
  .catalog-controls .catalog-view {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .catalog-controls .catalog-view li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding: 0;
    margin: 0;
  }
  .catalog-controls .catalog-view li:before {
    display: none;
  }
  .catalog-controls .catalog-view li:not(:last-child) {
    margin-right: 16px;
  }
  .catalog-controls .catalog-view-item {
    display: block;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
  }
  .catalog-controls .catalog-view-item, .catalog-controls .catalog-view-item:focus {
    color: #80868d;
  }
  .catalog-controls .catalog-view-item:hover, .catalog-controls .catalog-view-item:focus:hover {
    color: #006c8a;
  }
  .catalog-controls .catalog-view-item.active, .catalog-controls .catalog-view-item.active:focus {
    color: #007ea1;
  }
  .catalog-controls .catalog-view-item.active:hover, .catalog-controls .catalog-view-item.active:focus:hover {
    color: #006c8a;
  }
  .catalog-controls .catalog-view-item .icon {
    display: block;
    width: 26px;
    height: 16px;
    fill: currentColor;
  }
}

.catalog-controls .order-control-mobile .dropdown-toggler:before {
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-blue.svg);
}

.catalog-controls .filter-control .icon {
  display: inline-block;
  vertical-align: top;
  height: 14px;
  width: 14px;
  margin-right: 8px;
  fill: currentColor;
}

.catalog-actions {
  margin-top: 48px;
}

@media (min-width: 768px) {
  .catalog-actions {
    margin-right: -16px;
  }
}

.catalog-actions .section-title {
  margin-bottom: 16px;
}

.catalog-actions .action-item:not(:last-child) {
  margin-bottom: 16px;
}

.catalog-actions .btn-more {
  display: block;
  width: 100%;
  margin-top: 24px;
}

@media (min-width: 768px) {
  .catalog-actions .btn-more {
    display: none;
  }
}

.catalog-action-main-description {
  margin-bottom: 32px;
}

@media (min-width: 1000px) {
  .catalog-action-main-description {
    margin-bottom: 40px;
  }
}

.catalog-action-info {
  margin-top: 32px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .catalog-action-info {
    margin-top: 40px;
  }
}

@media (min-width: 1000px) {
  .catalog-action-info {
    margin-top: 56px;
  }
}

.catalog-controls.catalog-controls-action .order-control {
  margin-left: 0;
}

.catalog-controls.catalog-controls-action .available-control {
  display: block;
  margin-left: 40px;
}

/* SEARCH PAGE */
/*
.search-page .btn-catalog-more {
  display: block;
  width: 100%;
  margin-top: 24px;
}

.search-page .pagination {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .search-page .pagination {
    margin-top: 24px;
  }
}

.search-page .catalog-slider + .catalog-slider {
  margin-top: -24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .search-page .catalog-slider + .catalog-slider {
    margin-top: -32px;
  }
}

@media (min-width: 1000px) {
  .search-page .catalog-slider + .catalog-slider {
    margin-top: -40px;
  }
}

@media (max-width: 767.98px) {
  .search-page .catalog-slider + .catalog-slider {
    margin-top: -8px;
  }
}

.search-page.empty .catalog-slider {
  margin-bottom: 0;
}

.search-page.empty .message {
  padding: 0;
  margin-top: 16px;
  margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .search-page.empty .message {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

@media (min-width: 1000px) {
  .search-page.empty .message {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
*/
/* PRODUCT PAGE */

.product-page .nav-tabs {
  margin-bottom: 32px;
}

.product-page .nav-tabs .rating {
  display: inline-block;
  vertical-align: top;
  margin-top: 1px;
  margin-left: 5px;
}

.product-page .nav-tabs .rating .icon {
  width: 16px;
  height: 16px;
}

.product-page .catalog-slider {
  margin-bottom: 48px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-page .catalog-slider {
    margin-bottom: 56px;
  }
}

@media (min-width: 1000px) {
  .product-page .catalog-slider {
    margin-bottom: 64px;
  }
}

.product-main {
  display: block;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .product-main {
    overflow: hidden;
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .product-main {
    margin-bottom: 56px;
  }
}

@media (min-width: 1200px) {
  .product-main {
    margin-bottom: 64px;
  }
  .product-main::after {
    display: block;
    clear: both;
    content: "";
  }
}

.product-main .swiper-slide {
  position: relative;
  overflow: hidden;
}

.product-main__properties {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 12px;
  line-height: 22px;
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: 24px;
}

@media (min-width: 1200px) {
  .product-main__properties {
    margin-right: 20%;
    margin-left: -16px;
  }
}

.product-main__properties li {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 5px;
  margin-left: 5px;
  padding: 0;
}

@media (min-width: 1200px) {
  .product-main__properties li {
    margin-right: 16px;
    margin-left: 16px;
  }
}

.product-main__properties li:before {
  display: none;
}

.product-main__properties b {
  display: block;
  margin-bottom: 7px;
  font-weight: 500;
}

.product-main ul.contents-table {
  font-size: 12px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .product-main ul.contents-table {
    font-size: 14px;
    line-height: 25px;
  }
}

.product-main .arrow-more {
  font-size: 14px;
}

.product-main__image {
  position: relative;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .product-main__image {
    padding-right: 16px;
    padding-left: 16px;
    min-width: 0;
    float: left;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .product-main__image {
    width: 50%;
    margin-bottom: 48px;
  }
}

@media (min-width: 1200px) {
  .product-main__image {
    width: 29%;
    margin-bottom: 0;
  }
}

.product-main__image .catalog-item__top {
  top: 0;
  left: 0;
  right: 0;
}

@media (min-width: 768px) {
  .product-main__image .catalog-item__top {
    right: 16px;
    left: 16px;
  }
}

.product-main__image .info {
  display: none;
}

@media (min-width: 768px) {
  .product-main__image .info {
    display: block;
    font-size: 12px;
    line-height: 18px;
    color: #b3b6ba;
    margin-top: 24px;
    text-align: center;
  }
  .product-main__image .info .icon {
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
    fill: currentColor;
  }
}

.product-main__image-container {
  display: block;
  padding-top: 40px;
  height: 240px;
}

@media (min-width: 768px) {
  .product-main__image-container {
    padding-top: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .product-main__image-container {
    height: 335px;
  }
}

@media (min-width: 1200px) {
  .product-main__image-container {
    height: 350px;
  }
}

.product-main__image-container img {
  max-height: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 1200px) {
  .product-main__image-container + .info {
    margin-top: 64px;
  }
}

@media (min-width: 768px) {
  .product-main__image .info-icon-wrapper {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
  }
  .product-main__image .info-icon-wrapper .icon {
    margin: 0;
  }
}

.product-gallery {
  position: relative;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .product-gallery {
    padding-bottom: 0;
    margin-bottom: 20px;
  }
}

.product-gallery .swiper-container {
  height: 100%;
}

.product-gallery .swiper-pagination {
  position: absolute;
  left: 4px;
  right: 4px;
  bottom: 0;
}

@media (min-width: 768px) {
  .product-gallery .swiper-pagination {
    display: none;
  }
}

.product-nav-slider {
  display: none;
}

@media (min-width: 768px) {
  .product-nav-slider {
    display: block;
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
  }
  .product-nav-slider .arrow-nav-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    width: 40px;
    background: transparent !important;
  }
  .product-nav-slider .arrow-nav-btn, .product-nav-slider .arrow-nav-btn:focus {
    color: rgba(0, 13, 26, 0.5);
  }
  .product-nav-slider .arrow-nav-btn:hover, .product-nav-slider .arrow-nav-btn:focus:hover {
    color: rgba(0, 13, 26, 0.8);
  }
  .product-nav-slider .arrow-nav-btn .icon {
    fill: currentColor;
    width: 16px;
    height: 10px;
  }
  .product-nav-slider .arrow-nav-btn.prev {
    left: 0;
  }
  .product-nav-slider .arrow-nav-btn.next {
    right: 0;
  }
  .product-nav-slider .arrow-nav-btn[class*="disabled"] {
    color: rgba(0, 13, 26, 0.2) !important;
  }
  .product-nav-slider .swiper-slide {
    height: 60px;
    padding: 10px;
    background: #fff;
    border: 1px solid #d6dbe0;
    -webkit-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    transition: border-color 0.3s;
  }
  .product-nav-slider .swiper-slide.active {
    border-color: #33aac5;
  }
  .product-nav-slider img {
    max-height: 100%;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media (min-width: 768px) {
  .product-main__info-top {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    min-width: 0;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .product-main__info-top {
    width: 50%;
    margin-bottom: 48px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .product-main__info-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 71%;
    margin-bottom: 16px;
  }
}

@media (min-width: 768px) {
  .product-main__info-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
    min-width: 0;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .product-main__info-bottom {
    width: 100%;
  }
  .product-main__info-bottom::before {
    display: block;
    clear: both;
    content: "";
  }
}

@media (min-width: 1200px) {
  .product-main__info-bottom {
    width: 71%;
    float: right;
    display: none;
  }
}

.product-main__info .arrow-more:not(:last-child) {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .product-main__info .arrow-more:not(:last-child) {
    margin-bottom: 24px;
  }
}

.product-main__info .arrow-more:not(:first-child) {
  margin-top: 16px;
}

.product-main__info.offer-info {
  margin-bottom: 40px;
}

.product-main__info.offer-info .product-main__info.delivery-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 32px;
}

@media (min-width: 768px) {
  .product-main__info.offer-info {
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (min-width: 1200px) {
  .product-main__info.offer-info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 42.5%;
            flex: 1 1 42.5%;
    max-width: 42.5%;
    width: 42.5%;
  }
}

@media (max-width: 1199.98px) {
  .product-main__info.offer-info .product-main__info.delivery-info {
    display: none;
  }
}

.product-main__info.form-info {
  margin-bottom: 24px;
}

.product-main__info.form-info .product-main__info.props-info {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 16px;
}

@media (min-width: 768px) {
  .product-main__info.form-info {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (min-width: 1200px) {
  .product-main__info.form-info {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .product-main__info.form-info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 57.5%;
            flex: 1 1 57.5%;
    max-width: 57.5%;
    width: 57.5%;
  }
}

@media (max-width: 1199.98px) {
  .product-main__info.form-info .product-main__info.props-info {
    display: none;
  }
}

.product-main__info.form-info .form-info-text {
  font-size: 12px;
  line-height: 20px;
}

.product-main__info.form-info .form-info-text p:last-child {
  margin-bottom: 0;
}

.product-main__info.props-info {
  margin-bottom: 32px;
}

.product-main__info.props-info ul.contents-table .name {
  color: #b3b6ba;
}

@media (min-width: 768px) {
  .product-main__info.props-info {
    margin-bottom: 0;
    padding-right: 16px;
    padding-left: 16px;
    min-width: 0;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .product-main__info.props-info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 60%;
            flex: 1 1 60%;
    max-width: 60%;
    width: 60%;
  }
}

@media (min-width: 1200px) {
  .product-main__info.props-info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 57.5%;
            flex: 1 1 57.5%;
    max-width: 57.5%;
    width: 57.5%;
  }
}

@media (min-width: 768px) {
  .product-main__info.delivery-info {
    margin-bottom: 0;
    padding-right: 16px;
    padding-left: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .product-main__info.delivery-info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
    min-width: 0;
    max-width: 40%;
    width: 40%;
  }
}

@media (min-width: 1200px) {
  .product-main__info.delivery-info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 42.5%;
            flex: 1 1 42.5%;
    max-width: 42.5%;
    width: 42.5%;
  }
}

.product-main__info.delivery-info ul.contents-table {
  font-size: 12px;
  line-height: 20px;
}

.product__variant-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin: 0 -16px 0 0;
  padding: 0;
}

@media (min-width: 768px) {
  .product__variant-labels {
    margin-right: 0;
  }
}

.product__variant-labels li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 8px 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.product__variant-labels li:last-child {
  margin-right: 0;
}

.product__variant-labels li:before {
  display: none;
}

.product-variant-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  max-width: 200px;
  min-width: 0;
  background: #fff;
  padding: 12px 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-shadow: 0 0 0 0 transparent;
          box-shadow: 0 0 0 0 transparent;
  border: 1px solid #d6dbe0;
  -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  transition: border-color 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s, border-color 0.3s;
  transition: box-shadow 0.3s, border-color 0.3s;
  transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  line-height: 22px;
}

.product-variant-label img {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-item-align: start;
      align-self: flex-start;
  max-width: 35px;
  max-height: 47px;
}

.product-variant-label img:not(:last-child) {
  margin-right: 5px;
}

.product-variant-label p {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.product-variant-label p span {
  display: block;
}

.product-variant-label p b {
  font-weight: 500;
  color: #000d1a;
}

.product-variant-label p .price {
  font-size: 16px;
  line-height: 19px;
  margin-top: 4px;
  font-weight: 500;
  color: #000d1a;
}

input[type="checkbox"]:checked + .product-variant-label,
input[type="radio"]:checked + .product-variant-label {
  -webkit-box-shadow: 0 6px 15px 0 rgba(0, 126, 161, 0.15);
          box-shadow: 0 6px 15px 0 rgba(0, 126, 161, 0.15);
  border-color: #33aac5;
}

input[type="checkbox"]:not(:checked) + .product-variant-label:hover,
input[type="radio"]:not(:checked) + .product-variant-label:hover {
  -webkit-box-shadow: 0 6px 15px 0 rgba(0, 126, 161, 0.15);
  box-shadow: 0 6px 15px 0 rgba(0, 126, 161, 0.15);
  border-color: #33aac5;
}

.product-note {
  font-size: 11px;
  line-height: 16px;
  margin: 0;
  color: #b3b6ba;
}

.product-recommedations {
  margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-recommedations {
    margin-bottom: 56px;
  }
}

@media (min-width: 1000px) {
  .product-recommedations {
    margin-bottom: 64px;
  }
}

.product-description {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .product-description {
    margin-bottom: 48px;
  }
}

.product-description .right-nav-menu {
  display: none;
}

@media (min-width: 768px) {
  .product-description .right-nav-menu {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-description .right-nav-menu {
    margin-bottom: 48px;
  }
}

.product-description .right-nav-menu-content {
  border-bottom: 1px solid #d6dbe0;
  margin-right: -16px;
  margin-left: -16px;
}

@media (min-width: 560px) {
  .product-description .right-nav-menu-content {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .product-description .right-nav-menu-content {
    border-bottom: 0;
  }
}

.product-description .sub-pane {
  display: none;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 1.5em;
}

.product-description .sub-pane.active {
  display: block;
}

@media (min-width: 560px) {
  .product-description .sub-pane {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .product-description .sub-pane {
    display: block !important;
  }
}

@media (max-width: 767.98px) {
  .product-description .sub-pane-toggler {
    display: block;
    border-top: 1px solid #d6dbe0;
    margin: 0;
    padding: 12px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
  }
  .product-description .sub-pane-toggler, .product-description .sub-pane-toggler:focus {
    color: #b3b6ba;
  }
  .product-description .sub-pane-toggler:hover, .product-description .sub-pane-toggler:focus:hover {
    color: #006c8a;
  }
  .product-description .sub-pane-toggler:before {
    content: "";
    position: absolute;
    right: 0;
    width: 40px;
    height: 100%;
    top: 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-gray.svg);
    background-size: 8px auto;
    background-position: center;
    background-repeat: no-repeat;
  }
  .product-description .sub-pane-toggler.active {
    color: #006c8a !important;
  }
  .product-description .sub-pane-toggler.active:before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-blue.svg);
  }
}

@media (max-width: 559.98px) {
  .product-description .sub-pane-toggler {
    padding: 12px 16px;
  }
}

.product-description__icons {
  display: block;
  margin: -4px -4px 20px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.product-description__icons li {
  margin: 4px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

.product-description__icons li:before {
  display: none;
}

.product-description__icons img {
  width: 32px;
  max-width: none;
}

.product-description .nav-tab-mobile {
  padding-left: 16px;
  padding-right: 16px;
}

@media (min-width: 560px) {
  .product-description .nav-tab-mobile {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .product-description .nav-tab-mobile {
    display: none;
  }
}

.product-sertificates {
  margin-bottom: 40px;
}

@media (min-width: 1000px) {
  .product-sertificates {
    margin-bottom: 64px;
  }
}

.product-sertificates-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.product-sertificates-list li {
  margin: 0 14px 0 0;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.product-sertificates-list li:last-child {
  margin-right: 0;
}

.product-sertificates-list li:before {
  display: none;
}

.product-sertificates-list a {
  display: block;
}

@media (max-width: 767.98px) {
  .product-sertificates-list a {
    width: 100px;
    height: 140px;
    position: relative;
    line-height: 140px;
  }
}

.product-sertificates-list img {
  max-width: 100px;
  max-height: 140px;
}

@media (max-width: 767.98px) {
  .product-sertificates-list img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
}

@media (min-width: 768px) {
  .product-sertificates-list img {
    max-width: 180px;
    max-height: 255px;
  }
}

.product-rating {
  margin-bottom: 24px;
  margin-top: 24px;
}

@media (min-width: 1000px) {
  .product-rating {
    margin-bottom: 48px;
  }
  .product-rating .rating-default .icon,
  .product-rating .rating-calculated .icon {
    margin: 0 3px !important;
  }
}

.product-rating-title {
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-rating-title {
    margin-top: 32px;
  }
}

@media (min-width: 1000px) {
  .product-rating-title {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 32px;
  }
}

.product-rating-text {
  margin-bottom: 24px;
  font-weight: 500;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-rating-text {
    margin-bottom: 24px;
  }
}

@media (min-width: 1000px) {
  .product-rating-text {
    font-size: 18px;
    line-height: 1.5;
  }
}

.product-rating-value {
  font-size: 20px;
  line-height: 24px;
  color: #000d1a;
  font-weight: 700;
}

@media (min-width: 768px) {
  .product-rating-value {
    font-size: 24px;
    line-height: 28px;
  }
}

.product-rating-based-on {
  line-height: 1.28571;
  margin: 8px 0;
}

@media (min-width: 768px) {
  .product-rating-based-on {
    margin: 0;
  }
}

.product-rating .rating {
  display: block;
}

.product-rating .btn {
  margin-top: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-rating .btn {
    margin-top: 32px;
  }
}

.product-reviews {
  margin-bottom: 56px;
}

.product-reviews-controls {
  margin: 0 -16px 16px;
  padding: 0 16px 24px;
  border-bottom: 1px solid #d6dbe0;
}

@media (min-width: 560px) {
  .product-reviews-controls {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .product-reviews-controls .selectric-wrapper {
    display: inline-block;
    vertical-align: top;
    min-width: 240px;
    font-size: 14px;
  }
  .product-reviews-controls .selectric-wrapper .label,
  .product-reviews-controls .selectric-wrapper .selectric-items li {
    font-size: inherit;
  }
}

.product-reviews .review + .review {
  margin-top: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-reviews .review + .review {
    margin-top: 32px;
  }
}

@media (min-width: 1000px) {
  .product-reviews .review + .review {
    margin-top: 48px;
  }
}

.product-reviews .btn {
  margin-top: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-reviews .btn {
    margin-top: 32px;
  }
}

@media (min-width: 1000px) {
  .product-reviews .btn {
    margin-top: 48px;
  }
}

.product-delivery {
  margin-bottom: 56px;
}

.product-delivery-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) {
  .product-delivery-item {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.product-delivery-item + .product-delivery-item {
  margin-top: 48px;
}

.product-delivery li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  padding: 0;
}

.product-delivery li:before {
  display: none;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .product-delivery li:not(:first-child) {
    margin-left: 56px;
  }
}

@media (min-width: 1200px) {
  .product-delivery li:not(:first-child) {
    margin-left: 76px;
  }
}

.product-delivery li.title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-bottom: 16px;
  text-align: left;
}

.product-delivery li.title .info {
  display: block;
  color: #b3b6ba;
  margin-top: 4px;
  font-size: 14px;
  line-height: 22px;
}

@media (min-width: 768px) {
  .product-delivery li.title {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto;
    margin-bottom: 0;
  }
}

.product-delivery .highlighted-info {
  margin-top: 8px;
}

.product-delivery .highlighted-info.price {
  font-size: 16px;
  font-weight: 500;
  color: #000d1a;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 768px) {
  .product-delivery .highlighted-info.price {
    font-size: 24px;
  }
}

.product-delivery .btn {
  display: block;
  width: 100%;
  margin-top: 40px;
}

@media (min-width: 768px) {
  .product-delivery .btn {
    display: inline-block;
    width: auto;
  }
}

.product-pickup {
  margin-bottom: 56px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-pickup {
    margin-bottom: 72px;
  }
}

.product-pickup-table {
  display: block;
  margin-bottom: -12px;
}

.product-pickup-table tbody,
.product-pickup-table tr {
  display: block;
}

.product-pickup-table th {
  display: none;
}

@media (min-width: 768px) {
  .product-pickup-table th:last-of-type {
    text-align: right;
  }
  .product-pickup-table th:last-of-type span {
    display: inline-block;
    width: 110px;
    text-align: center;
  }
}

@media (min-width: 1000px) {
  .product-pickup-table th:last-of-type span {
    width: 136px;
  }
}

.product-pickup-table td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 12px;
  border: 0;
}

.product-pickup-table td > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
  text-align: right;
}

.product-pickup-table td:before {
  content: attr(aria-label);
  color: #b3b6ba;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-ordinal-group: -1;
      -ms-flex-order: -2;
          order: -2;
}

.product-pickup-table td:after {
  content: "";
  border-bottom: 2px dotted #cccfd1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 1em 5px 0;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media (min-width: 768px) {
  .product-pickup-table {
    display: table;
    margin-bottom: 0;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
  }
  .product-pickup-table tbody {
    display: table-row-group;
  }
  .product-pickup-table tr {
    display: table-row;
  }
  .product-pickup-table th,
  .product-pickup-table td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #d6dbe0;
  }
  .product-pickup-table th:last-of-type,
  .product-pickup-table td:last-of-type {
    padding-right: 0;
  }
  .product-pickup-table th {
    color: #b3b6ba;
    font-weight: 400;
  }
  .product-pickup-table td:last-of-type {
    text-align: right;
  }
  .product-pickup-table td:before, .product-pickup-table td:after {
    display: none;
  }
  .product-pickup-table td > div {
    text-align: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  .product-pickup-table th {
    padding: 0 8px 20px;
  }
  .product-pickup-table td {
    padding: 16px 8px;
  }
}

@media (min-width: 1200px) {
  .product-pickup-table th {
    padding: 0 8px 24px;
  }
  .product-pickup-table td {
    padding: 24px 8px;
  }
}

.product-pickup .icons-list {
  margin: -3px;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.product-pickup .icons-list li {
  margin: 3px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}

.product-pickup .icons-list li:before {
  display: none;
}

.product-pickup .icons-list img {
  height: 10px;
}

.product-actions {
  margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .product-actions {
    margin-bottom: 56px;
  }
}

.product-actions .action-item {
  margin-bottom: 16px;
}

@media (max-width: 999.98px) {
  .product-actions .action-item {
    height: 150px;
    overflow: hidden;
  }
}

@media (max-width: 767.98px) {
  .product-actions .action-item {
    height: 150px;
    overflow: hidden;
  }
}

@media (max-width: 575px) and (min-width: 480px) {
  .product-actions .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -6px;
    margin-right: -6px;
  }
  .product-actions .col-xs-6 {
    position: relative;
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}

.product-actions .btn-more {
  display: block;
  width: 100%;
  margin-top: 0;
}

@media (min-width: 768px) {
  .product-actions .btn-more {
    display: none;
  }
}

@media (min-width: 1200px) {
  .product-offer {
    border: 1px solid #d6dbe0;
    border-radius: 4px;
    padding: 24px;
  }
}

.product-offer .text {
  display: none;
}

@media (min-width: 1200px) {
  .product-offer .text {
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 12px;
    color: #000d1a;
  }
  .product-offer .text b {
    font-weight: 500;
  }
}

.product-offer .price-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 10px;
}

.product-offer .price,
.product-offer .price-old {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  white-space: nowrap;
  text-transform: uppercase;
  margin: 0 12px 6px 0;
  position: relative;
  z-index: 1;
}

.product-offer .price {
  color: #000d1a;
  font-weight: 500;
  font-size: 28px;
  line-height: 33px;
}

.product-offer .price.inactive {
  color: #80868d;
}

.product-offer .price-old {
  color: #b3b6ba;
  position: relative;
  font-size: 17px;
  line-height: 20px;
  margin-right: 0;
}

.product-offer .price-old:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  margin-top: -1px;
  background: currentColor;
}

.product-offer .last {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
  font-size: 14px;
  line-height: 20px;
}

.product-offer .btn {
  display: block;
  width: 100%;
}

.user-review {
  display: none;
}

.user-review + .btn {
  margin-top: 24px;
}

.user-review.active {
  display: block;
  margin-top: 24px;
}

@media (min-width: 768px) {
  .user-review.active {
    margin-top: 32px;
  }
}

.user-review.active + .btn {
  display: none;
}

.user-review-form {
  border: 1px solid #d6dbe0;
  padding: 32px 16px 24px;
  border-radius: 4px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .user-review-form {
    padding: 24px;
  }
}

@media (min-width: 1000px) {
  .user-review-form {
    padding: 32px;
  }
}

.user-review-form .close {
  width: 20px;
  height: 20px;
  position: absolute;
  padding: 4px;
  right: 12px;
  top: 32px;
}

.user-review-form .close, .user-review-form .close:focus {
  color: inherit;
}

.user-review-form .close:hover, .user-review-form .close:focus:hover {
  color: #006c8a;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .user-review-form .close {
    right: 20px;
    top: 24px;
  }
}

@media (min-width: 1000px) {
  .user-review-form .close {
    right: 28px;
    top: 32px;
  }
}

.user-review-form .close .icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.user-review-form .title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 32px;
  color: #000d1a;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .user-review-form .title {
    margin-bottom: 36px;
  }
}

@media (min-width: 1000px) {
  .user-review-form .title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .user-review-form .user-review-value {
    padding-bottom: 8px;
  }
}

@media (min-width: 1000px) {
  .user-review-form .user-review-value {
    padding-bottom: 16px;
  }
}

.user-review-form .user-review-value span,
.user-review-form .user-review-value .rating {
  display: inline-block;
  vertical-align: middle;
}

.user-review-form .user-review-value span {
  margin-right: 24px;
}

.user-review-form .form-group {
  margin-bottom: 32px;
}

.user-review-form .btn-submit {
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 8px;
}

@media (min-width: 768px) {
  .user-review-form .btn-submit {
    padding-left: 80px;
    padding-right: 80px;
  }
}

@media (min-width: 1000px) {
  .user-review-form .btn-submit {
    margin-top: 0;
  }
}

@media (max-width: 767.98px) {
  .day-product .swiper-title-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

/* BRAND PAGE */
.brands-page .brands-menu {
  margin-bottom: 36px;
}

.brands-menu {
  display: block;
  padding: 0;
  margin: 0 -2px;
}

@media (min-width: 768px) {
  .brands-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.brands-menu li {
  display: block;
  padding: 0 2px;
  margin: 0 0 4px;
}

@media (min-width: 768px) {
  .brands-menu li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33333%;
            flex: 1 1 33.33333%;
    min-width: 0;
    width: 33.33333%;
    max-width: 33.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.brands-menu li:before {
  display: none;
}

.brands-menu a {
  display: block;
  padding: 10px 16px;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

@media (min-width: 768px) {
  .brands-menu a {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .brands-menu a {
    padding: 16px 24px 8px;
  }
}

@media (min-width: 1200px) {
  .brands-menu a {
    padding: 16px 20px 16px 40px;
  }
}

.brands-menu a, .brands-menu a:focus {
  color: inherit;
  background: #f7f8fa;
}

.brands-menu a:hover, .brands-menu a:focus:hover {
  color: #006c8a;
}

.brands-menu a .title {
  color: inherit;
  display: block;
  margin-bottom: 0;
}

.brands-menu a .info {
  color: #b3b6ba;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

@media (min-width: 1200px) {
  .brands-menu a .info {
    font-size: 14px;
    line-height: 16px;
  }
}

.brands-menu a.active, .brands-menu a.active:focus {
  color: #007ea1;
  background: #e7f7fb;
}

.brands-menu a.active:hover, .brands-menu a.active:focus:hover {
  color: #006c8a;
  background: #cfeff6;
}

.brands-menu a.active .info {
  color: inherit;
}

.brands-section {
  margin: 0 -16px 32px;
}

@media (min-width: 560px) {
  .brands-section {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .brands-section {
    margin-bottom: 48px;
  }
}

.brands-section-title {
  padding: 0 16px 4px;
  border-bottom: 4px solid #cfeff6;
  margin-bottom: 20px;
}

@media (min-width: 560px) {
  .brands-section-title {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1000px) {
  .brands-section-title {
    margin-bottom: 30px;
  }
}

.brands-section-title:last-child {
  margin-bottom: 0;
}

.brands-section-title.sm {
  border-bottom: 1px solid #d6dbe0;
}

.brands-section ul {
  display: block;
  margin: 0 0 -9px;
  padding: 0 16px;
}

@media (min-width: 560px) {
  .brands-section ul {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .brands-section ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
  }
}

@media (min-width: 1000px) {
  .brands-section ul {
    margin-bottom: -10px;
  }
}

.brands-section ul li {
  display: block;
  margin: 0 0 9px;
  padding: 0;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
}

@media (min-width: 1000px) {
  .brands-section ul li {
    margin-bottom: 10px;
  }
}

.brands-section ul li:before {
  display: none;
}

.brands-section ul.brand-items-list {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  margin: 0 -4px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.brands-section ul.brand-items-list li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
  padding: 0 4px;
  margin: 0 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (min-width: 560px) and (max-width: 767.98px) {
  .brands-section ul.brand-items-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.33333%;
            flex: 1 1 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .brands-section ul.brand-items-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    width: 25%;
    max-width: 25%;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .brands-section ul.brand-items-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    width: 20%;
    max-width: 20%;
  }
}

@media (min-width: 1200px) {
  .brands-section ul.brand-items-list li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 16.66667%;
            flex: 1 1 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
}

.brands-section ul.brand-items-list .brand-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.brands-filter ul {
  margin: 0;
}

.brands-filter ul ul {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  padding-left: 44px;
  margin-top: 9px;
  display: none;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .brands-filter ul ul {
    padding-left: 76px;
  }
}

@media (min-width: 1000px) {
  .brands-filter ul ul {
    margin-top: 10px;
    padding-left: 77px;
  }
}

.brands-filter ul ul ul {
  padding-left: 16px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .brands-filter ul ul ul {
    padding-left: 51px;
  }
}

@media (min-width: 1000px) {
  .brands-filter ul ul ul {
    padding-left: -254px;
  }
}

.brands-filter a {
  position: relative;
  padding-left: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  max-width: 100%;
  -webkit-transition: color 0.3s, font-weight 0.3s;
  -o-transition: color 0.3s, font-weight 0.3s;
  transition: color 0.3s, font-weight 0.3s;
}

@media (min-width: 768px) {
  .brands-filter a {
    padding-left: 30px;
  }
}

.brands-filter a:before {
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-black.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0.7em;
  margin-top: -7px;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.5;
}

.brands-filter a:only-child:before {
  display: none;
}

.brands-filter a .info {
  color: #b3b6ba;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-right: 16px;
}

.brands-filter a .content-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}

.brands-filter li.active > a {
  font-weight: 500;
}

.brands-filter li.active > a:before {
  opacity: 1;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.brands-filter li.active > a .info {
  color: #000d1a;
}

.brands-filter li.active > ul {
  display: block;
}

.brands-alphabet .nav-tabs-like {
  display: none;
}

@media (min-width: 768px) {
  .brands-alphabet .nav-tabs-like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .brands-alphabet .nav-tabs-like {
    margin-bottom: 40px;
  }
}

@media (min-width: 1000px) {
  .brands-alphabet .nav-tabs-like {
    margin-bottom: 48px;
  }
}

.brands-alphabet .category-dropdown-block {
  margin-bottom: 24px;
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .brands-alphabet .category-dropdown-block {
    display: none;
  }
}

.brands-alphabet .category-dropdown-block .dropdown-toggler,
.brands-alphabet .category-dropdown-block .dropdown-items {
  width: 100%;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .brands-alphabet .brands-section ul {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.brands-alphabet-filter {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .brands-alphabet-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 48px;
  }
}

.brands-alphabet-filter .form-group {
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (min-width: 768px) {
  .brands-alphabet-filter .form-group {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100;
    margin-bottom: 0;
  }
}

.brands-alphabet-filter .btn {
  padding: 12px 12px 11px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  border-radius: 0 4px 4px 0;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.brands-alphabet-filter .btn, .brands-alphabet-filter .btn:focus {
  background: #d6dbe0;
}

.brands-alphabet-filter .btn:hover, .brands-alphabet-filter .btn:focus:hover {
  background: #b3b6ba;
}

.brands-alphabet-filter .btn .icon {
  display: block;
  width: 21px;
  height: 21px;
  fill: #fff;
}

.brands-alphabet-filter .form-control {
  padding: 14px 14px;
  border: 1px solid #d6dbe0;
  border-right: 0;
  display: block;
  width: 100%;
  border-radius: 4px 0 0 4px;
  color: #000d1a;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  background: #fff;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 14px;
  line-height: 16px;
}

.brands-alphabet-filter .form-control::-webkit-input-placeholder {
  color: #80868d;
}

.brands-alphabet-filter .form-control::-moz-placeholder {
  color: #80868d;
}

.brands-alphabet-filter .form-control:-moz-placeholder {
  color: #80868d;
}

.brands-alphabet-filter .form-control:-ms-input-placeholder {
  color: #80868d;
}

.brands-alphabet-filter .form-control:hover {
  border-color: #b3b6ba;
}

.brands-alphabet-filter .form-control:focus {
  outline: none !important;
  border-color: #b3b6ba;
}

.brands-alphabet-filter .form-control:focus::-webkit-input-placeholder {
  color: transparent;
}

.brands-alphabet-filter .form-control:focus::-moz-placeholder {
  color: transparent;
}

.brands-alphabet-filter .form-control:focus:-moz-placeholder {
  color: transparent;
}

.brands-alphabet-filter .form-control:focus:-ms-input-placeholder {
  color: transparent;
}

.brands-alphabet-categories {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .brands-alphabet-categories {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

@media (min-width: 1000px) {
  .brands-alphabet-categories {
    margin-bottom: 32px;
  }
}

.brands-alphabet-categories ul {
  padding: 0;
  margin: 0 -8px -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.brands-alphabet-categories li {
  margin: 0 8px 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
}

.brands-alphabet-categories li:before {
  display: none;
}

.brands-alphabet-categories a {
  display: block;
  padding: 1px 10px 0;
  text-align: center;
  line-height: 27px;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
  border-radius: 4px;
  font-family: inherit;
  cursor: pointer;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.brands-alphabet-categories a, .brands-alphabet-categories a:focus {
  color: #333d48;
  background: #f2f3f5;
}

.brands-alphabet-categories a:hover, .brands-alphabet-categories a:focus:hover {
  color: #333d48;
  background: #e8ebee;
}

.brands-alphabet-categories a.active {
  font-weight: 500;
}

.brands-alphabet-categories a.active, .brands-alphabet-categories a.active:focus {
  color: #fff;
  background: #55c5de;
}

.brands-alphabet-categories a.active:hover, .brands-alphabet-categories a.active:focus:hover {
  color: #fff;
  background: #33aac5;
}

@media (min-width: 768px) {
  .brands-alphabet-subcategories {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-bottom: 32px;
  }
}

.brands-alphabet-subcategories ul {
  padding: 0;
  margin: 0 -3px -6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.brands-alphabet-subcategories li {
  margin: 0 3px 6px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0;
}

.brands-alphabet-subcategories li:before {
  display: none;
}

.brands-alphabet-subcategories label {
  display: block;
  padding: 1px 5px 0;
  min-width: 28px;
  text-align: center;
  line-height: 27px;
  font-size: 16px;
  font-weight: 400;
  text-transform: none;
  border-radius: 4px;
  font-family: inherit;
  cursor: pointer;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

.brands-alphabet-subcategories label, .brands-alphabet-subcategories label:focus {
  color: #333d48;
  background: transparent;
}

.brands-alphabet-subcategories label:hover, .brands-alphabet-subcategories label:focus:hover {
  color: #006c8a;
}

.brands-alphabet-subcategories input[type="radio"]:checked + label,
.brands-alphabet-subcategories input[type="checkbox"]:checked + label {
  font-weight: 500;
}

.brands-alphabet-subcategories input[type="radio"]:checked + label, .brands-alphabet-subcategories input[type="radio"]:checked + label:focus,
.brands-alphabet-subcategories input[type="checkbox"]:checked + label,
.brands-alphabet-subcategories input[type="checkbox"]:checked + label:focus {
  color: #fff;
  background: #55c5de;
}

.brands-alphabet-subcategories input[type="radio"]:checked + label:hover, .brands-alphabet-subcategories input[type="radio"]:checked + label:focus:hover,
.brands-alphabet-subcategories input[type="checkbox"]:checked + label:hover,
.brands-alphabet-subcategories input[type="checkbox"]:checked + label:focus:hover {
  color: #fff;
  background: #33aac5;
}

/* DELIVERY PAGE */
@media (max-width: 767.98px) {
  .delivary-page .nav-tabs {
    margin-top: 24px;
    display: block;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
  }
  .delivary-page .nav-tabs:before {
    display: none;
  }
  .delivary-page .nav-tabs li {
    margin: 0 0 16px;
  }
  .delivary-page .nav-tabs a {
    border-bottom: 0;
    padding: 0;
  }
  .delivary-page .nav-tabs a, .delivary-page .nav-tabs a:focus {
    color: #b3b6ba;
  }
  .delivary-page .nav-tabs a:hover, .delivary-page .nav-tabs a:focus:hover {
    color: #006c8a;
  }
  .delivary-page .nav-tabs a.active {
    font-weight: 500;
  }
  .delivary-page .nav-tabs a.active, .delivary-page .nav-tabs a.active:focus {
    color: #007ea1;
  }
  .delivary-page .nav-tabs a.active:hover, .delivary-page .nav-tabs a.active:focus:hover {
    color: #006c8a;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivary-page .nav-tabs {
    margin-top: 40px;
  }
}

@media (min-width: 1000px) {
  .delivary-page .nav-tabs {
    margin-top: 56px;
  }
}

.delivary-page .nav-tabs + .tab-container {
  margin-top: 32px;
}

@media (min-width: 768px) {
  .delivary-page .nav-tabs + .tab-container {
    margin-top: 40px;
  }
}

.delivery-items-list {
  margin-bottom: 48px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivery-items-list {
    margin-bottom: 64px;
  }
}

@media (min-width: 1000px) {
  .delivery-items-list {
    margin-bottom: 100px;
  }
}

.delivery-item {
  margin-bottom: 16px;
  background: #fff;
  border: 1px solid #d6dbe0;
  border-radius: 4px;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivery-item {
    margin-bottom: 32px;
    border-radius: 7px;
  }
}

@media (min-width: 1000px) {
  .delivery-item {
    margin-bottom: 48px;
  }
}

.delivery-item .head {
  padding: 24px 8px;
  display: block;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivery-item .head {
    padding: 12px 12px 12px 24px;
  }
}

@media (min-width: 1000px) {
  .delivery-item .head {
    padding: 12px 64px;
  }
}

.delivery-item .head .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) {
  .delivery-item .head .row {
    min-height: 74px;
  }
}

.delivery-item .body {
  display: none;
}

.delivery-item .body.accordeon-body-open {
  display: block;
}

.delivery-item .head .toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.delivery-item .head .toggler, .delivery-item .head .toggler:focus {
  color: inherit;
}

.delivery-item .head .title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  font-size: 16px;
  line-height: 22px;
  color: inherit;
  display: block;
  padding-right: 22px;
  position: relative;
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivery-item .head .title {
    padding-right: 28px;
  }
}

@media (min-width: 768px) {
  .delivery-item .head .title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}

@media (min-width: 1000px) {
  .delivery-item .head .title {
    font-size: 18px;
  }
}

.delivery-item .head .title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 22px;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.8;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.delivery-item .head .title img {
  height: 32px;
  margin: -5px 0 0;
}

@media (min-width: 768px) {
  .delivery-item .head .title img {
    height: 46px;
    margin-top: -24px 0 0;
  }
}

.delivery-item .head .toggler + small {
  margin-top: 12px;
  padding-right: 40px;
}

@media (min-width: 768px) {
  .delivery-item .head .toggler + small {
    line-height: 20px;
    margin-top: 8px;
    max-width: 460px;
    padding-right: 0;
  }
}

.delivery-item .head .delivery-variants {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .delivery-item .head .delivery-variants {
    margin-top: 0;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.delivery-item .head .delivery-variants .price small {
  padding-left: 8px;
  display: inline;
}

@media (min-width: 1000px) {
  .delivery-item .head .delivery-variants .price small {
    font-size: 14px;
  }
}

.delivery-item .body {
  padding: 24px 8px;
  border-top: 1px solid #d6dbe0;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivery-item .body {
    padding: 24px;
  }
}

@media (min-width: 1000px) {
  .delivery-item .body {
    padding: 48px 64px;
  }
}

.delivery-item .body .h3:not(:first-child) {
  margin-top: 32px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivery-item .body .h3:not(:first-child) {
    margin-top: 40px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .delivery-item .body .h3:not(:first-child) {
    margin-top: 48px;
  }
}

.delivery-item .body p:last-child {
  margin-bottom: 0;
}

.delivery-item .body .delivery-variants + .delivery-variants {
  margin-top: 24px;
}

.delivery-item b {
  font-weight: 500;
}

@media (min-width: 768px) {
  .delivery-item-map-wrapper {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

.delivery-item-map {
  display: block;
  height: 175px;
  background: #f2f3f5;
  margin: 24px -8px;
  position: relative;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivery-item-map {
    height: 230px;
    margin: 0 0 32px -24px;
  }
}

@media (min-width: 1000px) {
  .delivery-item-map {
    height: 330px;
    margin: 0 0 40px -48px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivery-item-text-wrapper {
    margin-bottom: 32px;
  }
}

@media (min-width: 1000px) {
  .delivery-item-text-wrapper {
    margin-bottom: 40px;
  }
}

.delivery-item.accordeon-item-active {
  border-color: #33aac5;
}

.delivery-item.accordeon-item-active .head .toggler, .delivery-item.accordeon-item-active .head .toggler:focus {
  color: #000d1a;
}

.delivery-item.accordeon-item-active .head .toggler .title:after {
  opacity: 1;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.delivery-item small {
  color: #b3b6ba;
  margin-top: 8px;
  font-size: 12px;
  line-height: 22px;
  display: block;
}

@media (min-width: 1000px) {
  .delivery-item small {
    margin-top: 12px;
    font-size: 14px;
  }
}

.delivery-item small.required {
  position: relative;
  padding-left: 1em;
}

.delivery-item small.required:before {
  content: "*";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  line-height: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
}

.delivery-variants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.delivery-variants .delivery-variants-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  width: 50%;
  max-width: 50%;
  min-width: 0;
}

.delivery-variants-title, .delivery-variants-head {
  display: block;
  color: #007ea1;
  margin: 0 0 8px;
}

.delivery-variants-head {
  font-weight: 700;
  text-transform: uppercase;
}

.delivery-variants .highlighted-info.price {
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  font-weight: 500;
  font-size: 16px;
  color: #000d1a;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .delivery-variants .highlighted-info.price {
    font-size: 20px;
  }
}

@media (min-width: 1000px) {
  .delivery-variants .highlighted-info.price {
    font-size: 24px;
  }
}

.delivery-info-block {
  margin-bottom: 48px;
}

@media (min-width: 768px) {
  .delivery-info-block {
    margin-bottom: 56px;
  }
}

.delivery-info-block:last-child {
  margin-bottom: 0;
}

.delivery-info-block ul:not(:last-child) {
  margin-bottom: 24px;
}

@media (min-width: 1000px) {
  .delivery-info-block ul:not(:last-child) {
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) {
  table.delivery-weights-table {
    border-radius: 7px;
  }
}

table.delivery-weights-table th,
table.delivery-weights-table td {
  text-align: center;
  vertical-align: middle;
  padding: 17px 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  width: 25%;
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  table.delivery-weights-table th,
  table.delivery-weights-table td {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  table.delivery-weights-table th,
  table.delivery-weights-table td {
    font-size: 18px;
    line-height: 24px;
    padding: 24px;
  }
}

table.delivery-weights-table th:first-child,
table.delivery-weights-table td:first-child {
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  color: #b3b6ba;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  table.delivery-weights-table th:first-child,
  table.delivery-weights-table td:first-child {
    text-align: left;
    font-size: 16px;
  }
}

@media (min-width: 1000px) {
  table.delivery-weights-table th:first-child,
  table.delivery-weights-table td:first-child {
    text-align: left;
    font-size: 18px;
  }
}

table.delivery-weights-table th {
  color: #007ea1;
}

table.delivery-weights-table tr:first-child th:last-child,
table.delivery-weights-table tr:first-child td:last-child {
  border-top-right-radius: 4px;
}

@media (min-width: 768px) {
  table.delivery-weights-table tr:first-child th:last-child,
  table.delivery-weights-table tr:first-child td:last-child {
    border-top-right-radius: 7px;
  }
}

table.delivery-weights-table tr:last-child th:last-child,
table.delivery-weights-table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

@media (min-width: 768px) {
  table.delivery-weights-table tr:last-child th:last-child,
  table.delivery-weights-table tr:last-child td:last-child {
    border-bottom-right-radius: 7px;
  }
}

table.delivery-weights-table .price {
  font-size: 16px;
  color: #000d1a;
  font-weight: 500;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  table.delivery-weights-table .price {
    font-size: 20px;
  }
}

@media (min-width: 1000px) {
  table.delivery-weights-table .price {
    font-size: 24px;
  }
}

.no-delivery-text {
  font-size: 14px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .no-delivery-text {
    font-size: 18px;
  }
}

@media (min-width: 1000px) {
  .no-delivery-text {
    font-size: 20px;
  }
}

.delivery-item-schedule .title {
  display: block;
  color: #007ea1;
  margin: 0 0 8px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width: 1000px) {
  .delivery-item-schedule .title {
    margin-bottom: 12px;
  }
}

.delivery-item-schedule ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.delivery-item-schedule ul:not(:last-child) {
  margin-bottom: 24px;
}

.delivery-item-schedule ul li {
  margin: 0;
  padding: 0;
  padding-right: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  min-width: 0;
  max-width: 50%;
  width: 50%;
}

.delivery-item-schedule ul li:before {
  display: none;
}

/* PROFILE PAGE */
@media (max-width: 767.98px) {
  .profile-page .nav-tabs-like {
    display: block;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
  }
  .profile-page .nav-tabs-like:before {
    display: none;
  }
  .profile-page .nav-tabs-like li {
    margin: 0 0 16px;
  }
  .profile-page .nav-tabs-like a {
    border-bottom: 0;
    padding: 0;
  }
  .profile-page .nav-tabs-like a, .profile-page .nav-tabs-like a:focus {
    color: #b3b6ba;
  }
  .profile-page .nav-tabs-like a:hover, .profile-page .nav-tabs-like a:focus:hover {
    color: #006c8a;
  }
  .profile-page .nav-tabs-like a.active {
    font-weight: 500;
  }
  .profile-page .nav-tabs-like a.active, .profile-page .nav-tabs-like a.active:focus {
    color: #007ea1;
  }
  .profile-page .nav-tabs-like a.active:hover, .profile-page .nav-tabs-like a.active:focus:hover {
    color: #006c8a;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .profile-page .nav-tabs-like {
    padding-top: 8px;
  }
}

@media (min-width: 1000px) {
  .profile-page .nav-tabs-like {
    padding-top: 16px;
  }
}

.profile-page .nav-tabs-like + .tab-container {
  margin-top: 48px;
}

@media (min-width: 768px) {
  .profile-page .nav-tabs-like + .tab-container {
    margin-top: 40px;
  }
}

.profile-page .form-toggler {
  position: relative;
  padding-right: 30px;
  display: inline-block;
  vertical-align: middle;
}

.profile-page .form-toggler:before {
  content: "";
  width: 30px;
  height: 100%;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  background-color: transparent;
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-blue.svg);
  background-position: center;
  background-size: 9px auto;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.profile-page .form-toggler.active:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.profile-page .form-hidden-content {
  margin-top: 32px;
}

@media (min-width: 768px) {
  .profile-page .form-hidden-content {
    margin-top: 24px;
  }
}

.profile-page .form-personal-data {
  margin-bottom: 56px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .profile-page .form-personal-data {
    margin-bottom: 64px;
  }
}

@media (min-width: 1000px) {
  .profile-page .form-personal-data {
    margin-bottom: 72px;
  }
}

.profile-page .form-personal-data .form-hidden-block {
  padding-top: 16px;
}

@media (min-width: 1000px) {
  .profile-page .form-personal-data .form-hidden-block {
    padding-top: 8px;
  }
}

.profile-page .form-personal-data .form-hidden-content {
  margin-bottom: -24px;
}

.profile-page .form-personal-contacts {
  margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .profile-page .form-personal-contacts {
    margin-bottom: 64px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .profile-page .form-personal-contacts {
    margin-bottom: 72px;
  }
}

.profile-page .form-personal-contacts .buttons-line {
  margin-top: 0;
}

.profile-page .profile-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.profile-page .profile-title-block > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-bottom: 24px;
  min-width: 0;
}

@media (min-width: 768px) {
  .profile-page .profile-title-block > * {
    margin-bottom: 32px;
  }
}

.profile-page .profile-title-block > *:not(:last-child) {
  margin-right: 16px;
}

.profile-page .profile-title-block .labels-list label:not(:last-of-type) {
  margin-right: 16px;
}

.profile-page .form-title,
.profile-page .profile-title {
  font-size: 16px;
}

@media (min-width: 768px) {
  .profile-page .form-title,
  .profile-page .profile-title {
    margin-bottom: 32px;
  }
}

@media (min-width: 1000px) {
  .profile-page .form-title,
  .profile-page .profile-title {
    font-size: 20px;
  }
}

.profile-page .form-title .digit,
.profile-page .profile-title .digit {
  color: #b3b6ba;
  font-weight: 500;
}

@media (min-width: 1000px) {
  .profile-page .form-title {
    margin-bottom: 40px;
  }
}

.profile-page .form-desc {
  margin-bottom: 16px;
}

@media (min-width: 1000px) {
  .profile-page .form-desc {
    margin-bottom: 24px;
  }
}

.profile-page .current-contact {
  font-size: 16px;
  color: #000d1a;
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
}

@media (min-width: 1200px) {
  .profile-page .form-personal-feedback {
    padding-left: 80px;
    position: relative;
  }
  .profile-page .form-personal-feedback:before {
    content: "";
    top: 0;
    bottom: 0;
    left: 22px;
    width: 1px;
    background: #d6dbe0;
    position: absolute;
  }
}

.profile-page .order-item + .order-item {
  margin-top: 32px;
}

@media (max-width: 767.98px) {
  .profile-page .tab-container {
    overflow: visible;
  }
}

.profile-address-item {
  border: 1px solid #d6dbe0;
  background: #fff;
  border-radius: 4px;
  padding: 24px 16px;
  position: relative;
}

@media (min-width: 768px) {
  .profile-address-item {
    padding-top: 32px;
    border-radius: 7px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .profile-address-item {
    padding-right: 200px;
  }
}

@media (min-width: 1000px) {
  .profile-address-item {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.profile-address-item-block {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .profile-address-item-block {
    margin-bottom: 32px;
  }
}

@media (min-width: 768px) {
  .profile-address-item .name {
    padding-bottom: 8px;
  }
}

.profile-address-item strong {
  display: block;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: 500;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .profile-address-item strong {
    font-size: 18px;
  }
}

.profile-address-item .buttons-line {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 767.98px) {
  .profile-address-item .buttons-line .btn {
    border: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin-right: 32px;
  }
  .profile-address-item .buttons-line .btn, .profile-address-item .buttons-line .btn:focus {
    background: transparent;
    color: #b3b6ba;
  }
  .profile-address-item .buttons-line .btn .icon {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .profile-address-item .buttons-line .btn {
    margin-right: 24px;
  }
  .profile-address-item .buttons-line .btn.btn-edit .icon {
    display: none;
  }
}

.profile-address-item .buttons-line .set-main-label {
  margin-left: auto;
}

@media (min-width: 768px) {
  .profile-address-item .buttons-line .set-main-label {
    position: absolute;
    top: 32px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .profile-address-item .buttons-line .set-main-label {
    right: 16px;
  }
}

@media (min-width: 1000px) {
  .profile-address-item .buttons-line .set-main-label {
    right: 32px;
  }
}

.profile-address-item + .profile-address-item {
  margin-top: 32px;
}

@media (min-width: 1000px) {
  .profile-address-item + .profile-address-item {
    margin-top: 48px;
  }
}

.profile-add-address {
  border: 1px solid #33aac5;
  background: #fff;
  border-radius: 4px;
  padding: 24px 16px;
  position: relative;
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .profile-add-address {
    padding-top: 56px;
    border-radius: 7px;
  }
}

@media (min-width: 1000px) {
  .profile-add-address {
    margin-bottom: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }
}

.profile-add-address .btn-close {
  width: 20px;
  height: 20px;
  padding: 4px;
  position: absolute;
  right: 12px;
  top: 24px;
}

.profile-add-address .btn-close, .profile-add-address .btn-close:focus {
  color: inherit;
}

.profile-add-address .btn-close:hover, .profile-add-address .btn-close:focus:hover {
  color: #006c8a;
}

@media (min-width: 768px) {
  .profile-add-address .btn-close {
    width: 24px;
    height: 24px;
    top: 24px;
  }
}

@media (min-width: 1000px) {
  .profile-add-address .btn-close {
    right: 28px;
  }
}

.profile-add-address .btn-close .icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.profile-add-address .form-title {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .profile-add-address .form-title {
    display: none;
  }
}

.profile-add-address .buttons-line {
  margin-top: 8px;
}

@media (min-width: 768px) {
  .profile-add-address .buttons-line {
    margin-top: 32px;
  }
}

.profile-add-address .buttons-line .btn {
  padding-left: 30px;
  padding-right: 30px;
  margin-right: 16px;
}

@media (min-width: 768px) {
  .profile-add-address .buttons-line .btn {
    margin-right: 24px;
  }
}

.profile-add-address .buttons-line .btn:last-child {
  margin-right: 0;
}

/* RETURN PAGE */
.return-icons-list {
  margin: 40px 0 10px;
}

@media (min-width: 768px) {
  .return-icons-list {
    margin-top: 56px;
    margin-bottom: 26px;
  }
}

@media (min-width: 1200px) {
  .return-icons-list {
    padding-left: 88px;
    padding-right: 88px;
  }
}

.return-table {
  margin: 24px 0;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .return-table {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (min-width: 1000px) {
  .return-table {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}

.return-table td:first-child {
  width: 60%;
}

@media (min-width: 768px) {
  .return-table td:first-child {
    width: 33%;
  }
}

/* COOPERATION PAGE */
/* RARE PAGE */
.rare-form {
  margin-top: 32px;
}

@media (min-width: 1000px) {
  .rare-form {
    margin-top: 64px;
  }
}

.rare-form .form-group {
  margin-bottom: 32px;
}

@media (min-width: 1000px) {
  .rare-form .form-group {
    margin-bottom: 40px;
  }
}

.rare-form .personal-agreement {
  margin-top: -17px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .rare-form .personal-agreement {
    margin-top: 0;
  }
}

@media (min-width: 1000px) {
  .rare-form .personal-agreement {
    margin-top: -24px;
  }
}

.rare-form .personal-agreement .checkbox-label + span {
  line-height: 18px;
}

@media (min-width: 768px) {
  .rare-form .personal-agreement .checkbox-label + span {
    line-height: 24px;
  }
}

.rare-form .buttons-line {
  margin-top: 48px;
}

@media (min-width: 1000px) {
  .rare-form .buttons-line {
    margin-top: 56px;
  }
}

.rare-form .buttons-line .btn {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .rare-form .buttons-line .btn {
    display: inline-block;
    width: auto;
  }
}

@media (min-width: 1000px) {
  .rare-form .buttons-line .btn {
    min-width: 290px;
  }
}

/* CERTIFICATES PAGE */
.certificates-page .certificates-list {
  margin-bottom: -48px;
}

@media (min-width: 1000px) {
  .certificates-page .certificates-list {
    margin-bottom: -56px;
  }
}

.certificates-page .certificates-list .certificates-item {
  display: block;
  margin-bottom: 48px;
}

@media (min-width: 1000px) {
  .certificates-page .certificates-list .certificates-item {
    margin-bottom: 56px;
  }
}

.certificates-page .certificates-list .certificates-item img {
  margin: 0 auto;
}

/* LEGAL ENTITIES PAGE */
.legal-entities-person {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .legal-entities-person {
    margin-bottom: 0;
  }
}

@media (max-width: 767.98px) {
  .legal-entities-person .person-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .legal-entities-person .person-item__image, .legal-entities-person .person-item__info {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 8px);
            flex: 1 1 calc(50% - 8px);
    min-width: 0;
    width: calc(50% - 8px);
    max-width: calc(50% - 8px);
  }
  .legal-entities-person .person-item__image {
    margin: 0;
  }
}

.legal-entities-person .person-item__image:before {
  height: 205px;
}

@media (min-width: 560px) and (max-width: 767.98px) {
  .legal-entities-person .person-item__image:before {
    height: 325px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .legal-entities-person .person-item__image:before {
    height: 285px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .legal-entities-person .person-item__image:before {
    height: 375px;
  }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {
  .legal-entities-person .person-item__image:before {
    height: 460px;
  }
}

@media (min-width: 1300px) {
  .legal-entities-person .person-item__image:before {
    height: 515px;
  }
}

/* CONTRACT OFFER PAGE */
.contract-offer-page .contract-offer-list {
  margin: 0;
  padding: 0;
}

@media (max-width: 767.98px) {
  .contract-offer-page .contract-offer-list {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    border-bottom: 1px solid #d6dbe0;
  }
}

.contract-offer-page .contract-offer-list li {
  padding: 0;
  margin: 0;
}

@media (max-width: 767.98px) {
  .contract-offer-page .contract-offer-list li {
    border-top: 1px solid #d6dbe0;
  }
}

.contract-offer-page .contract-offer-list li:before {
  display: none;
}

.contract-offer-page .contract-offer-list li ul {
  margin-bottom: 1.5em;
}

@media (max-width: 767.98px) {
  .contract-offer-page .contract-offer-list li ul {
    padding: 0 16px;
    display: none;
  }
}

.contract-offer-page .contract-offer-list li li {
  border-top: 0;
  margin-bottom: 1.5em;
}

.contract-offer-page .contract-offer-list li.active .toggler {
  color: #006c8a !important;
}

.contract-offer-page .contract-offer-list li.active .toggler:before {
  background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-blue.svg);
}

.contract-offer-page .contract-offer-list li.active > ul {
  padding-left: 0;
  padding-right: 0;
}

.contract-offer-page .contract-offer-list li.active > ul {
  display: block;
}

.contract-offer-page .contract-offer-list .toggler {
  color: #000d1a;
  display: block;
}

@media (max-width: 767.98px) {
  .contract-offer-page .contract-offer-list .toggler {
    margin: 0;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.43;
    color: #b3b6ba;
    padding: 12px 40px 12px 0;
  }
  .contract-offer-page .contract-offer-list .toggler:before {
    content: "";
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-gray.svg);
    display: block;
    width: 40px;
    height: auto;
    top: 0;
    bottom: 0;
    right: 0;
    margin-top: 0;
    margin-bottom: 0;
    background-size: 8px auto;
  }
}

.contract-offer-page .contract-offer-list li.active .toggler:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* CONTACTS PAGE */
.contacts-page .contacts {
  margin-bottom: 72px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .contacts-page .contacts {
    margin-bottom: 40px;
  }
}

.contacts-page-map {
  background: #d6dbe0;
  position: relative;
  height: auto;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .contacts-page-map {
    height: auto;
  }
}

@media (min-width: 1000px) {
  .contacts-page-map {
    height: auto;
  }
}

.contacts .contacts-title {
  margin-bottom: 16px;
}

.contacts .contacts-title:not(:first-child) {
  margin-top: 32px;
}

@media (min-width: 1000px) {
  .contacts .contacts-title:not(:first-child) {
    margin-top: 48px;
  }
}

.contacts-info {
  margin-bottom: 48px;
}

@media (min-width: 768px) {
  .contacts-info {
    margin-bottom: 0;
  }
}

.contacts-info .contacts-content {
  width: 100%;
  margin-bottom: -16px;
}

.contacts-info .contacts-content .value,
.contacts-info .contacts-content .name {
  padding-bottom: 16px;
}

.contacts-info .contacts-content .value {
  font-weight: 500;
  color: #000d1a;
}

.contacts-info .contacts-links {
  margin: 0 0 2em;
  padding: 0;
  font-size: 16px;
}

@media (min-width: 1000px) {
  .contacts-info .contacts-links {
    font-size: 20px;
  }
}

.contacts-info .contacts-links:last-child {
  margin-bottom: 0;
}

.contacts-info .contacts-links li {
  padding: 0;
  margin: 0 0 1em;
}

.contacts-info .contacts-links li:last-child {
  margin-bottom: 0;
}

.contacts-info .contacts-links li:before {
  display: none;
}

.contacts-info .contacts-links a {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-left: 38px;
}

@media (min-width: 1000px) {
  .contacts-info .contacts-links a {
    padding-left: 42px;
  }
}

.contacts-info .contacts-links .icon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  fill: currentColor;
}

@media (min-width: 1000px) {
  .contacts-info .contacts-links .icon {
    width: 26px;
    height: 26px;
    margin-top: -13px;
  }
}

.contacts-tabs .nav-tabs {
  padding: 8px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .contacts-tabs .nav-tabs {
    padding-top: 30px;
  }
}

@media (min-width: 1000px) {
  .contacts-tabs .nav-tabs {
    padding: 66px 8% 0 4%;
    font-size: 16px;
  }
}

.contacts-tabs .nav-tabs:before {
  display: none;
}

.contacts-tabs .nav-tabs li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33.33333%;
          flex: 1 1 33.33333%;
  margin: 0;
  width: 33.33333%;
  max-width: 33.33333%;
}

.contacts-tabs .nav-tabs a {
  padding: 0;
  text-align: center;
  font-weight: 400;
  border: 0;
}

.contacts-tabs .nav-tabs a, .contacts-tabs .nav-tabs a:focus {
  color: #b3b6ba;
}

.contacts-tabs .nav-tabs a .icon, .contacts-tabs .nav-tabs a:focus .icon {
  fill: #d6dbe0;
}

.contacts-tabs .nav-tabs a:hover, .contacts-tabs .nav-tabs a:focus:hover {
  color: #006c8a;
}

.contacts-tabs .nav-tabs a:hover .icon, .contacts-tabs .nav-tabs a:focus:hover .icon {
  fill: #006c8a;
}

.contacts-tabs .nav-tabs a.active, .contacts-tabs .nav-tabs a.active:focus {
  color: #007ea1;
}

.contacts-tabs .nav-tabs a.active .icon, .contacts-tabs .nav-tabs a.active:focus .icon {
  fill: #007ea1;
}

.contacts-tabs .nav-tabs a.active:hover, .contacts-tabs .nav-tabs a.active:focus:hover {
  color: #006c8a;
}

.contacts-tabs .nav-tabs a.active:hover .icon, .contacts-tabs .nav-tabs a.active:focus:hover .icon {
  fill: #006c8a;
}

.contacts-tabs .nav-tabs .icon {
  display: block;
  width: 66px;
  height: 64px;
  margin: 0 auto 24px;
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}

@media (min-width: 1000px) {
  .contacts-tabs .nav-tabs .icon {
    width: 81px;
    height: 73px;
  }
}

.contacts-tabs .nav-tabs + .tab-container {
  margin-top: 40px;
  position: relative;
  padding-left: 20px;
}

@media (min-width: 1000px) {
  .contacts-tabs .nav-tabs + .tab-container {
    margin-top: 78px;
  }
}

.contacts-tabs .nav-tabs + .tab-container:before {
  content: "";
  background: #007ea1;
  width: 4px;
  top: 5px;
  bottom: 30px;
  left: 0;
  position: absolute;
  display: block;
}

@media (min-width: 1000px) {
  .contacts-tabs .nav-tabs + .tab-container:before {
    bottom: 7px;
  }
}

.contacts-tabs .tab-pane {
  color: #000d1a;
  line-height: 1.57143;
}

.contacts-tabs .tab-pane p:last-child {
  margin-bottom: 0;
}

/* ABOUT PAGE */
.about-page .about-logo {
  display: block;
  width: 160px;
  margin: 0 0 16px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-page .about-logo {
    width: 210px;
    margin-bottom: 24px;
  }
}

@media (min-width: 768px) {
  .about-page .about-logo {
    width: 470px;
    margin-bottom: 56px;
  }
}

.about-page .signature {
  display: block;
  text-align: right;
  color: #007ea1;
}

.about-page-contacts {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .about-page-contacts {
    margin-bottom: 72px;
  }
}

.about-page-contacts .contacts-title {
  color: #000d1a;
}

.about-personal-slider {
  margin-top: 40px;
  margin-bottom: 48px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-personal-slider {
    margin-bottom: 64px;
  }
}

@media (min-width: 1000px) {
  .about-personal-slider {
    margin-top: 56px;
    margin-bottom: 80px;
  }
}

@media (max-width: 559.98px) {
  .about-personal-slider .swiper-container {
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-personal-slider .inner {
    padding-right: 30px;
    padding-left: 30px;
    position: relative;
  }
}

@media (min-width: 1000px) {
  .about-personal-slider .inner {
    padding-right: 120px;
    padding-left: 120px;
    position: relative;
  }
}

.about-personal-slider .inner .arrow-nav {
  display: none;
}

@media (min-width: 768px) {
  .about-personal-slider .inner .arrow-nav {
    display: block;
  }
  .about-personal-slider .inner .arrow-nav-btn {
    position: absolute;
    background: transparent !important;
    padding: 0;
    width: 24px;
    height: 14px;
    margin: -7px 0 0;
  }
  .about-personal-slider .inner .arrow-nav-btn, .about-personal-slider .inner .arrow-nav-btn:focus {
    color: #333d48;
  }
  .about-personal-slider .inner .arrow-nav-btn:hover, .about-personal-slider .inner .arrow-nav-btn:focus:hover {
    color: #006c8a;
  }
  .about-personal-slider .inner .arrow-nav-btn .icon {
    fill: currentColor;
  }
  .about-personal-slider .inner .arrow-nav-btn.prev {
    left: 15px;
    margin-left: -12px;
  }
  .about-personal-slider .inner .arrow-nav-btn.next {
    right: 15px;
    margin-right: -12px;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-personal-slider .inner .arrow-nav-btn {
    top: 141px;
  }
}

@media (min-width: 1000px) {
  .about-personal-slider .inner .arrow-nav-btn.prev {
    left: 60px;
  }
  .about-personal-slider .inner .arrow-nav-btn.next {
    right: 60px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .about-personal-slider .inner .arrow-nav-btn {
    top: 150px;
  }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {
  .about-personal-slider .inner .arrow-nav-btn {
    top: 205px;
  }
}

@media (min-width: 1300px) {
  .about-personal-slider .inner .arrow-nav-btn {
    top: 234px;
  }
}

.about-personal-slider .swiper-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about-personal-slider .swiper-title-block [class*="title"] {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-right: 24px;
}

.about-personal-slider .swiper-title-block .arrow-nav {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (min-width: 768px) {
  .about-personal-slider .swiper-title-block .arrow-nav {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-personal-slider .swiper-title {
    font-size: 16px;
  }
}

@media (min-width: 1000px) {
  .about-personal-slider .swiper-title {
    font-size: 20px;
  }
}

@media (max-width: 767.98px) {
  .about-personal-slider .swiper-slide {
    width: 144px !important;
  }
}

@media (max-width: 559.98px) {
  .about-personal-slider .swiper-slide:first-child {
    margin-left: 16px;
  }
}

.about-personal-slider .person-item {
  font-size: 12px;
}

@media (min-width: 1000px) {
  .about-personal-slider .person-item {
    font-size: 14px;
  }
}

.about-personal-slider .person-item__image {
  margin-bottom: 12px;
}

@media (min-width: 1000px) {
  .about-personal-slider .person-item__image {
    margin-bottom: 16px;
  }
}

.about-personal-slider .person-item__name {
  font-size: inherit;
  margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-personal-slider .person-item__name {
    font-size: 14px;
    margin-bottom: 8px;
  }
}

@media (min-width: 1000px) {
  .about-personal-slider .person-item__name {
    font-size: 20px;
  }
}

.about-personal-slider .person-item__info {
  white-space: nowrap;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-icons-list {
    margin-bottom: 18px;
  }
}

@media (min-width: 1000px) {
  .about-icons-list {
    margin-bottom: 50px;
  }
}

.about-icons-list .section-title {
  margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-icons-list .section-title {
    text-align: center;
  }
}

@media (min-width: 1000px) {
  .about-icons-list .section-title {
    font-size: 30px;
  }
}

.about-icons-list .desc {
  margin-bottom: 40px;
  color: #007ea1;
}

@media (min-width: 1000px) {
  .about-icons-list .desc {
    font-size: 18px;
    margin-bottom: 80px;
  }
}

.about-page-highlighted-info-block {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 32px;
  margin-left: 0;
  margin-right: 0;
}

.about-page-highlighted-info-block .title {
  margin-bottom: 32px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-page-highlighted-info-block .sub {
    padding-left: 63px;
  }
}

@media (min-width: 1000px) {
  .about-page-highlighted-info-block .sub {
    padding-left: 150px;
  }
}

.about-page-highlighted-info-block .subtitle {
  margin-bottom: 1.5em;
}

@media (max-width: 767.98px) {
  .about-page-highlighted-info-block .subtitle {
    font-weight: inherit;
  }
}

.about-page-gallery {
  margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-page-gallery {
    margin-bottom: 56px;
  }
}

@media (min-width: 1000px) {
  .about-page-gallery {
    margin-bottom: 100px;
  }
}

.about-page-gallery .section-title {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .about-page-gallery .section-title {
    margin-bottom: 48px;
  }
}

.about-page-gallery .swiper-container {
  position: relative;
  width: 100%;
  padding: 0 calc(50% - 130px);
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-page-gallery .swiper-container {
    padding: 0 calc(50% - 210px);
  }
}

@media (min-width: 1000px) {
  .about-page-gallery .swiper-container {
    padding: 0 calc(50% - 310px);
  }
}

.about-page-gallery .swiper-pagination {
  margin-top: 16px;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-page-gallery .swiper-pagination {
    margin-top: 24px;
  }
}

@media (min-width: 1000px) {
  .about-page-gallery .swiper-pagination {
    display: none;
  }
}

.about-page-gallery .arrow-nav {
  display: none;
}

@media (min-width: 1000px) {
  .about-page-gallery .arrow-nav {
    display: block;
  }
  .about-page-gallery .arrow-nav-btn {
    position: absolute;
    top: 50%;
    background: transparent !important;
    padding: 0;
    width: 38px;
    height: 22px;
    margin: -11px 0 0;
  }
  .about-page-gallery .arrow-nav-btn, .about-page-gallery .arrow-nav-btn:focus {
    color: #333d48;
  }
  .about-page-gallery .arrow-nav-btn:hover, .about-page-gallery .arrow-nav-btn:focus:hover {
    color: #006c8a;
  }
  .about-page-gallery .arrow-nav-btn .icon {
    fill: currentColor;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .about-page-gallery .arrow-nav .arrow-nav-btn.prev {
    left: calc(50% - 481px);
  }
  .about-page-gallery .arrow-nav .arrow-nav-btn.next {
    right: calc(50% - 481px);
  }
}

@media (min-width: 1200px) and (max-width: 1299.98px) {
  .about-page-gallery .arrow-nav .arrow-nav-btn.prev {
    left: calc(50% - 586px);
  }
  .about-page-gallery .arrow-nav .arrow-nav-btn.next {
    right: calc(50% - 586px);
  }
}

@media (min-width: 1300px) {
  .about-page-gallery .arrow-nav .arrow-nav-btn.prev {
    left: calc(50% - 648px);
  }
  .about-page-gallery .arrow-nav .arrow-nav-btn.next {
    right: calc(50% - 648px);
  }
}

.about-page-gallery .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-page-gallery-image {
  position: relative;
  display: block;
}

.about-page-gallery-image:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  opacity: 0.7;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.swiper-slide-active .about-page-gallery-image:before {
  opacity: 0;
}

.about-page-gallery-desc {
  font-size: 12px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .about-page-gallery-desc {
    font-size: 14px;
  }
}

@media (min-width: 1000px) {
  .about-page-gallery-desc {
    padding: 0 calc(50% - 310px);
  }
}

.about-page-gallery-desc .tab-pane {
  padding-top: 24px;
}

.about-page-gallery-desc p:last-child {
  margin-bottom: 0;
}

/* DESCRIPTION PAGE */
.description-page-top {
  font-size: 12px;
  color: #b3b6ba;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .description-page-top {
    font-size: 16px;
  }
}

.description-page-offer {
  margin-bottom: 48px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .description-page-offer {
    margin-bottom: 56px;
  }
}

@media (min-width: 1000px) {
  .description-page-offer {
    margin-bottom: 72px;
  }
}

.description-page-offer .catalog-list {
  margin-bottom: -16px;
}

@media (max-width: 999.98px) {
  .description-page-offer .catalog-list {
    margin-bottom: 0;
    padding-bottom: 1px;
    padding-right: 1px;
  }
}

.description-page-offer .catalog-item {
  margin-bottom: 16px;
}

@media (max-width: 999.98px) {
  .description-page-offer .catalog-item {
    border-radius: 0;
    -ms-flex-preferred-size: calc(100% + 1px);
        flex-basis: calc(100% + 1px);
    width: calc(100% + 1px);
    max-width: calc(100% + 1px);
    margin: 0 -1px -1px 0;
  }
}

@media (max-width: 999.98px) {
  .description-page-offer .row {
    margin-left: 0;
    margin-right: 0;
  }
  .description-page-offer .row > [class^="col"] {
    padding-left: 0;
    padding-right: 0;
  }
}

.description-page-offer .arrow-more {
  margin-top: 24px;
}

@media (min-width: 1300px) {
  .description-page-offer .row > [class^="col"] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    max-width: 20%;
  }
}

.description-page .right-nav-menu-content .highlighted-info {
  margin: 16px -16px 24px;
  padding: 16px 16px;
  display: block;
}

@media (min-width: 560px) {
  .description-page .right-nav-menu-content .highlighted-info {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .description-page .right-nav-menu-content .highlighted-info {
    padding: 24px;
    margin-top: 24px;
  }
}

@media (min-width: 1000px) {
  .description-page .right-nav-menu-content .highlighted-info {
    padding: 24px 32px;
    margin: 32px 0 48px;
  }
}

.description-page .right-nav-menu-content img {
  margin: 24px 0;
}

.description-page .right-nav-menu-content .product-sertificates img {
  margin: 0;
}

.description-page .description-page-head-block,
.description-page .right-nav-menu-content .description-page-head-block {
  display: block;
  padding: 24px 16px;
  margin: 0 -16px 24px;
  text-transform: uppercase;
  font-size: 20px;
}

@media (min-width: 560px) {
  .description-page .description-page-head-block,
  .description-page .right-nav-menu-content .description-page-head-block {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .description-page .description-page-head-block,
  .description-page .right-nav-menu-content .description-page-head-block {
    padding: 32px 24px;
    font-size: 24px;
  }
}

@media (min-width: 1000px) {
  .description-page .description-page-head-block,
  .description-page .right-nav-menu-content .description-page-head-block {
    padding-left: 32px;
    padding-right: 32px;
  }
}

.description-page .right-nav-menu {
  margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .description-page .right-nav-menu {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 32px;
       -moz-column-gap: 32px;
            column-gap: 32px;
    margin-bottom: 40px;
  }
}

.description-page .sub-pane {
  margin-bottom: 1.5em;
}

/* FAVOURITE PAGE */
/*
.favourite-page .catalog-controls {
  margin-bottom: 24px;
  display: block;
}

.favourite-page .catalog-controls > ul {
  display: block;
}

.favourite-page .catalog-controls .order-control {
  display: block;
}

@media (min-width: 768px) {
  .favourite-page .catalog-controls {
    margin-bottom: 16px;
  }
  .favourite-page .catalog-controls .order-control {
    margin-right: auto;
  }
  .favourite-page .catalog-controls .available-control,
  .favourite-page .catalog-controls .sale-control {
    display: block;
    margin-left: 32px;
  }
  .favourite-page .catalog-controls > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 1000px) {
  .favourite-page .catalog-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.favourite-page .btn-catalog-more {
  margin-top: 24px;
  display: block;
  width: 100%;
}

.favourite-page .pagination {
  margin-top: 16px;
}

@media (min-width: 768px) {
  .favourite-page .pagination {
    margin-top: 24px;
    text-align: left;
  }
}
*/
/* HOW-TO PAGE */
.how-to-page .right-nav-menu-container {
  margin-bottom: 28px;
}

@media (min-width: 768px) {
  .how-to-page .right-nav-menu-container {
    margin-bottom: 56px;
  }
}

.how-to-page .right-nav-menu {
  display: none;
}

@media (min-width: 768px) {
  .how-to-page .right-nav-menu {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .how-to-page .right-nav-menu {
    margin-bottom: 40px;
  }
}

.how-to-page .right-nav-menu-content {
  margin-left: -16px;
  margin-right: -16px;
  border-bottom: 1px solid #d6dbe0;
}

@media (min-width: 560px) {
  .how-to-page .right-nav-menu-content {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .how-to-page .right-nav-menu-content {
    border-bottom: 0;
  }
}

.how-to-page .sub-pane {
  display: none;
  padding-right: 16px;
  padding-left: 16px;
  margin-bottom: 1.5em;
}

.how-to-page .sub-pane.active {
  display: block;
}

@media (min-width: 560px) {
  .how-to-page .sub-pane {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .how-to-page .sub-pane {
    display: block !important;
  }
}

@media (max-width: 767.98px) {
  .how-to-page .sub-pane-toggler {
    display: block;
    border-top: 1px solid #d6dbe0;
    margin: 0;
    padding: 12px 0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
  }
  .how-to-page .sub-pane-toggler, .how-to-page .sub-pane-toggler:focus {
    color: #b3b6ba;
  }
  .how-to-page .sub-pane-toggler:hover, .how-to-page .sub-pane-toggler:focus:hover {
    color: #006c8a;
  }
  .how-to-page .sub-pane-toggler:before {
    content: "";
    position: absolute;
    right: 0;
    width: 40px;
    height: 100%;
    top: 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-gray.svg);
    background-size: 8px auto;
    background-position: center;
    background-repeat: no-repeat;
  }
  .how-to-page .sub-pane-toggler.active:before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    background-image: url(/local/templates/wer_rediz_2021/css/../images/drop-blue.svg);
  }
}

@media (max-width: 559.98px) {
  .how-to-page .sub-pane-toggler {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.how-to-list {
  margin: 0 0;
  padding: 0;
  display: block;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .how-to-list {
    margin-bottom: 56px;
  }
}

@media (min-width: 1000px) {
  .how-to-list {
    margin-bottom: 72px;
  }
}

.how-to-list li {
  display: block;
  padding: 0;
  margin: 0 0 28px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .how-to-list li {
    margin-bottom: 32px;
  }
}

@media (min-width: 1000px) {
  .how-to-list li {
    margin-bottom: 40px;
  }
}

.how-to-list li:before {
  background: #e7f7fb !important;
  border-radius: 4px;
  line-height: 27px;
  padding: 1px 4px 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  color: #007ea1;
  display: block;
  min-width: 28px;
  content: counter(itemsCounter);
}

@media (min-width: 1000px) {
  .how-to-list li:before {
    line-height: 35px;
    font-size: 20px;
    min-width: 36px;
  }
}

.how-to-list .text {
  display: block;
  padding-left: 36px;
  padding-top: 3px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .how-to-list .text {
    padding-left: 44px;
  }
}

@media (min-width: 1000px) {
  .how-to-list .text {
    padding-left: 52px;
    padding-top: 6px;
  }
}

.how-to-list .text .icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  fill: currentColor;
  margin: 0 6px;
}

.how-to-list .text .icon .toggle-menu div,
.how-to-list .text .icon .toggle-menu div:before,
.how-to-list .text .icon .toggle-menu div:after {
  background: currentColor;
}

.how-to-list img:not(.icon) {
  margin: 16px auto 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .how-to-list img:not(.icon) {
    margin-bottom: 36px;
  }
}

@media (min-width: 1000px) {
  .how-to-list img:not(.icon) {
    margin: 24px auto 40px;
  }
}

.how-to-list h4 {
  margin-bottom: 8px;
}

/* ACTION PAGE */
.actions-page .actions-list {
  margin-bottom: -16px;
}

.actions-page .actions-list .action-item {
  margin-bottom: 16px;
}

.actions-page .btn-more {
  display: block;
  width: 100%;
  margin-top: 24px;
}

.actions-page .pagination {
  margin-top: 24px;
}

/* FEEDBACK PAGE */
.feedback-page .feedback-phones {
  margin: -9px -8px -4px;
  padding: 0;
}

@media (min-width: 768px) {
  .feedback-page .feedback-phones {
    margin: -17px -12px -4px;
  }
}

.feedback-page .feedback-phones li {
  display: inline-block;
  vertical-align: middle;
  margin: 4px 8px;
  padding: 0;
}

@media (min-width: 768px) {
  .feedback-page .feedback-phones li {
    margin: 4px 12px;
  }
}

.feedback-page .feedback-phones li:before {
  display: none;
}

.feedback-page .phone {
  color: #000d1a;
  font-size: 18px;
  font-weight: 500;
}

@media (min-width: 1000px) {
  .feedback-page .phone {
    font-size: 20px;
  }
}

.feedback-page a.phone, .feedback-page a.phone:focus {
  color: #000d1a;
}

.feedback-page a.phone:hover, .feedback-page a.phone:focus:hover {
  color: #006c8a;
}

.feedback-form {
  margin-top: 32px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .feedback-form {
    margin-top: 40px;
  }
}

@media (min-width: 1000px) {
  .feedback-form {
    margin-top: 48px;
  }
}

.feedback-form .form-group {
  margin-bottom: 32px;
}

@media (min-width: 1000px) {
  .feedback-form .form-group {
    margin-bottom: 34px;
  }
}

@media (min-width: 768px) {
  .feedback-form .feedback-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.feedback-form label:not(.tag-like) {
  color: inherit;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .feedback-form label:not(.tag-like) {
    margin-bottom: 0;
    margin-right: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

.feedback-form textarea.form-control {
  min-height: 120px;
}

.feedback-form .buttons-line {
  margin-top: 40px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .feedback-form .buttons-line {
    margin-top: 48px;
  }
}

@media (min-width: 1000px) {
  .feedback-form .buttons-line {
    margin-top: 64px;
  }
}

.feedback-form .buttons-line .btn-submit {
  width: 100%;
  display: block;
}

@media (min-width: 768px) {
  .feedback-form .buttons-line .btn-submit {
    width: auto;
    display: inline-block;
  }
}

@media (min-width: 1000px) {
  .feedback-form .buttons-line .btn-submit {
    padding-right: 80px;
    padding-left: 80px;
  }
}

.feedback-form .personal-agreement {
  margin-top: 16px;
  text-align: center;
}

@media (min-width: 768px) {
  .feedback-form .personal-agreement {
    text-align: left;
    font-size: 14px;
  }
}

.feedback-labels-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (min-width: 768px) {
  .feedback-labels-list {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
  }
}

.feedback-labels-list li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 8px 0 0;
  padding: 0;
}

@media (min-width: 768px) {
  .feedback-labels-list li {
    margin-right: 16px;
  }
}

.feedback-labels-list li:before {
  display: none;
}

.feedback-labels-list label {
  margin: 0;
}

/* FAQ PAGE */
@media (min-width: 1000px) {
  .faq-page .right-nav-menu-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-left: 16px;
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}

.faq-page ul.right-nav-menu {
  margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .faq-page ul.right-nav-menu {
    margin-bottom: 40px;
  }
}

@media (min-width: 1000px) {
  .faq-page ul.right-nav-menu {
    margin: 0;
  }
}

.faq-page .faq-item + .faq-item {
  margin-top: 8px;
}

.faq-page .faq-list {
  margin-bottom: 56px;
}

@media (min-width: 768px) {
  .faq-page .faq-list {
    margin-bottom: 72px;
  }
}

.faq-page .faq-list:last-child {
  margin-bottom: 0;
}

.faq-page .faq-feedback {
  margin-top: 32px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .faq-page .faq-feedback {
    margin-top: 40px;
    max-width: 380px;
  }
}

.faq-page .faq-feedback .section-title {
  margin-bottom: 8px;
}

@media (min-width: 1000px) {
  .faq-page .faq-feedback .section-title {
    margin-bottom: 24px;
  }
}

.faq-page .faq-feedback p {
  margin-bottom: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .faq-page .faq-feedback p {
    margin-bottom: 12px;
  }
}

@media (min-width: 1000px) {
  .faq-page .faq-feedback p {
    margin-bottom: 16px;
  }
}

@media (min-width: 1000px) {
  .faq-page .faq-feedback .btn {
    width: 100%;
    display: block;
  }
}

@media (min-width: 1000px) {
  .faq-page .right-nav-menu-container + .faq-feedback {
    display: none;
  }
}

.faq-page .right-nav-menu-wrapper .faq-feedback {
  display: none;
}

@media (min-width: 1000px) {
  .faq-page .right-nav-menu-wrapper .faq-feedback {
    display: block;
    margin-top: 48px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  .faq-page .right-nav-menu-wrapper .faq-feedback {
    max-width: 230px;
  }
}

@media (min-width: 1200px) {
  .faq-page .right-nav-menu-wrapper .faq-feedback {
    max-width: 275px;
  }
}

.faq-item {
  border: 1px solid #d6dbe0;
  border-radius: 7px;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.faq-item__head {
  padding: 16px 50px 16px 8px;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

@media (min-width: 768px) {
  .faq-item__head {
    padding: 24px 80px 24px 24px;
  }
}

.faq-item__head .icon {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 13px;
  height: 8px;
  margin-top: -4px;
  fill: currentColor;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (min-width: 768px) {
  .faq-item__head .icon {
    right: 24px;
  }
}

@media (min-width: 1000px) {
  .faq-item__head .icon {
    font-size: 18px;
  }
}

.faq-item__body {
  border-top: 1px solid #d6dbe0;
  padding: 16px 8px;
  display: none;
}

@media (min-width: 768px) {
  .faq-item__body {
    padding: 24px;
  }
}

.faq-item__body p:last-child {
  margin-bottom: 0;
}

.faq-item.accordeon-item-active {
  border-color: #33aac5;
}

.faq-item.accordeon-item-active .faq-item__head {
  color: #000d1a;
}

.faq-item.accordeon-item-active .faq-item__head .icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq-item.accordeon-item-active .faq-item__body {
  display: block;
}

/* PAGE 404 */
.not-found-page .catalog-slider {
  margin-bottom: 0;
}

.not-found-main {
  position: relative;
  margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .not-found-main {
    padding-top: 24px;
    margin-bottom: 48px;
  }
}

@media (min-width: 1000px) {
  .not-found-main {
    padding-top: 32px;
    padding-bottom: 126px;
    margin-bottom: 48px;
  }
}

.not-found-main .row,
.not-found-main [class^="col"] {
  position: static;
}

.not-found-image {
  position: static;
  margin: 0 -16px;
}

@media (min-width: 560px) {
  .not-found-image {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 1000px) {
  .not-found-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
  }
}

@media (min-width: 1000px) {
  .not-found-content {
    position: relative;
    z-index: 1;
  }
}

.not-found-title {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 80px;
  line-height: 95px;
  color: #007ea1;
  font-weight: 400;
  margin: 0;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .not-found-title {
    font-size: 131px;
    line-height: 155px;
  }
}

@media (min-width: 1000px) {
  .not-found-title {
    position: static;
    font-size: 180px;
    line-height: 213px;
  }
}

.not-found-text {
  margin: 24px 0 40px;
  color: #007ea1;
  font-size: 16px;
  line-height: 24px;
}

@media (min-width: 768px) and (max-width: 999.98px) {
  .not-found-text {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    max-width: 540px;
  }
}

@media (min-width: 1000px) {
  .not-found-text {
    margin-top: 12px;
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
  }
}

.not-found-btn {
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .not-found-btn {
    display: inline-block;
    width: auto;
  }
}

@media (min-width: 1000px) {
  .not-found-btn {
    min-width: 290px;
  }
}

.photo_line
{
	display: flex;
	padding: 10px 0;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 -20px;
}
.photo_block
{
	width: 50%;
	padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 999.98px) {
	.photo_line
	{
		flex-direction: column;
	}
  .photo_block
	{
	width: 100% !important;
	}
}
/* End */


/* Start:/local/templates/wer_rediz_2021/css/conflict.css?172598908128715*/
body, h3, h4, h5, p, ul, .size-h4, .main_section_medicament .h3 {
    margin: 0;
    padding: 0;
    color: #666;
    font-family: Roboto;
    display: block;
}

.text-color-red p {
    color: #ff3a44 !important;
}

/*
header .container, .download-mobile-app  .container, .footer .container {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}
.container {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}


.container-fluid {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}
.catalog-content .col-xs-12
{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
@media (min-width: 560px) {
    .container {
        max-width: 100%;
    }
    header .container, .download-mobile-app  .container,  .footer .container {
        max-width: 552px;
    }

}

@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
    header .container, .download-mobile-app  .container,  .footer .container {
        max-width: 752px;
    }

}

@media (min-width: 1000px) {
    .container {
        max-width: 100%;
    }
    header .container, .download-mobile-app  .container,  .footer .container {
        max-width: 962px;
    }

}

@media (min-width: 1200px) {
    .container {
        max-width: 100%;
    }
    header.container, .download-mobile-app  .container,  .footer .container {
        max-width: 1172px;
    }
}

@media (min-width: 1300px) {
    .container {
        max-width: 100%;
    }
    header .container, .download-mobile-app  .container,  .footer .container {
        max-width: 1296px;
    }
}
*/
.container_catalog {
    margin-left: -16px;
    margin-right: -16px;
}

.btn {
    height: auto;
}

.nav-tabs {
    border-bottom: transparent;
}

.nav-tabs > li > a {
    border: none;
    border-bottom: 4px solid transparent;
    border-radius: 0;
}

.nav-tabs > li > a:hover {
    border-bottom: transparent;
}

.header-search .form-control {
    border: 2px solid #ffa903;
    border-right-width: 0;
    margin-right: -2px;
    border-radius: 4px 0 0 4px;
    line-height: 20px;
    font-size: 14px;
    background: #fff;
    padding: 7px 14px;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: auto;

}

.header-search .form-group {
    margin-bottom: 0;
}

.tag {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 28px;
    padding: 1px 8px 0;
    text-align: center;
    border-radius: 4px;
    border: 1px solid;
    font-weight: 400;

}

@media (min-width: 768px) {
    .header-search .form-control {
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
        line-height: 22px;
        font-size: 16px;
        padding: 10px 14px;
    }
}

.header-search .form-group .btn {
    height: auto;
}

.wrapper {
    max-width: 1270px;
    padding: 0 0px;
}

.footer-bottom span, .footer-copyright {
    color: #FFF;
}

.footer-policy {
    color: #FFF;
}

.header-categories-list .links-list-3 {
    width: 100%;
}

.header-categories-list .links-list-3 ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;

}

@media only screen and (max-width: 660px) {
    .town-list-item {
        display: block;
    }
}

.header-search .form-group > .btn[type="submit"] {
    z-index: 0;
}

.container blockquote {
    border: none;
}

.ps .ps__rail-y {
    z-index: 1
}

@media (min-width: 768px) {
    .header-search .input-search-result {
        max-height: 500px;
    }
}

.search-product-link span:last-child {
    white-space: nowrap;
}

.header-search .input-search-result.active .default-results, .header-search .input-search-result .found-results {
    display: block;
}

.header-search .form-control {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 38px;
}

input[placeholder] {
    text-overflow: ellipsis;
}

input::-moz-placeholder {
    text-overflow: ellipsis;
}

input:-moz-placeholder {
    text-overflow: ellipsis;
}

input:-ms-input-placeholder {
    text-overflow: ellipsis;
}

.dropdown-block {
    padding: 0;
    border: none;
    margin-bottom: 0px;
    background: transparent;
    position: relative;
    opacity: 1;
    /* opacity: 0; */
    -webkit-transform: none;
    transform: none;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-group .btn {

}


.products-section .prod .link-prod .h3 {
    margin-bottom: 0;
}

.products-section .prod .link-prod .description {
    height: 33px;
}


.products-section .prod button.btn-lg {
    padding: 0
}

.prod .cart.full {
    border-radius: 4px;
}


@media (min-width: 768px) {
    .catalog-item.variant .catalog-item__left, .catalog-item.variant .catalog-item__right {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 60%;
        min-width: 0;
        max-width: 60%;
        width: 60%;
        padding-top: 32px;
    }
}

/*
@media (min-width: 1000px) {
    .product-page .catalog-slider {
        margin-bottom: 0px;
    }
}

.product-main {
    display: block;
    margin-bottom: 0px;
}
*/

@media (min-width: 768px) and (max-width: 999.98px) {
    .main-rating-block .btn-lg {
        padding: 8px 30px;
    }
}

@media (min-width: 1000px) {
    .main-rating-block .btn-lg {
        padding: 12px 50px;
    }
}

h2, .h2 {
    font-size: 18px;
    line-height: 1.44444;
    font-weight: 500;
    /*margin-bottom: 0px;*/
}

@media (min-width: 1000px) {
    h2, .h2 {
        font-size: 20px;
        line-height: 1.4;
        /*margin-bottom: 0px;*/
    }
}

.offers p {
    font-size: 16px
}


/* old design */
header ul, footer ul {
    list-style-type: none;
}

.download-mobile-app .list li {
    list-style: none;
}

/* catalog */
.catalog-content .filters .select-sort .input-select p {

    padding: 5px 36px 7px 8px;
    width: 163px;

}

.wrapper {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;

}

a:focus {
    text-decoration: none;
}

@media (min-width: 560px) {
    .wrapper {
        max-width: 552px;
    }
}

@media (min-width: 768px) {
    .wrapper {
        max-width: 752px;
    }
}

@media (min-width: 1000px) {
    .wrapper {
        max-width: 962px;
    }
}

@media (min-width: 1200px) {
    .wrapper {
        max-width: 1172px;
    }
}

@media (min-width: 1300px) {
    .wrapper {
        max-width: 1296px;
    }
}


/* /personal/auth/ */
.col-auto {
    width: auto;
    float: left;
    flex: 0;
}

.btn-lg {
    min-width: 140px;
}

.form-text {
    padding-left: 20px;
    font-size: .8125rem;
    text-align: left;
    color: #999;
}

.form-text {
    display: block;
    margin-top: 0px;
}

.forgot-password {
    white-space: nowrap;
}

.form-group {
    margin-bottom: 0px;
}

.income__flex div {
}

.preload-box {
    padding: 0 10px;
}

.error-text {
    color: #ff5f6b;
}

.income__flex input.required {
    border-left: 2px solid #f33 !important;
}

.has-danger .form-control {
    border-color: #ff5f6b;
}

.income__flex div a {
    color: #007ea1;
}

/* end /personal/auth/ */

/* modal */

.modal-dialog {
    position: relative;
    width: auto;
    margin: auto;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

label {
    font-weight: normal
}

/* end modal */

h2.brands-section-title {
    display: block;
}

.tab-pane ul {
    list-style: none
}

.brands-alphabet-filter .btn, .brands-alphabet-filter .form-control {
    height: auto;
}

.brands-alphabet-subcategories input:disabled + label {
    cursor: not-allowed;
    opacity: .65;
}

.brands-page .purpose-grid {
    max-height: none;
}

.section h2, h2.h1, h2.h2, h1.h1, .sezon-prods h2.h1 {
    padding: 0;

}

.sezon-prods h2.h1 {
    padding-top: 0 !important;
}

@media (min-width: 1000px) {
    .contacts-page-map {
        height: auto;
    }
}


/* .legal-entities-page */


.legal-entities-page p, .return-page p, .cooperation-page p, .about-page p, .delivary-page p, .feedback-page p, .footer-contacts p {
    margin: 0 0 1.5em;
    display: block;
}


@media (min-width: 1000px) {
    .legal-entities-page h3, .legal-entities-page .h3 {
        font-size: 18px;
    }
}

.legal-entities-page h3, .legal-entities-page .h3 {
    font-size: 16px;
    line-height: 1.33333;
    font-weight: 500;
    margin-bottom: 1em;
}

.legal-entities-page ul, .legal-entities-page ol {
    margin: 0 0 1.5em;
    padding: 0;
    list-style: none;
}

.delivery-item .important {
    color: #ff3a44 !important;
}

.delivery-item-schedule .alt-text.text-uppercase {
    display: block;
    color: #007ea1;
    margin: 0 0 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.nav-tabs > li {
    float: none;
}

.warning-ul {
    margin: 0 0 -16px;
    list-style: none;
}

.warning-ul li {
    padding-left: 30px;
    margin-bottom: 16px;
}

.warning-ul li:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 10px;
    margin: -9px 0 0;
    background-image: url(/local/templates/wer_rediz_2021/css/../images/warning-red.svg);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.warning-ul .icon.warningtip-icon {
    display: none;
}

.message_form_ok {
    color: green;
}

/*  index page */
.main-page .section-title {
    font-weight: 700;
    margin-bottom: 24px;
}

.main-alphabet .pagination li:not(.active) a:hover, .main-alphabet .pagination li:not(.active) a:focus:hover {
    color: #006c8a;
}

.letter-item.active .letter-link, .letter-item:focus .letter-link, .letter-item:hover .letter-link {
    border: transparent;
}

.main-alphabet .pagination > li > a, .main-alphabet .pagination > li > span {
    border: transparent;
}

.main-alphabet .pagination > li > a, .main-alphabet .pagination > li > span {
    color: #333d48;
}

.letter-link {
    border: none;
}

.main-alphabet .pagination li {
    margin: 0;
    margin-bottom: 6px
}

/* catalog */
.catalog-content ul {
    list-style: none;
}

.catalog-content ul li:before {
    display: none;
}

.catalog-content .bx_catalog_text_title {
    font-weight: normal;
}

.catalog-content .read-more .close {
    opacity: 1;
    color: #006c8a;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 40px;
    font-size: 16px;
    margin-bottom: 0px;
}

.container_catalog {
    overflow: hidden;
}

.container_catalog .purpose-grid, .bx_catalog_text .purpose-grid {
    margin: 10px -10px 10px -30px;
}

.bx_catalog_text .purpose-grid .grid-item-inner:before {
    background: none !important;
}

.bx-filter-parameters-box *, .bx-filter-parameters-box *::before, .bx-filter-parameters-box *::after {
    box-sizing: content-box;
}

.catalog-content .filters .filt-right .fl {
    float: none;
}

.catalog-content .filters .btn {
}

.bx-filter-block-absolute {
    z-index: 9;
}

.catalog-content .filters .btn {
    padding-bottom: 0;
    height: 30px;
}

.catalog-content .filters .act-subst .select-active .input-select p {
    padding: 6px 36px 7px 8px;
}

.bx-filter-parameters-box-container .all {
    width: 250px;
}

.bx-filter-horizontal .price-range .bx-filter-popup-result:after {
    top: 24px;
}

.bx-filter-block .min-price {
    margin-right: 15px;
}

.bx-filter-input-count {
    padding-right: 10px;
}

.prods .prod .btn {
    width: 130px;
    height: 40px;
    margin-left: 0;
    margin-top: 0;
    font-size: 14px;
    background-color: #fff;
    transition: all .3s;
    cursor: pointer;
    border-color: #56c5de;
    color: #56c5de;
    border-radius: unset;
}

.prods .prod .btn-lg {
    padding: 0
}

.prods .prod .plus-one {
    width: 140px;
    height: 40px;
    bottom: 47px;
}

.b-blog-article__text-inner {
    font-size: 15px;
}

.opinion-block__imag-inner {
    min-height: 200px;
}

.wrapper.section-text {
    font-size: 14px;
}

.navigation a, .navigation span {
    display: inline-block;
    vertical-align: top;
    padding: 1px 2px 0 2px;
    text-align: center;
    line-height: 27px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    min-width: 28px;
    border-radius: 4px;
    font-family: inherit;
}

.page-navi span, .page-navi a {
    height: auto;
    width: auto;
}

.page-navi a:last-child, .page-navi a#navigation_3_next_page, .page-navi a#navigation_3_previous_page, .page-navi a#navigation_1_previous_page, .page-navi a#navigation_2_previous_page {
    padding-top: 0;
    padding-bottom: 0;
}

.prods {
    padding-bottom: 0;
}

.show-else:hover {
    color: #006c8a;
    background: #e8ebee;
    border-color: transparent;
}

.show-else, .show-else:focus {
    color: #007ea1;
    background: #f2f3f5;
    border-color: transparent;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    border-radius: 4px;
}

.bx-catalog-subscribe-button, .popup-window-buttons .btn {
    margin-bottom: 6px;
    margin-top: 10px;
    display: inline-block;
    height: 40px !important;
    line-height: auto;
    background: #56c5de !important;
    border-color: #56c5de;
    max-width: 100%;
    color: #fff;
    padding: 10px 25px;
}

.bx-catalog-subscribe-button > span, .popup-window-buttons .btn > span {
    line-height: normal;
}

.product-cart__buy__block-cart .bx-catalog-subscribe-button {
    padding: 0;
}

.popup-window-buttons .btn > span {
    line-height: 0;
    padding: 0;
}

.swiper-slide .prod.item {
    width: 100%;
}

@media (min-width: 768px) {
    .atalog-item__right {
        width: 60%;
    }
}

@media (min-width: 768px) and (max-width: 999.98px) {
    .bx_catalog_text .bx_catalog_text_ul li {
        margin-bottom: 5px;
    }
}

@media (min-width: 1000px) {
    .catalog-item__basket-control .btn-lg {
        padding: 7px 30px;
    }
}

@media only screen and (max-width: 1270px) and (min-width: 769px) {
    .bx-filter-horizontal .bx-filter-popup-result {
        display: inline-block;
        position: absolute;
        left: 0;
        margin-left: 0;
        top: 0px;
        z-index: 20;
    }
}

@media only screen and (max-width: 768px) {

    .container_catalog .purpose-grid, .bx_catalog_text .purpose-grid {
        margin: 0px -10px 10px -15px;
    }

    .bx_catalog_text .bx_catalog_text_ul li {
        float: left;
        margin: 1px 10px 4px;
        padding-left: 0;
    }

    .bx_catalog_text .read-more {
        margin-right: 10px;
    }

    .catalog-content .read-more .close {
        opacity: 1;
        color: #006c8a;
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 0px;
        font-size: 14px;
        margin-top: 0px;
    }

    a.inner-link.smooth {
        margin-top: 0;
    }

    .prods {
        justify-content: center;
    }

    .row-mobile {
        margin-left: -16px;
        margin-right: -16px;
    }

    .row-mobile .wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .col-xs-12 {
        float: none;
    }

    .bx-filter-parameters-box-container .all {
        width: 95%;
    }

    .bx-filter-parameters-box-container {
        border-radius: 0;
    }

}

.dropdown-block.active {
    z-index: 60;
}

/* catalog item */
.product-cart__buy .buy__cart .aqua, .product-cart__buy .buy__cart .full {
    margin-right: 20px;
    padding-top: 9px;
}

.product-content h1 {
    font-size: 28px;
    margin-bottom: 0;
}

.product-content h2 {
    font-size: 26px;
}

.product-cart__buy__deliver__seo_text, .product-cart__buy__deliver {
    font-size: 14px;
}

.product-cart__info p .another-forms span {
    padding: 5px 5px 5px;
}

.delivery-price-td {

}

#delivery-city-name {
    margin-right: 20px
}

.product-cart__buy__block-cart {
    min-height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.product-cart__info p {
    padding-bottom: 6px;
}

.block-infos p + h4, .block-infos ul + h4 {
    margin-top: 1.5em;
}

@media (min-width: 768px) {
    .product-main__info .arrow-more {
        margin-bottom: 24px;
    }
}

.product-main__info .all-prods {
    display: inline-block;
    color: orange;
    padding: 10px 15px 9px;
    background: #ffedcd;
    display: block
}

.product-delivery-item span.h3 .required {
    font-weight: normal;
    display: block;
}

.product-delivery li .price .info {
    display: block;
    color: #b3b6ba;
    margin-top: 4px;
    font-size: 14px;
    line-height: 22px;
}

.product-variant-label {
    align-items: stretch !important;
}

.catalog-item__info .description {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.align-items-height .catalog-item {
    height: 100%;
}

@media (max-width: 767.98px) {
    .block-infos p + h4, .block-infos ul + h4 {
        margin-top: 1.5em !important;
    }
}

.block-infos ul li {
    padding-left: 0;
}

.block-infos table {
    border-collapse: collapse;
    border: 2px double rgb(214, 219, 224);
    margin: 5px 0;
}

.block-infos td {
    padding: 5px;
    border: 1px solid rgb(214, 219, 224);
}

.product-variant-label p span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    /*@supports (-webkit-line-clamp: 2) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }*/
}

.product__variant-labels li a {
    display: flex;

    justify-content: stretch;

}

.delivery-price-td {

}

.delivery-price-td .btn {
    padding-top: 10px;
}

.product-main__image .info {
    margin-top: 10px;
}

ul.contents-table .name {
    width: 100%;
}

.btn-attention .icon {
    fill: #d6dbe0;
}

/*ul.contents-table, ul.contents-table .name > * {
    background: #f8f8f6;
}
ul.contents-table.contacts-content, ul.contents-table.contacts-content .name > *
{ background: #fff; }
*/
ul.contents-table .value {
    white-space: nowrap;
}

.full-image-slide-visible {
    width: 100%;
}

.row.prod-case-row {
    margin-left: 0;
    margin-right: 0;
}

.full-image-slide-visible > img {
    margin: 0 auto;
}

@media only screen and (min-width: 769px) and (max-width: 1270px) {
    .product-cart__info {
        margin-left: 20px;
    }

    .product-cart__buy__deliver {
        width: auto;
    }

    .product-cart__buy__deliver__inner {
        margin: 10px 0;
    }
}

@media (max-width: 559.98px) {
    .product-description .sub-pane-toggler {
        padding: 12px 16px;
        margin: 0px -16px;
    }

    .product-description .sub-pane {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 1199.98px) {

    .product-cart__buy__block-cart {
        min-height: auto;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 768px) {
    .container_catalog {
        margin: 0;
        padding: 0 16px
    }

    .catalog-content > .container {
        padding: 0
    }

    .container_catalog > .wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    .product-description .right-nav-menu-content {
        margin-left: 0;
        margin-right: 0;
    }

    /*  .container {
          width: 100%;
          padding-right: 16px;
          padding-left: 16px;
          margin-right: auto;
          margin-left: auto;
      }
      .product-content .prod-header {
          display: block;
      }
  */
    .product-content .wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }

    .product-content h1 {
        font-size: 20px;
        margin-bottom: 0;
    }


}

/* opisanie */
dt {
    font-weight: normal;
}

#boxberry_map {
    width: 100%;
    height: auto;
}

#boxberry_map iframe > body {
    overflow: hidden !important;
}

.small-image-list {
    list-style: none;
}

.small-image-list li:before {
    display: none;
}

#leave-comment .review_form {
    overflow: hidden;
}

.leave-comment-form .label {
    color: #666;
}

.leave-comment-form .form-control-feedback {
    position: static;
    width: auto;
    height: auto;
    line-height: 14px;
    font-size: 14px;
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .breadcrumbs, .catalog-content .product-content > .wrapper, .container_catalog > .wrapper, .catalog-content > .wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .catalog-content h1, .catalog-content h2 {
        margin-left: 0;
    }

    .producers_section_inner {
        margin-left: 0px;
        margin-right: 0px;
    }

    .site-content > .container > .container {
        padding: 0;
    }

    .site-content > .container > .container .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .product-section .h1_grey_block, .product-instructions-box .item-panel-row {
        margin-right: -16px;
        margin-left: -16px;
    }

    .download-mobile-app .subscribe-form .btn {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        padding-left: 16px;
        padding-right: 16px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: auto;
    }
}

.catalog-content.sort-catalog-block ul.purpose-grid {
    margin: 10px -20px;
}

.catalog-content.sort-catalog-block ul.purpose-grid li {
    float: left;
    margin: 0 0px 10px;
    list-style: none;
    text-align: left;
}

/* producers */
.producers_section_inner {

}

.brands-list-row.brands-section {
    margin-bottom: 0px;
}

.filters-aside .purpose-grid {
    max-height: 100%;
}

.catalog-content > .container.text-container {
    margin-top: 40px;
    font-size: 14px;
}

/*prod card */
.dopinfos__right__mneu .btn {
    background-color: #fff;
    border-radius: 0;
    cursor: pointer;
    border-color: #56c5de;
    color: #56c5de;
    height: 30px;
}

.blum {
    background-color: #fff;
    transition: all .3s;
    cursor: pointer;
    border-color: #56c5de;
    color: #56c5de;
    border-radius: 0;
    padding: 0;
    line-height: 38px;
}

@media screen and (min-width: 768px) {
    .specialist-list::after {
        content: "";
        flex: auto;
    }
}

@media screen and (max-width: 768px) {
    .team-item + .team-item {
        margin-left: auto;
    }
}

/*  cart */
a.product-topic {
    color: #333;
}

.basket-td-descr-group .product-descr {
    font-size: 80%;
}

#basket_form {
    width: 100%
}

.product-price.price {
    white-space: nowrap
}

@media only screen and (max-width: 660px) {
    .products-section .prod .btn {
        max-width: 100px;
        position: absolute;
        top: 72px;
        left: auto;
        right: 10px;
        margin-top: 0;
    }
}

/* action */
.detail__text__action .close {
    float: none;
    color: #006c8a;
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
}

.read-more .close {
    color: #006c8a;
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
    opacity: 1;
}

.purpose-grid .bx_catalog_text_title {
    font-weight: normal
}

.bx_catalog_text .read-more {
    margin-bottom: 0;
    padding-bottom: 0
}

.bx_catalog_text {
    margin-bottom: 20px;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    .detail__text__action {
        padding: 20px 0;
    }

    .row.section-header-row {
        margin: 0 -16px;
    }
}

.main-actions-list .action-item .date, .main-actions-list .action-item .title, .main-actions-list .action-item .discount {
    display: block;
}

.wer-ul-cities li:before {
    display: none;
    padding-left: 0;
    margin-left: 0;
}

.wer-ul-cities {
    padding-left: 0;
    margin-left: 0;
}

.ul-cities {
    margin: 10px 20px;
}

.wer-ul-cities .li-cities {
    padding-left: 0
}


.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

@media only screen and (max-width: 768px) {
    .bx-blue + div .page-navi {
        display: flex !important;
        flex-wrap: wrap;
    }

    .bx_catalog_text .read-more {
        margin-top: 10px;
    }

    label.checkbox-label {
        padding-left: 25px;
    }
}

.page-nav > a[id^="navigation_"] {
    max-width: auto;
}

.page-navi > a, .page-navi > span {
    margin-bottom: 10px;
}

.download-mobile-app .subscribe-form .btn {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;

}

.download-mobile-app .subscribe-form {
    text-align: left;
}

.main_regions_list li:before {
    display: none;
}

@media only screen and (max-width: 768px) {
    .optitext-bottom-text-box p, .optitext-bottom-text-box h3 {
        margin: 0;
    }

    .optitext-bottom-text-box ul {
        margin-left: 0px;
    }

    .main_regions_list li {
        width: 50%;
        background-clip: content-box;
        padding: 5px 0;
        list-style: none;
    }

    #boxberry_map iframe {
        min-height: 600px;
    }
}

@media only screen and (max-width: 460px) {
    .main_regions_list li {
        width: 100%;
        background-clip: content-box;
        padding: 5px 0;
        list-style: none;
    }
}

.optitext-bottom-text-box h1 {
    margin-bottom: 0;
}

.main-icons-list {
    display: block;
}

@media only screen and (max-width: 768px) {
    .product-cart__image .heart {
        top: 0px;
        right: 0
    }

    .product-cart__image .actions {
        left: 0;
        top: -10px;
    }

    .main-icons-list {
        margin-bottom: 20px;
    }
}

.product-cart__image .heart {
    background-position: 0 0;
}

.dopinfos__right .prod-case-row .col-xs-2.prod-case-col {
    width: auto !important;
    flex: 0;
    padding-left: 0;
}

.header-categories-list .nav-tabs > li > a.active:hover {
    border-bottom: 4px solid #007ea1;
}

.header-search .input-search-result ul a span {
    min-width: auto
}

@media (min-width: 1200px) {
    .header-logo img {
        height: 55px;
    }
}

.descr-instr-box ul li {
    list-style: none;
}

.inner-article-detail-text {
    max-width: 100%;
}

@media (max-width: 767px) {
    .detail-b-blog-article h2, .article-detail-text h1 {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }

    .inner-article-detail-text, .b-blog-article__item {
        font-size: 16px;
    }
}

@media (max-width: 767.98px) {
    .main-catalog .arrow-nav, .main-catalog-slider .arrow-nav {
        display: none;
    }
}

.grecaptcha-badge {
    visibility: hidden;
}

h2, .h2 {
    position: relative;
}

.span_link {
    cursor: default;
}

.breadcrumb li {
    margin-bottom: 5px;
}

.breadcrumb li:last-of-type > span {
    color: #007ea1;
}

.breadcrumb li:last-of-type > span {
    font-weight: 500;
}

.breadcrumb li:last-of-type > a {
    color: #b3b6ba;
    font-weight: normal;
}

.padding-top-container {
    padding-top: 20px;
}

.bx-catalog-subscribe-button {
    font-size: 14px;
}

.padding-top-container-opisanie {
    padding-bottom: 20px;
}


.catalog-content h1 {

}

.catalog-content h1:before {
    display: none;
}

@media (min-width: 1000px) {
    .catalog-content h1 {
        font-size: 24px;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        color: #000d1a;
        margin-bottom: 24px;
    }
}

h2.section-subtitle, h2.section-title {
    font-weight: 700;
    color: #000d1a;
    font-size: 24px;
    line-height: 1.41667;
}

h2.section-subtitle:before, h2.section-title:before {
    display: none;
}

.padding-top-container-opisanie {
    padding-bottom: 20px;
}

.prmoko_row_input input, .prmoko_row_input .form-control.form-control-lg {
    height: 40px;
}

.product-main__info .form-info-text .icon {
    display: none;
}

@media (min-width: 768px) {
    .product-main__info .form-info-text .info-icon-wrapper
    {
        display: inline-block;
        vertical-align: top;
        margin-right: 8px;
    }
    .product-main__info .form-info-text .icon {
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: top;

        fill: currentColor;
    }
}

.text-color-red .icon {
    fill: #ff3a44;
}
@media (max-width: 576px){
  .main-top-slider {
    height: 135px;
  }
}
.container {
    overflow: inherit;
}
/* End */
/* /local/templates/wer_rediz_2021/libs/selectric/selectric.css?16203073223189 */
/* /local/templates/wer_rediz_2021/libs/perfect-scrollbar/perfect-scrollbar.css?16203073221669 */
/* /local/templates/wer_rediz_2021/libs/fancybox/jquery.fancybox.min.css?162030732212795 */
/* /local/templates/wer_rediz_2021/libs/swiper/swiper.min.css?162030732219778 */
/* /local/templates/wer_rediz_2019/styles/bundle.css?1627457662153519 */
/* /local/templates/wer_rediz_2019/styles/bundle_media_max768.css?160613097126552 */
/* /local/templates/wer_rediz_2021/css/dop_wer_style.css?162745766245230 */
/* /local/templates/wer_rediz_2019/styles/style.css?15807344334324 */
/* /local/templates/wer_rediz_2019/styles/personal.css?15813462002360 */
/* /local/components/wer_custom/location/templates/location_upd/style.css?16203073221135 */
/* /local/templates/wer_rediz_2021/components/bitrix/sale.basket.basket.line/template_upd/style.css?16203073224231 */
/* /local/templates/wer_rediz_2021/components/extyl/iblock.fast.elements/.default/style.css?1628241513192 */
/* /local/templates/wer_rediz_2021/components/bitrix/breadcrumb/breadcrumb_upd/style.css?1620307322443 */
/* /design/css/normalize.min.css?15105620772352 */
/* /local/templates/wer_rediz_2021/css/style_ols_design.min.css?1621000884366090 */
/* /local/templates/wer_rediz_2021/css/styles.css?1732557827464914 */
/* /local/templates/wer_rediz_2021/css/conflict.css?172598908128715 */
