/* Start:/local/templates/main/components/bitrix/menu/big_cat_menu/style.css?17302239134414*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; background:#BC262C url(/local/templates/main/components/bitrix/menu/big_cat_menu/images/header_menu_bg.gif) repeat-x; min-height:27px; width:100%; list-style:none; font-size:11px; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:#fff; font-weight:bold; padding:7px 12px; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#fc8d3d; color:#fff; font-weight:bold; padding:7px 12px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#e26336; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/main/components/bitrix/menu/big_cat_menu/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/main/components/bitrix/menu/big_cat_menu/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#D6D6D6; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/main/css/slick.css?17302239131776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/main/css/nouislider.min.css?17302239134055*/ /*! nouislider - 14.0.2 - 6/28/2019 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-17px;left:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%} /* End */ /* Start:/local/templates/main/css/jquery.fancybox.min.css?173022391314065*/ 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;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);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:.87;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,visibility 0s linear .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,visibility 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;text-align:center;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;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;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:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-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-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;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--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;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;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.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;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.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{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);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;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.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:#fff;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:transparent;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>ul{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>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;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-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;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 .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/css/tooltipster.bundle.min.css?17302239136495*/ .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} /* End */ /* Start:/local/templates/main/css/lightgallery.min.css?173022391320319*/ .lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}@font-face{font-family:lg;src:url(/local/templates/main/css/../fonts/lg.woff?n1z373) format("woff"),url(/local/templates/main/css/../fonts/lg.ttf?n1z373) format("truetype");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(/local/templates/main/css/../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(/local/templates/main/css/../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(/local/templates/main/css/../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(/local/templates/main/css/../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(/local/templates/main/css/../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(/local/templates/main/css/../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s} /* End */ /* Start:/local/templates/main/css/main.css?1730223913180671*/ @charset "utf-8"; /*CSS3*/ /* Template developer: Elesin Alexander Skype: virusanja */ @font-face { font-family: Ubuntu; font-display: fallback; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Ubuntu.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Ubuntu.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Ubuntu.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: Ubuntu; font-display: fallback; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Ubuntu-Light.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Ubuntu-Light.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Ubuntu-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: Ubuntu; font-display: fallback; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Ubuntu-Bold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Ubuntu-Bold.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Ubuntu-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: Ubuntu; font-display: fallback; src: local("☺"); src: url("/local/templates/main/css/../fonts/subset-Ubuntu-Medium.woff2") format("woff2"), url("/local/templates/main/css/../fonts/subset-Ubuntu-Medium.woff") format("woff"), url("/local/templates/main/css/../fonts/subset-Ubuntu-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: icomoon; font-display: fallback; src: local("☺"); src: url("/local/templates/main/css/../fonts/icomoon.woff") format("woff"), url("/local/templates/main/css/../fonts/icomoon.ttf") format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-instagram:before { content: "\e913"; } .icon-facebook:before { content: "\e914"; } .icon-facebook-f:before { content: "\e914"; } .icon-vk:before { content: "\e915"; } .icon-youtube:before { content: "\e916"; } .icon-long-arr-top:before { content: "\e921"; } .icon-change:before { content: "\e920"; } .icon-pdf:before { content: "\e91f"; } .icon-back:before { content: "\e917"; } .icon-filter-m:before { content: "\e918"; } .icon-home:before { content: "\e919"; } .icon-user2:before { content: "\e91a"; } .icon-sort:before { content: "\e91b"; } .icon-menu:before { content: "\e91c"; } .icon-filter:before { content: "\e91d"; } .icon-catalog:before { content: "\e91e"; } .icon-ck:before { content: "\e912"; } .icon-arr-b:before { content: "\e900"; } .icon-arr-t:before { content: "\e901"; } .icon-arr-min-r:before { content: "\e902"; } .icon-arr-min-l:before { content: "\e903"; } .icon-arr-min-t:before { content: "\e904"; } .icon-arr-min-b:before { content: "\e905"; } .icon-arr-r:before { content: "\e906"; } .icon-arr-l:before { content: "\e907"; } .icon-cart:before { content: "\e908"; } .icon-favorite-search:before { content: "\e909"; } .icon-grid:before { content: "\e90a"; } .icon-heart:before { content: "\e90b"; } .icon-heart-fill:before { content: "\e90c"; } .icon-libra:before { content: "\e90d"; } .icon-libra-fill:before { content: "\e90e"; } .icon-list:before { content: "\e90f"; } .icon-search:before { content: "\e910"; } .icon-user:before { content: "\e911"; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ font-size: 10px; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ border-radius: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; border-radius: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; /* 2 */ } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } a { text-decoration: underline; color: inherit; -webkit-transition: color 300ms; transition: color 300ms; } a:hover { text-decoration: none; color: #c72c41; } img { max-width: 100%; width: auto; height: auto; border: 0; } .row:after, .clearfix:after { content: ' '; display: table; clear: both; } .container { width: auto; margin: 0 auto; padding: 0 150px; max-width: 4079px; } .btn-box .clear, .btn { /* iOS reset style*/ -webkit-appearance: none; border-radius: 0; border: 0; min-width: 156px; height: 45px; border-radius: 5px; background-color: #c72c41; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: center; border: none; color: #ffffff; font-size: 12px; font-weight: 500; -webkit-box-shadow: inset 0 0 0 2px transparent; box-shadow: inset 0 0 0 2px transparent; -webkit-transition: color 300ms, background-color 300ms, -webkit-box-shadow 300ms; transition: color 300ms, background-color 300ms, -webkit-box-shadow 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms, -webkit-box-shadow 300ms; } .btn.btn-invert { background-color: transparent; color: #c72c41; -webkit-box-shadow: inset 0 0 0 2px #c72c41; box-shadow: inset 0 0 0 2px #c72c41; } .btn:hover { background-color: #AE162A; color: white; } .btn.btn-invert:hover { background-color: #AE162A; -webkit-box-shadow: inset 0 0 0 2px #AE162A; box-shadow: inset 0 0 0 2px #AE162A; color: white; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } .slider-load { opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .slider-load.slick-initialized { opacity: 1; } .slider-load { opacity: 1; } .slider-load:not(.slick-slider) { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .slider-load:not(.slick-slider) > * { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } ul.custom { display: block; margin: 0; padding: 0; } ul.custom > li { display: block; list-style: none; } body { background-color: #f7f8f8; font-family: Ubuntu, sans-serif; line-height: 1.45; min-width: 768px; color: #393939; font-size: 14px; font-weight: 400; } .site-wrapper { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: relative; } .content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 0; } .caption, .caption2, .caption3, .caption4, .caption5, .caption6, h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; font-weight: 400; line-height: 1.3; } .caption, h1 { font-size: 3.6rem; margin: 0 0 0.91em 0; font-weight: 300; } .min-margin { margin: 0 0 0.4em 0; } .caption2, h2 { font-size: 2.6rem; margin: 0 0 0.7em 0; } .caption3, h3 { font-size: 2.4rem; margin: 0 0 2.2rem 0; margin: 0 0 1em 0; } .caption4, h4 { font-size: 2.2rem; margin: 0 0 2.2rem 0; margin: 0 0 1em 0; } p { margin: 0 0 2rem 0; } ul:not(.custom) { margin: 0 0 2.1em 0; padding: 0; list-style: none; } ul:not(.custom) > li { padding-left: 1em; margin-bottom: 0.4em; position: relative; } ul:not(.custom) > li:before { content: ' '; position: absolute; left: 0; width: 0.5em; height: 0.5em; border-radius: 50%; background-color: #393939; top: 0.5em; } input:not(.btn) { height: 40px; border: 1px solid #ebebeb; color: #000000; font-size: 12px; font-weight: 400; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; } input.parsley-error { -webkit-box-shadow: inset 0 0 0 1px red; box-shadow: inset 0 0 0 1px red; } input::-webkit-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #8e8e8e; } input::-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #8e8e8e; } input:-moz-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #8e8e8e; } input:-ms-input-placeholder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #8e8e8e; } input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } input:focus::-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } input:focus:-moz-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } input:focus:-ms-input-placeholder { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .textarea, .input { height: 50px; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 5px 20px; position: relative; cursor: text; -webkit-transition: background-color 300ms, border-color 300ms, color 100ms, -webkit-box-shadow 300ms; transition: background-color 300ms, border-color 300ms, color 100ms, -webkit-box-shadow 300ms; transition: background-color 300ms, box-shadow 300ms, border-color 300ms, color 100ms; transition: background-color 300ms, box-shadow 300ms, border-color 300ms, color 100ms, -webkit-box-shadow 300ms; width: 100%; border-radius: 5px; border: 1px solid #efefef; background-color: #f7f8f8; } .textarea { min-height: 130px; } .textarea textarea, .input input { border: none; width: 100%; height: calc(100% - 17px); line-height: 1; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; padding: 0; background-color: transparent; color: black; font-size: 14px; } .textarea textarea { padding: 6px 0; min-height: 0; max-height: none; resize: none; } .placeholder:not(.jq-selectbox__select-text) { position: absolute; line-height: 1; top: 17px; left: 20px; right: 20px; background-color: inherit; -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: color 100ms, -webkit-transform 100ms ease-out; transition: color 100ms, -webkit-transform 100ms ease-out; transition: transform 100ms ease-out, color 100ms; transition: transform 100ms ease-out, color 100ms, -webkit-transform 100ms ease-out; pointer-events: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: #848e99; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #393939; font-size: 14px; font-weight: 400; } .textarea.active .placeholder, .input.active .placeholder { -webkit-transform: matrix3d(0.85, 0, 0.00, 0, 0, 0.85, 0.00, 0, 0, 0, 1, 0, 0, -9, 0, 1); transform: matrix3d(0.85, 0, 0.00, 0, 0, 0.85, 0.00, 0, 0, 0, 1, 0, 0, -9, 0, 1); } .address-input { position: relative; padding-bottom: 28px; z-index: 1; } .textarea textarea:disabled, .input input:disabled, .address-input.disabled .address-info, .address-input.disabled .address-info > div, .textarea textarea:disabled + .placeholder, .input input:disabled + .placeholder { color: #d4d4d4; } .address-input.disabled .input { border-color: #d4d4d4 !important; } .address-input.disabled .address-info { display: none; } .address-input.disabled .input { cursor: default; } .textarea.active textarea, .input.active input { opacity: 1; } .input-load .placeholder, .input-load input { -webkit-transition: none !important; transition: none !important; } .input input.parsley-error { -webkit-box-shadow: none; box-shadow: none; } .textarea.parsley-error, .input.err-target.parsley-error { /* -webkit-box-shadow: inset 0 0 10px red; box-shadow: inset 0 0 10px red; */ border-color: red; } .input.active { background-color: white; } /*custom select*/ .custom-select { display: inline-block; color: black; font-size: 16px; position: relative; background-color: white; /* min-width: 220px;*/ min-width: 323px; z-index: 1; color: #1e1e1e; font-size: 14px; font-weight: 400; width: 100%; } .c-select-title { border: 1px solid #ebebeb; padding: 0 14px; display: block; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 39px; position: relative; z-index: 2; background-color: white; } .c-select-title:hover { color: inherit; } .c-select-title span { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .c-select-title:after { content: '\e905'; font-family: icomoon; -ms-flex-negative: 0; flex-shrink: 0; line-height: 1; -ms-flex-item-align: center; align-self: center; font-size: 7px; line-height: 1; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .c-select-drop-down { position: absolute; overflow: hidden; overflow-y: auto; top: 100%; left: 1px; right: 1px; margin-top: -1px; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: all 300ms; transition: all 300ms; background-color: white; padding: 12px 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .c-select-scroll { max-height: 243px; overflow: hidden; overflow-y: auto; } .c-select-list a { text-decoration: none; display: block; padding: 6px 14px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: #000000; line-height: 1.4; } ul.nm-list a:hover, .c-select-list a:hover { background-color: #f5f5f5; } .custom-select.open .c-select-title:after { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .custom-select.open .c-select-drop-down { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } .scrollbar-thumb { border-radius: 0 !important; } .scrollbar-track-y { width: 20px !important; right: 0 !important; border-right: 18px solid white; } .scrollbar-track .scrollbar-thumb { width: 2px !important; background: #393939; } .scrollbar-track.scrollbar-track-y { background: #f0f0f0; } .custom-select.auto-width { min-width: 0; width: auto; } .custom-select.auto-width .c-select-title:after { content: '\e900'; margin-left: 7px; font-size: 5px; } .custom-select.auto-width .c-select-title { padding-left: 0; padding-right: 0; line-height: 1.45; border: none; } .custom-select.auto-width .c-select-drop-down { overflow: visible; } .custom-select.auto-width .c-select-drop-down:before { content: ' '; position: absolute; bottom: 100%; left: 10px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid rgba(0, 0, 0, 0.1); margin-bottom: 1px; } .custom-select.auto-width .c-select-drop-down:after { content: ' '; position: absolute; bottom: 100%; left: 10px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid white; } /*custom select*/ /*header*/ .header { position: relative; z-index: 120; line-height: 1; background-color: #f7f8f8; } .header > .container { position: relative; z-index: 2; } .h-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .h-flex > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 13px; padding-bottom: 5px; } .h-col-l { -ms-flex-negative: 0; flex-shrink: 0; padding-top: 5px; } .aside, .ctb-col-img, .h-col-l { width: 355px; padding-right: 30px; } .h-col-c { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; /* background-color: red;*/ padding-right: 30px; padding-left: 30px; background-color: white; } .h-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 307px; padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .h-bottom .h-col-r { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .h-bottom .h-col-c { padding-top: 0; border-bottom: 1px solid #f0f0f0; } .h-bottom .h-col-l { padding-top: 0 } .h-bottom .h-col-r { padding-top: 0 } .h-logo { -ms-flex-negative: 0; flex-shrink: 0; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: inherit; } .h-logo:hover { color: inherit; } .logo-text { font-size: 13px; margin-left: 20px; max-width: 130px; font-weight: 400; line-height: 1.3; } .h-search { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .h-icons { -ms-flex-negative: 0; flex-shrink: 0; padding-right: 23px; display: block; } .h-cart { -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .full-bg { position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); } .full-bg:after { content: ' '; position: absolute; top: 0; bottom: 0; left: -100%; width: 400vw; background-color: #393939; z-index: -1; } .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .logo img { width: auto; height: auto; max-width: 100%; } .h-search-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; position: relative; } .h-search-wrp input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; font-size: 14px; padding-left: 20px; padding-right: 56px; height: 51px; border-radius: 5px; border: 1px solid #f0f0f0; background-color: #ffffff; } .h-search-wrp button { -ms-flex-negative: 0; flex-shrink: 0; border: none; background-color: transparent; position: absolute; top: 0; right: 0; bottom: 0; width: 56px; font-size: 18px; padding: 0; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms; transition: color 300ms; color: #c72c41; } .h-search-wrp button:hover { color: inherit; } .cart-btn { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; padding: 0; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .cart-btn.active .crt-ico i:before, .cart-btn:hover .crt-ico i:before { color: #c72c41 !important; } .crt-ico { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 23px; padding: 14px 15px 14px 0; } .crt-ico i:before { -webkit-transition: color 300ms; transition: color 300ms; } .crt-caption { display: block; font-weight: 500; } .crt-price { display: block; color: #a0a0a0; font-size: 13px; font-weight: 400; margin-top: 6px; -webkit-transition: color 300ms; transition: color 300ms; } .crt-price.active { color: #c72c41; font-weight: 500; } .crt-text { -ms-flex-negative: 0; flex-shrink: 0; } .crt-ico i { position: relative; } .ico-count { position: absolute; font-family: Ubuntu; line-height: 1; width: 16px; height: 16px; background-color: #c72c41; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; color: white; font-size: 8px; font-weight: 700; } .cart-btn .ico-count { bottom: 100%; right: -9px; margin-bottom: -8px; } .ico-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .ico-item { 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; width: 50px; height: 50px; text-decoration: none; margin: 0 11px; position: relative; -webkit-transition: color 300ms; transition: color 300ms; } .ico-item i { font-size: 21px; } .ico-item i.icon-heart { font-size: 21px; } .ico-item i.icon-libra { font-size: 25px; } .ico-wrp .ico-count { top: 6px; right: 6px; } .ico-item:hover { color: #c72c41; } .h-menu { color: #ffffff; background-color: #211717; } .hm-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .hm-catalog { -ms-flex-negative: 0; flex-shrink: 0; } .hm-nav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-left: -28px; margin-right: -28px; position: relative; z-index: 2; } .hm-ot { -ms-flex-negative: 0; flex-shrink: 0; padding-left: 15px; } .nav-more-btn, ul.nav-list a { display: block; text-decoration: none; color: #393939; font-size: 14px; font-weight: 500; height: 50px; 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; position: relative; -webkit-transition: color 300ms; transition: color 300ms; text-align: center; white-space: nowrap; padding-left: 28px; padding-right: 28px; } .catalog-btn { color: white; height: 50px; border-radius: 5px; background-color: #C72C41; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; font-weight: 700; text-transform: uppercase; width: 200px; max-width: 100%; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .catalog-btn:hover { color: white; } .nav-more-btn:hover, ul.nav-list a:hover { color: #c72c41; } .ico-cat { display: block; width: 13px; height: 13px; background-color: currentColor; margin: 6px 15px 6px 0; position: relative; -webkit-transition: background-color 300ms, color 300ms, -webkit-transform 300ms; transition: background-color 300ms, color 300ms, -webkit-transform 300ms; transition: transform 300ms, background-color 300ms, color 300ms; transition: transform 300ms, background-color 300ms, color 300ms, -webkit-transform 300ms; } .ico-cat:before { content: ' '; position: absolute; top: 0; bottom: 0; margin-left: 5px; width: 3px; height: 100%; background-color: #C72C41; -webkit-transition: background-color 300ms, -webkit-transform 100ms; transition: background-color 300ms, -webkit-transform 100ms; transition: transform 100ms, background-color 300ms; transition: transform 100ms, background-color 300ms, -webkit-transform 100ms; } .ico-cat:after { content: ' '; position: absolute; top: 0; bottom: 0; margin-top: 5px; height: 3px; width: 100%; background-color: #C72C41; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .catalog-btn:hover { background-color: #ae162a; } .catalog-btn:hover .ico-cat:before, .catalog-btn:hover .ico-cat:after { background-color: #ae162a; } .catalog-btn:not(.active):hover .ico-cat:before { -webkit-transform: scale(0, 1); transform: scale(0, 1); } .catalog-btn.active .ico-cat { -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #C72C41; } .catalog-btn.active .ico-cat:before, .catalog-btn.active .ico-cat:after { background-color: currentColor; } .catalog-btn.active:hover .ico-cat { background-color: #ae162a; } ul.nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; max-width: 100%; } ul.nav-list > li { position: relative; } ul.nav-list > li.n-hidden { display: none; } ul.nav-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .nav-more { display: none; position: relative; } .nm-list-wrp { position: absolute; top: 100%; right: 0; width: 320px; /* height: 270px;*/ -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); background-color: #ffffff; color: #000000; font-size: 14px; font-weight: 400; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); z-index: -1; opacity: 0; -webkit-transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; } .nav-more.active .nm-list-wrp { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .nav-more-btn:after { content: '\e900'; font-family: icomoon; font-size: 5px; margin-left: 6px; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .nav-more.active .nav-more-btn:after { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .h-contacts { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .h-contacts a { text-decoration: none; -webkit-transition: opacity 300ms, color 300ms; transition: opacity 300ms, color 300ms; } .h-contacts a.tel:hover { color: inherit; } .tel { color: #393939; font-size: 16px; font-weight: 700; margin-bottom: 8px; } .clbk { color: #393939; font-size: 13px; font-weight: 400; } .nm-list-wrp { padding: 13px 0; display: none; } .nm-scroll { max-height: 230px; overflow: hidden; overflow-y: auto; } ul.nm-list {} .nm-list > li {} .nm-list a { text-decoration: none; padding: 8px 20px; display: block; line-height: 1.1; -webkit-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } /*//header*/ /*content*/ ul.breadcrumb { margin: 0 0 21px 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1; } .breadcrumb > li { display: block; } .breadcrumb > li > span, .breadcrumb > li > a { display: block; font-size: 12px; font-weight: 400; text-decoration: none; } .breadcrumb > li > a { padding-right: 10px; position: relative; } .breadcrumb > li > a:hover { text-decoration: underline; } .breadcrumb > li > a:after { content: '/'; position: absolute; right: 2px; top: 0.1em; } .breadcrumb > li > span { text-decoration: underline; color: #8e8e8e; } .w-content { display: -webkit-box; display: -ms-flexbox; display: flex; /* margin-bottom: 44px;*/ } .aside { -ms-flex-negative: 0; flex-shrink: 0; padding: 36px 50px 17px 0; } .main-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding: 23px 0 43px 30px; background-color: white; position: relative; font-size: 16px; } .main-content:after { content: ' '; position: absolute; background-color: inherit; top: 0; bottom: 0; left: 100%; width: 50vw; z-index: -1; } /*//content*/ /*filter*/ .f-box { border-bottom: 1px solid #E9E9E9; padding-top: 0; padding-bottom: 0; } .fb-title, .f-title { position: relative; padding-bottom: 15px; padding-top: 15px; -webkit-transition: color 300ms; transition: color 300ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: #393939; font-size: 16px; font-weight: 500; } a.fb-title, a.f-title { cursor: pointer; } .f-title:hover { color: #c72c41; } .f-title:before { content: '\e905'; font-family: icomoon; font-size: 7px; position: absolute; right: 0; top: 24px; -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .f-title.active:before { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .f-body { padding: 0 0 3px 0; } .inputs, .priceSliderTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 26px; } .inputs { margin-bottom: 15px; } .inMin, .inMax, .priceMax, .priceMin { -ms-flex-negative: 0; flex-shrink: 0; width: 46.3%; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #e9e9e9; background-color: #ffffff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 400; letter-spacing: 0.42px; padding: 0 9px; line-height: 1; } .inMax input, .inMin input, .priceMax input, .priceMin input { width: 100%; border: none; height: 38px; padding: 0; font-size: 12px; font-weight: 400; letter-spacing: 0.42px; padding-bottom: 1px; color: #ababab; -webkit-transition: color 300ms; transition: color 300ms; } .inMax.active input, .inMin.active input, .priceMax.active input, .priceMin.active input { color: inherit; } .number-custom::-webkit-outer-spin-button, .number-custom::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .number-custom[type=number] { -moz-appearance: textfield; /* Firefox */ } .pref { margin-right: 3px; font-size: 12px; color: #a0a0a0; } .sfx { color: #a0a0a0; } .br-box { padding-bottom: 18px; } body.filter .br-box { border-bottom: 1px solid #E9E9E9; } ul.br-list {} ul.br-list > li { margin-bottom: 5px; } ul.br-list > li:last-child { margin-bottom: 0; } ul.br-list a { text-decoration: none; -webkit-transition: color 300ms; transition: color 300ms; font-size: 13px; font-weight: 500; color: #393939; } ul.br-list a:hover { color: #C72C41; } .noUi-target { background: #dedede; border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; } .noUi-horizontal { height: 3px; } .noUi-connect { background: #c72c41; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .noUi-handle { border: none; border-radius: 0; /* background: #c72c41;*/ background: transparent; border-left: 2px solid #c72c41; border-right: 2px solid #c72c41; cursor: default; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .noUi-handle.noUi-active, .noUi-handle:hover { -webkit-transform: scale(1.1); transform: scale(1.1); cursor: -webkit-grab; cursor: grab; } .noUi-handle:after, .noUi-handle:before { display: none; } .noUi-horizontal .noUi-handle { width: 7px; height: 11px; left: 0; top: -4px; } html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: 0; } .noUi-connects { border-radius: 0; } .range-slider-bar .range-slider { margin: 10px 0 27px 8px; position: relative; } .range-slider-bar .range-slider:before { content: ' '; position: absolute; background-color: inherit; height: 100%; width: 8px; left: -8px; } .noUi-handle:before { content: ' '; position: absolute; height: 3px; width: 100%; left: 0; background-color: #c72c41; top: 4px; display: block; } .noUi-horizontal { height: 3px; } /*tag*/ .tg-item, .f-ch { display: inline-block; position: relative; overflow: hidden; margin: 0 4px 3px 0; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .f-ch input { position: absolute; top: 0; left: 0; line-height: 1; opacity: 0; z-index: -1; height: auto; } .tg-item, .fch-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 9px 10px; font-size: 12px; font-weight: 400; position: relative; color: #393939; -webkit-transition: background-color 300ms; transition: background-color 300ms; border-radius: 5px; background-color: #efefef; } .tg-item:before, .fch-btn:before { content: '\00D7'; position: absolute; font-family: 'Times New Roman'; z-index: 2; right: 9px; top: 50%; margin-top: -14px; font-size: 25px; color: white; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; line-height: 1; } .fch-title { position: relative; } .tg-item:after, .fch-title:after { content: ' '; position: absolute; left: 0; right: 0; height: 2px; background-color: white; top: 50%; margin-top: -1px; z-index: 2; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .tg-item:hover:after { opacity: 1; } .fch-nmb { margin-left: 4px; -webkit-transition: color 300ms, opacity 300ms; transition: color 300ms, opacity 300ms; color: #8E8E8E; } .fch-title { -webkit-transition: color 300ms; transition: color 300ms; } .tg-item:hover, .f-ch input:not(:disabled) + .fch-btn:hover .fch-title { color: #c72c41; } .f-ch input:checked + .fch-btn { background-color: #c72c41; color: white; } .f-ch input:checked + .fch-btn:hover { background-color: #ae162a; } .f-ch input:checked:not(:disabled) + .fch-btn:hover .fch-title { color: white; } .f-ch input:checked:not(:disabled) + .fch-btn:hover .fch-title:after { opacity: 1; } .f-ch input:checked:not(:disabled) + .fch-btn:before { opacity: 1; } .f-ch input:checked:not(:disabled) + .fch-btn .fch-nmb { opacity: 0; } .f-ch input:disabled + .fch-btn { opacity: 0.4; } .f-ch input:disabled + .fch-btn { cursor: not-allowed; } .tg-item { display: inline-block; color: inherit; text-decoration: none; padding-right: 27px; } .tg-item:before { opacity: 1; color: inherit; } .tg-item { -webkit-transition: color 300ms; transition: color 300ms; } .tg-item:hover:before { text-decoration: none; } /*//tag*/ .f-show { display: inline-block; color: #000000; font-family: Ubuntu; font-size: 12px; font-weight: 400; text-decoration: underline; } html body .ch-inner .js-h-hidden, html body .js-h-container .js-h-hidden { display: none; } .js-h-container { -webkit-transition: height 600ms; transition: height 600ms; } .f-ch-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: -10px; } .f-ch-inner > * { margin-right: 10px; margin-bottom: 10px; } .rd, .ch { display: inline-block; /* background-color: red;*/ position: relative; cursor: pointer; overflow: hidden; margin-bottom: 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ch-wrp { margin-bottom: 30px; } .ch-wrp .rd, .ch-wrp .ch { display: block; margin-bottom: 15px; } .rd input, .ch input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; height: auto; } .rd-btn, .ch-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } .rd-ico, .ch-ico { width: 26px; height: 25px; border-radius: 5px; border: 1px solid #efefef; background-color: #ffffff; -ms-flex-negative: 0; flex-shrink: 0; position: relative; -webkit-transition: border-color 300ms; transition: border-color 300ms; } .rd-ico:before, .ch-ico:before { content: ' '; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; background: #DB3056; border-radius: 5px; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .rd-ico:before, .rd-ico { border-radius: 50%; } .rd input:checked + .rd-btn .rd-ico:before, .ch input:checked + .ch-btn .ch-ico:before { opacity: 1; } .rd input:disabled + .rd-btn, .ch input:disabled + .ch-btn { cursor: not-allowed; opacity: 0.5; } .rd input:disabled + .rd-btn .rd-ico, .ch input:disabled + .ch-btn .ch-ico { background-color: #e9e9e9; } .rd-title, .ch-title { min-height: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 9px; font-size: 14px; font-weight: 400; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; color: #393939; font-size: 14px; font-weight: 400; } aside .rd-title, aside .ch-title { font-size: 12px; } .ch-nmb { color: #8e8e8e; font-size: 14px; font-weight: 400; margin-top: 3px; } .ch-wrp .rd, .ch-wrp .ch { width: 100%; } .ch-wrp .f-show { margin-left: 40px; margin-bottom: 10px; } /*color ch*/ .color-ch { display: inline-block; position: relative; cursor: pointer; border-radius: 50%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .color-ch input { position: absolute; top: 0; left: 0; line-height: 1; height: auto; z-index: -1; opacity: 0; } .color-ch-ico { width: 35px; height: 35px; border: 1px solid #e9e9e9; background-color: #032d55; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-box-shadow: 0 0 0 3px transparent; box-shadow: 0 0 0 3px transparent; -webkit-transition: -webkit-box-shadow 300ms, -webkit-transform 300ms; transition: -webkit-box-shadow 300ms, -webkit-transform 300ms; transition: box-shadow 300ms, transform 300ms; transition: box-shadow 300ms, transform 300ms, -webkit-box-shadow 300ms, -webkit-transform 300ms; } .color-ch-ico:before { content: '\e912'; font-family: icomoon; color: white; font-size: 8px; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .color-ch-ico:after { content: '\00D7'; font-family: 'Times New Roman'; color: white; font-weight: 700; font-size: 8px; opacity: 0; position: absolute; top: auto; left: auto; bottom: auto; right: auto; font-size: 24px; line-height: 1; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .color-ch input:checked + .color-ch-ico:before { opacity: 1; } .color-ch input:checked + .color-ch-ico { -webkit-box-shadow: 0 0 1px 3px #f2f2f2; box-shadow: 0 0 1px 3px #f2f2f2; } .color-ch.white .color-ch-ico:after, .color-ch.white .color-ch-ico:before { color: #1e1e1e; } .color-ch:hover input:not(:disabled) + .color-ch-ico { -webkit-transform: scale(1.285); transform: scale(1.285); } .color-ch input:disabled + .color-ch-ico { opacity: 0.5; cursor: not-allowed; -webkit-transform: scale(0.8); transform: scale(0.8); } .color-ch input:disabled:not(:checked) + .color-ch-ico:after { opacity: 1; } .c-ch-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-ch-wrp .virtual-item, .color-ch { margin: 0 5px 15px 5px; -ms-flex-negative: 0; flex-shrink: 0; } .virtual-item { -ms-flex-negative: 0; flex-shrink: 0; } .c-ch-wrp .virtual-item { width: 35px; height: 0; margin-bottom: 0; } /*selectbox*/ .jq-selectbox { height: 40px; border: 1px solid #e9e9e9; background-color: #ffffff; margin-bottom: 10px; } .f-body .jq-selectbox { margin-bottom: 15px; } .jq-selectbox.full-width { width: 100%; } .jq-selectbox__select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: color 300ms; transition: color 300ms; cursor: pointer; } .jq-selectbox__select:hover { color: #f9a72a; } .jq-selectbox__select-text { width: 100%; line-height: 38px; padding: 0 13px; font-family: Roboto; font-size: 14px; font-weight: 400; letter-spacing: 0.42px; } .jq-selectbox__trigger { width: 46px; padding: 0; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .jq-selectbox__trigger:before { content: '\e903'; font-family: icomoon; font-size: 6px; -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .jq-selectbox.opened .jq-selectbox__trigger:before { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .jq-selectbox__dropdown { overflow: hidden; width: auto; left: -1px; right: -1px; color: #1e1e1e; font-family: Roboto; font-size: 14px; font-weight: 400; } .jq-selectbox__dropdown ul { border: 1px solid #dfdfdf; background-color: #ffffff; margin: 0; padding: 4px 0; max-height: 300px; overflow: hidden; overflow-y: auto; width: 100%; } .jq-selectbox__dropdown ul > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 7px 13px; margin: 0; letter-spacing: 0.42px; line-height: 1.1; white-space: normal; -webkit-transition: color 300ms; transition: color 300ms; cursor: pointer; } .jq-selectbox__dropdown ul > li:hover:after, .jq-selectbox__dropdown ul > li:hover { color: #f9a72a; } .jq-selectbox__dropdown ul > li:before { display: none; } .jq-selectbox__dropdown ul > li:after { content: attr(data-extra); -ms-flex-negative: 0; flex-shrink: 0; margin-left: 10px; color: #8e8e8e; -webkit-transition: color 300ms; transition: color 300ms; } .just { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .btn-box { margin-top: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-box .btn { min-width: 0; width: 164px; margin-bottom: 20px; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; font-weight: 400; } .btn-box .btn:hover { -webkit-box-shadow: inset 0 0 0 2px #C72C41; box-shadow: inset 0 0 0 2px #C72C41; background-color: #f7f8f8; color: #C72C41; } .f-box.no-header { padding-top: 20px; } .btn-box { padding-top: 3px; } .f-box .custom-select { margin-bottom: 15px; min-width: 0; width: 100%; } /*fixed filter*/ .fixed-content { position: fixed; top: 0; left: 100%; bottom: 0; background-color: #ffffff; z-index: 130; width: 363px; -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .fixed-content.active { -webkit-transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, -363, 0, 0, 1); transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, -363, 0, 0, 1); } .fixed-content .aside { height: 100%; width: 100%; padding: 17px 20px; } .fixed-content .aside form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .fixed-content .aside .as-fl-top { height: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: -30px; } .fixed-content .btn-box { -ms-flex-negative: 0; flex-shrink: 0; } .fixed-content .aside .js-scroll { height: 100%; overflow: hidden; overflow-y: auto; padding-right: 30px; } .fixed-content .btn-box { padding-top: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .fixed-content .btn-box .btn, .fixed-content .btn-box .clear { margin-bottom: 0; } .close-aside { text-decoration: none; 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; width: 24px; height: 24px; font-size: 41px; line-height: 1; font-family: 'Times New Roman'; margin-left: auto; margin-bottom: 10px; margin-top: -10px; margin-right: -16px; -webkit-transition: color 300ms; transition: color 300ms; } .close-aside:hover { color: #c72c41; } .caption-hide { position: fixed; left: -1000px; top: -1000px; } /*//filter*/ .site-overlay { position: absolute; top: -40px; bottom: -40px; left: 0; width: 100%; background-color: rgba(30, 30, 30, 0.8); z-index: 110; display: none; } /*sort*/ .vw-wrp, .sort-panel { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7px; font-size: 14px; } .sp-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 20px; } .sp-r { -ms-flex-negative: 0; flex-shrink: 0; } .sp-sort { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; } .sp-item { -ms-flex-negative: 0; flex-shrink: 0; color: #8e8e8e; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; margin-bottom: 10px; -webkit-transition: color 300ms; transition: color 300ms; color: #a0a0a0; font-weight: 400; } .vw-wrp .sp-r { padding-top: 2rem; } .sp-item.up:after, .sp-item.down:after { font-family: icomoon; font-size: 5px; margin-left: 8px; } .sp-item.up:after { content: '\e901'; } .sp-item.down:after { content: '\e900' } .sp-item:hover, .sp-item.active { color: #393939; } .sp-view { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -4px; } .spv-item { text-decoration: none; margin-left: 4px; width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #c4c4c4; -webkit-transition: color 300ms; transition: color 300ms; } .spv-item:hover { color: black; } .spv-item.active { color: #c72c41; } .sort-extra { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -20px; margin-bottom: 10px; } .sort-extra .search-save, .sort-extra .tg-reset, .sort-extra .tg-item { margin: 0 0 10px 20px; } .sort-extra .tg-item { background-color: #c72c41; color: white; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .sort-extra .tg-item:hover { background-color: #ae162a; } .sort-content .inline-select { margin-bottom: 2px; } .tg-reset { -ms-flex-item-align: center; align-self: center; font-size: 12px; font-weight: 400; color: inherit; text-decoration: none; position: relative; line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms; transition: color 300ms; } .tg-reset:after { content: '\00D7'; font-family: 'Times New Roman'; z-index: 2; font-size: 20px; color: #c72c41; -webkit-transition: opacity 300ms; transition: opacity 300ms; line-height: 1; margin-left: 9px; } .search-save { -ms-flex-item-align: center; align-self: center; position: relative; z-index: 7; } .search-save-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 400; text-decoration: none; -webkit-transition: color 300ms; transition: color 300ms; } .search-save-link:hover, .tg-reset:hover { color: #c72c41; } .search-save-link span { -ms-flex-negative: 0; flex-shrink: 0; } .search-save-link i { -ms-flex-negative: 0; flex-shrink: 0; font-size: 17px; line-height: 1; margin-top: -1px; margin-right: 4px; color: #c72c41; } .search-save-link:hover span { text-decoration: none; } .se-ctr { display: -webkit-box; display: -ms-flexbox; display: flex; } .open-filter { color: white; background-color: #c72c41; height: 40px; min-width: 200px; transition: color 300ms, background-color 300ms, box-shadow 300ms, -webkit-box-shadow 300ms; } .open-filter:hover { -webkit-box-shadow: inset 0 0 0 2px #c72c41; box-shadow: inset 0 0 0 2px #c72c41; } .open-filter:hover { color: #c72c41; } .open-filter i { font-size: 17px; margin-right: 10px; } /*//sort*/ .qt .jq-number input { width: 100%; border: 0; height: 100%; margin: 0; line-height: 1; color: #333333; font-weight: 500; display: block; text-align: center; padding-left: 0; padding-right: 0; outline: none; } .qt .jq-number { display: inline-block; width: 115px; height: 50px; border: 1px solid rgba(203, 203, 203, 0.4); background-color: #ffffff; padding: 0 37px; position: relative; } .qt .jq-number__field { width: 100%; height: 100%; } .qt .jq-number__spin { position: absolute; top: 0; bottom: 0; width: 37px; background: none; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -webkit-transition: color 300ms; transition: color 300ms; } .qt .jq-number__spin.minus { left: 0; } .qt .jq-number__spin.plus { right: 0; } .qt .jq-number__spin.minus:before { content: ' '; position: absolute; width: 10px; height: 2px; background-color: #333333; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .qt .jq-number__spin.plus:after, .qt .jq-number__spin.plus:before { content: ' '; position: absolute; width: 10px; height: 2px; background-color: #333333; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .qt .jq-number__spin.plus:after { width: 2px; height: 10px; margin-top: -5px; margin-left: -1px; } .qt .jq-number__spin:hover:after, .qt .jq-number__spin:hover:before { background-color: #CE080E; } .qt .jq-number.focused .jq-number__field { border: none; } .qti.sf, .qantity.sf { position: relative; } .qti, .qantity { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 41px; border: 1px solid #ebebeb; background-color: #ffffff; } .qti input, .qantity input { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; line-height: 1; padding: 0; height: 100%; background: transparent; border: none; color: #000000; font-size: 14px; font-weight: 500; } .qt-sf { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; /* justify-content: center;*/ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity 300ms; transition: opacity 300ms; cursor: pointer; height: 100%; width: 29px; -ms-flex-negative: 0; flex-shrink: 0; } .qt-sf.minus { padding-left: 5px; } .qt-sf.plus { padding-right: 5px; } .qt-sf.minus:before { content: ' '; position: absolute; width: 10px; height: 2px; background-color: #c72c41; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .qt-sf.plus:after, .qt-sf.plus:before { content: ' '; position: absolute; width: 10px; height: 2px; background-color: #c72c41; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .qt-sf.plus:after { width: 2px; height: 10px; margin-top: -5px; margin-left: -1px; } .qt-sf:hover:after, .qt-sf:hover:before { background-color: black; } /*product list type all*/ .pr-price { color: #8e8e8e; font-size: 18px; } .pr-total { color: #8e8e8e; font-size: 12px; line-height: 1; } .pr-price b { font-weight: 500; color: #393939; font-size: 18px; font-weight: 700; display: inline-block; } .pr-total-inner .pr-price b { font-size: 18x; } .discount { color: #f56363; } .discount b { color: #c72c41; } .availability { color: #000000; font-size: 13px; font-weight: 400; line-height: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .availability:after { content: ' '; width: 7px; height: 7px; background-color: grey; margin-left: 7px; border-radius: 50%; display: block; } .availability.many:after { background-color: #27a930; } .availability.few:after { background-color: #db3056; } .availability.no:after { background-color: red; } .pr-labels, .pr-icons { position: absolute; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 9px 9px 0 9px; z-index: 6; } .pr-labels { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pr-label { margin-bottom: 5px; text-align: center; } .pr-ico { width: 30px; height: 30px; border: 1px solid #ebebeb; background-color: #ffffff; border-radius: 50%; margin-right: 10px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #b2b2b2; -webkit-transition: color 300ms; transition: color 300ms; text-decoration: none; } .pr-ico:hover { color: #c72c41; } .pr-ico.active { color: #c72c41; } .pr-ico:before, .pr-ico:after { position: absolute; font-family: icomoon; font-size: 16px; -webkit-transition: opacity 300ms; transition: opacity 300ms; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .pr-ico.compare:before { content: '\e90d'; } .pr-ico.compare:after { content: '\e90e'; } .pr-ico.favorite:before, .pr-ico.favorite:after { font-size: 11px; } .pr-ico.favorite:before { content: '\e90b'; } .pr-ico.favorite:after { content: '\e90c'; } .pr-ico.remove {} .pr-ico.remove:before { content: '\00D7'; font-family: 'Times New Roman'; font-weight: 400; font-style: normal; font-size: 25px; } .pr-ico:before { -ms-flex-negative: 0; flex-shrink: 0; } .pr-ico.info { font-size: 12px; } .pr-ico.active:after, .pr-ico:before { opacity: 1; } .pr-ico.active:before, .pr-ico:after { opacity: 0; } .pr-labels { position: absolute; right: auto; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 50%; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; } .pr-label { border-radius: 5px; background-color: #c72c41; color: #ffffff; font-size: 10px; font-weight: 700; margin-left: 10px; padding: 3px 8px; } .pr-label.precent { background-color: #ffcc00; color: #393939; } /*//product list type all*/ /*product list inline type1*/ ul.pr-list-inline { display: block; margin-bottom: 13px; } ul.pr-list-inline > li { margin-top: -1px; } .pr-inline-box { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px 0 10px; border: 1px solid #f0f0f0; position: relative; background-color: white; } .pr-in-col-img { padding-top: 10px; padding-bottom: 10px; padding-right: 38px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 4; } .pr-in-img { width: 140px; height: 120px; position: relative; overflow: hidden; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pr-in-img img { width: auto; height: auto; max-width: 100%; max-height: 100%; -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .pr-in-col-content { padding-top: 17px; padding-bottom: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; position: relative; padding-right: 140px; } .pr-in-title { font-size: 16px; text-decoration: none; margin-bottom: 2px; display: block; font-weight: 500; } .pr-in-title:hover { text-decoration: underline; } .pr-inline-box .availability { margin-bottom: 4px; } .pr-in-col-content .pr-price { font-size: 16px; margin-bottom: 3px; } .pr-in-art { color: #8e8e8e; font-size: 13px; margin-bottom: 7px; } .pr-in-col-ot { padding-top: 16px; padding-bottom: 10px; -ms-flex-negative: 0; flex-shrink: 0; width: 176px; border-left: 1px solid #ebebeb; padding-left: 18px; } .pr-in-prices { position: relative; margin-bottom: 31px; } .pr-in-total { left: 0; top: 0; position: absolute; padding-left: 3px; } .pr-in-ctr { position: relative; } .pr-inline-box .pr-total { color: #a0a0a0; font-size: 14px; margin-top: 2px; margin-bottom: 1px; } .pr-inline-box .pr-in-col-content .pr-price b { color: #000000; font-size: 16px; font-weight: 500; } .pr-in-ctr .btn { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 14px; font-weight: 500; -webkit-transition: color 300ms, background-color 300ms, -webkit-box-shadow 300ms; transition: color 300ms, background-color 300ms, -webkit-box-shadow 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms, -webkit-box-shadow 300ms; } .pr-in-ctr .qantity { width: 100%; max-width: 160px; } .pr-in-col-content .pr-price, .pr-inline-box.in-cart .pr-in-ctr .btn, .pr-inline-box.in-cart .pr-in-prices > .pr-price, .pr-in-ctr .qantity, .pr-in-total { visibility: hidden; opacity: 0; } .pr-in-ctr .btn, .pr-in-prices > .pr-price, .pr-inline-box.in-cart .pr-in-col-content .pr-price, .pr-inline-box.in-cart .pr-in-ctr .qantity, .pr-inline-box.in-cart .pr-in-total { visibility: visible; opacity: 1; } .pr-inline-box .pr-icons { z-index: 2; padding-top: 20px; } .pr-in-label { position: absolute; top: 0; left: 0; background-color: grey; z-index: 2; color: white; font-size: 12px; padding: 2px 6px; } .pr-in-label.red { background-color: #ee2727; color: white; } .pr-inline-box .pr-labels { left: -10px; } .pr-image-box { position: absolute; top: 0; left: 100%; z-index: 2; width: 409px; height: 371px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius: 5px; background-color: #ffffff; padding: 10px; overflow: hidden; display: none; visibility: hidden; opacity: 0; -webkit-transition: visibility 300ms, opacity 300ms; transition: visibility 300ms, opacity 300ms; pointer-events: none; } .pr-image-box.active { opacity: 1; visibility: visible; pointer-events: all; } .prb-image { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .prb-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: contain; -o-object-position: center; object-position: center; font-family: 'object-fit: contain; object-position: center;'; opacity: 0; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; visibility: hidden; } .prb-image img.active { opacity: 1; visibility: visible; } ul.prb-img { position: absolute; z-index: 2; top: 0; left: 0; 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; padding-top: 5px; padding-bottom: 5px; } .prb-img > li { padding: 5px 10px; -ms-flex-negative: 0; flex-shrink: 0; height: 25%; } .prb-img > li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; width: 89px; border-radius: 5px; border: 1px solid #f0f0f0; background-color: #ffffff; overflow: hidden; position: relative; } .prb-img > li a img { width: auto; height: auto; max-width: 100%; max-height: 100%; } /*//product list inline type1*/ /*pagination*/ .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } ul.pagination-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -6px; } ul.pagination-list > li { -ms-flex-negative: 0; flex-shrink: 0; } ul.pagination-list a { font-weight: 500; text-decoration: none; width: 23px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms; transition: color 300ms; } .pg-more { font-weight: 500; text-decoration: none; -webkit-transition: color 300ms; transition: color 300ms; font-size: 14px; } .pg-more:hover, ul.pagination-list a:hover, ul.pagination-list > li.active a { color: #c72c41; } /*//pagination*/ /*footer*/ .footer { background-color: white; } .f-flex { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #393939; color: white; padding-top: 27px; padding-bottom: 5px; z-index: 1; } .f-nav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .f-ot { -ms-flex-negative: 0; flex-shrink: 0; } .f-nav-column { -ms-flex-negative: 0; flex-shrink: 0; width: 33.3333%; padding-right: 15px; } .f-nav-column:nth-child(1) { width: 47.3%; } .f-nav-column:nth-child(2) { width: 22.7%; } .f-nav-column:nth-child(3) { width: 30%; } .f-nav-caption { text-decoration: none; display: inline-block; font-size: 18px; font-weight: 500; margin-bottom: 24px; color: #b2b2b2; font-size: 18px; font-weight: 400; } ul.f-nav-list { margin-bottom: 40px; } ul.f-nav-list:last-child { margin-bottom: 7px; } .f-nav-list a { text-decoration: none; display: inline-block; margin-bottom: 15px; -webkit-transition: color 300ms; transition: color 300ms; } .f-nav-list a.dw { color: #c72c41; text-decoration: underline; font-weight: 500; } .f-nav-list a.dw:hover { text-decoration: none; } .f-nav-list a:hover { color: #c72c41; } .f-ot-content { display: inline-block; text-decoration: none; font-size: 2.2rem; font-weight: 500; margin-bottom: 7px; } .f-ot-content:hover { color: inherit; } .f-ot-caption { color: #c5c5c5; display: block; margin-bottom: 11px; } .f-ot-box { margin-bottom: 29px; } .f-ot-box:last-child { /* max-width: 320px;*/ } ul.social-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -10px; margin-bottom: 20px; } ul.social-list > li { margin-left: 10px; margin-bottom: 10px; } ul.social-list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; width: 30px; height: 30px; background-color: #ffffff; border-radius: 50%; color: #211717; font-size: 20px; line-height: 1; -webkit-transition: opacity 300ms, color 300ms; transition: opacity 300ms, color 300ms; } ul.social-list a:hover { opacity: 0.7; } .subscribe { width: 451px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: white; border-radius: 5px; overflow: hidden; } .subscribe input:not(.btn) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; height: 50px; font-size: 14px; padding-left: 13px; padding-right: 13px; border: none; border-radius: 5px 0 0 5px; } .subscribe .btn { margin: 0; height: auto; min-width: 116px; border-radius: 0; font-size: 14px; font-weight: 400; } .site-info { padding: 10px 0; color: #393939; font-size: 12px; font-weight: 400; } .f-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 12px; padding: 14px 0; } .copy { padding-right: 15px; margin-bottom: 7px; display: inline-block; letter-spacing: 0.1px; } .f-bottom a { text-decoration: none; } .f-bottom a:hover { text-decoration: underline; } /*//footer*/ /*product list type1*/ ul.pr-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 1px; border-left: 1px solid #ebebeb; margin-bottom: 27px; } ul.pr-list > li { width: 11.1111%; background-color: #ffffff; margin-top: -1px; } .slick-track { margin-left: 0; margin-right: 0; } @media screen and (max-width: 3490px) { ul.pr-list > li { width: 16.6666%; } } @media screen and (max-width: 2540px) { ul.pr-list > li { width: 25%; } } @media screen and (max-width: 1866px) { ul.pr-list > li { width: 33.3333%; } } @media screen and (max-width: 1199px) { ul.pr-list > li { width: 50%; } } .grid-fix { height: 0px !important; border: none !important; } .pr-box { position: relative; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; 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; } .pr-box-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pr-box.hover { z-index: 20; } .info-wrap { position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; background-color: white; z-index: 10; padding-top: 15px; padding-bottom: 15px; padding-right: 4px; opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .info-wrap * { cursor: default; } .info-wrap .js-scroll { height: 100%; } .info-inner { padding: 0 12px 0 15px; font-size: 14px; } .inf-title { color: #393939; font-size: 14px; font-weight: 500; margin-bottom: 4px; } .info-inner p { margin-bottom: 6px; } .info-inner p:last-child { margin-bottom: 0; } .info-wrap .js-scroll .scrollbar-track-y { width: 3px !important; border-right: none !important; } .pr-box.info-active .info-wrap { opacity: 1; visibility: visible; } .pr-top-wrp { padding: 25.8% 0; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .pr-img-wrp { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .pr-img img { width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; font-family: 'object-fit: scale-down; object-position: center;'; } .pr-top-wrp { overflow: hidden; width: 100%; } .pr-img { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); /* display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; align-items: center; */ } .pr-total-inner { -ms-flex-negative: 0; flex-shrink: 0; width: 51.2%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px 5px 20px 5px; } .pr-content { padding: 10px 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pr-title { text-decoration: none; margin-bottom: 7px; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-transition: color 300ms; transition: color 300ms; font-size: 14px; font-weight: 500; } .pr-title:hover { color: #c72c41; } .pr-ft { text-decoration: none; -ms-flex-negative: 0; flex-shrink: 0; color: #a0a0a0; font-size: 12px; font-weight: 400; margin-top: 4px; } .pr-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-negative: 0; flex-shrink: 0; } .prb-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 2px; -ms-flex-item-align: center; align-self: center; margin-top: -3px; } .prb-r { -ms-flex-negative: 0; flex-shrink: 0; width: 105px; padding-top: 3px; padding-bottom: 3px; } .prb-r { position: relative; } .prb-r .qt { width: 100%; } .prb-r .qt .jq-number { width: 100%; } .prb-r .btn { min-width: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; /* width: 45px;*/ font-size: 14px; font-weight: 500; height: 40px; min-width: 104px; } .prb-r .btn:hover {} .pr-img { -webkit-transition: width 600ms; transition: width 600ms; } .pr-box.in-cart .pr-img { -ms-flex-negative: 0; flex-shrink: 0; width: 48.8%; } .prb-r .btn, .prb-r .qantity { -webkit-transition: color 300ms, background-color 300ms, opacity 300ms, -webkit-box-shadow 300ms; transition: color 300ms, background-color 300ms, opacity 300ms, -webkit-box-shadow 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms, opacity 300ms; transition: color 300ms, background-color 300ms, box-shadow 300ms, opacity 300ms, -webkit-box-shadow 300ms; } .prb-r .btn { opacity: 0; } .pr-box.in-cart .prb-r .btn, .prb-r .qantity { visibility: hidden; /* opacity: 0;*/ } .pr-box.in-cart .prb-r .qantity, .prb-r .btn { visibility: visible; /* opacity: 1;*/ } .pr-box.hover .prb-r .btn { opacity: 1; } .fs-scroll .scrollbar-track-y { border-right-width: 0; width: 2px !important; } .pr-box.in-cart .pr-labels { opacity: 0; visibility: hidden; } /*//product list type1*/ .modal { background-color: white; width: 504px; max-width: 100%; padding: 31px 41px; font-family: Ubuntu; overflow: visible; } #pre-view.modal { width: 1066px; } .m-pr-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center;*/ margin-top: 30px; margin-bottom: 40px; } .m-caption { font-size: 2.4rem; font-weight: 400; margin-bottom: 10px; } #pre-view.modal .m-caption { margin-bottom: 0; } .modal .pr-ft { font-size: 13px; } .m-pr-img { padding-right: 70px; } .m-pr-inner { width: 310px; height: 200px; border-radius: 5px; background-color: #ffffff; position: relative; 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; } .m-pr-inner img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .m-pr-wrp .price-box.in-cart .prc-price { display: none; } .prc-bt { display: -webkit-box; display: -ms-flexbox; display: flex; } .prc-bt .pr-price b { color: #393939; font-size: 13px; font-weight: 400; } .prc-bt .pr-price { margin-left: 14px; color: #a0a0a0; font-size: 13px; margin-bottom: -4px; display: none; } .prc-bt .availability { margin-top: 2px; } .price-box.in-cart .prc-bt .pr-price { display: block; } .psta-box { opacity: 0; -webkit-transition: opacity 600ms; transition: opacity 600ms; padding: 1px 0; } .pstab-box.absolute-tab { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .tb-title-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tb-title-r { -ms-flex-negative: 0; flex-shrink: 0; color: #a0a0a0; font-size: 13px; font-weight: 400; } ul.pstabs-title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; position: relative; z-index: 3; } ul.pstabs-title a { text-decoration: none; color: #a0a0a0; font-size: 16px; font-weight: 400; -webkit-transition: color 300ms; transition: color 300ms; display: block; padding: 10px 29px; border-left: 1px solid transparent; border-right: 1px solid transparent; border-top: 1px solid transparent; position: relative; background-color: #ffffff; -webkit-transition: color 300ms, border-color 300ms; transition: color 300ms, border-color 300ms; } ul.pstabs-title a:before { content: ' '; position: absolute; left: 0; width: 100%; top: 100%; margin-top: -2px; height: 4px; background-color: transparent; -webkit-transition: background-color 300ms; transition: background-color 300ms; } ul.pstabs-title > li.active a { color: #393939; border-color: #f0f0f0; } ul.pstabs-title > li.active a:before { background-color: inherit; } .pstab-box { position: relative; z-index: 1; background-color: white; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .pstab-box.current { z-index: 2; opacity: 1; } .pstabs-content { border: 1px solid #f0f0f0; background-color: #ffffff; position: relative; } .tb-inner { padding: 34px 29px; color: #393939; font-size: 16px; font-weight: 400; } .tb-caption { color: #393939; font-size: 18px; font-weight: 400; margin-bottom: 20px; } .tb-sub-caption { color: #a0a0a0; font-size: 14px; font-weight: 400; display: block; margin-top: 2px; } .tb-inner ul { margin-bottom: 15px; } ul.tb-prop > li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 7px; } ul.tb-prop > li div { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } ul.tb-prop > li div:first-child { width: 39%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; color: #a0a0a0; } .tb-inner .js-scroll { height: 100%; } .tb-inner .js-scroll .scrollbar-track-y { border-right-width: 0 !important; width: 3px !important; } .tb-inner .js-scroll .scroll-content { padding-right: 10px; } .modal .pstabs-content { -webkit-transition: none; transition: none; overflow: hidden; } .modal .tb-inner, .modal .pstab-box { height: 100%; } .rc-slider { position: relative; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .rc-slider:before { content: ' '; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: #ebebeb; z-index: 2; } .rc-slider .pr-box { border-top: none; border-bottom: none; } .sub-panel { position: absolute; left: 0; right: 0; top: 100%; display: none; opacity: 0; pointer-events: none; -webkit-transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 40, 0, 1); transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 40, 0, 1); -webkit-transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, transform 300ms; transition: opacity 300ms, transform 300ms, -webkit-transform 300ms; max-height: calc(100vh - 147px); } .sp-ct-wrap { 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; } .sp-ct-wrap .js-scroll { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1%; overflow: hidden; overflow-y: auto; margin-right: -20px; padding-right: 20px; } .sp-ct-wrap .scrollbar-track-y { width: 11px !important; right: 0 !important; border-right: 9px solid white; } .ct-banner { -ms-flex-negative: 0; flex-shrink: 0; margin-top: 10px; } .sub-panel.active { opacity: 1; -webkit-transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); } .sp-ct-wrap { border: 1px solid #f0f0f0; background-color: #ffffff; padding: 20px; pointer-events: all; } ul.ct-list { -webkit-column-count: 4; column-count: 4; -webkit-column-break-inside: avoid; break-inside: avoid; -webkit-column-gap: 20px; column-gap: 20px; } ul.ct-list > li { display: inline-block; width: 100%; margin-bottom: 10px; } .ct-title { font-size: 15px; text-decoration: none; display: inline-block; margin-bottom: 10px; color: #393939; font-weight: 500; -webkit-transition: color 300ms; transition: color 300ms; line-height: 1.35; } ul.ct-sb-list > li a { text-decoration: none; color: #717171; font-size: 14px; font-weight: 400; line-height: 1.25; display: inline-block; -webkit-transition: color 300ms; transition: color 300ms; margin-bottom: 0; } ul.ct-sb-list > li { margin-bottom: 4px; } .ct-title:hover, ul.ct-sb-list > li a:hover { color: #c72c41; } .h-bottom > * { padding-bottom: 7px; } .ct-banner { background-color: black; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 6px; padding-bottom: 6px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; border-radius: 5px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(22, 22, 22, 0.8)), to(rgba(22, 22, 22, 0))), url('/local/templates/main/css/../img/banner-bg.jpg'); background-image: linear-gradient(to right, rgba(22, 22, 22, 0.8) 0%, rgba(22, 22, 22, 0) 100%), url('/local/templates/main/css/../img/banner-bg.jpg'); background-position: center; background-size: cover; } .ctb-col-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 20px; } .ctb-col-btn, .ctb-col-img { -ms-flex-negative: 0; flex-shrink: 0; } .ctb-col-img { text-align: center; padding-left: 30px; } .ctb-col-btn { padding-right: 49px; } .ctb-title { font-size: 18px; font-weight: 700; } .br-one { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; font-weight: 400; } .br-one i { font-size: 10px; margin-right: 10px; } .br-one span { color: #a0a0a0; } .breadcrumb-one { margin-bottom: 8px; } .pr-box-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; } .pr-box.in-cart .pr-box-overlay { display: none; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 60px; } .pg-text { color: #000000; font-size: 14px; font-weight: 500; } .pg-proggress { width: 231px; height: 2px; position: relative; background-color: #f0f0f0; max-width: 100%; margin-bottom: 15px; } .pg-text { margin-bottom: 11px; } .pg-proggress > div { background-color: #c72c41; height: 100%; -webkit-transform: width 100ms; transform: width 100ms; } .pg-more { border-radius: 5px; border: 2px solid #f0f0f0; background-color: #ffffff; padding: 11px 20px; min-width: 230px; text-align: center; } ul.ed-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -10px; margin-right: -10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.ed-list > li { width: 25%; padding: 10px; margin-bottom: 60px; -ms-flex-negative: 0; flex-shrink: 0; } .ed-box { border-radius: 5px; border: 1px solid #f0f0f0; background-color: #ffffff; padding: 17px 30px; height: 100%; font-size: 14px; } .ed-ico { height: 76px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 17px; } .ed-ico img { -ms-flex-negative: 0; flex-shrink: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; } .ed-title { color: #000000; font-size: 20px; font-weight: 500; margin-bottom: 13px; } .ed-box p { color: #393939; } .ed-box > *:last-child { margin-bottom: 6px; } .stc { margin-top: 20px; font-size: 13px; font-weight: 400; } .stc a { text-decoration: none; } /*basket*/ .fs-wrap { position: absolute; left: -10px; top: 100%; /* margin-top: 5px;*/ width: 506px; padding: 0; z-index: 50; } .fs-arrw { position: absolute; left: 17px; bottom: 100%; z-index: 4; width: 20px; height: 10px; } .fs-arrw:after, .fs-arrw:before { content: ' '; position: absolute; top: 0; left: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #dfdfdf; } .fs-arrw:after { bottom: 100%; margin-bottom: -1px; border-bottom-color: white; } .fs-inner { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); border-radius: 5px; background-color: white; padding: 16px 26px; position: relative; margin-top: 22px; } .fs-scroll { overflow: hidden; overflow-y: auto; max-height: calc(100vh - 250px); min-height: 15px; } .fs-scroll[data-scrollbar="true"] { margin-right: -18px; padding-right: 18px; } .sf-title-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sf-title-wrp a {} .fs-title { color: inherit; font-size: 14px; font-weight: 500; letter-spacing: 0.42px; margin-bottom: 14px; } .sf-del { text-decoration: none; color: #bbbbbb; display: block; padding: 0; font-size: 18px; line-height: 1; } .sf-del:hover { color: #f9a72a; } .js-open-elem-hidden { display: none; } .empty-text { display: block; text-align: center; font-weight: 700; } .empty-text { display: none; } .empty-text.active { display: block; } .basket-item { position: relative; } .basket-item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 5px; padding-right: 5px; padding-top: 27px; padding-bottom: 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; /* margin-bottom: 22px;*/ -webkit-transition: opacity 300ms; transition: opacity 300ms; } .basket-item:before { content: ' '; position: absolute; bottom: 0; left: 5px; right: 5px; background-color: #f0f0f0; z-index: 1; height: 1px; } .bi-img { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; padding: 0; width: 68px; height: 65px; border-radius: 5px; border: 1px solid #f0f0f0; background-color: #ffffff; } .bi-img-inner { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; } .bi-img-inner img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; font-family: 'object-fit: contain; object-position: center;'; } .bi-title { color: inherit; font-size: 13px; font-weight: 400; letter-spacing: 0.59px; display: block; margin-right: 20px; margin-bottom: 8px; text-decoration: none; line-height: 1.6; margin-top: -3px; margin-bottom: 10px; color: #000000; } .bi-price { font-size: 18px; font-weight: 500; color: black; letter-spacing: -0.02px; min-width: 82px; } .bi-pc-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bi-remove { position: absolute; right: 3px; top: 19px; padding: 3px; text-decoration: none; font-family: 'Times New Roman'; color: inherit; font-size: 28px; -webkit-transition: color 300ms; transition: color 300ms; } .bi-remove:hover { color: #c72c41; } .h-basket .fs-scroll { max-height: 770px; } .basket-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px; margin-right: -6px } .bb-total { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .bb-title { color: #a0a0a0; font-size: 13px; font-weight: 400; margin-bottom: 8px; } .bb-price { color: #000000; font-size: 20px; font-weight: 700; } .bb-price, .bb-title { padding: 0 5px; } .basket-bottom .btn { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; width: 166px; font-size: 14px; font-weight: 400; } .basket-bottom .btn i { font-size: 20px; margin-right: 14px; } .basket-bottom.hide { display: none; } .js-open-elem-hidden { -webkit-transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 30, 0, 1); transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 30, 0, 1); opacity: 0; -webkit-transition: opacity 300ms, -webkit-transform 300ms; transition: opacity 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms; transition: transform 300ms, opacity 300ms, -webkit-transform 300ms; } .js-open-elem-hidden.active { -webkit-transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; } .bi-pc-wrp .qti { width: 106px; margin-right: 19px; } .bipr-title { color: #a0a0a0; font-size: 13px; font-weight: 400; margin-bottom: 5px; } /*//basket*/ .as-title { color: #393939; font-size: 16px; font-weight: 500; margin-bottom: 23px; } .pc-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 64px; } .pc-wrap h1 { margin-bottom: 10px; } .pc-wrap .sub-caption { margin-bottom: 20px; } .pc-wrap .sub-caption a { font-size: 13px; color: #A0A0A0; } .pc-wrap .sub-caption a:hover { color: #c72c41; } .pc-left-col { width: 43.8%; -ms-flex-negative: 0; flex-shrink: 0; max-width: 541px; } .pc-right-col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .pc-container { position: relative; height: 100%; } .gallery-slider-wrp { position: relative; border: 1px solid transparent; border-radius: 5px; } .gallery-slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gallery-slider .slick-slide > div, .gallery-slider .slick-track, .gallery-slider .slick-list { height: 100%; } .gallery-image { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: relative; height: 100%; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pg-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .gallery-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; } .pg-item { position: relative; cursor: pointer; display: block !important; } .pg-item:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; -webkit-box-shadow: inset 0 0 0 1px #f0f0f0; box-shadow: inset 0 0 0 1px #f0f0f0; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; } .pg-item:hover:before, .slick-slide.current .pg-item:before { -webkit-box-shadow: inset 0 0 0 3px #f0f0f0; box-shadow: inset 0 0 0 3px #f0f0f0; } .slick-vertical .slick-slide { border: none; } .gallery-pagination { width: 101px; z-index: 5; margin-left: 10px; } .pg-item { border-radius: 5px; background-color: #ffffff; position: relative; padding: 44.56% 0; } .pg-item img {} .gallery-pagination .slick-slide { padding-top: 6px; padding-bottom: 5px; } .gallery-pagination .slick-arrow { width: 100%; border: none; background-color: transparent; padding: 0; line-height: 1; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 10px; -webkit-transition: color 300ms; transition: color 300ms; position: relative; } .gallery-pagination .slick-arrow:not(.slick-disabled):hover { color: #c72c41; } .gallery-pagination .slick-arrow.slick-disabled { opacity: 0.3; cursor: not-allowed; } .pc-wrap .pr-labels { left: auto; right: 0; padding-top: 14px; padding-right: 20px; } .pc-box { padding-left: 49px; padding-top: 49px; padding-bottom: 45px; } .pc-box.pcb-grey { background-color: #f7f8f8; font-size: 16px; position: relative; color: #6f6d6d; } .pc-box.pcb-grey:before { content: ' '; position: absolute; top: 0; bottom: 0; left: 100%; width: 50vw; background-color: inherit; } .pc-box:first-child { padding-top: 0; } .pc-box.pcb-grey h1, .pc-box.pcb-grey h2, .pc-box.pcb-grey h3, .pc-box.pcb-grey h4, .pc-box.pcb-grey h5, .pc-box.pcb-grey h6 { color: black; } .caption-wrp h1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; max-width: 530px; } .caption-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .caption-wrp .pr-icons { position: relative; -ms-flex-negative: 0; flex-shrink: 0; min-width: 130px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 0; /* right: -19px;*/ /* top: -20px;*/ margin-right: -19px; margin-top: -20px; } .caption-wrp .pr-ico { border-color: transparent; width: 40px; height: 40px; font-size: 27px; color: #393939; background-color: transparent; } .caption-wrp .pr-ico:before, .caption-wrp .pr-ico:after { font-size: 19px; } .caption-wrp .pr-ico.active, .caption-wrp .pr-ico:hover { color: #c72c41; } .price-box { margin-bottom: 8px; margin-bottom: 35px; } .prc-main { display: -webkit-box; display: -ms-flexbox; display: flex; width: 505px; max-width: 100%; min-height: 70px; margin-bottom: 7px; } .prc-total { display: none; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 20px; } .prc-price { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .price-box.in-cart .prc-price { width: 40.5%; } .prc-price .pr-price { font-size: 18px; margin-bottom: 1px; } .prc-price .pr-price b { font-size: 30px; font-weight: 500; } .prc-title { color: #a0a0a0; font-size: 13px; } .prc-pr-total { color: #393939; font-size: 3.1rem; font-weight: 500; line-height: 1.3; } .prc-control { width: 220px; position: relative; margin-bottom: 8px; } .price-box .qantity { height: 56px; } .price-box .qantity input { color: #000000; font-size: 14px; font-weight: 500; } .price-box .qantity .qt-sf { width: 35px; } .prc-control .btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 14px; font-weight: 500; } .prc-control .btn i { font-size: 19px; margin-right: 10px; } /*in cart*/ .price-box.in-cart .prc-price .pr-price { font-size: 14px; padding-top: 10px; margin-bottom: 4px; display: none; } .price-box.in-cart .prc-price .pr-price b { font-size: 16px; } .price-box.in-cart .prc-total { display: block; } .price-box.in-cart .js-add-to-cart { visibility: hidden; } /*//in cart*/ .prc-ft { color: #a0a0a0; font-size: 13px; font-weight: 400; } .opt-caption { color: #393939; font-size: 16px; display: block; margin-bottom: 5px; } .opt-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-bottom: 19px; } .opt-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; border-radius: 5px; -webkit-box-shadow: inset 0 0 0 1px #f0f0f0; box-shadow: inset 0 0 0 1px #f0f0f0; background-color: #ffffff; margin: 0 0 10px 10px; padding: 7px 9px; position: relative; -webkit-transition: background-colo 300ms, -webkit-box-shadow 300ms; transition: background-colo 300ms, -webkit-box-shadow 300ms; transition: background-colo 300ms, box-shadow 300ms; transition: background-colo 300ms, box-shadow 300ms, -webkit-box-shadow 300ms; } .opt-item:hover { -webkit-box-shadow: inset 0 0 0 2px #f0f0f0; box-shadow: inset 0 0 0 2px #f0f0f0; } .opt-item.active { background-color: #f0f0f0; } .opt-link { text-decoration: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .opt-color { width: 17px; height: 18px; border: 1px solid #efefef; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 50%; margin-right: 9px; } .opt-title { -ms-flex-negative: 0; flex-shrink: 0; white-space: nowrap; color: #393939; font-size: 13px; font-weight: 400; } .opt-qt { color: #393939; font-size: 13px; font-weight: 500; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 10px; } .opt-remove { -ms-flex-negative: 0; flex-shrink: 0; display: block; text-decoration: none; font-family: 'Times New Roman'; font-weight: 900; font-size: 19px; line-height: 1; margin-left: 9px; -webkit-transition: color 300ms; transition: color 300ms; z-index: 4; } .opt-remove:hover { color: #c72c41; } .prop-table { width: 100%; } .prop-table td { width: 50%; padding-top: 3px; padding-bottom: 4px; } .prop-table td:last-child { color: black; padding-left: 10px; } .margin-div { margin-bottom: 40px; } .gallery-slider-wrp.fixed { position: fixed; top: 0; } .gallery-slider-wrp.stop { position: absolute; top: auto; bottom: 0; } .main-content .breadcrumb-one { display: none; } .rc-slider:not(.slick-slider) { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: hidden; } .rc-slider:not(.slick-slider) > div { -ms-flex-negative: 0; flex-shrink: 0; width: 33.3333%; } .tooltipster-base { position: absolute; } .tooltipster-base .info-wrap-tooltip { background-color: white; } .tooltipster-sidetip .tooltipster-box { /* background: white;*/ border: none; border-radius: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); background-color: #ffffff; } .tooltipster-sidetip .tooltipster-content { padding: 12px 0; color: #393939; } .tooltipster-sidetip .info-inner { padding-right: 15px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: rgba(0, 0, 0, 0.01); } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: white; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 10px; } .pr-in-col-content .info-wrap-tooltip { display: none; } .c-prop-item { padding-left: 20px; padding-right: 20px; color: #393939; font-size: 14px; font-weight: 400; } .ch-prop-item, .c-prop-item { padding-top: 10px; padding-bottom: 10px; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .c-prop-item.hover { background-color: #f7f8f8; } .ch-prop-item.hover { text-decoration: underline; } .f-box-fixed .custom-select { margin-bottom: 13px; min-width: 0; } .f-box-fixed .rd-title { font-size: 14px; } .compare-slider { position: relative; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .compare-slider:before { content: ' '; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background-color: #ebebeb; z-index: 2; } .compare-slider .pr-box { border-top: none; border-bottom: none; } .cmp-caption-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; } .cmp-caption-wrp h1, .cmp-caption-wrp h2 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 15px; } .cmp-slider-nav { -ms-flex-negative: 0; flex-shrink: 0; } .pr-slider-control, .cmp-slider-nav { margin-right: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .pr-slider-control .slick-arrow, .cmp-slider-nav .slick-arrow { border: none; background-color: transparent; font-size: 12px; padding: 14px 10px; -webkit-transition: opacity 300ms; transition: opacity 300ms; position: relative; height: auto; width: auto; color: #393939; } .pr-slider-control .slick-arrow:hover, .cmp-slider-nav .slick-arrow:hover { opacity: 0.7; color: inherit; } .pr-slider-control .slick-arrow.slick-disabled, .cmp-slider-nav .slick-arrow.slick-disabled { opacity: 0.2; cursor: not-allowed; } .ch-wrp.js-scroll { max-height: 390px; overflow: hidden; } .ch-wrp.js-scroll .ch-inner .ch:last-child { margin-bottom: 0; } .ch-wrp.js-scroll { margin-bottom: 15px; padding-right: 10px; } .ch-wrp.js-scroll .scrollbar-track-y { border-right: 0 !important; width: 2px !important; margin-right: 4px; } .reg-box { color: #393939; } .reg-box, .ct-box { border: 1px solid #f0f0f0; background-color: #ffffff; padding: 28px 19px; } .ct-box > *:last-child { margin-bottom: 0; } .ct-box strong { font-weight: 500; margin-bottom: 9px; display: block; font-size: 16px; color: #393939; } .rb-caption { color: #000000; font-size: 20px; font-weight: 300; display: block; margin-bottom: 18px; } .reg-box p, .ct-box p { margin-bottom: 22px; } .reg-box p { color: #a0a0a0; } .reg-box p a { color: #393939; } .reg-box p a:hover { color: #c72c41; } .tw-cols { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 57px; } .tw-col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .tw-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 315px; padding-left: 20px; } .cart-panel { border: 1px solid #f0f0f0; background-color: #ffffff; padding: 0 20px; } .cart-st { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .crt-st-ico-wrp { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 9px; } .crt-st-info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; font-size: 13px; font-weight: 400; line-height: 1.2; } .cp-title { border-bottom: 1px solid #efefef; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .cp-main { padding-top: 17px; padding-bottom: 11px; } .cp-prop-wrp { font-size: 13px; width: 100%; margin-bottom: 10px; } .cp-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .cp-item span { color: #a0a0a0; min-width: 50%; width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-top: 3px; } .cp-item b { color: #393939; font-size: 16px; font-weight: 500; max-width: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .cp-item span, .cp-item b { padding-bottom: 5px; } .cpt-title { color: #a0a0a0; font-size: 13px; margin-bottom: 2px; } .cpt-price { color: #393939; font-size: 24px; font-weight: 700; margin-bottom: 14px; } .cp-main .btn { width: 100%; font-size: 14px; font-weight: 500; height: 51px; margin-bottom: 7px; } .cp-text { color: #a0a0a0; font-size: 13px; line-height: 1.3; } .cp-text a { display: inline-block; } .tw-cols-head { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 16px; font-size: 14px; } .tw-cols-head .tw-col-l { display: -webkit-box; display: -ms-flexbox; display: flex; } .pr-in-col-remove, .pr-in-col-total, .pr-in-col-qt, .pr-in-col-price { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: center; align-self: center; } .cart-box { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #f0f0f0; background-color: #ffffff; padding-left: 15px; padding-right: 15px; position: relative; min-height: 120px; } .cart-box .pr-in-col-img { padding-right: 23px; } .cart-box .pr-in-img { width: 90px; height: 90px; } .cart-box .pr-labels { padding-left: 0; left: -14px; } .cart-box .pr-in-col-content { padding-right: 15px; padding-top: 20px; } .pr-in-col-price { width: 130px; } .pr-in-col-qt { width: 106px; margin-right: 30px; margin-bottom: 5px; } .pr-in-col-total { width: 154px; } .pr-in-col-remove { padding-left: 10px; } .pr-crt-price { color: #393939; font-size: 16px; font-weight: 400; } .pr-crt-total { color: #393939; font-size: 18px; font-weight: 500; } .pr-crt-remove { text-decoration: none; font-style: normal; font-family: 'Times New Roman'; font-weight: 700; font-size: 25px; -webkit-transition: color 300ms; transition: color 300ms; } .pr-crt-remove:hover { color: #c72c41; } .cart-box .pr-in-title { margin-bottom: 6px; text-decoration: underline; } .cart-box .pr-in-title:hover { text-decoration: none; } .cart-box .pr-in-art { min-height: 26px; } .tooltipster-base.qti-tooltip .tooltipster-content { padding-left: 10px; padding-right: 10px; color: #393939; font-size: 13px; font-weight: 400; } .cs-sort { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-negative: 0; flex-shrink: 0; } .cs-sort .custom-select { position: relative; z-index: 30; -ms-flex-item-align: start; align-self: flex-start; } .cs-sort .custom-select .c-select-drop-down { left: 0; right: auto; min-width: 195px; max-width: 300px; margin-top: 15px; } .csrt-result-item, .csrt-head { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 19px; padding-bottom: 4px; -webkit-transition: color 300ms; transition: color 300ms; position: relative; z-index: 11; } .csrt-result-item:hover, .csrt-head:hover { color: #c72c41; } .ico-sort-arr { font-family: icomoon; font-size: 5px; font-weight: 400; font-style: normal; margin-left: 8px; margin-top: 2px; display: block; line-height: 1; } .ico-sort-arr:before { content: '\e900'; display: block; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .ico-arr-down:before {} .csrt-main.open .ico-sort-arr:before, .ico-arr-up:before { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .csrt-select { position: absolute; left: 0; z-index: 10; min-width: 186px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); background-color: #ffffff; padding: 10px 15px; margin-top: 15px; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: opacity 300ms, visibility 300ms, -webkit-transform 300ms; transition: transform 300ms, opacity 300ms, visibility 300ms; transition: transform 300ms, opacity 300ms, visibility 300ms, -webkit-transform 300ms; } .csrt-main.open .csrt-select { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; } .csrt-select:before { content: ' '; position: absolute; bottom: 100%; left: 50%; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid rgba(0, 0, 0, 0.1); margin-bottom: 1px; margin-left: -5px; } .csrt-select:after { content: ' '; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid white; } .csrt-list a { text-decoration: none; display: block; padding: 1px 0; color: #000000; } .csrt-list a:hover { text-decoration: underline; } .cart-control { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cart-control a { margin-left: 19px; } .cart-control a:not(.underline) { text-decoration: none; } .crt-remove-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #f7f8f8; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; visibility: hidden; opacity: 0; -webkit-transition: visibility 300ms, opacity 300ms; transition: visibility 300ms, opacity 300ms; } .cart-box.removed .crt-remove-wrap { visibility: visible; opacity: 1; } .crt-remove-title { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 16px; } .crt-remove-btn.btn-invert { margin-left: 15px; -webkit-box-shadow: inset 0 0 0 2px #393939; box-shadow: inset 0 0 0 2px #393939; color: #393939; font-size: 14px; } .crt-remove-btn.btn-invert:hover { background-color: #393939; -webkit-box-shadow: inset 0 0 0 2px #393939; box-shadow: inset 0 0 0 2px #393939; } .cb-banner { background-color: #f36263; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 35px; } .cb-banner-col-l { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding: 59px 80px; -ms-flex-item-align: center; align-self: center; z-index: 2; } .cb-banner-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-right: 20px; } .cb-banner-col-r img { display: block; width: auto; height: auto; max-width: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .cb-banner-caption { font-size: 3.2rem; font-weight: 700; line-height: 1.2; margin-bottom: 20px; } .cb-banner-subcaption { font-size: 18px; font-weight: 400; margin-bottom: 13px; max-width: 410px; } .cb-banner-ref { color: #ffe1e1; font-size: 12px; font-weight: 400; max-width: 390px; line-height: 1.3; margin-bottom: 18px; } .cb-banner-input { width: 100%; max-width: 441px; display: -webkit-box; display: -ms-flexbox; display: flex; } .cb-banner-input .btn { -ms-flex-negative: 0; flex-shrink: 0; min-width: 121px; height: auto; margin-left: 20px; font-size: 14px; } ol { counter-reset: point; padding: 0; margin: 0 0 44px 0; } ol > li { list-style: none; position: relative; padding-left: 37px; padding-left: 2.4em; margin-bottom: 9px; } ol > li:before { content: counter(point, decimal-leading-zero); counter-increment: point 1; position: absolute; left: 0; top: 0.07em; line-height: 1; color: #e4e4e4; font-size: 1.3em; font-weight: 700; } ol li ul:not(.custom) { margin-top: 18px; margin-bottom: 14px; display: block; } #callback.modal { width: 504px; background-color: white; } a.m-lnk { display: inline-block; text-decoration: none; } a.m-lnk:hover { text-decoration: underline; } .modal .input { margin-bottom: 20px; } #pass-recover-ok.modal .btn, .modal .form .btn { font-size: 14px; min-width: 165px; margin-bottom: 10px; } .pl { color: #a0a0a0; font-size: 12px; line-height: 1.2; } .frm-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form .frm-wrp .btn { margin-bottom: 0; } .frm-l { -ms-flex-negative: 0; flex-shrink: 0; padding-right: 20px; } .frm-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 2px; } .frm-registration { display: block; color: #393939; font-size: 14px; font-weight: 500; line-height: 1; margin-bottom: 11px; } .frm-pass-recover { display: block; color: #a0a0a0; font-size: 14px; font-weight: 400; line-height: 1; } .form .frm-wrp .btn { min-width: 114px; } .frm-radio-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-bottom: 10px; } .frm-radio-wrp > * { margin-left: 15px; margin-bottom: 10px; } .rd-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .rd-tab > * { width: 50%; padding-right: 15px; } .rd-tab .rd-title { font-size: 14px; } .main-content .adaptive-visible { display: none; } .cb-banner.type-3 .cb-banner-col-r, .cb-banner.type-2 .cb-banner-col-r { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cb-banner.type-2 { background: linear-gradient(175.12deg, #EF5A5C 39.39%, #E65471 56.98%, #DC3D73 80.4%, #CF2B7D 97.94%); } .cb-banner-caption .mark { color: #ffeb00; } .title { font-weight: 500; margin-bottom: 14px; display: block; font-size: 16px; line-height: inherit; } .cb-banner.type-3 { background: linear-gradient(159.59deg, #B054D6 43.68%, #A654E2 61.84%, #8D5CEC 98.26%); margin-bottom: 20px; } .bn-title-item { display: block; margin: 14px 0; } .bn-title-item span { font-size: 38px; font-weight: 400; } .bn-title-item span b { font-weight: 500; } .bn-title-text { font-weight: 300; } .comments { position: relative; padding: 11px 0 11px 2.4em; margin-bottom: 40px; } .comments > *:last-child { margin-bottom: 0; } .comments:before { content: ' '; position: absolute; top: 0; left: 0; bottom: 0; width: 8px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(219, 90, 95, 1)), to(rgba(206, 75, 129, 1))); background: linear-gradient(to bottom, rgba(219, 90, 95, 1) 0%, rgba(206, 75, 129, 1) 100%); } .extra { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 50px; } .extra-item { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 10px 20px 10px; } .extra-box { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #f0f0f0; background-color: #f7f8f8; color: #393939; font-size: 14px; font-weight: 400; min-height: 182px; height: 100%; } .extra-box > * { width: 100%; } .extra-box p { line-height: 1.4; margin-bottom: 10px; } .ex-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 15px 15px 15px 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ex-img { -ms-flex-negative: 0; flex-shrink: 0; width: 220px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ex-img img { -ms-flex-negative: 0; flex-shrink: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; } .ex-caption { color: #393939; font-size: 20px; font-weight: 500; margin-bottom: 10px; display: block; } .extra-box a { color: #c72c41; } .extra-item.ex-small { width: 25%; } .extra-item.ex-small .ex-img { width: 127px; } .extra-item.ex-small .ex-caption { font-size: 18px; font-weight: 400; } .extra-item.ex-small .ex-caption b { font-weight: 700; } .ex-img.align-left img { -ms-flex-item-align: start; align-self: flex-start; } .extra-box.ex-mirror { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .extra-box.ex-mirror .ex-main { padding-left: 15px; padding-right: 5px; } .prt-slider { border: 1px solid #f0f0f0; background-color: #ffffff; padding-left: 30px; padding-right: 30px; margin-bottom: 20px; } .prt-box { height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; } .prt-box img { width: auto; height: auto; max-width: 100%; max-height: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .slick-arrow { border: none; background-color: transparent; padding: 0; line-height: 1; position: absolute; top: 0; color: #c5c5c5; width: 30px; height: 100%; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2; -webkit-transition: color 300ms, opacity 300ms; transition: color 300ms, opacity 300ms; } .slick-arrow.slick-disabled { opacity: 0; cursor: default; } .slick-arrow:hover { color: #c72c41; } .slick-prev { left: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 5px; } .slick-next { right: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 5px; } .download { text-decoration: none; color: #393939; font-weight: 400; padding-left: 2.5em; position: relative; margin-bottom: 17px; display: inline-block; } .download:before { font-family: icomoon; position: absolute; left: 0; top: 0; font-size: 1.5em; line-height: 1; color: #c72c41; } .download.pdf:before { content: '\e91f'; } .download:hover { color: inherit; text-decoration: underline; } ul.price-list { margin-bottom: 15px; } ul.certeficate-list, ul.gallery-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 8px; } ul.certeficate-list > li, ul.gallery-list > li { -ms-flex-negative: 0; flex-shrink: 0; width: 33.3333%; padding: 0 10px 20px 10px; } .image-box { padding: 52.7% 0; display: block; position: relative; overflow: hidden; } .image-box:hover .img-text { color: #c72c41; } .img-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; -webkit-transition: -webkit-transform 1000ms; transition: -webkit-transform 1000ms; transition: transform 1000ms; transition: transform 1000ms, -webkit-transform 1000ms; } .img-inner { position: absolute; bottom: 0; right: 0; z-index: 1; width: 278px; height: 220px; background-color: #ffffff; padding: 39px 28px; } time { color: #a0a0a0; font-size: 14px; font-weight: 300; } .img-inner time { display: block; margin-bottom: 10px; } .img-text { color: #393939; font-size: 18px; font-weight: 300; height: 88px; display: block; overflow: hidden; -webkit-transition: color 300ms; transition: color 300ms; } .image-box.certeficate .img-text { height: 120px; } .image-box.certeficate:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); z-index: 1; } .image-box.certeficate:hover .img-image { -webkit-transform: scale(1.1); transform: scale(1.1); } .img-decor { width: 45px; height: 45px; border-radius: 5px; background-color: #393939; position: absolute; bottom: 0; right: 0; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 27px; line-height: 1; } .img-decor i { font-style: normal; display: block; position: relative; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; width: 16px; height: 16px; color: white; } .img-decor i:before { content: ' '; position: absolute; top: 0; height: 100%; width: 2px; background-color: currentColor; left: 50%; margin-left: -1px; } .img-decor i:after { content: ' '; position: absolute; left: 0; width: 100%; height: 2px; background-color: currentColor; top: 50%; margin-top: -1px; } .image-box:hover .img-decor i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .ellip { display: block; height: 100%; } .ellip-line { display: inline-block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; max-width: 100%; } .ellip, .ellip-line { position: relative; overflow: hidden; } ul.g-img-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: 10px; } ul.g-img-list > li { width: 25%; padding: 0 10px 20px 10px; } ul.g-img-list a { display: block; position: relative; padding: 50% 0; } ul.g-img-list a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .lg-backdrop { background-color: rgba(0, 0, 0, 0.5); } .lg-sub-html, .lg-toolbar { background-color: transparent; } .lg-outer .lg-thumb-outer { background-color: transparent; } .lg-outer .lg-thumb { padding-bottom: 30px; } .lg-outer .lg-thumb-item { border: none; position: relative; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #f0f0f0; } .lg-outer .lg-thumb-item:before { content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 0 1px #f0f0f0; box-shadow: inset 0 0 0 1px #f0f0f0; -webkit-transition: -webkit-box-shadow 200ms; transition: -webkit-box-shadow 200ms; transition: box-shadow 200ms; transition: box-shadow 200ms, -webkit-box-shadow 200ms; z-index: 2; background-color: transparent; } .lg-outer .lg-thumb-item.active:before, .lg-outer .lg-thumb-item:hover:before { -webkit-box-shadow: inset 0 0 0 3px #f0f0f0; box-shadow: inset 0 0 0 3px #f0f0f0; } .lg-toolbar .lg-icon, .lg-actions .lg-next, .lg-actions .lg-prev { display: block; width: 45px; height: 46px; background-color: rgba(211, 211, 211, 0.9); border-radius: 50%; color: #393939; font-size: 16px; -webkit-transition: background-color 300ms, color 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, color 300ms, -webkit-box-shadow 300ms; transition: box-shadow 300ms, background-color 300ms, color 300ms; transition: box-shadow 300ms, background-color 300ms, color 300ms, -webkit-box-shadow 300ms; padding: 0; } .lg-toolbar .lg-icon:hover, .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { -webkit-box-shadow: inset 0 0 0 2px rgba(211, 211, 211, 0.9); box-shadow: inset 0 0 0 2px rgba(211, 211, 211, 0.9); background-color: transparent; color: rgba(211, 211, 211, 0.9); } .lg-actions .lg-next:before { content: '\e906'; font-family: icomoon; } .lg-actions .lg-prev:after { content: '\e907'; font-family: icomoon; } .lg-toolbar .lg-icon { font-size: 24px; 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; } .lg-toolbar { padding-left: 20px; padding-right: 20px; padding-top: 20px; } .lg-outer .lg-thumb { margin-left: auto; margin-right: auto; } .lg-thumb-outer { padding-left: 20px; padding-right: 20px; } .col-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .wr-col-half { width: 45.6%; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 20px; } .comments .col-wrap { margin-bottom: -20px; } .map { height: 400px; margin-bottom: 30px; } .infowindow { max-width: 236px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); background-color: #ffffff; padding: 15px; font-family: Ubuntu; color: #393939; font-size: 13px; font-weight: 400; line-height: 1.3; } .map-caption { color: #393939; font-size: 14px; font-weight: 700; margin-bottom: 6px; } .map-address { margin-bottom: 6px; } .map-contacts a, .map-contacts { color: #393939; font-size: 13px; font-weight: 700; text-decoration: none; } .map-contacts { margin-bottom: 6px; } .map-worktime { color: #a0a0a0; font-size: 13px; font-weight: 400; } .gm-style .gm-style-iw-c { padding: 0; border-radius: 0; overflow: visible; } #map-projects .gm-style .gm-style-iw-t { opacity: 0; -webkit-transition: opacity 0ms 100ms; transition: opacity 0ms 100ms; } .gm-style-iw-d { overflow: visible !important; background-color: #474747 !important; overflow: visible; } .gm-style .gm-style-iw-t::after { background: linear-gradient(45deg, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 51%, rgba(255, 255, 255, 0) 100%); } .gm-ui-hover-effect { color: white; opacity: 1; right: 4px !important; top: 0 !important; width: 20px !important; height: 25px !important; } .gm-ui-hover-effect:hover { opacity: 0.7 !important; } .gm-ui-hover-effect img { display: none !important; } .gm-ui-hover-effect:before { content: '\00D7'; color: black; font-size: 25px; line-height: 1; } .gm-style .gm-style-iw-c { -webkit-box-shadow: none; box-shadow: none; } .wr-col-half a { text-decoration: none; } .wr-col-half a:hover { color: inherit; } .cb-banner.type-4 { background: linear-gradient(175.12deg, #EF5A5A 39.39%, #E68054 56.98%, #E3B863 80.4%, #EC6060 97.94%); overflow: hidden; } .cb-banner.type-4 .cb-banner-col-r { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cb-banner.type-4 .cb-banner-col-r { width: 35%; padding-right: 0; } .cb-banner.type-4 .cb-banner-caption { margin-bottom: 10px; } .cb-banner.type-4 .cb-banner-subcaption { max-width: 620px; margin-bottom: 26px; } .cb-banner.type-4 .cb-banner-input { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 620px; } .cb-col-half { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .cb-col-half > * { -ms-flex-negative: 0; flex-shrink: 0; width: calc(50% - 10px); } .cb-banner.type-4 .cb-banner-input .textarea, .cb-banner.type-4 .cb-banner-input .input { margin-bottom: 20px; } .cb-banner.type-4 .cb-banner-input .btn { height: 45px; margin-left: 0; } .cb-banner.type-4 .cb-banner-col-l { padding-top: 40px; padding-bottom: 40px; padding-right: 0; } .cb-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .cb-col-l { -ms-flex-negative: 0; flex-shrink: 0; } .cb-col-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; } .cb-pl { color: #ffe1e1; font-size: 12px; font-weight: 400; margin-left: 20px; } .cb-banner.type-4 .cb-banner-input .textarea { min-height: 150px; } .cb-banner-img-bg { /*margin-left: -202px;*/ padding-left: 15px; margin-right: -100px; margin-top: 30px; } ul.fdbk-list { margin-left: -10px; margin-right: -10px; margin-bottom: 10px; } ul.fdbk-list > li { width: 25%; display: inline-block; padding: 0 10px 20px 10px; } .fdbl-box { border: 1px solid #f0f0f0; background-color: #f9f9f9; padding: 27px 30px; font-size: 14px; font-weight: 400; } .fdbk-head { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .fdbk-img { width: 66px; height: 66px; display: block; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; border-radius: 50%; margin-right: 18px; } .fdbk-head-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; -ms-flex-item-align: center; align-self: center; } .fdbk-head-name { color: #000000; font-size: 16px; font-weight: 500; margin-bottom: 3px; } .fdbk-head-city { color: #a0a0a0; font-size: 14px; font-weight: 400; } .fdbk-body { line-height: 1.6; } .fdbk-body p { margin-bottom: 9px; } .fdbl-box time { font-size: 13px; font-weight: 400; } .img-full-width { width: 100%; } .additionally { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; } .adt-col-l { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: center; align-self: center; padding-right: 30px; } .adt-col-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .adt-extra-wrp .extra-box:not(:last-child) { margin-bottom: 10px; } .extra-box.ex-bottom .ex-img { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .dr-img { margin-bottom: 11px; } .dr-img img { width: 100%; } .dr-name { margin-bottom: 5px; } .dr-post { color: #a0a0a0; display: block; margin-bottom: 30px; } .dr-why { color: #393939; font-size: 16px; font-weight: 500; line-height: 1.2; display: block; margin-bottom: 30px; } .dr-ex { color: #a0a0a0; line-height: 1.3; margin-bottom: 31px; } .dr-ex div { margin-bottom: 1px; } .dr-ex b { color: #393939; font-size: 16px; font-weight: 500; } ul.pr-nav-list { border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; background-color: #ffffff; } ul.pr-nav-list > li { display: block; border-bottom: 1px solid #f0f0f0; } ul.pr-nav-list a { text-decoration: none; font-size: 16px; font-weight: 400; display: block; padding: 16px 19px; -webkit-transition: color 300ms; transition: color 300ms; } ul.pr-nav-list > li.active a, ul.pr-nav-list a:hover { color: #c72c41; } .personal-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .personal-form > *:not(.full-width):not(.fp-wrp) { width: calc(33.3333% - 10px); } .personal-form > * { margin-bottom: 20px; } .personal-form .full-width { width: 100%; } .personal-form .btn { font-size: 14px; } ul.or-tab { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; margin-bottom: 10px; } ul.or-tab > li { padding: 0 5px 10px 5px; } ul.or-tab a { text-decoration: none; color: #393939; font-size: 13px; font-weight: 400; height: 40px; border-radius: 5px; -webkit-box-shadow: inset 0 0 0 1px #f0f0f0; box-shadow: inset 0 0 0 1px #f0f0f0; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 18px; min-width: 100px; -webkit-transition: background-color 300ms, box-shadow 300ms, color 300ms; -webkit-transition: background-color 300ms, color 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, color 300ms, -webkit-box-shadow 300ms; transition: background-color 300ms, box-shadow 300ms, color 300ms; transition: background-color 300ms, box-shadow 300ms, color 300ms, -webkit-box-shadow 300ms; } ul.or-tab a:hover { -webkit-box-shadow: inset 0 0 0 2px #f0f0f0; box-shadow: inset 0 0 0 2px #f0f0f0; } ul.or-tab > li.active a { background-color: #f0f0f0; } ul.order-table { margin-bottom: 31px; } ul.order-table > li { margin-bottom: 18px; } .ot-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0 0 0 1px #efefef; box-shadow: 0 0 0 1px #efefef; background-color: #ffffff; padding: 18px 20px; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; } .ot-box:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .ot-column-1 { padding-right: 15px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .ot-column-2 { padding-right: 15px; -ms-flex-negative: 0; flex-shrink: 0; width: 43.8%; } .ot-column-3 { -ms-flex-negative: 0; flex-shrink: 0; width: 31.9%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ot-title { font-weight: 500; } ul.ot-prop > li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; } .cbx-title, ul.ot-prop > li span { -ms-flex-negative: 0; flex-shrink: 0; width: 140px; color: #a0a0a0; font-size: 14px; } .cbx-title { width: auto; } .cbx-val, ul.ot-prop > li b { font-weight: 400; } .ot-column-3 ul.ot-prop { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .ot-column-3 ul.ot-prop > li span { width: 160px; } ul.ot-prop > li.total span { padding-top: 5px; } ul.ot-prop > li.total b { font-size: 18px; font-weight: 500; } .ot-link { -ms-flex-negative: 0; flex-shrink: 0; font-size: 14px; font-weight: 400; } .sub-caption { color: #393939; font-size: 14px; font-weight: 400; } .count-box { border: 1px solid #f0f0f0; background-color: #ffffff; margin-bottom: 20px; } .cbx-header { position: relative; border-bottom: 1px solid #f0f0f0; } .cbx-caption { color: #393939; font-size: 18px; font-weight: 500; position: relative; } .cbx-caption:before { content: attr(data-counter); position: absolute; left: 21px; top: 17px; color: #e3e3e3; font-size: 22px; font-weight: 500; } .cbx-col, .cbx-caption { padding-top: 19px; padding-bottom: 19px; } .cbx-tr, .cbx-tb-body, .cbx-body, .cbx-tb-header, .cbx-caption { padding-left: 54px; padding-right: 20px; } .cbx-tr, .cbx-tb-header, .cbx-tb-body { margin-left: -54px; margin-right: -20px; } .cbx-table { color: #393939; font-size: 14px; font-weight: 400; } .cbx-title { margin-bottom: 3px; } .cbx-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cbx-col { width: 33.3333%; -ms-flex-negative: 0; flex-shrink: 0; padding-right: 15px; } .cbx-col:nth-child(3n + 1) { width: 38.4%; } .cbx-col:nth-child(3n + 2) { width: 30.6%; } .cbx-col:nth-child(3n + 3) { width: 31%; } .cbx-col a { text-decoration: none; } .cbx-col:nth-child(3n + 2) .ot-prop span { width: 160px; } .cbx-tb-header { border-bottom: 1px solid #f0f0f0; display: -webkit-box; display: -ms-flexbox; display: flex; } .cbx-tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cbxt-1 { -ms-flex-negative: 0; flex-shrink: 0; width: 38.4%; padding-right: 15px; } .cbxt-2 { -ms-flex-negative: 0; flex-shrink: 0; width: 20.5%; padding-right: 15px; } .cbxt-3 { -ms-flex-negative: 0; flex-shrink: 0; width: 10.2%; padding-right: 15px; } .cbxt-4 { -ms-flex-negative: 0; flex-shrink: 0; width: 30.9%; color: #393939; font-size: 16px; font-weight: 500; } .tbm-title { display: none; } .cbx-tb-header { padding-top: 13px; padding-bottom: 9px; } .cbx-tr { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; } .cbx-tr:last-child { border-bottom: 0; } /* body.error .content > .container { background-color: red; min-height: 100%; display: flex; } */ body.error { background-color: #f0f0f0; } body.error .container { display: -webkit-box; display: -ms-flexbox; display: flex; } .err-box { min-height: 100vh; max-width: 1637px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 20px; } .err-col-l { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-size: 22px; font-weight: 300; -ms-flex-negative: 0; flex-shrink: 0; width: 50%; padding-right: 50px; text-align: center; } .err-col-r { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; text-align: center; padding-left: 0; padding-bottom: 60px; } .err-col-l a:not(.btn) { text-decoration: none; display: inline-block; } .err-code { color: #ffffff; font-size: 45rem; font-size: 23.2vw; font-weight: 700; line-height: 1; position: relative; margin-bottom: 15px; } .err-code:before { content: ' '; position: absolute; background-color: #f0f0f0; right: 0; height: 0.11em; width: 1.42em; top: 0.48em; } .err-box p { margin-bottom: 34px; } .err-box .btn { min-width: 200px; height: 50px; font-size: 12px; font-weight: 700; } .top-slider .slick-slide div, .top-slider .slick-slide { display: block !important; } .top-slider > div { width: 100%; } .ts-item { display: block; width: 100%; padding: 13.603% 0; background-color: white; position: relative; } .ts-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } ul.slick-dots { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 0; width: 100%; padding: 0 0 17px 0; margin: 0; } ul.slick-dots > li { list-style: none; padding: 0; margin: 0; } ul.slick-dots > li:before { display: none; } .sl-dot { width: 11px; height: 11px; background-color: #ffe99f; padding: 0; border: none; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 5px 10px 5px; box-sizing: border-box; line-height: 1; -webkit-transition: background-color 300ms, -webkit-transform 300ms; transition: background-color 300ms, -webkit-transform 300ms; transition: transform 300ms, background-color 300ms; transition: transform 300ms, background-color 300ms, -webkit-transform 300ms; } ul.slick-dots > li.slick-active .sl-dot { background-color: #c72c41; -webkit-transform: scale(1.5); transform: scale(1.5); } body.index .main-content { padding-top: 50px; padding-bottom: 70px; } body.index .aside { padding-top: 0; padding-bottom: 0; } .as-inner { padding-top: 50px; padding-bottom: 65px; min-height: 251px; } ul.category-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .category-list > li { width: 25%; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 10px 20px 10px; /* max-width: 470px;*/ } .ctg-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; text-align: center; border: 1px solid #f0f0f0; background-color: #ffffff; min-height: 231px; padding: 30px 10px; height: 100%; position: relative; overflow: hidden; } .ctg-ico-wrp { width: 100px; height: 100px; background-color: #f7f8f8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; margin-bottom: 14px; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; /* position: relative;*/ z-index: 1; -webkit-box-shadow: 0 0 0 0 #f7f8f8; box-shadow: 0 0 0 0 #f7f8f8; -webkit-transition: -webkit-box-shadow 1s; transition: -webkit-box-shadow 1s; transition: box-shadow 1s; transition: box-shadow 1s, -webkit-box-shadow 1s; } .ctg-title { font-size: 16px; font-weight: 400; line-height: 1.25; position: relative; z-index: 2; max-width: 240px; } .ctg-box:hover .ctg-ico-wrp { -webkit-box-shadow: 0 0 0 220px #f7f8f8; box-shadow: 0 0 0 220px #f7f8f8; } .as-caption { font-size: 24px; font-weight: 400; margin-bottom: 17px; } .w-content.logo-content .aside { padding: 0; } .w-content.logo-content .main-content { padding-top: 30px; padding-bottom: 0; } .w-content.logo-content + .w-content .as-inner, .w-content.logo-content + .w-content .main-content { padding-top: 10px; } .as-inner p { margin-bottom: 5px; min-height: 62px; color: #a0a0a0; } .bg-box p { color: inherit; } .as-link:hover, .bg-box .as-link:hover { color: inherit; } .as-inner.bg-box { position: relative; } .as-inner.bg-box:after, .as-inner.bg-box:before { content: ' '; position: absolute; background-color: inherit; top: 0; bottom: 0; width: 100vw; z-index: 1; } .as-inner.bg-box:before { right: 99%; } .as-inner.bg-box:after { left: 99%; } .as-inner > * { position: relative; z-index: 2; } .main-content-inner { position: relative; z-index: 2; } .pr-slider { background-color: white; margin-bottom: 30px; } .pr-slider-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pr-slider-caption { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .pr-slider-control { -ms-flex-negative: 0; flex-shrink: 0; } .pr-slider-control.control-white .slick-arrow { color: white; } .pr-slider .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .pr-slider .slick-slide { -ms-flex-negative: 0; flex-shrink: 0; height: auto; } .pr-slider .slick-slide > div > div, .pr-slider .slick-slide > div { height: 100%; } .slick-arrow { width: 20px; padding: 0; } .slick-prev { padding-right: 5px; } .slick-next { padding-left: 5px; } .pr-slider .slick-list { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .main-content-inner .cb-banner.type-5:last-child { margin-bottom: 0; } .cb-banner.type-5 { background-color: #F0CB47; background-image: linear-gradient(0.4deg, #F4D156 8.76%, rgba(255, 255, 255, 0) 98.8%); color: #8f7413; font-size: 16px; font-weight: 400; margin-top: 104px; } .cb-banner.type-5 .cb-banner-col-r { width: 42.3%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cb-banner.type-5 .cb-banner-col-l { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .cb-banner-inner { width: 454px; max-width: 100%; } .cb-banner.type-5 .cb-banner-caption { color: #de5a83; font-size: 30px; font-weight: 700; margin-bottom: 26px; line-height: 1.3; } .cb-banner.type-5 .cb-banner-subcaption { max-width: none; font-size: 16px; } .cb-banner.type-5 .cb-banner-col-r img { margin-top: -33px; } .w-content.no-padding-top .main-content, .w-content.no-padding-top .as-inner { padding-top: 0; } .count-box.ckout .cbx-header { border-bottom: 0; } .ckout-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ckout-form > *:not(.full-width) { width: calc(50% - 10px); -ms-flex-negative: 0; flex-shrink: 0; } .ckout-form > * { margin-bottom: 20px; } .ckout-form .textarea { height: 140px; } .count-box.ckout { margin-bottom: 30px; } .count-box.ckout .cbx-caption { font-size: 22px; } .count-box.ckout .cbx-body { padding-bottom: 10px; } .textarea.full-width, .address-input.full-width { width: 100%; } .address-info { margin-top: 10px; font-size: 13px; font-weight: 400; display: block; -webkit-transition: color 300ms; transition: color 300ms; position: absolute; left: 0; top: 100%; margin-top: -18px; z-index: -1; } .address-info > div { -webkit-transition: color 300ms; transition: color 300ms; } .cbx-body hr { width: 100%; display: block; border: none; height: 1px; background-color: #f0f0f0; margin: 10px 0 30px 0px; } .ck-wrap { margin-left: -30px; } .ck-wrap > * { width: 100%; } .ck-wrap .rd-btn { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .ck-wrap .rd-more-info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; font-size: 14px; } .ck-wrap .rd-title { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 270px; } .ai-default { color: #a0a0a0; } .ai-empty, .no-house { color: #C72C41; } .new-address { color: #000000; } .address-info-item:not(.active) { display: none; } .pay-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -45px; margin-right: -10px; } .pay-input { width: 25%; -ms-flex-negative: 0; flex-shrink: 0; position: relative; overflow: hidden; padding: 0 10px 20px 10px; display: block; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .pay-input input { position: absolute; right: 100%; bottom: 100%; visibility: hidden; } .pay-in-box { border-radius: 5px; border: 1px solid #f0f0f0; background-color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 27px 25px 15px 25px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; color: #393939; font-size: 16px; line-height: 1.15; -webkit-transition: border-color 300ms; transition: border-color 300ms; } .pay-b-ico { -ms-flex-negative: 0; flex-shrink: 0; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 25px; position: relative; } .pay-b-ico img { -webkit-transition: opacity 300ms; transition: opacity 300ms; } .pay-b-ico .icon-ck { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #94D751; border-radius: 50%; color: white; font-size: 14px; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .pay-input input:checked + .pay-in-box .pay-b-ico .icon-ck { opacity: 1; } .pay-input input:checked + .pay-in-box .pay-b-ico img { opacity: 0; } .pay-input input:disabled + .pay-in-box { opacity: 0.4; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .pay-b-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .pay-b-elab { color: #a0a0a0; font-size: 13px; margin-right: -15px; margin-top: 5px; } .pay-b-text img { margin: 8px 0; display: inline-block; } .pay-form.parsley-error .pay-in-box { border-color: red; } .ckout-submit-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 27px; } .ckout-submit-wrap .btn { min-width: 200px; height: 50px; margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; } .cs-policy { -ms-flex-item-align: center; align-self: center; color: #a0a0a0; font-size: 13px; font-weight: 400; line-height: 1.3; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 20px; } .cs-back-inner { -ms-flex-negative: 0; flex-shrink: 0; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 14px; font-weight: 400; min-width: 160px; } .input.parsley-error + .address-info .address-info-item.ai-default { color: #C72C41; } .address-dropdown { position: absolute; left: 0; right: 0; top: 57px; border-radius: 5px; border: 1px solid #f0f0f0; background-color: #ffffff; min-height: 53px; padding: 14px 19px; font-size: 14px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: -1; } .adr-main { -ms-flex-negative: 0; flex-shrink: 0; } .adr-bottom { -ms-flex-negative: 0; flex-shrink: 0; } ul.adr-list {} ul.adr-list a { text-decoration: none; line-height: 1.3; padding: 2px 0; display: block; word-spacing: 1px; color: #000000; -webkit-transition: color 300ms; transition: color 300ms; } ul.adr-list a:hover, ul.adr-list a:focus { color: #DB3056; } .adr-main { margin-bottom: 13px; } .adr-link { color: #a0a0a0; } .address-dropdown { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); visibility: hidden; opacity: 0; z-index: -1; -webkit-transition: all 300ms; transition: all 300ms; } .address-input.dropdown-open .address-dropdown { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; opacity: 1; } .adr-main { max-height: 240px; overflow: hidden; overflow-y: auto; } .as-order { border: 1px solid #f0f0f0; background-color: #ffffff; padding: 30px 20px; } .aso-caption-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 17px; } .aso-caption { color: #000000; font-size: 20px; font-weight: 300; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-right: 10px; line-height: 1.3; } .aso-change { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; font-size: 13px; color: #A0A0A0; line-height: 1; margin-top: 2px; } .aso-change i { -ms-flex-negative: 0; flex-shrink: 0; font-size: 18px; margin-right: 9px; } .aso-change span { padding-top: 4px; } .aso-main { margin-bottom: 17px; } .aso-item { margin-bottom: 7px; } .aso-item-title { font-size: 14px; text-decoration: none; } .aso-item-total { color: #a0a0a0; font-size: 13px; } .aso-list-more { color: #393939; font-size: 13px; text-decoration: underline; padding: 11px 0; display: inline-block; } .aso-list-more:hover { text-decoration: none; } .aso-bottom { position: relative; padding-top: 19px; } .aso-bottom:before { content: ' '; position: absolute; top: 0; left: -20px; right: -20px; height: 1px; background-color: #f0f0f0; } .aso-b-title { display: block; color: #a0a0a0; font-size: 13px; margin-bottom: 6px; } .aso-total { color: #393939; font-size: 22px; font-weight: 500; line-height: 1; } #get-address.modal p a { text-decoration: none; display: inline-block; } #order-ok.modal p a {} .md-btn-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .md-btn-wrap .btn { margin-right: 20px; font-size: 14px; } .m-link { font-size: 14px; font-weight: 500; color: #393939; } .lg-wrp a { -webkit-transition: color 300ms; transition: color 300ms; } .lg-wrp a:hover { color: #c72c41; } .ot-time { font-size: 14px; } .btn-box .clear, .btn.btn-link { width: auto; padding-left: 0; padding-right: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: transparent; color: inherit; color: #393939; font-size: 14px; font-weight: 500; text-decoration: underline; } .btn-box .clear { min-width: 0; } .btn-box .clear:hover, .btn.btn-link:hover { -webkit-box-shadow: none; box-shadow: none; background-color: transparent; text-decoration: none; } .btn-box .btn { margin-bottom: 0; } .btn-box .clear:hover { color: #c72c41; } .sort-panel .custom-select { margin-bottom: 16px; z-index: 30; position: relative; } .clear-all { text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #a0a0a0; font-size: 12px; width: auto; margin-top: -2px; margin-right: 30px; } .clr-ico { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-style: normal; width: 26px; height: 25px; border: 1px solid #e4e4e4; border-radius: 50%; margin-right: 9px; } .clr-ico:before { content: '\00D7'; font-family: 'Times New Roman'; font-size: 22px; } .fv-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .wr-col-half.full-width { width: 100%; } .header { position: fixed; top: 0; left: 0; width: 100%; height: 127px; min-width: 768px; } .content { padding-top: 127px; } .compensate-for-scrollbar { margin-right: 0 !important; } .no-margin { margin-bottom: 0; } ul.ds-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } ul.ds-list > li { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 10px 40px 10px; } .ds-box { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ds-img { -ms-flex-negative: 0; flex-shrink: 0; position: relative; display: block; padding: 23% 0; margin-bottom: 22px; } .ds-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover; object-position: center;'; } .ds-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-negative: 0; flex-shrink: 0; } .ds-inner time { margin-bottom: 11px; } .ds-text { line-height: 1.4; font-weight: 300; font-size: 18px; height: 50px; overflow: hidden; } .to-top { position: fixed; 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; text-decoration: none; font-size: 20px; width: 70px; height: 70px; background-color: white; z-index: 150; bottom: 140px; right: 30px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); border-radius: 50%; font-size: 30px; opacity: 0; visibility: hidden; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms; } .to-top.visible { opacity: 1; visibility: visible; } html body .b24-widget-button-position-bottom-right { right: 30px; } #welcome.modal { width: 573px; } #welcome.modal p { font-size: 1.14em; margin-bottom: 1.9em; } .m-btn-wrp { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-top: -10px; position: relative; z-index: 1; } .m-btn-wrp .btn { min-width: 0; padding-left: 1.4em; padding-right: 1.4em; font-size: 1em; margin-left: 10px; margin-top: 10px; } .m-decor { position: relative; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 225px; max-width: 100%; margin-right: -25px; margin-top: -17px; } .m-decor:after { content: ' '; width: 1px; -ms-flex-negative: 0; flex-shrink: 0; padding: 34.3% 0; } .m-decor > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; font-family: 'object-fit: scale-down; object-position: center;'; } @media screen and (min-width: 1200px) { /*media*/ .ps-wrp .ed-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ps-wrp .ed-list > li { width: 100%; margin-bottom: 0; } .ps-wrp .ed-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ps-wrp .ed-ico { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 25px; margin-bottom: 20px; } .ps-wrp .ed-title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; line-height: 1.1; margin-bottom: 6px; font-size: 20px; } .ps-wrp .ed-box p { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; min-height: 65px; } /*//media*/ } @media screen and (min-width: 1200px) and (max-width: 1459px) { .ps-wrp .ed-title { font-size: 18px; } } @media screen and (min-width: 1920px) { .err-code { font-size: 449.384px; } } @media screen and (max-width: 1866px) { .cart-control a { margin-left: 8px; } .csrt-result-item, .csrt-head { margin-right: 8px; } .pr-crt-total { font-size: 16px; } .pr-in-col-total { width: 115px; } .pr-in-col-qt { margin-right: 10px; } .pr-in-col-price { width: 115px; } .cart-box .pr-in-col-img { padding-right: 15px; } .extra-item { width: 100%; } .extra-item.ex-small { width: 50%; } ul.fdbk-list > li { width: 33.3333%; } } @media screen and (max-width: 1730px) { .nav-more-btn, ul.nav-list a { padding-left: 18px; padding-right: 18px; } .hm-nav { margin-left: -18px; margin-right: -18px; } .aside { padding-right: 20px; } /* .btn-box .btn { font-size: 12px; width: auto; } */ .ed-box { padding-left: 20px; padding-right: 20px; } .ed-title { font-size: 18px; } .tw-col-r { width: 248px; } .cart-panel { padding-left: 10px; padding-right: 10px; } .cp-title { margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; } .ct-box { padding: 15px 10px; } .cb-banner-col-l { padding: 39px 30px; } .img-inner { padding: 30px 20px; width: 256px; height: 200px; } .cbxt-1 { width: 46.5%; } .cbxt-2 { width: 20.5%; } .cbxt-3 { width: 13%; } .cbxt-4 { width: 20%; } .ctg-title { font-size: 15px; } .pay-input { width: 33.3333%; } .reg-box { padding: 15px 10px; } } @media screen and (max-width: 1620px) { .container { padding-left: 70px; padding-right: 70px; } .sp-item { margin-left: 15px; } .sp-sort { margin-left: -15px; } .sort-extra .search-save, .sort-extra .tg-reset, .sort-extra .tg-item { margin-left: 10px; } .sort-extra { margin-left: -10px; } .caption, h1 { font-size: 3rem; } /* ul.pr-list > li { width: 281px; } */ .pr-top-wrp { padding: 28.5% 0; } .pr-content { padding-left: 15px; padding-right: 15px; } .pr-price b { font-size: 18px; } .prb-l { padding-right: 5px; } .pr-price { font-size: 15px; } .prb-r .btn { top: 3px; } .prb-r .qantity { height: 39px; } .prb-r .qantity input { font-size: 12px; } .aside, .ctb-col-img, .h-col-l { width: 325px; } .gallery-pagination { width: 90px; } } @media screen and (max-width: 1459px) { .container { padding-left: 40px; padding-right: 40px; } .nav-more-btn, ul.nav-list a { padding-left: 17px; padding-right: 17px; } .h-cart { width: 150px; } .h-icons { padding-right: 0; } .h-search { padding-right: 0; } .h-city { padding-right: 0; width: 150px; } .h-logo { padding-right: 10px; } .subscribe { width: 320px; } .ico-item { margin-left: 0; margin-right: 0; } .h-flex > * { padding-left: 10px; padding-right: 10px; } .h-col-c { padding-left: 20px; padding-right: 20px; } .aside, .ctb-col-img, .h-col-l { padding-right: 20px; } .h-col-r { padding-right: 0; width: 246px; } .container { padding-left: 20px; padding-right: 20px; } .logo-text { margin-left: 10px; } .h-contacts { width: 140px; } .h-col-l { padding-left: 0; } .hm-nav { margin-left: -8px; margin-right: -8px; } .ed-box { padding: 10px; } ul.ed-list { margin-left: -5px; margin-right: -5px; } ul.ed-list > li { margin-bottom: 25px; padding: 5px; } .ed-title { font-size: 16px; margin-bottom: 10px; } .pc-box { padding-left: 20px; } .aside, .ctb-col-img, .h-col-l { width: 301px; } .h-cart { width: 136px; } .ico-item { margin-left: 2px; margin-right: 2px; } .h-contacts { width: 138px; margin-left: 20px; } .hm-nav { margin-left: -12px; margin-right: -12px; } .nav-more-btn, ul.nav-list a { padding-left: 11px; padding-right: 11px; } .ico-item i.icon-libra { margin-right: 7px; } .main-content { padding-left: 20px; } .gallery-pagination { width: 82px; } .pc-box { padding-left: 41px; } ul.ed-list > li { width: 50%; } .ed-box { padding: 5px 28px; } .ed-title { font-size: 20px; margin-bottom: 17px; } ul.ed-list { margin-left: -10px; margin-right: -10px; margin-bottom: 35px; } ul.ed-list > li { margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } .btn-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .btn-box .btn { width: 100%; margin-right: 0; } .tw-cols-head, .tw-cols { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tw-col-r { display: none; } .tw-col-l { width: 100%; padding-left: 0; } .tw-cols-head .tw-col-r { display: none; } .cart-panel { padding-left: 10px; padding-right: 10px; margin-bottom: 30px; } .cp-prop-wrp { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cb-banner-caption { font-size: 2.6rem; } .f-ot-box:last-child { max-width: 320px; } .cbx-col:nth-child(3n + 3), .cbx-col:nth-child(3n + 2), .cbx-col:nth-child(3n + 1) { width: 50%; } } @media screen and (max-width: 1299px) { ul.ct-list { -webkit-column-count: 3; column-count: 3; } .img-text { font-size: 16px; } .img-inner { padding: 20px 15px; width: 236px; height: 170px; } .img-decor { width: 34px; height: 34px; } ul.fdbk-list > li { width: 50%; } .additionally { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .adt-col-l { width: 100%; margin-bottom: 30px; text-align: center; padding-right: 0; } .adt-col-r { width: 100%; } .cbx-title, .ot-link, ul.ot-prop > li span, .ot-box { font-size: 12px; } ul.ot-prop > li.total b { font-size: 14px; } .ot-column-2 { width: 42%; } .ot-column-3 { width: 34%; } .cbx-val, ul.ot-prop > li b { font-size: 14px; } ul.slick-dots { padding-bottom: 5px; } .pay-in-box { padding-left: 15px; padding-right: 15px; } .ckout-submit-wrap .btn { min-width: 146px; } .cs-back-inner { min-width: 0; } .to-top { right: 20px; font-size: 20px; width: 50px; height: 50px; } html body .b24-widget-button-position-bottom-right { right: 12px; } } @media screen and (min-width: 1200px) { .fancybox-close-small { left: 100%; right: auto; top: 0; /* padding: 0;*/ margin-top: -16px; margin-left: 2px; } .fancybox-close-small { color: white; } .aside ul.pr-list > li { width: 100%; } } @media screen and (max-width: 1199px) { .container { padding-left: 20px; padding-right: 20px; } .aside { padding-left: 0; padding-right: 10px; } .main-content { padding-left: 10px; padding-right: 10px; } .fb-title, .f-title { font-size: 15px; } .ch-title { margin-left: 8px; } .fch-nmb { margin-left: 8px; } .tg-item, .fch-btn { padding-top: 6px; padding-left: 6px; padding-bottom: 6px; } .fch-btn { padding-right: 6px; } .tg-item { padding-right: 19px; } .tg-item:before, .fch-btn:before { right: 5px; } .ico-item { margin: 0; } .h-flex > * { height: 55px; } .h-search-wrp input { height: 44px; } .nav-more-btn, ul.nav-list a, .catalog-btn { padding-left: 10px; padding-right: 10px; } .banner { padding: 10px 0; } .subscribe input:not(.btn) { height: 40px; } .f-ot-content { font-size: 2rem; } .catalog-btn { height: 40px; } .h-col-c { background-color: transparent; } .h-bottom .h-col-r { width: auto; } .h-search { padding-right: 10px; } .catalog-btn { width: auto; } .f-nav-list a { margin-bottom: 5px; } ul.ed-list > li { width: 50%; margin-bottom: 0; } .ctb-col-img { padding-left: 10px; } .ctb-col-btn { padding-right: 20px; } .ctb-col-img { width: 140px; } .ctb-title { font-size: 14px; } .fs-inner { margin-top: 12px; } .aside, .ctb-col-img, .h-col-l { min-width: 0; } .aside > * { min-width: 0; } body:not(.filter):not(.no-content-wrap) .w-content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body:not(.filter):not(.no-content-wrap) .aside { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; max-width: none; padding-right: 0; } body:not(.filter):not(.no-content-wrap) .main-content { width: 100%; } .gallery-pagination { width: 79px; } body:not(.filter):not(.no-content-wrap) .aside .adaptive-hide, body:not(.filter):not(.no-content-wrap) .aside .breadcrumb-one { display: none; } .main-content .breadcrumb-one { margin-bottom: 20px; } body.no-content-wrap .main-content .breadcrumb-one, body.filter .main-content .breadcrumb-one { display: none; } .main-content .adaptive-visible, .main-content .breadcrumb-one { display: block; } .main-content .rd-tab.adaptive-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .main-content .rd-tab > * { width: auto; } ul.pr-list-inline { margin-left: -10px; } .pr-inline-box .pr-icons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pr-inline-box .pr-ico { margin-right: 0; margin-bottom: 9px; } .pr-in-col-content { padding-right: 42px; } .pr-in-col-img { padding-right: 10px; } .cart-box { -ms-flex-wrap: wrap; flex-wrap: wrap; } .pr-in-col-price { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-left: 104px; } .pr-in-col-qt {} .pr-in-col-total { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; } .pr-in-col-content { width: calc(100% - 160px); } .cart-box .pr-in-col-content { width: calc(100% - 110px); } .pr-in-col-remove { position: absolute; top: 0; right: 10px; } .crt-remove-title { font-size: 14px; } .personal-form > *:not(.full-width):not(.fp-wrp) { width: 100%; } .ot-column-1 { width: 100%; margin-bottom: 19px; } .ot-column-2 { width: 50%; } .ot-column-3 { width: 50%; } .ot-box { -ms-flex-wrap: wrap; flex-wrap: wrap; } .cbx-col:nth-child(3n + 3), .cbx-col:nth-child(3n + 2), .cbx-col:nth-child(3n + 1) { width: 100%; } .cbx-col:nth-child(3n + 2) .ot-prop span, .cbx-body ul.ot-prop > li span { width: 280px; } .cbx-col { padding-top: 10px; padding-bottom: 10px; } .cbx-body .cbx-flex .cbx-col { padding-top: 0; padding-bottom: 0; } .cbx-body .cbx-flex { padding-top: 20px; padding-bottom: 20px; } .cbx-val { margin-bottom: 10px; } body.index .aside { -webkit-box-ordinal-group: 1 !important; -ms-flex-order: 0 !important; order: 0 !important; } .as-inner { min-height: 0; padding-bottom: 0; padding-top: 30px; padding-bottom: 30px; } .as-inner p { min-height: 0; } .w-content.no-padding-top .main-content, .w-content.no-padding-top .as-inner { padding-top: 20px; } .ckout-form > *:not(.full-width) { width: 100%; } .pay-input { width: 50%; } .cs-policy { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; margin-top: 20px; } .ckout-submit-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .h-col-c { padding-left: 0; } .hm-nav { margin-left: 10px; margin-right: 0; } .h-bottom .h-col-c { padding-right: 0; } .ct-title { font-size: 14px; } .header { height: 110px; } .content { padding-top: 110px; } .sub-panel { max-height: calc(100vh - 130px); } } @media screen and (max-width: 991px) { .btn { height: 40px; } .container { padding-left: 10px; padding-right: 10px; } .aside { width: 270px; } .h-search-wrp button { width: 30px; } .h-search-wrp input { padding-left: 10px; padding-right: 30px; } .f-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .f-nav { width: 100%; margin-bottom: 20px; } .f-ot { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .f-ot-box { width: 33.3333%; padding-right: 15px; } .pr-price { font-size: 15px; letter-spacing: -0.3px; } .pr-icons { padding: 5px 0 0 0; } .pr-ico { margin-right: 5px; } .pr-content { padding: 10px; } .pr-title { line-height: 1.3; } .prb-r { width: 90px; } .qt-sf { width: 18px; } .qt-sf.minus, .qt-sf.plus { padding-left: 0; padding-right: 0; } .prb-l { padding-right: 5px; } .h-contacts a { font-size: 14px; } .h-contacts { width: 125px; } .catalog-btn span { font-size: 11px; } .ico-cat { margin-left: 3px; margin-right: 10px; } .h-col-l { padding-right: 9px; } ul.nav-list { margin-left: -5px; margin-right: -5px; } .nav-more-btn, ul.nav-list a { padding-left: 5px; padding-right: 5px; } .ico-item { width: 35px; } .ico-item i.icon-heart { font-size: 16px; } .ico-item i.icon-libra { font-size: 20px; } .crt-ico { font-size: 19px; padding-right: 12px; } .h-cart { width: 137px; } .ico-count { width: 13px; height: 13px; } .cart-btn .ico-count { bottom: 100%; right: -6px; margin-bottom: -4px; } .ico-wrp .ico-count { top: 6px; right: -1px; } .h-col-r { width: auto; } .h-top .h-col-r { padding-left: 0; } .h-contacts a { margin-bottom: 3px; } .h-top .h-col-c { padding-right: 0; } .crt-price { margin-top: 3px; margin-bottom: 3px; } .aside { width: 230px; } .priceSliderTop { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .inMin, .inMax, .priceMax, .priceMin { width: 100%; } .prb-r .btn { min-width: 80px; height: 33px; top: 7px; } .pr-price b { font-size: 16px; } .f-ot-box:nth-last-child(2) { padding-top: 32px; } .f-ot-box:last-child { width: 66.6666%; max-width: none; } .stc { margin-left: -50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .f-nav-caption { margin-bottom: 10px; font-size: 16px; } .f-nav-list a { margin-bottom: 5px; font-size: 14px; } .caption-wrp .pr-icons { min-width: 0; } .pr-total-inner .pr-price b { font-size: 15px; } html { font-size: 8px; } .pr-inline-box { padding-left: 10px; padding-right: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pr-in-col-img { margin-right: 10px; } .pr-in-col-ot { width: 100%; padding-left: 10px; padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pr-in-prices { margin-bottom: 0; width: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .pr-in-ctr { width: 50%; -ms-flex-negative: 0; flex-shrink: 0; } .pr-in-col-img .pr-box-overlay, .pr-in-col-img .pr-image-box { display: none !important; } .m-pr-wrp .prc-main { width: 300px; } .m-pr-wrp .prc-total { width: 100%; } .modal { overflow: auto; padding: 30px; } .pstabs { min-width: 720px; } .rc-slider:not(.slick-slider) > div { width: 50%; } .cart-box .pr-in-col-img { margin-right: 0; } .cb-banner-col-l { padding: 30px 20px; } .cb-banner-col-r { width: 40%; } .ot-column-2 { width: 100%; } .ot-column-3 { width: 100%; } .ot-column-3 ul.ot-prop > li span, ul.ot-prop > li span { width: 220px; } ul.ot-prop > li.total span { padding-top: 0; } .cbx-col:nth-child(3n + 2) .ot-prop span, .cbx-body ul.ot-prop > li span { width: 180px; } .ck-wrap .rd-btn { -ms-flex-wrap: wrap; flex-wrap: wrap; } .ck-wrap .rd-more-info { width: 100%; padding-left: 35px; margin-top: 10px; font-size: 12px; } .ck-wrap .rd { padding-bottom: 20px; } .pay-in-box { font-size: 14px; } .pay-b-ico { margin-right: 15px; } .aso-caption-wrp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .aso-caption { width: 100%; } .h-contacts { margin-left: 0; } .h-col-l { width: 230px; } .tw-cols-head .tw-col-l { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart-control { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -8px; } .cs-sort { margin-bottom: 10px; display: block; } .cp-main .btn { height: 40px; font-size: 12px; } .cp-text, .cp-prop-wrp, .crt-st-info { font-size: 12px; } .cpt-price { font-size: 19px; } .cp-item b { font-size: 15px; } /* .cart-st { flex-direction: column; align-items: flex-start; } .crt-st-info { width: 100%; } */ .crt-st-ico-wrp { width: 36px; } #welcome.modal { width: 504px; } } @media screen and (max-width: 900px) { ul.certeficate-list > li, ul.gallery-list > li { width: 50%; } .cbxt-1 { width: 100%; margin-bottom: 15px; } .cbxt-2 { width: 33.3333%; } .cbxt-3 { width: 33.3333%; } .cbxt-4 { width: 33.3333%; } .cbx-tb-header { display: none; } .tbm-title { display: block; } .category-list > li { width: 33.3333%; } } @media screen and (max-width: 767px) { .err-code { font-size: 178.176px; } } @media screen and (min-width: 2200px) { ul.certeficate-list > li, ul.gallery-list > li { width: 25%; } ul.g-img-list > li { width: 20%; } ul.fdbk-list > li { width: 20%; } .category-list > li { width: 20%; } ul.ds-list > li { width: 33.3333%; } } @media screen and (min-width: 2770px) { ul.certeficate-list > li, ul.gallery-list > li { width: 16.6666%; } ul.g-img-list > li { width: 16.6666%; } ul.fdbk-list > li { width: 16.6666%; } .category-list > li { width: 16.6666%; } } .gallery-slider .video-icon { position: absolute; top: 31%; left: 49%; transform: translate(-50%, -50%); pointer-events: none; } .gallery-pagination .pg-item { position: relative; display: inline-block; } .pg-item .video-icon-thumb img { pointer-events: none; width: 50px; height: 50px; margin-top: 20px; margin-left: 25px; } /* End */ /* Start:/local/templates/main/css/custom.css?17302239135631*/ .cs-invbl { display: none; } .cs-invbl_imp { display: none!important; } .cs-relat { position: relative; } .container > .breadcrumb-one, .container > div > .breadcrumb-one { display: none; } .h-cart .empty-text { display: block; } /*.compare-wrp.js-prodlist { opacity: 0; }*/ .js-wait { background:rgba(255,255,255,0.5); position: absolute; left: 0; top:0; right: 0; bottom: 0;/* width: 100%; height: 100%;*/ text-align: center; } .js-wait img{ position: absolute; bottom: 14%; } .js-errors { color: red; } .js-tab { position: relative; left: 0; top: 0; } img.calendar-icon { position: absolute; left: 0px; bottom: 14px; } /*.js-calend input { padding-left: 5px; }*/ .order-table.custom { display: none; } ul.pr-list.cs-prodlist, ul.pr-list-inline.cs-prodlist { display: none; } ul.pr-list.cs-prodlist.active { display: flex; } ul.pr-list-inline.cs-prodlist.active { display: block; } #id_person { opacity: 0; } #modef { display: none!important; } .disabled.js-disabled { cursor: not-allowed; } .tg-item:before, .fch-btn:before { right: 4px; } .address-input.disabled { display: none; } .js-sm-filter .js-scroll label.disabled { display: none; } .cs-prodlist + .js-navigation { opacity: 0; } .pr-inline-box .pr-in-col-content .pr-price.discount b { color: #c72c41; } .modal .tb-inner, .modal .pstab-box { min-height: 380px; } @media screen and (min-width: 1000px) { .logo-text { max-width: 160px; } } /*dropdown autocomplete*/ .suggestions-nowrap { white-space: nowrap } .suggestions-input { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% } .suggestions-input::-ms-clear { display: none } .suggestions-wrapper { position: relative; margin: 0; padding: 0; vertical-align: top; -webkit-text-size-adjust: 100%; width: 100%; top: 100%; margin-top: 5px; left: 0; } .suggestions-suggestions { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; min-width: 100%; position: absolute; z-index: 9999; -webkit-text-size-adjust: 100%; border-radius: 5px; border: 1px solid #f0f0f0; /*border-top: none;*/ background-color: #ffffff; overflow: hidden; left: -1px; right: -1px; padding: 2px 7px 7px 0; /*max-height: 280px;*/ } .suggestions-suggestions:before { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .suggestions-suggestions strong { font-weight: 400; color: #000; } .suggestions-suggestions.suggestions-mobile { border-style: none } .suggestions-suggestions.suggestions-mobile .suggestions-suggestion { border-bottom: 1px solid #ddd } .suggestions-hint, .suggestions-suggestion, .js-sug-sug { padding: 4px 4px; overflow: hidden; font-size: 70%; cursor: pointer; display: block; padding-top: 6px; padding-bottom: 6px; padding-right: 36px; padding-left: 10px; -webkit-transition: color 300ms; transition: color 300ms; color: #000; font-size: 14px; font-weight: 400; } .suggestions-suggestion:hover, .js-sug-sug:hover { background: #f7f7f7 } .suggestions-selected { background: #f0f0f0 } .suggestions-selected:hover { background: #f0f0f0 } .suggestions-hint { white-space: nowrap; overflow: hidden; font-size: 13px; color: #b2b2b2; } .suggestions-subtext { color: #777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .suggestions-subtext_inline { display: inline-block; min-width: 6em; vertical-align: bottom; margin: 0 .5em 0 0 } .suggestions-subtext-delimiter { display: inline-block; width: 2px } .suggestions-subtext_label { margin: 0 0 0 .25em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 3px; background: #f5f5f5; font-size: 70%; } .suggestions-value[data-suggestion-status=LIQUIDATED] { position: relative } .suggestions-value[data-suggestion-status=LIQUIDATED]:after { position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid rgba(0, 0, 0, .4); content: "" } .suggestions-wrapper { position: absolute; background: #fff; z-index: 10; } /* .suggestions-promo { display: none !important; } */ #opt-reminder-sale-price.modal { width: 573px; } #opt-reminder-sale-price.modal p { font-size: 1.14em; margin-bottom: 1.9em; } #opt-reminder-sale-price .fancybox-close-small { display: none; } #opt-reminder-sale-price::after { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; } #opt-reminder-sale-price .frm-wrp { position: relative; z-index: 1; } /* End */ /* /local/templates/main/components/bitrix/menu/big_cat_menu/style.css?17302239134414 */ /* /local/templates/main/css/slick.css?17302239131776 */ /* /local/templates/main/css/nouislider.min.css?17302239134055 */ /* /local/templates/main/css/jquery.fancybox.min.css?173022391314065 */ /* /local/templates/main/css/tooltipster.bundle.min.css?17302239136495 */ /* /local/templates/main/css/lightgallery.min.css?173022391320319 */ /* /local/templates/main/css/main.css?1730223913180671 */ /* /local/templates/main/css/custom.css?17302239135631 */