/* Start:/local/templates/main/css/jquery.formstyler.css?178115423710965*/ .jq-checkbox{top:-1px;vertical-align:middle;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #c3c3c3;border-radius:3px;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:0 1px 1px rgba(0,0,0,.05),inset -1px -1px #fff,inset 1px -1px #fff;cursor:pointer}.jq-checkbox.checked .jq-checkbox__div{width:12px;height:12px;margin:2px 0 0 2px;border-radius:2px;background:#666;box-shadow:inset 0 -3px 6px #aaa}.jq-checkbox.focused{border:1px solid #08c}.jq-checkbox.disabled{opacity:.55}.jq-radio{top:-1px;vertical-align:middle;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #c3c3c3;border-radius:50%;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:0 1px 1px rgba(0,0,0,.05),inset -1px -1px #fff,inset 1px -1px #fff;cursor:pointer}.jq-radio.checked .jq-radio__div{width:10px;height:10px;margin:3px 0 0 3px;border-radius:50%;background:#777;box-shadow:inset 1px 1px 1px rgba(0,0,0,.7)}.jq-radio.focused{border:1px solid #08c}.jq-radio.disabled{opacity:.55}.jq-file{width:270px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.jq-file input{height:auto;line-height:1em;cursor:pointer}.jq-file__name{overflow:hidden;box-sizing:border-box;width:100%;height:34px;padding:0 80px 0 10px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#fff;box-shadow:inset 1px 1px #f1f1f1;font:14px/32px Arial,sans-serif;color:#333;white-space:nowrap;text-overflow:ellipsis}.jq-file__browse{position:absolute;top:1px;right:1px;padding:0 10px;border-left:1px solid #ccc;border-radius:0 4px 4px 0;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #fff}.jq-file:hover .jq-file__browse{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-file:active .jq-file__browse{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-file.focused .jq-file__name{border:1px solid #5794bf}.jq-file.disabled,.jq-file.disabled .jq-file__browse,.jq-file.disabled .jq-file__name{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-number{position:relative;display:inline-block;vertical-align:middle;padding:0 36px 0 0}.jq-number__field{width:100px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1)}.jq-number__field:hover{border-color:#b3b3b3}.jq-number__field input{box-sizing:border-box;width:100%;padding:8px 9px;border:none;outline:0;background:0 0;font:14px Arial,sans-serif;color:#333;text-align:left;-moz-appearance:textfield}.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.jq-number__spin{position:absolute;top:0;right:0;width:32px;height:14px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:1px 1px #fff;cursor:pointer}.jq-number__spin.minus{top:auto;bottom:0}.jq-number__spin:hover{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-number__spin:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-number__spin:after{content:'';position:absolute;top:4px;left:11px;width:0;height:0;border-right:5px solid transparent;border-bottom:5px solid #999;border-left:5px solid transparent}.jq-number__spin.minus:after{top:5px;border-top:5px solid #999;border-right:5px solid transparent;border-bottom:none;border-left:5px solid transparent}.jq-number__spin.minus:hover:after{border-top-color:#000}.jq-number__spin.plus:hover:after{border-bottom-color:#000}.jq-number.focused .jq-number__field{border:1px solid #5794bf}.jq-number.disabled .jq-number__field,.jq-number.disabled .jq-number__spin{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-number.disabled .jq-number__spin:after{border-bottom-color:#aaa}.jq-number.disabled .jq-number__spin.minus:after{border-top-color:#aaa}.jq-selectbox{vertical-align:middle;cursor:pointer}.jq-selectbox__select{height:32px;padding:0 45px 0 10px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #fff}.jq-selectbox__select:hover{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-selectbox__select:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-selectbox.focused .jq-selectbox__select{border:1px solid #5794bf}.jq-selectbox.disabled .jq-selectbox__select{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-selectbox__select-text{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:0;right:0;width:34px;height:100%;border-left:1px solid #ccc}.jq-selectbox__trigger-arrow{position:absolute;top:14px;right:12px;width:0;height:0;border-top:5px solid #999;border-right:5px solid transparent;border-left:5px solid transparent}.jq-selectbox:hover .jq-selectbox__trigger-arrow{border-top-color:#000}.jq-selectbox.disabled .jq-selectbox__trigger-arrow{border-top-color:#aaa}.jq-selectbox__dropdown{box-sizing:border-box;width:100%;margin:2px 0 0;padding:0;border:1px solid #ccc;border-radius:4px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);font:14px/18px Arial,sans-serif}.jq-selectbox__search{margin:5px}.jq-selectbox__search input{box-sizing:border-box;width:100%;margin:0;padding:5px 27px 6px 8px;border:1px solid #ccc;border-radius:3px;outline:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) 100% 50% no-repeat;box-shadow:inset 1px 1px #f1f1f1;color:#333;-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__not-found{margin:5px;padding:5px 8px 6px;background:#f0f0f0;font-size:13px}.jq-selectbox ul{margin:0;padding:0}.jq-selectbox li{min-height:18px;padding:5px 10px 6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;color:#231f20}.jq-selectbox li.selected{background-color:#a3abb1;color:#fff}.jq-selectbox li:hover{background-color:#08c;color:#fff}.jq-selectbox li.disabled{color:#aaa}.jq-selectbox li.disabled:hover{background:0 0}.jq-selectbox li.optgroup{font-weight:700}.jq-selectbox li.optgroup:hover{background:0 0;color:#231f20;cursor:default}.jq-selectbox li.option{padding-left:25px}.jq-select-multiple{box-sizing:border-box;padding:1px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#fff;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/18px Arial,sans-serif;color:#333;cursor:default}.jq-select-multiple.focused{border:1px solid #5794bf}.jq-select-multiple.disabled{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-select-multiple ul{margin:0;padding:0}.jq-select-multiple li{padding:3px 9px 4px;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.jq-select-multiple li:first-child{border-radius:3px 3px 0 0}.jq-select-multiple li:last-child{border-radius:0 0 3px 3px}.jq-select-multiple li.selected{background:#08c;color:#fff}.jq-select-multiple li.disabled{color:#aaa}.jq-select-multiple li.selected.disabled,.jq-select-multiple.disabled li.selected{background:#ccc;color:#fff}.jq-select-multiple li.optgroup{font-weight:700}.jq-select-multiple li.option{padding-left:25px}input[type=email].styler,input[type=password].styler,input[type=search].styler,input[type=tel].styler,input[type=text].styler,input[type=url].styler,textarea.styler{padding:8px 9px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px Arial,sans-serif;color:#333}input[type=search].styler{-webkit-appearance:none}textarea.styler{overflow:auto}input[type=email].styler:hover,input[type=password].styler:hover,input[type=search].styler:hover,input[type=tel].styler:hover,input[type=text].styler:hover,input[type=url].styler:hover,textarea.styler:hover{border-color:#b3b3b3}input[type=email].styler:focus,input[type=password].styler:focus,input[type=search].styler:focus,input[type=tel].styler:focus,input[type=text].styler:focus,input[type=url].styler:focus,textarea.styler:focus{border-color:#b3b3b3 #ccc #ccc;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}button.styler,input[type=button].styler,input[type=reset].styler,input[type=submit].styler{overflow:visible;padding:8px 11px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;outline:0;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px Arial,sans-serif;color:#333;text-shadow:1px 1px #fff;cursor:pointer}button.styler::-moz-focus-inner,input[type=button].styler::-moz-focus-inner,input[type=reset].styler::-moz-focus-inner,input[type=submit].styler::-moz-focus-inner{padding:0;border:0}button.styler:not([disabled]):hover,input[type=button].styler:not([disabled]):hover,input[type=reset].styler:hover,input[type=submit].styler:not([disabled]):hover{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}button.styler:not([disabled]):active,input[type=button].styler:not([disabled]):active,input[type=reset].styler:active,input[type=submit].styler:not([disabled]):active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}button.styler[disabled],input[type=button].styler[disabled],input[type=submit].styler[disabled]{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888} /* End */ /* Start:/local/templates/main/css/jquery.fancybox.min.css?178115423714065*/ 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/nouislider.min.css?17811542373555*/ /*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */.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{width:100%;height:100%;position:relative;z-index:1}.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-origin{position:absolute;height:0;width:0}.noUi-handle{position:relative;z-index:1}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;transition:top .3s,right .3s,bottom .3s,left .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.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}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connect{background:#3FB8AF;border-radius:4px;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.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-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.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:translate3d(0,50%,0);transform:translate3d(0,50%,0);padding-left:25px}.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/tooltipster.bundle.min.css?17811542376495*/ .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/slick.css?17811542371327*/ .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:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-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:after,.slick-track:before{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/main.css?1781154237131813*/ @charset "utf-8"; /*CSS3*/ /* Template developer: Elesin Alexander Skype: virusanja */ @font-face { font-family: 'Open Sans'; src: local('Open Sans Light'), local('OpenSans-Light'), url('/local/templates/main/css/../fonts/opensanslight.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensanslight.woff') format('woff'), url('/local/templates/main/css/../fonts/opensanslight.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('/local/templates/main/css/../fonts/opensanslightitalic.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensanslightitalic.woff') format('woff'), url('/local/templates/main/css/../fonts/opensanslightitalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local('Open Sans'), local('OpenSans'), url('/local/templates/main/css/../fonts/opensans.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensans.woff') format('woff'), url('/local/templates/main/css/../fonts/opensans.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/local/templates/main/css/../fonts/opensansitalic.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensansitalic.woff') format('woff'), url('/local/templates/main/css/../fonts/opensansitalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/local/templates/main/css/../fonts/opensanssemibold.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensanssemibold.woff') format('woff'), url('/local/templates/main/css/../fonts/opensanssemibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('/local/templates/main/css/../fonts/opensanssemibolditalic.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensanssemibolditalic.woff') format('woff'), url('/local/templates/main/css/../fonts/opensanssemibolditalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/local/templates/main/css/../fonts/opensansbold.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensansbold.woff') format('woff'), url('/local/templates/main/css/../fonts/opensansbold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/local/templates/main/css/../fonts/opensansbolditalic.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensansbolditalic.woff') format('woff'), url('/local/templates/main/css/../fonts/opensansbolditalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url('/local/templates/main/css/../fonts/opensansextrabold.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensansextrabold.woff') format('woff'), url('/local/templates/main/css/../fonts/opensansextrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open Sans'; src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('/local/templates/main/css/../fonts/opensansextrabolditalic.woff2') format('woff2'), url('/local/templates/main/css/../fonts/opensansextrabolditalic.woff') format('woff'), url('/local/templates/main/css/../fonts/opensansextrabolditalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: "icomoon"; src: local("☺"); src: url("/local/templates/main/css/../fonts/icomoon.eot"); src: url("/local/templates/main/css/../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/local/templates/main/css/../fonts/icomoon.woff") format("woff"), url("/local/templates/main/css/../fonts/icomoon.ttf") format("truetype"), url("/local/templates/main/css/../fonts/icomoon.svg#JournalRegular") format("svg"); 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: none; 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-back:before { content: "\e922"; } .icon-delete:before { content: "\e923"; } .icon-download:before { content: "\e924"; } .icon-login:before { content: "\e925"; } .icon-money:before { content: "\e926"; } .icon-save:before { content: "\e927"; } .icon-truck:before { content: "\e928"; } .icon-compare:before { content: "\e921"; } .icon-location:before { content: "\e920"; } .icon-box:before { content: "\e903"; } .icon-extension:before { content: "\e904"; } .icon-plug:before { content: "\e906"; } .icon-screw:before { content: "\e907"; } .icon-switch:before { content: "\e90a"; } .icon-cupboard:before { content: "\e900"; } .icon-insta:before { content: "\e901"; } .icon-youtube:before { content: "\e902"; } .icon-fixture:before { content: "\e905"; } .icon-chandelier:before { content: "\e908"; } .icon-speedometer:before { content: "\e909"; } .icon-close:before { content: "\e90b"; } .icon-looped:before { content: "\e90c"; } .icon-double-next:before { content: "\e90d"; } .icon-double-back:before { content: "\e90e"; } .icon-loupe:before { content: "\e90f"; } .icon-arrow-left:before { content: "\e910"; } .icon-arrow-right:before { content: "\e911"; } .icon-arrow-top:before { content: "\e912"; } .icon-arrow-bottom:before { content: "\e913"; } .icon-vk:before { content: "\e914"; } .icon-fb:before { content: "\e915"; } .icon-cart:before { content: "\e916"; } .icon-star:before { content: "\e917"; } .icon-lightbulb:before { content: "\e918"; } .icon-tel:before { content: "\e919"; } .icon-clock:before { content: "\e91a"; } .icon-window:before { content: "\e91b"; } .icon-transmission:before { content: "\e91c"; } .icon-plug-in:before { content: "\e91d"; } .icon-long-arow-r:before { content: "\e91e"; } .icon-long-arow-l:before { content: "\e91f"; } html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } 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 */ } 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; } 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; } input:not(.btn) { height: 42px; border: 0; border-bottom: 3px solid #F2AA2D; background-color: transparent; color: black; font-size: 14px; } 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; } a { text-decoration: underline; color: #E1991C; } a:hover { text-decoration: none; } img { max-width: 100%; width: auto; height: auto; border: 0; } .row:after, .clearfix:after { content: ' '; display: table; clear: both; } .container { width: 1270px; margin: 0 auto; padding: 0 15px; } .btn { /* iOS reset style*/ -webkit-appearance: none; border-radius: 0; border: 0; min-width: 150px; text-decoration: none; text-align: center; display: inline-block; background-color: #F2AA2D; color: white; font-size: 14px; font-weight: 900; line-height: 1; padding: 16px 15px; position: relative; } .btn:hover {} .btn:before { content: ''; position: absolute; width: 0; height: 100%; top: 0; right: 0; background-color: #E1991C; -webkit-transition: width .4s cubic-bezier(.51, .18, 0, .88) .1s; -o-transition: width .4s cubic-bezier(.51, .18, 0, .88) .1s; transition: width .4s cubic-bezier(.51, .18, 0, .88) .1s; z-index: 1; } .btn:hover:before { left: 0; width: 100%; } .btn * { z-index: 2; position: relative; } .text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; } body { background: white; font-family: 'Open Sans', Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.6; min-width: 320px; } .header { margin-bottom: 0px; position: relative; z-index: 5; } .h-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 21px; padding-bottom: 22px; } .col-logo { /* width: 235px;*/ -ms-flex-negative: 0; flex-shrink: 0; } .logo { font-weight: 900; font-size: 22px; color: black; text-decoration: none; line-height: 0.95; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo img { -ms-flex-negative: 0; flex-shrink: 0; width: 150px; } .logo span { font-weight: 500; display: block; color: #5e5e5e; font-size: 12px; /* margin-top: 7px;*/ -ms-flex-negative: 0; flex-shrink: 0; width: 124px; margin-left: 10px; padding-left: 10px; border-left: 2px solid #9b9b9b; padding-top: 5px; padding-bottom: 5px; } .col-city { -ms-flex-negative: 0; flex-shrink: 0; width: 165px; text-align: center; padding-right: 13px; } .city-select { text-decoration: none; color: black; font-size: 14px; padding-left: 10px; position: relative; padding-left: 24px; text-decoration: underline; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .city-select:hover i, .city-select:hover { color: #E1991C; } .city-select i { position: absolute; left: 0; font-size: 20px; color: #5E5E5E; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .col-search { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .col-cart { width: 150px; -ms-flex-negative: 0; flex-shrink: 0; } .btn.btn-cart { min-width: 0; display: block; padding-top: 12px; padding-bottom: 14px; font-size: 14px; font-weight: 600; } .btn.btn-cart i { font-size: 19px; margin-right: 6px; vertical-align: middle; } .btn.btn-cart span { bottom: -2px; vertical-align: middle; } .col-contacts { width: 190px; -ms-flex-negative: 0; flex-shrink: 0; text-align: right; padding-right: 30px; padding-left: 10px; line-height: 1.35; } .h-tel { font-size: 18px; text-decoration: none; color: black; } .fdbk { text-decoration: none; font-size: 14px; color: #E1991C; display: block; } .fdbk:hover { text-decoration: underline; } .search-wrapper { position: relative; height: 45px; } .search-wrapper input { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; border: 0; background-color: #F6F6F6; padding: 0 59px 0 19px; } .search-btn { position: absolute; top: 0; padding: 0; bottom: 0; right: 0; border: 0; background-color: transparent; width: 52px; font-size: 20px; padding-right: 13px; padding-top: 5px; outline: none; } .search-btn:hover { color: #E1991C; } .nav { background-color: #5E5E5E; line-height: 1; } .nav-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-nav { width: 210px; -ms-flex-negative: 0; flex-shrink: 0; position: relative; } .c-nav-btn { text-decoration: none; background-color: #F2AA2D; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; font-weight: 900; color: black; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; min-height: 50px; cursor: pointer; } .menu-icon { width: 20px; height: 18px; display: block; } .menu-icon span { height: 4px; background-color: black; position: absolute; left: 0; right: 0; top: 50%; margin-top: -2px; } .menu-icon span:before, .menu-icon span:after { content: ' '; position: absolute; background-color: inherit; left: 0; right: 0; height: 100%; top: -7px; } .menu-icon span:before { top: auto; bottom: -7px; } .menu-text { margin-left: 9px; } .nav-list { margin: 0; padding: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: -webkit-box; display: -ms-flexbox; display: flex; } .nav-list > li { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; 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; } .nav-list > li > a { display: block; text-decoration: none; color: #FFFFFF; font-size: 14px; padding: 18px 10px; position: relative; width: 100%; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .nav-list > li > a:before { content: ' '; position: absolute; bottom: 0; left: 22px; right: 22px; height: 0; background-color: #F2AA2D; -webkit-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; } .nav-list > li.active > a { color: #F2AA2D; } .nav-list > li > a:hover:before { height: 5px; } .other-btn { -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ot-btn { text-decoration: none; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; min-height: 50px; padding: 0 19px 0 23px; position: relative; -ms-flex-negative: 0; flex-shrink: 0; text-align: center; position: relative; text-decoration: none; } .ot-btn .tooltip { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .ot-btn + .ot-btn:before { content: ' '; position: absolute; width: 1px; top: 12px; bottom: 12px; left: 0; background-color: #7D7D7D; } .ot-btn:last-child { padding-right: 0; } .ot-btn i { font-size: 22px; /* margin-right: 11px;*/ margin-top: -4px; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .ot-btn i.icon-login { margin-top: 3px; } .ot-btn.active, .ot-btn:hover { color: #F2AA2D; } .ot-btn span { -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .ot-btn:hover span { color: #E1991C; text-decoration: underline; } .content-aside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .aside-col { -ms-flex-negative: 0; flex-shrink: 0; width: 295px; border: 1px solid #F2F2F2; background-color: white; margin-left: 20px; padding: 15px 29px 3px 29px; } .aside-col.as-empty { border: none; } .content-col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .breadcrumb { margin: 0; padding: 0; } .breadcrumb > li { display: inline-block; } .breadcrumb > li > span, .breadcrumb > li > a { display: block; text-decoration: none; color: black; font-size: 13px; margin-top: 27px; position: relative; padding-right: 8px; } .breadcrumb > li > a:after { content: '/'; position: absolute; right: 0; top: 1px; } .site-content { padding: 1px 0; margin-bottom: -1px; position: relative; } .breadcrumb > li > span { color: #E1991C; } .breadcrumb > li > a:hover { text-decoration: underline; } .caption, h1 { font-size: 30px; font-weight: 900; margin-top: 5px; margin-bottom: 26px; text-transform: uppercase; } .sc-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; position: relative; height: 41px; opacity: 0; } .sc-list a { -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 11px; margin-right: 17px; display: block; text-decoration: none; font-size: 13px; background-color: #F6F6F6; color: black; padding: 5px 12px; position: relative; -webkit-transition: background-color 300ms, color 300ms; -o-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } .sc-list a.active:not(.sc-toggle), .sc-list a:hover { background-color: #F2AA2D; color: white; } .sc-list .hidden-elem { display: none; } .sc-list .sc-toggle { margin-right: 0; padding-left: 12px; padding-right: 0; font-size: 11px; position: relative; background-color: transparent; color: black; order: -1; } .sc-list .sc-toggle:hover { background-color: transparent; color: #F2AA2D; } .sc-toggle:before { content: '\e910'; font-family: icomoon; margin-top: 2px; display: inline-block; } .sc-toggle.active:before { content: '\e911'; } .st-wrapper { position: relative; display: inline-block; } .sort { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #F6F6F6; padding: 20px 28px 20px 30px; line-height: 1.3; position: relative; z-index: 3; } .st-col:nth-of-type(1) { width: 37%; -ms-flex-negative: 0; flex-shrink: 0; } .st-col:nth-of-type(2) { width: 40%; -ms-flex-negative: 0; flex-shrink: 0; } .st-col:nth-of-type(3) { width: 23%; -ms-flex-negative: 0; flex-shrink: 0; } .st-title { display: inline-block; vertical-align: middle; } .st-wrapper .jq-selectbox__select { margin-top: -2px; height: auto; padding: 0 24px 0 6px; border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; font: 14px/1.3 'Open Sans', sans-serif; color: black; text-shadow: none; vertical-align: middle; display: inline-block; font-weight: 600; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .st-wrapper .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 11px; text-align: center; height: 100%; border-left: none; font-size: 9px; padding-top: 5px; } .st-wrapper .jq-selectbox__trigger:before { content: '\e913'; font-family: icomoon; } .st-wrapper .jq-selectbox.dropdown .jq-selectbox__trigger:before { content: '\e912'; } .st-wrapper .jq-selectbox__trigger-arrow { display: none; } .st-wrapper .jq-selectbox__select-text { display: block; overflow: hidden; width: 100% !important; white-space: nowrap; -o-text-overflow: inherit; text-overflow: inherit; text-decoration: underline; } .st-wrapper .jq-selectbox.dropdown .jq-selectbox__select, .st-wrapper .jq-selectbox__select:hover { background: transparent; color: #E1991C; } .st-wrapper .jq-selectbox.focused .jq-selectbox__select { border: none; } .st-wrapper .jq-selectbox__select:active { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .st-wrapper .jq-selectbox { position: static !important; } .st-wrapper .jq-selectbox__dropdown { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% !important; left: 0; right: auto; margin: 0 0 0 0; padding: 12px 0 0 0; border: none; border-radius: 0; background: transparent; -webkit-box-shadow: none; box-shadow: none; font: 14px/1.2 'Open Sans', sans-serif; } .jq-selectbox ul { background: #5E5E5E; position: relative; overflow: visible !important; padding: 15px 12px; } .st-wrapper .jq-selectbox__dropdown ul:before { content: ' '; position: absolute; bottom: 100%; left: 50%; margin-left: -6px; border-bottom: 7px solid #5E5E5E; border-left: 7px solid transparent; border-right: 7px solid transparent; } .st-wrapper .jq-selectbox li { background-color: transparent; color: #FFF; padding: 9px 10px; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; white-space: normal; } .st-wrapper .jq-selectbox li.selected { background-color: transparent; color: #FFF; } .st-wrapper .jq-selectbox li.selected:hover, .st-wrapper .jq-selectbox li:hover { background-color: transparent; color: #E1991C; } .st-wrapper .jq-selectbox select { width: 0; height: 0; z-index: -1; pointer-events: none; } .c-list { margin: 10px 0 25px 0; padding: 0; } .c-list > li { display: block; text-decoration: none; margin-bottom: 19px; } .c-box { border: 1px solid #F2F2F2; padding: 20px 29px 16px 29px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; -o-transition: box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; } .c-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); } .c-col-img { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 90px; position: relative; } .c-img { display: block; width: 100%; padding: 50% 0; background-color: grey; position: relative; } .c-img 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;'; } a.c-img:after { content: '\e90f'; font-family: icomoon; position: absolute; top: 50%; left: 50%; color: #5E5E5E; font-size: 20px; line-height: 1; margin-top: -7px; margin-left: -7px; opacity: 0; z-index: 2; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } a.c-img:hover:after { opacity: 1; } a.c-img:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; background-color: #EFEFEF; z-index: 1; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } a.c-img:hover:before { opacity: 0.5; } .c-col-body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 3px 21px; line-height: 1.4; min-height: 100%; 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; } .c-title { text-decoration: none; color: black; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .c-title:hover { color: #E1991C; } .c-top { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; margin-bottom: 23px; min-height: 56px; } .c-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .prop-hidden { padding: 9px 0 0 0; display: none; width: 100%; } .prop-hidden p { margin: 0; } .prop { flex-shrink: 0; width: 50%; padding-right: 10px; } .art { -ms-flex-negative: 0; flex-shrink: 0; width: 50%; color: black; text-decoration: none; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } a.art:hover { color: #E1991C; } .prh-flex { display: flex; flex-wrap: wrap; } .prh-flex > * { width: 100%; flex-shrink: 0; padding-right: 10px; } .prh-flex.over-three > * { width: 50%; } .c-pr-wrapper { -ms-flex-negative: 0; flex-shrink: 0; width: 170px; text-align: right; padding-right: 29px; padding-top: 10px; padding-left: 10px; } .price { font-size: 22px; font-weight: 900; display: block; line-height: 1; margin-bottom: 21px; white-space: nowrap; } .cf-icons { margin-right: -6px; } .cf-icons a { color: black; text-decoration: none; font-size: 20px; /* margin-left: 11px;*/ padding: 6px; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .cf-icons a.active, .cf-icons a:hover { color: #F2AA2D; } .c-col-buy { width: 120px; -ms-flex-negative: 0; flex-shrink: 0; } .c-col-buy .btn { width: 100%; min-width: 0; margin-bottom: 7px; } .sa-toggle.active .sa-open, .sa-toggle .sa-close, .btn-double.disable .text-one, .btn-double.active .text-one, .btn-double .text-two { display: none; } .sa-toggle.active .sa-close, .sa-toggle .sa-open, .btn-double.disable .text-two, .btn-double.active .text-two, .btn-double .text-one { display: block; } .border-btn-hover { -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .border-btn-hover, .btn.border-btn, .btn-double.disable, .btn-double.active { background-color: white; color: black; -webkit-box-shadow: inset 0 0 0 1px #F2AA2D; box-shadow: inset 0 0 0 1px #F2AA2D; } .border-btn-hover:hover { color: white; } .btn.border-btn:before, .btn-double.active:before { background-color: #efefef; top: 1px; right: 1px; height: calc(100% - 2px); } .border-btn-hover:hover:before, .btn.border-btn:hover:before, .btn-double.active:hover:before { width: calc(100% - 2px); left: 1px; } .border-btn-hover:before { background-color: #F2AA2D; } .btn-double.disable:before { display: none; } .cart-box.restore .btn.border-btn-hover { -webkit-box-shadow: inset 0 0 0 2px #F2AA2D; box-shadow: inset 0 0 0 2px #F2AA2D; } .btn-double.disable { cursor: default; } .fast-buy { color: black; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; margin-bottom: 7px; display: inline-block; margin-right: -10px; } .fast-buy:hover { color: #E1991C; text-decoration: underline; } .c-col-buy p { margin: 0 -10px 0 0; } .prop-toggle { display: inline-block; cursor: pointer; position: relative; padding-right: 19px; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .prop-toggle.active, .prop-toggle:hover { color: #E1991C; } .prop-toggle:after { content: '\e913'; font-family: icomoon; font-size: 8px; position: absolute; top: 6px; right: 0; } .prop-toggle.active:after { content: '\e912'; } .pagination { 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; margin-bottom: 102px; margin-top: 25px; } .pagination-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination-list + .btn { margin-left: 24px; } .pagination-list > li { display: block; } .pagination-list > li a { display: block; font-weight: 600; font-size: 16px; color: black; text-decoration: none; padding: 10px 10px; -webkit-transition: color 300ms, -webkit-transform 300ms; transition: color 300ms, -webkit-transform 300ms; -o-transition: color 300ms, transform 300ms; transition: color 300ms, transform 300ms; transition: color 300ms, transform 300ms, -webkit-transform 300ms; } .pagination-list > li a:hover { color: #E1991C; } .pagination-list > li.active a { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); color: #E1991C; } .pagination-list > li.p-nav a { font-size: 10px; } .fdbk-container { background-color: #F6F6F6; } .footer { line-height: 1; position: relative; } .fdbk-wrapper { 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: 1029px; max-width: 100%; padding-top: 49px; padding-bottom: 47px; margin-left: auto; margin-right: auto; } .fdbk-title { display: block; font-size: 30px; font-weight: 900; margin-right: 31px; -ms-flex-negative: 0; flex-shrink: 0; } .fdbk-input-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 3px solid #F2AA2D; } .fdbk-input-box input:not(.btn) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-bottom: 0; } .fdbk-btn { font-size: 22px; font-weight: 900; border: 0; background-color: transparent; padding: 0 10px 10px 10px; transition: color 300ms; } .fdbk-btn:hover { color: #F2AA2D; } input::-webkit-input-placeholder { color: #A1A1A1; opacity: 1; } input:-ms-input-placeholder { color: #A1A1A1; opacity: 1; } input::-ms-input-placeholder { color: #A1A1A1; opacity: 1; } input::-webkit-input-placeholder { color: #A1A1A1; opacity: 1; } input:-ms-input-placeholder { color: #A1A1A1; opacity: 1; } input::placeholder { color: #A1A1A1; opacity: 1; } .footer-wrapper { background-color: #5E5E5E; color: white; padding-top: 53px; padding-bottom: 37px; } .f-container { display: -webkit-box; display: -ms-flexbox; display: flex; } .f-list { -ms-flex-negative: 0; flex-shrink: 0; width: 75%; } .f-box { -ms-flex-negative: 0; flex-shrink: 0; width: 25%; text-align: right; } .f-list { margin: 0; padding: 0; -webkit-column-count: 3; column-count: 3; } .f-list > li { display: block; margin-bottom: 20px; } .f-list > li a { color: white; text-decoration: none; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .social-list > li a:hover, .creator a:hover, .f-list > li a:hover { color: #F2AA2D; } .f-box p { margin: 0 0 16px 0; } .social-list { margin: 0 0 15px 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social-list > li { display: block; list-style: none; margin-left: 16px; } .social-list > li a { color: white; text-decoration: none; font-size: 29px; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .creator { color: #BFBFBF; } .creator a { color: #BFBFBF; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .creator a:hover { text-decoration: underline; } .as-box { padding: 1px 0; line-height: 1.2; margin-bottom: 9px; } .asb-head { position: relative; font-size: 14px; cursor: pointer; padding: 6px 0; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .asb-head:after { content: '\e913'; font-family: icomoon; position: absolute; top: 1px; right: -10px; font-size: 9px; font-size: 9px; padding: 7px 9px; } .as-box.open .asb-head:after { content: '\e912'; } .asb-head:hover { color: #F2AA2D; } .asb-body { display: none; } .as-box.start-open .asb-body { display: block; } .noUi-target { background: #F2F2F2; border-radius: 0; border: none; -webkit-box-shadow: none; box-shadow: none; } .noUi-horizontal { height: 3px; } .noUi-connect { background: #F2AA2D; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .noUi-handle { border: none; border-radius: 50%; background: #F2AA2D; cursor: default; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .noUi-handle.noUi-active, .noUi-handle:hover { -webkit-transform: scale(1.67); -ms-transform: scale(1.67); transform: scale(1.67); } .noUi-handle:after, .noUi-handle:before { display: none; } .noUi-horizontal .noUi-handle { width: 15px; height: 15px; left: -15px; top: -6px; } .range-slider-bar .range-slider { margin: 10px 0 19px 15px; } .asb-body { padding: 5px 0 25px 0; display: none; } .priceSliderTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .priceSliderTop input { height: 24px; border-bottom: 0; width: 100%; font-size: 13px; color: #A1A1A1; } .priceSliderTop label { border-bottom: 1px solid #A1A1A1; width: 46%; position: relative; font-size: 13px; color: #A1A1A1; padding-left: 25px; padding-bottom: 2px; } .pref { position: absolute; left: 0; top: 5px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .priceSliderTop label.active input, .priceSliderTop input:focus { color: black; font-weight: 600; } .tag-radio, .tag-checkbox { display: inline-block; position: relative; font-size: 13px; line-height: 1; margin: 0 5px 15px 5px; cursor: pointer; } .tag-radio input, .tag-checkbox input { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; pointer-events: none; max-width: 100%; max-height: 100%; line-height: 1; } .tag-radio input:checked + .tc-chec, .tag-checkbox input:checked + .tc-chec { background-color: #F2AA2D; color: white; } .tc-chec { background-color: #F6F6F6; display: block; padding: 8px 6px; -webkit-transition: background-color 300ms, color 300ms; -o-transition: background-color 300ms, color 300ms; transition: background-color 300ms, color 300ms; } .tag-radio .tc-chec:hover, .tag-checkbox .tc-chec:hover { background-color: #F2AA2D; color: white; } .tag-wrapper { margin: 6px -5px 0 -5px; } .tc-chec span { position: relative; } .tc-chec span:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #F2AA2D; opacity: 0; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .tc-chec span:after { content: '\00D7'; font-family: 'Arial Black'; position: absolute; z-index: 1; font-size: 13px; right: 4px; top: 3px; opacity: 0; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .tag-radio input:checked + .tc-chec span:after, .tag-radio input:checked + .tc-chec span:before, .tag-checkbox input:checked + .tc-chec span:after, .tag-checkbox input:checked + .tc-chec span:before { opacity: 1; } .tag-wrapper .sa-toggle { display: block; margin-left: 5px; margin-right: 5px; } .sa-toggle { margin-top: 2px; } .sa-hidden { display: none; padding: 1px 0; } .as-control { text-align: center; padding-top: 29px; display: none; } .as-control .btn { display: block; width: 100%; } .clear-all { display: inline-block; padding: 8px 0; color: black; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .sa-toggle { color: black; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .sa-toggle:hover, .clear-all:hover { color: #E1991C; text-decoration: underline; } .filter-tags { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; font-size: 13px; margin: 20px -5px; } .filter-tags .tc-chec { background-color: #F2AA2D; cursor: pointer; display: inline-block; color: white; position: relative; padding-right: 24px; padding-left: 10px; margin: 0 5px; } .filter-tags .tc-chec span:before, .filter-tags .tc-chec span:after { opacity: 1; left: 100%; margin-left: 6px; } .filter-tags .tc-chec span:before { display: none; } .filter-tags .clear-all { -ms-flex-item-align: center; align-self: center; margin-left: 5px; margin-right: 5px; padding: 0 21px; font-size: 14px; z-index: 2; } .ca-wrapper { position: absolute; top: 100%; left: 0; background-color: white; min-width: 200%; font-size: 14px; padding: 1px 0; line-height: 1.1; display: none; } .ca-wrapper a { text-decoration: none; color: black; } .ca-list { margin: 0; padding: 0; } .ca-list > li { display: block; list-style: none; padding: 0 26px; } .ca-list > li > a { border-bottom: 1px solid #E1E1E1; display: block; padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .ca-list > li > a span { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .ca-list > li > a i { font-size: 11px; } .ca-list > li.active > a, .ca-list > li > a:hover { color: #E1991C; } .sub-nav { left: 100%; position: absolute; background-color: white; border-left: 1px solid #E1E1E1; top: 0; max-height: 100%; overflow: hidden; padding: 24px 27px; width: 168%; min-height: 100%; display: none; } .ca-wrapper .sn-title { display: block; color: #E1991C; font-size: 16px; margin-bottom: 12px; } .sn-list { margin: 0; padding: 0; -webkit-column-count: 2; column-count: 2; } .sn-list > li { display: block; list-style: none; margin-bottom: 1px; } .ca-show, .sn-list > li a { display: inline-block; text-decoration: none; padding: 7px 0; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .sn-list > li a:hover { color: #E1991C; } .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; background-color: rgba(0, 0, 0, 0.7); display: none; } .container-elem .ca-show + a { display: none; } .ca-show { display: inline-block; text-decoration: underline; color: #E1991C; cursor: pointer; } .ca-show:hover { text-decoration: none; } .top-bg { background-color: #F6F6F6; background-image: url('/local/templates/main/css/../img/top-bg.svg'); background-repeat: no-repeat; background-size: cover; background-position: center bottom; margin-bottom: 20px; } .t-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 940px; padding: 40px 0 160px 0; } .t-col-l { -ms-flex-negative: 0; flex-shrink: 0; width: 38.9%; padding-bottom: 79px; } .t-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 61.1%; } .vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .t-col-l h1 { font-size: 50px; font-weight: 900; text-transform: none; line-height: 1.1; margin-bottom: 45px; } .t-col-l p { margin-bottom: 38px; } .t-col-l .btn { padding: 23px 10px; min-width: 191px; } .t-category { padding: 37% 0; position: relative; pointer-events: all !important; } .t-item-wrapper { position: absolute !important; } .t-item { display: block; padding: 50% 0; text-decoration: none; } .t-contain { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; padding-bottom: 0; text-align: center; } .t-item i { display: block; font-size: 64px; -webkit-transform: scale(1.55); -ms-transform: scale(1.55); transform: scale(1.55); position: relative; bottom: -25px; -webkit-transition: bottom 300ms, -webkit-transform 500ms; transition: bottom 300ms, -webkit-transform 500ms; -o-transition: transform 500ms, bottom 300ms; transition: transform 500ms, bottom 300ms; transition: transform 500ms, bottom 300ms, -webkit-transform 500ms; } .t-item span span { display: block; font-size: 24px; font-weight: 900; margin-top: 13px; opacity: 0; -webkit-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; } .t-item:hover span span { opacity: 1; } .t-item:hover i { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); bottom: 0; } .t-item:before { content: ' '; position: absolute; top: 0; right: 0; left: 0; height: 97.5%; -webkit-transition: height 500ms; -o-transition: height 500ms; transition: height 500ms; } .t-item:hover:before { height: 0; } .t-item-wrapper:nth-of-type(1) { top: 11.7% !important; left: 72.4% !important; right: auto !important; width: 13.3% !important; background: #058E84; } .t-item-wrapper:nth-of-type(1) .t-item:before { background-color: #00ACA0; } .t-item-wrapper:nth-of-type(1) .t-item i { font-size: 38px; bottom: -18px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .t-item-wrapper:nth-of-type(1) .t-item span span { font-size: 13px; margin-top: 9px; font-weight: 400; margin-left: -24px; margin-right: -23px; line-height: 1.1; } .t-item-wrapper:nth-of-type(1) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*2*/ .t-item-wrapper:nth-of-type(2) { bottom: 0.9% !important; top: auto !important; left: 61.3% !important; width: 15.8% !important; background: #E3899D; } .t-item-wrapper:nth-of-type(2) .t-item:before { background-color: #F7AABB; } .t-item-wrapper:nth-of-type(2) .t-item i { font-size: 42px; bottom: -18px; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .t-item-wrapper:nth-of-type(2) .t-item span span { font-size: 13px; margin-top: 14px; font-weight: 600; } .t-item-wrapper:nth-of-type(2) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*3*/ .t-item-wrapper:nth-of-type(3) { top: 65.1% !important; left: 26.1% !important; width: 18.5% !important; background: #CE7619; } .t-item-wrapper:nth-of-type(3) .t-item:before { background-color: #F78E1E; } .t-item-wrapper:nth-of-type(3) .t-item i { font-size: 47px; bottom: -20px; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .t-item-wrapper:nth-of-type(3) .t-item span span { font-size: 13px; margin-top: 16px; font-weight: 600; line-height: 1; } .t-item-wrapper:nth-of-type(3) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*4*/ .t-item-wrapper:nth-of-type(4) { top: 33.6% !important; left: 47.5% !important; width: 20% !important; background: #E1A40F; } .t-item-wrapper:nth-of-type(4) .t-item:before { background-color: #FDB911; } .t-item-wrapper:nth-of-type(4) .t-item i { font-size: 56px; bottom: -25px; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .t-item-wrapper:nth-of-type(4) .t-item span span { font-size: 14px; margin-top: 21px; font-weight: 600; line-height: 1; margin-left: -35px; margin-right: -35px; } .t-item-wrapper:nth-of-type(4) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*5*/ .t-item-wrapper:nth-of-type(5) { top: 35.7% !important; right: 0% !important; width: 27.1% !important; left: auto !important; background: #056DA5; } .t-item-wrapper:nth-of-type(5) .t-item:before { background-color: #0084CB; } .t-item-wrapper:nth-of-type(5) .t-item i { font-size: 60px; bottom: -24px; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .t-item-wrapper:nth-of-type(5) .t-item span span { font-size: 16px !important; margin-top: 26px !important; font-weight: 900 !important; margin-left: -60px; margin-right: -60px; } .t-item-wrapper:nth-of-type(5) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*6*/ .t-item-wrapper:nth-of-type(6) { top: 0.7% !important; left: 22.8% !important; width: 29% !important; background: #C92E30; } .t-item-wrapper:nth-of-type(6) .t-item:before { background-color: #EE3E41; } .t-item-wrapper:nth-of-type(6) .t-item i { font-size: 66px; bottom: -27px; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .t-item-wrapper:nth-of-type(6) .t-item span span { font-size: 16px; margin-top: 36px; font-weight: 900; margin-left: -60px; margin-right: -60px; } .t-item-wrapper:nth-of-type(6) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ab-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ab-col-l { -ms-flex-negative: 0; flex-shrink: 0; width: 50.8%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 102px; padding-bottom: 29px; } .ab-l-box p { margin-bottom: 37px; } .ab-col-r { -ms-flex-negative: 0; flex-shrink: 0; width: 49.2%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ab-info-box { padding: 5px 30px; -ms-flex-negative: 0; flex-shrink: 0; width: 50%; background-color: white; } .ab-info-box h3 { font-size: 22px; font-weight: 600; color: #E1991C; margin-bottom: 9px; } .ab-info-box p { margin-top: 0; } .ab-img-box { -ms-flex-negative: 0; flex-shrink: 0; width: 50%; } .ab-wrapper { background-color: #F6F6F6; } .contacts-wrapper { padding-top: 89px; padding-bottom: 0; } .contacts-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 65px -5px 70px -5px; padding: 0; } .contacts-list > li { display: block; list-style: none; padding: 0 5px; width: 25%; -ms-flex-negative: 0; flex-shrink: 0; } .cl-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .icons-box { width: 85px; height: 85px; background-color: #F6F6F6; 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: 37px; color: #F2AA2D; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; } .ot-inf { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; font-size: 13px; } .ot-inf b { display: block; font-size: 14px; } .ot-inf a { text-decoration: none; color: black; font-size: 16px; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .ot-inf a:hover { color: #F2AA2D; } .map-wrapper { height: 500px; background-color: #F6F6F6; } .map { background-position: center; background-size: cover; height: 100%; width: 100%; } .l-col-3 > li { width: 100%; } .tl-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 16px 0; padding: 0; position: relative; } .tl-list > li { display: block; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; position: absolute; top: 0; height: 0; right: 0; -webkit-transition: right 800ms; -o-transition: right 800ms; transition: right 800ms; list-style: none; } .tl-list > li[data-index='1'] { right: -300%; } .tl-list > li[data-index='02'] { right: -200%; } .tl-list > li[data-index='01'] { right: -100%; } .tl-list > li[data-index='0'] { right: 0; } .tl-list > li[data-index='-01'] { right: 100%; } .tl-list > li[data-index='-02'] { right: 200%; } .tl-list > li[data-index='-1'] { right: 300%; } .tl-list.next > li[data-index='1'] { right: -290%; } .tl-list.next > li[data-index='02'] { right: -190%; } .tl-list.next > li[data-index='01'] { right: -90%; } .tl-list.next > li[data-index='0'] { right: 10%; } .tl-list.next > li[data-index='-01'] { right: 110%; } .tl-list.next > li[data-index='-02'] { right: 210%; } .tl-list.next > li[data-index='-1'] { right: 310%; } .tl-list.prev > li[data-index='1'] { right: -310%; } .tl-list.prev > li[data-index='02'] { right: -210%; } .tl-list.prev > li[data-index='01'] { right: -110%; } .tl-list.prev > li[data-index='0'] { right: -10%; } .tl-list.prev > li[data-index='-01'] { right: 90%; } .tl-list.prev > li[data-index='-02'] { right: 190%; } .tl-list.prev > li[data-index='-1'] { right: 290%; } .brand { font-size: 24px; } .tl-container { width: 1038px; margin-left: auto; margin-right: auto; padding-top: 23px; padding-bottom: 100px; } .inside-wrapper { background-color: transparent; padding: 0; margin: 0; padding: 35% 0; position: relative; -webkit-transition: opacity 600ms; -o-transition: opacity 600ms; transition: opacity 600ms; } .tl-list { padding: 35% 0; } .iw-item { position: absolute; width: 18.3%; display: block; background-color: #F6F6F6; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: black; line-height: 1.3; } .iw-item i { font-size: 68px; margin-bottom: 22px; display: inline-block; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .iw-vertical { padding: 50% 0; display: block; } .iw-centered { position: absolute; top: 0; right: 0; bottom: 0; left: 0; 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: center; -ms-flex-align: center; align-items: center; padding-bottom: 8px; text-align: center; } .iw-title { display: block; font-weight: 600; } .site-content { overflow: hidden; } /*1*/ .slide-1 .iw-item:nth-of-type(1) { top: 4.9%; left: 30.7%; } /*2*/ .slide-1 .iw-item:nth-of-type(2) { top: 0.3%; left: 50.9%; } .slide-1 .iw-item:nth-of-type(2) .iw-vertical { padding: 59% 0; } /*3*/ .slide-1 .iw-item:nth-of-type(3) { top: 15.8%; left: 71.3%; width: 28.2%; } .slide-1 .iw-item:nth-of-type(3) .iw-vertical { padding: 37.4% 0; } /*4*/ .slide-1 .iw-item:nth-of-type(4) { top: 38.1%; left: 0.7%; width: 28.2%; } .slide-1 .iw-item:nth-of-type(4) .iw-vertical { padding: 37.4% 0; } .slide-1 .iw-item:nth-of-type(4) i { font-size: 80px; } /*5*/ .slide-1 .iw-item:nth-of-type(5) { top: 33.8%; left: 30.8%; width: 38.3%; } .slide-1 .iw-item:nth-of-type(5) .iw-vertical { padding: 31.4% 0; } .slide-1 .iw-item:nth-of-type(5) i { font-size: 80px; } /*6*/ .slide-1 .iw-item:nth-of-type(6) { top: 49.1%; left: 71.3%; width: 18.1%; } .slide-1 .iw-item:nth-of-type(6) .iw-vertical { padding: 57.7% 0; } .slide-1 .iw-item:nth-of-type(6) i { font-size: 57px; } /*7*/ .slide-1 .iw-item:nth-of-type(7) { top: 71.1%; left: 41%; width: 28.2%; } .slide-1 .iw-item:nth-of-type(7) .iw-vertical { padding: 35.8% 0; } .slide-1 .iw-item:nth-of-type(7) i { font-size: 80px; } .iw-item:hover i { color: #F2AA2D; } .tl-list li:not(.current) .inside-wrapper:before { content: ' '; background-color: transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .tl-list li:not(.current) .inside-wrapper { opacity: 0.5; } .tl-nav { position: relative; } .tl-nav-btn { position: absolute; bottom: -20px; font-size: 25px; padding: 10px; cursor: pointer; z-index: 2; color: #c1c1c1; -webkit-transition: opacity 300ms, color 300ms; -o-transition: opacity 300ms, color 300ms; transition: opacity 300ms, color 300ms; } .tl-nav-btn.stop { opacity: 0 !important; pointer-events: none; } .tl-nav-btn:hover { color: #F2AA2D; } .tl-back { left: -10px; } .tl-next { right: -10px; } .top-box { position: relative; overflow: hidden; } .modal.fancybox-content { width: 610px; color: white; color: black; padding: 31px 30px; } .modal.fancybox-content .caption { text-align: center; } #login.modal.fancybox-content .caption { margin-bottom: 8px; } .fancybox-content p { text-align: center; margin-bottom: 38px; } #login.modal.fancybox-content p { text-align: center; margin-bottom: 28px; margin: 0; min-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; } .il { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 28px; } .il span { display: block; font-size: 18px; font-weight: 900; -ms-flex-negative: 0; flex-shrink: 0; width: 99px; } .il input { height: 32px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .box-half { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .box-half > div { width: 48%; } .box-half > div:first-child { padding-right: 26px; } .box-half .btn { width: 100%; padding-top: 24px; padding-bottom: 24px; } .rd, .ck { padding-left: 30px; position: relative; display: inline-block; } .rd .jq-radio, .ck .jq-checkbox { position: absolute !important; left: 0; top: 0; } .rd span, .ck span { display: inline-block; line-height: 1.4; } .jq-radio, .jq-checkbox { top: -1px; vertical-align: middle; width: 20px; height: 20px; margin: 0 4px 0 0; border: 1px solid #E6E6E6; border-radius: 1px; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .jq-radio.focused, .jq-checkbox.focused { border: 1px solid #E6E6E6; } .jq-radio.checked .jq-radio__div, .jq-checkbox.checked .jq-checkbox__div { position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; width: auto; height: auto; margin: 0; border-radius: 2px; background: #F2AA2D; -webkit-box-shadow: none; box-shadow: none; } #city.modal { width: 650px; } .city-list { margin: 0; padding: 2px 0 11px 0; -webkit-column-count: 4; column-count: 3; cursor: default; } .city-list > li { display: block; list-style: none; position: relative; padding-left: 18px; margin-bottom: 13px; line-height: 1.2; cursor: default; } .city-list > li a { color: black; display: inline-block; text-decoration: none; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .city-list > li .letter { position: absolute; left: 0; color: #F2AA2D; } .city-list > li.margin { margin-bottom: 23px; } .city-list > li a:hover { color: #E1991C; } .fancybox-slide--html { padding: 57px 6px 0; } .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: white; cursor: pointer; margin: 0; padding: 0; position: absolute; right: 0; height: auto; width: auto; top: auto; bottom: 100%; margin-bottom: 15px; z-index: 10; font-size: 27px; line-height: 1; font-family: 'Arial Black'; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; display: block; text-transform: uppercase; /* transform: rotate(90deg);*/ -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .fancybox-close-small:hover { color: #E1991C; } /*.fancybox-close-small*/ .modal { overflow: visible; } .label { position: absolute; z-index: 2; left: -29px; top: 0; padding: 5px 10px; color: #ffffff; font-size: 12px; font-weight: 600; } .label.promotions { background-color: #ef624c; color: #ffffff; } .label.new { background-color: #43a7ff; color: #ffffff; } .msg-dash { display: none; position: fixed; bottom: 0; left: 0; right: 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; z-index: 2; -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; -o-transition: transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .msg-dash.hide { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } #product-dash.msg-dash.scroll { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } #product-dash.msg-dash.hide { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #product-dash.msg-dash { top: 100%; bottom: auto; } .msg-dash > .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 18px; padding-top: 23px; padding-right: 55px; position: relative; } .msg-dash-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .add-text { color: #000000; font-size: 20px; font-weight: 600; margin: 0; } .msg-dash-close { color: #c4c4c4; font-family: 'Arial Black'; font-size: 28px; line-height: 1; position: absolute; top: 50%; right: 0; margin-top: -19px; padding: 5px 10px; cursor: pointer; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .msg-dash-close:hover { color: #F2AA2D; } .msg-dash-btns {} .header { position: fixed; left: 0; top: 0; right: 0; background-color: white; } .qt .jq-number input { width: 100%; border: 0; height: 19px; margin: 0; line-height: 1; color: #4d4d4d; font-weight: 500; display: block; text-align: center; padding-left: 0; padding-right: 0; outline: none; } .qt .jq-number { display: inline-block; width: auto; border: 1px solid #e6e6e6; background-color: #ffffff; padding: 12px 24px; position: relative; } .qt .jq-number__field { width: 34px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .qt .jq-number__spin { position: absolute; top: 0; bottom: 0; width: 22px; background: none; border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -webkit-transition: color 300ms; -o-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: #c4c4c4; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; } .qt .jq-number__spin.plus:after, .qt .jq-number__spin.plus:before { content: ' '; position: absolute; width: 10px; height: 2px; background-color: #c4c4c4; top: 50%; left: 50%; margin-top: -1px; margin-left: -5px; } .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: #F2AA2D; } .qt .jq-number.focused .jq-number__field { border: none; } .mobile-navs .nav-list { display: block; width: auto; border-top: 2px solid grey; } .mobile-navs .nav-list > li { display: block; text-align: left; } .mobile-navs .nav-list > li > a { color: black; padding: 0; font-size: 16px; border-bottom: 1px solid #E1E1E1; display: block; padding: 12px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .mobile-navs .nav-list > li:last-child > a, .ca-list > li:last-child a { border-bottom: 0; } .mobile-navs .nav-list > li.active > a { color: #F2AA2D; } .mobile-navs .nav-list > li > a:before { display: none; } .tooltipster-sidetip .tooltipster-box { border: 2px solid #5e5e5e; border-radius: 0; background-color: #5e5e5e; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border, .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #5e5e5e; } .article { position: relative; margin-top: 28px; padding-bottom: 20px; margin-bottom: 53px; } .ar-top { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 100px; } .ar-img-col { width: 505px; -ms-flex-negative: 0; flex-shrink: 0; max-width: 100%; } .ar-info-col { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; padding-left: 126px; padding-top: 6px; } .ar-img { position: relative; } .ar-img-link { border: 1px solid #f2f2f2; background-color: #ffffff; display: block; padding: 45.5% 0; position: relative; } .ar-img-link 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; } .ar-img .cf-icons { position: absolute; z-index: 2; right: 27px; top: 23px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .ar-img .cf-icons a { display: block; margin-bottom: 7px; } .ar-img .cf-icons a:first-child { margin-bottom: 0; } .ar-img .label { left: 0; top: 30px; } .ar-info-col h1 { text-transform: none; line-height: 1.3; margin-bottom: 22px; } .j-text { 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: 37px; } .ar-info-col .art { width: auto; padding-right: 0; } .ar-price-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 34px; margin-bottom: 38px; } .ar-price { -ms-flex-negative: 0; flex-shrink: 0; width: 277px; max-width: 100%; } .ar-price span { display: block; color: #000000; font-size: 30px; font-weight: 700; line-height: 1; margin-bottom: 11px; } .ar-old-price span { color: #dcdbdb; font-size: 30px; font-weight: 400; text-decoration: line-through; line-height: 1; } .ar-old-price { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 1%; } .ar-buy-wrapper { 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; } .ar-fast-buy-col .fast-buy { margin: 0; padding-left: 12px; } .ar-buy-col .btn { padding: 23px 10px; min-width: 210px; } .qt { width: 140px; height: 60px; } .qt .jq-number input { width: 100%; border: 0; height: 100%; line-height: 1; display: block; text-align: center; display: block; color: #000000; font-size: 20px; font-weight: 400; } .qt .jq-number__field { width: 34px; width: 100%; height: 100%; border: none; -webkit-box-shadow: none; box-shadow: none; } .qt .jq-number { padding: 0 37px; height: 100%; width: 100%; } .qt .jq-number__spin { width: 37px; top: 0; height: 100%; display: block; } .qt .jq-number__spin.minus:after { display: none; } .qt .jq-number__spin:after { content: ''; position: absolute; top: 4px; left: 11px; width: 0; height: 0; border: none; } .wh-tb .tabs-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; background-color: #f6f6f6; } .wh-tb .tabs-items > li { list-style: none; position: relative; padding: 19px 10px; min-width: 171px; text-align: center; cursor: pointer; } .wh-tb .tabs-items > li:after, .wh-tb .tabs-items > li:before { content: ' '; position: absolute; top: 0; right: 0; left: 0; height: 0; background: #f2aa2d; -webkit-transition: height 300ms; -o-transition: height 300ms; transition: height 300ms; } .wh-tb .tabs-items > li:after { top: auto; bottom: 0; } .wh-tb .tabs-items > li.current { background-color: white; } .wh-tb .tabs-items > li.current:before { height: 3px; } .wh-tb .tabs-items > li:not(.current):hover:after { height: 3px; } .detail { padding: 0; margin: 0; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 45px; column-gap: 45px; padding-bottom: 10px; } .detail > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; margin-bottom: 6px; position: relative; } .detail > li span { position: relative; z-index: 1; background-color: white; } .detail > li span:first-child { padding-right: 6px; } .detail > li span:last-child { padding-left: 6px; } .detail > li:before { content: ' '; left: 0; right: 0; height: 0; bottom: 6px; border-bottom: 2px dotted #c4c4c4; position: absolute; } .box { display: none; } .tabs.wh-tb .box { padding: 28px 30px; min-height: 100px; } .ast-toggle { display: inline-block; } .annotation { line-height: 1.4; color: #888585; padding-left: 11px; display: block; margin-bottom: 32px; } .annotation .mark { margin-left: -10px; } .as-toggle {} .ast-head { 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; } .ast-toggle.active .astt-close, .astt-open { display: block; } .ast-toggle.active .astt-open, .astt-close { display: none; } .ast-body { display: none; padding: 20px 0; } .ast-toggle { color: #e1991c; font-size: 14px; font-weight: 400; cursor: pointer; display: inline-block; text-decoration: none; position: relative; padding-right: 18px; } .ast-toggle span { text-decoration: underline; } .ast-toggle:hover { text-decoration: none; } .ast-toggle:after { content: '\e913'; font-family: icomoon; font-size: 8px; position: absolute; top: 50%; margin-top: -4px; right: 0; } .ast-toggle.active:after { content: '\e912'; } .dwnld-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .dwnld { color: #000000; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-right: 27px; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .dwnld:last-child { padding-right: 0; margin-right: 0; padding-left: 23px; } .dwnld:last-child:after { display: none; } .dwnld i { font-size: 21px; margin-right: 10px; } .dwnld:after { content: ' '; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background-color: #dcdbdb } .dwnld:hover { color: #e1991c; } .edge-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; padding: 0; } .edge-list > li { display: block; list-style: none; padding: 0 10px; -ms-flex-negative: 0; flex-shrink: 0; width: 25%; margin-bottom: 40px; } .edge-box > i { color: #e1991c; font-size: 30px; display: inline-block; margin-bottom: 18px; } .edge-box > p { color: #888585; } .edge-title { display: block; color: #000000; font-size: 18px; font-weight: 600; } .edge-wrapper { margin-bottom: 40px; } .top-ab { background: url('/local/templates/main/css/../img/about.png') no-repeat; background-position: right 128px top; padding: 1px 0; margin-top: -1px; min-height: 530px; height: 530px; 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; position: relative; } .top-ab:before { content: ' '; position: absolute; top: 0; bottom: 0; background-color: #f6f6f6; width: 200%; right: 100%; margin-right: -443px; z-index: -1; } .top-ab h1 { color: #e1991c; font-size: 50px; letter-spacing: -1.1px; word-spacing: 2px; margin: 22px 0 11px 0; line-height: 1; } .top-ab p { margin: 11px 0 22px 0; font-size: 18px; } .about-text-wrapper { 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; padding: 10px 0; margin: 17px 0 65px 0; } .about-big { width: 50%; padding-right: 12px; border-left: 5px solid #f2aa2d; padding: 36px 29px; margin-bottom: 17px; } .about-text { padding-left: 12px; width: 50%; } .about-text p { margin: 22px 0; } .about-big h2 { margin: 0; font-size: 30px; line-height: 1.3; } .about-big h2 span { display: block; color: #e1991c; } .order .header, .cart .header { border-bottom: 1px solid #e6e6e6; } .order .header .nav, .cart .header .nav { display: none; } .cart-head { 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; background-color: #f6f6f6; padding: 17px 20px; } .cart-head .caption { color: #000000; font-size: 18px; font-weight: 700; margin: 0; } .cart .content-aside { margin-top: 27px; } .cart .aside-col { width: 400px; padding: 18px 20px; } .cart-clear { margin-top: 4px; color: inherit; transition: color 300ms; } .cart-clear:hover { text-decoration: none; color: #E1991C; } .cart-list { margin: 0; padding: 0; } .cart-list > li { list-style: none; display: block; margin-top: -1px; } .cart-box { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 22px 44px 12px 23px; position: relative; border: 1px solid #f2f2f2; } .cart-box .c-col-img { width: 63px; -ms-flex-negative: 0; flex-shrink: 0; } .ca-title { padding-left: 18px; padding-right: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1.4; -ms-flex-item-align: center; align-self: center; margin-bottom: 10px; width: 1%; display: block; } .ca-del { position: absolute; right: 9px; font-family: 'Arial Black'; font-size: 27px; top: 35px; padding: 0 10px; line-height: 1; color: #dcdbdb; cursor: pointer; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .ca-del:hover { color: #E1991C; } .ca-common-price { color: #000000; font-size: 16px; font-weight: 600; -ms-flex-negative: 0; flex-shrink: 0; width: 145px; padding-top: 15px; } .ca-qt { padding: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 106px; padding-top: 3px; } .ca-qt .qt { width: 85px; height: 45px; } .ca-price { color: #000000; font-size: 16px; font-weight: 600; -ms-flex-negative: 0; flex-shrink: 0; width: 104px; padding-top: 15px; } .ca-qt .qt .jq-number { padding: 0 26px; } .ca-qt .qt .jq-number input { color: #000000; font-size: 18px; font-weight: 400; background-color: #fff; } .ca-qt .qt .jq-number__spin { width: 26px; } .cart-box.restore { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f6f6f6; padding: 19px 20px; } .ca-res { display: block; color: #000000; font-size: 16px; font-weight: 600; } .cart .content-col .edge-list > li { width: 50%; } .cart .content-aside { margin-bottom: 30px; } .asc-head { display: block; margin: 0 -20px 28px -20px; padding: 0 20px 19px 20px; border-bottom: 1px solid #f2f2f2; } .asc-head span { font-size: 18px; display: block; } .asc-head a { color: black; transition: color 300ms; } .asc-head a:hover { text-decoration: none; color: #E1991C; } .full-price { font-size: 18px; font-weight: 700; color: #000000; } .full-price span { color: #f2aa2d; } .asc-body .btn { margin-left: auto; margin-right: auto; margin-top: 31px; display: block; width: 100%; max-width: 100%; font-size: 16px; padding-top: 25px; padding-bottom: 25px; } .asc-body p { color: #888585; } .ca-price-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .ca-img-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .contacts .contacts-wrapper { padding-top: 1px; } .contacts-info { text-align: center; } .contacts .contacts-info { text-align: left; } .download { display: inline-block; color: black; padding: 9px 10px 9px 40px; position: relative; } .download:before { content: ' '; position: absolute; top: 3px; left: 0; width: 30px; height: 30px; background-repeat: no-repeat; background-size: 100%; } .download.pdf:before { background-image: url('/local/templates/main/css/../img/pdf.svg'); } .contacts .contacts-list { margin-top: 42px; } .fq-section-1 { margin-top: 42px; margin-bottom: 94px; padding-bottom: 1px; background: url('/local/templates/main/css/../img/faq.png') no-repeat; background-position: right bottom; } .faq .container h1, .faq .container .caption { color: #e1991c; font-size: 50px; font-weight: 700; } ul.default { margin: 22px 0 22px 0; padding: 0; } ul.default > li { display: block; position: relative; margin-bottom: 22px; } .text-img:before, ul.default > li:before { content: ' '; display: inline-block; width: 3px; height: 3px; background-color: #e1991c; vertical-align: middle; margin-right: 6px; margin-bottom: 4px; } ul.two-col { -webkit-column-gap: 20px; column-gap: 20px; -webkit-column-count: 2; column-count: 2; } .fq-container { width: 66.2%; } .text-img { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #e1991c; margin: 16px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .text-img img { margin: 5px 0; } .text-img:before { margin-bottom: 0; } .text-img span { margin-right: 18px; } .fq-section-2 { padding-top: 60px; padding-bottom: 13px; position: relative; } .fq-section-2:before, .fq-section-2:after { content: ' '; position: absolute; background-color: #f6f6f6; right: 50%; top: 0; bottom: 0; width: 200%; z-index: -1; } .fq-section-2:before { right: auto; left: 50%; } .fq-section-2 ul.two-col { -webkit-column-gap: 83px; column-gap: 83px; } .fq-section-2 ul > li.text-img { margin-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } .fq-section-2 ul > li.text-img:before { margin-bottom: 0; } .fq-section-3 { padding-top: 20px; margin-top: 70px; padding-bottom: 20px; margin-bottom: 60px; } .err-wrapper { background: url('/local/templates/main/css/../img/404.jpg') no-repeat; position: fixed; background-size: cover; background-position: center; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; overflow-y: auto; color: white; } .err-text { 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; height: 100%; padding-top: 40px; padding-bottom: 40px; } .err-text h1 { margin-top: 450px; font-size: 80px; margin-bottom: 19px; line-height: 1; } .err-text p { width: 460px; max-width: 100%; margin-bottom: 39px; } .err-text .btn { width: 190px; } .fav-clear-wrapper { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 6px 0 16px 0; } .fav-clear-wrapper h1 { margin: 0; } .fav-clear { text-decoration: underline; color: inherit; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .fav-clear:hover { color: #f2aa2d; /* text-decoration: underline;*/ } .fav-list { margin: 0 -10px 86px -10px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fav-list > li { display: block; padding: 10px; width: 16.6666%; } .fav-box { padding: 28px 20px 20px 20px; border: 1px solid #f2f2f2; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; -o-transition: box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; min-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; } .fav-img .c-col-img { width: 75px; height: 75px; margin: 0; margin-left: auto; margin-right: auto; } .fav-img { margin-bottom: 20px; position: relative; padding: 0 20px; } .fav-title .c-title { font-weight: 600; line-height: 1.4; display: inline-block; letter-spacing: -0.3px; } .fav-title { margin-bottom: 13px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fav-price { font-size: 22px; font-weight: 700; text-align: center; margin-bottom: 11px; } .fav-control { position: absolute; right: -1px; top: -13px; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; } .fav-control a { display: block; text-decoration: none; font-size: 20px; margin-bottom: 3px; text-align: center; color: #5e5e5e; -webkit-transition: color 300ms; -o-transition: color 300ms; transition: color 300ms; } .fav-control a.active, .fav-control a:hover { color: #f2aa2d; } .fav-control { opacity: 0; } .fav-box:hover .fav-control { opacity: 1; } .fav-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); } .msg-dash-btns .btn span { vertical-align: middle; } .msg-dash-btns .btn i { font-size: 18px; margin-left: 7px; display: inline-block; vertical-align: middle; margin-top: -6px; } .fav-img .label { top: -14px; left: -21px; } .com-text { width: 688px; max-width: 100%; } .site-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .site-content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fancybox-active, body { height: 100vh; } .site-wrapper { min-height: 100%; } .form-wrapper label { margin-bottom: 27px; } .form-wrapper { width: 505px; max-width: 100%; margin-bottom: 54px; } .text-inputs { margin-top: 25px; margin-bottom: 47px; } .form-wrapper .il span { width: 130px; } .form-caption { display: block; font-size: 26px; font-weight: 600; margin-bottom: 11px; } .inputs-wrapper { margin-bottom: 48px; } .inputs-wrapper label { display: block; margin-bottom: 13px; } label.rd span .tooltip { color: #e1991c; font-weight: 700; padding: 0 7px; } .text-inputs .il span { line-height: 1.3; } .form-btn-wrapper { /* margin-top: 28px;*/ } .order .form-btn-wrapper .btn { width: 360px; max-width: 100%; font-size: 16px; padding-top: 25px; padding-bottom: 25px; } .il input.parsley-error { border-bottom-color: red; } .pr-header { 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; background-color: #f6f6f6; color: #000000; font-size: 18px; font-weight: 600; padding: 18px 30px; margin-bottom: 30px; } .username-col { -ms-flex-negative: 0; flex-shrink: 0; width: 495px; } .t-tab { display: inline-block; width: 130px; background-color: #e5e5e5; color: #000000; font-size: 13px; font-weight: 400; text-decoration: none; text-align: center; margin-left: 26px; padding: 8px 5px; -webkit-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; } .t-tab:hover { background-color: #c6c6c6; } .t-tab.active { background-color: #f2aa2d; color: white; } .t-tab:first-child { margin-left: 0; } .pr-caption { font-size: 26px; font-weight: 600; line-height: 1.3; margin-bottom: 30px; display: block; } .h-tab-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pr-body { margin-bottom: 50px; padding-bottom: 1px; } .or-table { display: table; margin-bottom: 50px; width: 100%; } .thead { display: table-header-group; background-color: #f6f6f6; font-weight: 600; } .tbody { display: table-row-group; } .tr { display: table-row; } .td { display: table-cell; padding: 18px 15px; border-bottom: 1px solid #f2f2f2; } .mobile-visible { display: none; } .or-table .td:nth-child(7) { width: 16.1%; } .or-table .td:nth-child(6) { width: 7.2%; } .or-table .td:nth-child(5) { width: 11.9%; } .or-table .td:nth-child(4) { width: 17.7%; } .or-table .td:nth-child(3) { width: 17%; } .or-table .td:nth-child(2) { width: 8.6%; } .or-table b { font-size: 16px; font-weight: 700; } .pr-body .tabs.wh-tb .box { padding: 3px 0; } .pr-body .wh-tb .tabs-items > li { min-width: 0; width: 50%; font-weight: 600; } .pd-btn-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pd-btn-wrapper .btn { min-width: 235px; } .del-account { text-decoration: none; color: black; padding: 5px; } .del-account:hover { text-decoration: underline; color: #f2aa2d; } .pd-btn-wrapper .del-account { margin-left: 25px; } .modal .form-wrapper { width: auto; margin-bottom: 10px; } .modal .tabs-items { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f2aa2d; margin: 0 -30px; padding: 12px 0 0 0; } .modal .tabs-items > li { width: 50%; text-align: center; display: block; color: white; font-weight: 700; padding: 7px 5px; position: relative; cursor: pointer; } .modal .tabs-items > li:after, .modal .tabs-items > li:before { content: ' '; position: absolute; width: 0; bottom: 0; height: 5px; background-color: #fffbfb; -webkit-transition: width 600ms linear; -o-transition: width 600ms linear; transition: width 600ms linear; } .modal .tabs-items > li:after { background-color: rgba(255, 251, 251, 0.5); width: 100%; } .modal .tabs-items > li:nth-of-type(1):before { right: 0; } .modal .tabs-items > li:nth-of-type(2):before { left: 0; } .modal .tabs-items > li:nth-of-type(1):after { left: 0; } .modal .tabs-items > li:nth-of-type(2):after { right: 0; } .modal .tabs-items > li.current:before { width: 100%; } .modal-header-wrapper { background-color: #f2aa2d; padding: 1px; color: white; } #login.modal { width: 505px; } .modal-header-wrapper { margin: -31px -30px 0 -30px; padding: 31px 30px 1px 30px; } .modal .pd-btn-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .modal .pd-btn-wrapper a { color: black; font-size: 16px; } .tn-btn-wrapper .btn, .modal .pdm-btn-wrapper .btn, .modal .pd-btn-wrapper .btn { font-size: 16px; min-width: 265px; padding-top: 21px; padding-bottom: 21px; } .modal .form-wrapper .il span { width: 98px; } .modal .text-inputs > p { font-weight: 600; text-align: left; letter-spacing: 0.6px; } .modal .text-inputs > p a { color: #e1991c; font-weight: 700; text-decoration: none; } .modal .text-inputs > p a:hover { text-decoration: underline; } .pdm-btn-wrapper { padding-left: 96px; } .modal .text-inputs { margin-bottom: 25px; } .jq-checkbox.parsley-error { border-color: red; } .tn-btn-wrapper { text-align: center; } .compare-slider { margin-right: -20px; } .compare-slider .fav-box { margin: 10px 20px 10px 0; } .compare-slider-prop .slick-list, .compare-slider .slick-list { overflow: visible; } .compare-slider .slick-track { margin-left: 0; margin-right: 0; } .co-caption { height: 50px; margin-top: 40px; margin-bottom: 15px; } .co-cell { border-top: 2px solid #f2f2f2; padding: 53px 5px 16px 0; } .co-cell:last-child { border-bottom: 2px solid #f2f2f2; } .compare-slider .slick-slide:last-of-type .co-cell-wrapper { padding-right: 20px; } .co-cell.hover { background-color: #f4f4f4; } .table-compare-titles div { position: absolute; margin-top: 19px; color: #c4c4c4; pointer-events: none; height: 53px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 9px; max-width: 100%; left: 0; } .compare-wrapper { position: relative; margin-bottom: 78px; padding-bottom: 20px; } .compare-wrapper:before { content: ' '; background-color: white; position: absolute; top: 0; bottom: 0; width: 100%; right: 100%; z-index: 1; } .compare-wrapper:after { content: ' '; background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); position: absolute; top: 0; bottom: 0; width: 340px; left: 100%; z-index: 1; } .hover-decor { position: absolute; background-color: #f4f4f4; display: none; z-index: 99; width: 100%; right: 100%; } .table-compare-caption { position: absolute; line-height: 1; width: 100%; height: 50px; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; } .table-compare-caption .form-caption { margin-bottom: 0; } .compare-slider-prop .slick-slide:last-of-type .co-cell, .compare-slider-prop .slick-slide:first-of-type .co-cell, .compare-slider .slick-slide:last-of-type .co-cell, .compare-slider .slick-slide:first-of-type .co-cell { position: relative; } .compare-slider-prop .slick-slide:last-of-type .co-cell:before, .compare-slider-prop .slick-slide:first-of-type .co-cell:before, .compare-slider .slick-slide:last-of-type .co-cell:before, .compare-slider .slick-slide:first-of-type .co-cell:before { content: ' '; position: absolute; top: -2px; bottom: -2px; right: 100%; background-color: transparent; width: 2500px; } .compare-slider-prop .slick-slide:last-of-type .co-cell:before, .compare-slider .slick-slide:last-of-type .co-cell:before { right: auto; left: 100%; } .compare-slider-prop .slick-slide:last-of-type .co-cell.hover:before, .compare-slider-prop .slick-slide:first-of-type .co-cell.hover:before, .compare-slider .slick-slide:last-of-type .co-cell.hover:before, .compare-slider .slick-slide:first-of-type .co-cell.hover:before { background-color: #f4f4f4; } .slick-arrow { position: absolute; top: 174px; z-index: 2; width: 35px; height: 35px; background-color: #f2aa2d; border: none; border-radius: 50%; color: white; text-align: center; line-height: 1; padding: 0; -webkit-transition: opacity 300ms, background-color 300ms; -o-transition: opacity 300ms, background-color 300ms; transition: opacity 300ms, background-color 300ms; } .slick-arrow:hover { background-color: #f09800; } .slick-arrow.slick-disabled { opacity: 0; } .slick-arrow.slick-prev { right: 100%; margin-right: 20px; padding-right: 2px; } .slick-arrow.slick-next { left: 100%; padding-left: 2px; } .fav-btn-wrapper { text-align: center; } .il input.parsley-error { color: red; } .il input.parsley-error::-webkit-input-placeholder { color: red; } .il input.parsley-error:-ms-input-placeholder { color: red; } .il input.parsley-error::-ms-input-placeholder { color: red; } .il input.parsley-error::-webkit-input-placeholder { color: red; } .il input.parsley-error:-ms-input-placeholder { color: red; } .il input.parsley-error::placeholder { color: red; } .edge-list.on-cart {} .edge-list.on-cart > li { width: 33.3333%; } .c-list + .brand { margin-top: 50px; } .tooltipster-sidetip .tooltipster-content { font-size: 13px; line-height: 1.3; } .msg-dash .c-col-img { border: 1px solid #f2f2f2; margin: 0; -ms-flex-item-align: start; align-self: flex-start } .msg-dash .c-box { border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; } .msg-dash .c-pr-wrapper { padding-top: 16px; padding-right: 50px; width: 210px; -ms-flex-negative: 0; flex-shrink: 0; } .msg-dash .c-top { min-height: 0; margin-bottom: 0; } .msg-dash .price { margin-bottom: 13px; } #product-dash.msg-dash .container { padding-right: 13px; } #product-dash.msg-dash .msg-dash-btns { -ms-flex-item-align: start; align-self: flex-start; padding-top: 12px; } #product-dash.msg-dash .msg-dash-btns .btn { padding-top: 23px; padding-bottom: 23px; min-width: 190px; } .fancybox-slide { overflow-y: scroll; } .compare .compare-slider .fav-box { position: relative; } .compare .header { position: absolute; } .compare-slider-prop { margin-right: -20px; } .his-wrapper { position: relative; } .compare-slider-wrapper { background-color: #ffffff; padding: 10px 0; position: absolute; left: 0; right: 0; top: 0; transition: box-shadow 300ms; } .compare-slider-prop:before, .compare-slider:before { content: ' '; position: absolute; background-color: white; top: 0; bottom: 0; margin-right: 10px; right: 100%; width: 200%; z-index: 1; } .compare-slider-prop:before { margin-right: 0; } .compare-slider-prop:after, .compare-slider:after { content: ' '; position: absolute; top: 0; bottom: 0; margin-left: 0; left: 100%; width: 200%; z-index: 1; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 230px); } .ot-count { position: absolute; top: 2px; right: 1px; width: 30px; height: 20px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-weight: 600; font-style: normal; line-height: 0.95; color: white; font-size: 14px; text-shadow: 1px 0 1px #5E5E5E, 0 1px 1px #5E5E5E, -1px 0 1px #5E5E5E, 0 -1px 1px #5E5E5E; } .other-btn .ot-btn .ot-count { text-decoration: none; } .btn.btn-cart .ot-count { text-shadow: none; color: #E1991C; font-family: 'Open Sans', Helvetica, sans-serif; border-radius: 0; left: 0; right: 0; width: auto; bottom: 0; top: auto; height: auto; } .tag-radio, .tag-checkbox { line-height: 1; } .ch-category { margin-top: 40px; } .or-table.all-order .td:nth-child(5) { width: 33.5%; } .or-table.all-order .td:nth-child(4) { width: 16.9%; } .or-table.all-order .td:nth-child(2) { width: 17%; } @media screen and (min-width: 768px) and (min-height: 650px) { .compare-slider-wrapper.fixed { position: fixed; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); z-index: 101; } } @media screen and (min-width: 768px) { .close-mobile, .mobile-tl, .mobile-navs, .mobile-filter-btn { display: none !important; } .catalog-nav { position: static; } .ca-wrapper { min-width: 0; width: 100%; background-color: transparent; height: calc(100vh - 138px); top: 100%; overflow: hidden; } .ca-list { background-color: white; width: 420px; position: relative; } .ca-list-wrp { display: inline-block; } } @media screen and (max-width: 1364px) { .slick-arrow.slick-prev { right: 100%; margin-right: -18px; } .slick-arrow.slick-next { margin-left: -38px; } } @media screen and (max-width: 1299px) { .container { width: 1170px; } .sort { padding: 20px 10px 20px 10px; font-size: 12px; } .nav-list > li > a:before { left: 12px; right: 12px; } .t-box { min-height: 732px; padding: 40px 0 88px 0; } .tl-container { width: 940px; } .ab-col-l { width: 45.8%; padding-right: 45px; } .ab-col-r { width: 54.2%; } .ot-inf b { display: block; font-size: 13px; } .t-col-l h1 { font-size: 42px; } .fav-list > li { width: 20%; } .or-table .td:nth-child(7) { width: 11.9%; } .or-table b { font-size: 14px; } .or-table .td:nth-child(3) { width: 14%; } .or-table b, .or-table { font-size: 12px; } .td { padding: 15px 8px; } .t-item-wrapper:nth-of-type(1) .t-item span span { font-size: 12px; margin-left: -16px; margin-right: -15px; line-height: 1; } .t-item-wrapper:nth-of-type(1) .t-item i { bottom: -16px; } .t-item-wrapper:nth-of-type(5) .t-item span span { margin-left: -55px; margin-right: -54px; } .t-item-wrapper:nth-of-type(3) { top: 65.1% !important; left: 27.5% !important; width: 20.4% !important; } .t-item-wrapper:nth-of-type(2) { bottom: 0.9% !important; left: 61.3% !important; width: 17.8% !important; } .t-item-wrapper:nth-of-type(1) { width: 16.2% !important; } } @media screen and (max-width: 1199px) { .container { width: 964px; } /* .col-logo { width: 195px; } */ .col-city { padding-right: 8px; } .col-contacts { width: 158px; padding-right: 10px; } .btn { min-width: 120px; font-size: 13px; padding: 10px 8px; } .col-cart { width: 118px; } .btn.btn-cart { padding-top: 8px; padding-bottom: 10px; } .search-wrapper input { padding: 0 35px 0 5px; } .search-btn { width: 36px; padding-right: 0; } .catalog-nav { width: 166px; } .menu-text { margin-left: 6px; } .ot-btn { padding: 0 8px; font-size: 13px; } .c-nav-btn { font-size: 13px; font-weight: 600; } .nav-list > li > a { font-size: 13px; } .ot-btn i { margin-right: 6px; } .caption, h1 { font-size: 25px; } .aside-col { -ms-flex-negative: 0; flex-shrink: 0; width: 220px; border: 1px solid #F2F2F2; background-color: white; margin-left: 10px; padding: 15px 10px 3px 10px; } .sc-list a { margin-bottom: 4px; margin-right: 4px; padding: 3px 9px; } .sort { padding: 10px 10px 10px 10px; font-size: 11px; } body { font-size: 13px; } .st-wrapper .jq-selectbox__select { font-size: 11px; padding-right: 13px; padding-left: 0; } .st-col:nth-of-type(1) { width: 39%; } .st-col:nth-of-type(2) { width: 38%; } .st-wrapper .jq-selectbox__trigger { font-size: 6px; } .st-wrapper .jq-selectbox__dropdown { margin: 12px 0 0 0; font: 12px/1.2 'Open Sans', sans-serif; padding: 6px 2px; } .st-wrapper .jq-selectbox li { padding: 4px 10px; } .filter-tags .tc-chec { padding-left: 8px; margin: 0 2px; } .filter-tags { margin-left: -2px; margin-right: -2px; } .filter-tags .clear-all { padding: 0 9px; font-size: 13px; } .c-box { padding: 10px 10px 14px 10px; } .prop-toggle:after { font-size: 6px; } .prop-toggle { padding-right: 10px; } .price { font-size: 16px; } .c-pr-wrapper { width: 110px; } .cf-icons a { font-size: 17px; } .c-col-buy { width: 102px; font-size: 12px; } .c-pr-wrapper { padding-right: 12px; } .c-col-body { padding: 3px 9px; } .fdbk-title { font-size: 23px; margin-right: 15px; margin-top: 0; } .fdbk-btn { font-size: 18px; } .fdbk-wrapper { width: 874px; } .ca-list > li { padding: 0 16px; } .ca-wrapper { font-size: 13px; } .ca-list > li > a { padding: 10px 0; } .sub-nav { padding: 10px 10px 7px 10px; } .sn-title { font-size: 14px; margin-bottom: 7px; } .ca-show, .sn-list > li a { padding: 5px 0; } input:not(.btn) { height: 36px; } .search-wrapper input { margin-top: 4px; border-radius: 0; font-size: 16px; -webkit-appearance: none; } .tag-radio, .tag-checkbox { font-size: 11px; margin: 0 2px 5px 2px; } .tc-chec { padding: 6px 5px; } .tc-chec span:after { top: 2px; } .tag-wrapper .sa-toggle { font-size: 12px; margin-top: 11px; } .as-control { padding-top: 0; } .priceSliderTop input { height: 24px; } .brand { font-size: 21px; } .t-col-l h1 { font-size: 34px; } .t-item-wrapper:nth-of-type(1) { width: 16% !important; } .t-item-wrapper:nth-of-type(1) .t-item i { bottom: -14px; } /*2*/ .t-item-wrapper:nth-of-type(2) { bottom: 0.9% !important; top: auto !important; left: 61.3% !important; width: 20.4% !important; background: #E3899D; } .t-item-wrapper:nth-of-type(2) .t-item:before { background-color: #F7AABB; } .t-item-wrapper:nth-of-type(2) .t-item i { font-size: 57px; bottom: -12px; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .t-item-wrapper:nth-of-type(2) .t-item span span { font-size: 13px; margin-top: 6px; font-weight: 600; } .t-item-wrapper:nth-of-type(2) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*3*/ .t-item-wrapper:nth-of-type(3) { top: 65.3% !important; left: 28.8% !important; width: 16.3% !important; background: #CE7619; } .t-item-wrapper:nth-of-type(3) .t-item:before { background-color: #F78E1E; } .t-item-wrapper:nth-of-type(3) .t-item i { font-size: 47px; bottom: -20px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .t-item-wrapper:nth-of-type(3) .t-item span span { font-size: 13px; margin-top: 17px; font-weight: 400; } .t-item-wrapper:nth-of-type(3) { width: 22.5% !important; } .t-item-wrapper:nth-of-type(3) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*4*/ .t-item-wrapper:nth-of-type(4) { top: 33.6% !important; left: 47.5% !important; width: 20% !important; background: #E1A40F; } .t-item-wrapper:nth-of-type(4) .t-item:before { background-color: #FDB911; } .t-item-wrapper:nth-of-type(4) .t-item i { font-size: 56px; bottom: -22px; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .t-item-wrapper:nth-of-type(4) .t-item span span { font-size: 14px; margin-top: 15px; font-weight: 600; } .t-item-wrapper:nth-of-type(4) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*5*/ .t-item-wrapper:nth-of-type(5) { top: 35.7% !important; right: 0% !important; width: 27.1% !important; left: auto !important; background: #056DA5; } .t-item-wrapper:nth-of-type(5) .t-item:before { background-color: #0084CB; } .t-item-wrapper:nth-of-type(5) .t-item i { font-size: 58px; bottom: -23px; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .t-item-wrapper:nth-of-type(5) .t-item span span { font-size: 17px !important; margin-top: 22px !important; margin-left: -40px; margin-right: -40px; } .t-item-wrapper:nth-of-type(5) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /*6*/ .t-item-wrapper:nth-of-type(6) { top: 0.7% !important; left: 22.8% !important; width: 29% !important; background: #C92E30; } .t-item-wrapper:nth-of-type(6) .t-item:before { background-color: #EE3E41; } .t-item-wrapper:nth-of-type(6) .t-item i { font-size: 66px; bottom: -16px; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .t-item-wrapper:nth-of-type(6) .t-item span span { margin-top: 29px; font-weight: 900; margin-left: -41px; margin-right: -41px; } .t-item-wrapper:nth-of-type(6) .t-item:hover i { bottom: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .tl-container { width: 762px; } .ab-info-box { padding: 5px 10px; } .ab-info-box h3 { font-size: 20px; } .contacts-list > li { width: 50%; margin-bottom: 20px; } .map-wrapper { height: 360px; } .iw-item i { font-size: 47px; } .slide-1 .iw-item:nth-of-type(4) i { font-size: 58px; } .slide-1 .iw-item:nth-of-type(5) i { font-size: 53px; } .slide-1 .iw-item:nth-of-type(6) i { font-size: 45px; } .slide-1 .iw-item:nth-of-type(7) i { font-size: 52px; } .t-col-l .btn { padding: 16px 10px; font-size: 14px; } .label { left: -10px; } .add-text { font-size: 18px; } .ar-info-col { padding-left: 20px; } .ar-img-col { width: 404px; } .edge-list > li { width: 50%; } .top-ab { background-position: right top -50px; min-height: 460px; height: 460px; } .top-ab:before { margin-right: -347px; } .top-ab h1 { font-size: 42px; } .about-big { padding: 36px 14px; } .about-text-wrapper { margin-bottom: 20px; } .cart .aside-col { width: 240px; padding: 18px 10px; } .asc-head { margin: 0 -10px 15px -10px; padding: 0 10px 19px 10px; } .full-price span { display: block; } .ca-price, .ca-common-price { font-size: 15px; width: 101px; } .faq .container h1, .faq .container .caption { font-size: 42px; } .fq-section-1 { background-size: 302px; background-position: right top; } .err-text h1 { font-size: 70px; } .fav-list > li { width: 25%; } .msg-dash-btns .btn i { font-size: 13px; margin-left: 2px; } .pr-caption { font-size: 22px; } .tn-btn-wrapper .btn, .pd-btn-wrapper .btn { min-width: 195px; } .edge-list.on-cart > li { width: 50%; } #product-dash.msg-dash .msg-dash-btns .btn { padding-top: 13px; padding-bottom: 13px; min-width: 100px; } .msg-dash .c-pr-wrapper { padding-right: 15px; width: 137px; } .c-col-img { width: 67px; } .msg-dash .c-pr-wrapper { padding-top: 7px; } #product-dash.msg-dash .msg-dash-btns { padding-top: 6px; } .or-table.all-order .td:nth-child(5) { width: 33.2%; } .or-table.all-order .td:nth-child(4) { width: 13.9%; } .or-table.all-order .td:nth-child(2) { width: 13%; } .or-table .td:nth-child(3) { width: 18%; } .ca-list { width: 348px; } } @media screen and (max-width: 991px) { .container { width: 744px; } .logo { font-weight: 900; font-size: 17px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: block; } .logo img { border-bottom: 2px solid #9b9b9b; padding-bottom: 4px; } .logo span { font-size: 11px; display: block; width: auto; border-left: none; margin-left: 0; padding: 3px 0 0 0; } .col-logo { width: auto; -ms-flex-negative: 1; flex-shrink: 1; } .city-select { padding-left: 15px; font-size: 12px; } .city-select i { font-size: 15px; top: 1px; } .btn.btn-cart span { display: none; } .btn.btn-cart i span { display: flex; } .col-cart { width: 40px; } .btn.btn-cart i { margin-right: 0; } .h-tel { font-size: 16px; } .fdbk { font-size: 13px; } .col-contacts { width: 140px; } .col-city { -ms-flex-negative: 1; flex-shrink: 1; width: auto; padding: 0 10px; } .menu-text, .ot-btn .tooltip { display: none; } .catalog-nav { width: 49px; } .c-nav-btn { min-width: 0; } .ca-wrapper { min-width: 267px; } .ca-list > li > a i { font-size: 7px; } .nav-list > li > a:before { left: 11px; right: 11px; } .ot-btn i { margin-right: 0; } .ot-btn { padding: 0 12px; } .st-title { display: block; } .aside-col { width: 165px; } .f-list { -webkit-column-count: 2; column-count: 2; } .f-list { -ms-flex-negative: 0; flex-shrink: 0; width: 66.6666%; } .f-box { width: 33.3333%; } .f-list > li { margin-bottom: 14px; } .pagination-list > li a { padding: 10px 8px; } .price { font-size: 14px; } .c-pr-wrapper { width: 96px; padding-left: 5px; } .c-col-body { line-height: 1.2; font-size: 12px; } .c-col-img { width: 66px; } .c-col-buy { width: 92px; } .c-col-buy p { font-size: 11px; } .st-wrapper .jq-selectbox li { font-size: 10px; } .st-col:nth-of-type(1), .st-col:nth-of-type(2), .st-col:nth-of-type(3) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .st-col:nth-of-type(1), .st-col:nth-of-type(2) { padding-right: 20px; } .st-wrapper { width: 100%; } .priceSliderTop label { padding-left: 20px; } .pref { left: -1px; } .fdbk-wrapper { display: block; text-align: center; width: 662px; padding-top: 30px; padding-bottom: 30px; } .fdbk-input-box { width: auto; margin-top: 14px; } .t-box { min-height: 504px; padding: 70px 0 28px 0; } .t-col-l h1 { font-size: 26px; } .t-item-wrapper:nth-of-type(5) .t-item span span { font-size: 13px !important; } .t-item-wrapper:nth-of-type(4) .t-item span span { font-size: 13px; } .t-item-wrapper:nth-of-type(4) { top: 33.6% !important; left: 47.5% !important; width: 23% !important; } .t-col-l { padding-bottom: 14px; } .t-box { padding: 33px 0 28px 0; } .tl-container { width: 644px; } .tl-nav-btn { font-size: 18px; } .iw-title { padding: 0 5px; } .ab-container { display: block; } .ab-col-l { width: auto; padding-right: 0; padding-top: 30px; } .ab-col-r { width: 100%; } .iw-item i { margin-bottom: 10px; } .ab-img-box, .ab-info-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-pack: center; -ms-flex-pack: center; justify-content: center; } .t-item-wrapper:nth-of-type(3) { top: 65.3% !important; left: 28.8% !important; width: 19.3% !important; background: #CE7619; } .label { font-size: 10px; padding: 2px 6px; } .add-text { font-size: 15px; } .msg-dash > .container { padding-bottom: 7px; padding-top: 7px; } .nav-list > li > a { font-size: 12px; padding: 18px 4px; } .ot-btn { padding: 0 8px; } .ar-img-col { width: 345px; } .j-text { margin-bottom: 20px; } .ar-price-wrapper { padding-top: 1px; } .ar-price { width: 193px; } .ar-old-price span, .ar-price span { font-size: 24px; } .qt { width: 105px; height: 47px } .ar-buy-col .btn { min-width: 110px; padding: 17px 10px; } .ar-top { padding-bottom: 40px; } .detail { -webkit-column-gap: 20px; column-gap: 20px; } .tabs.wh-tb .box { padding: 28px 15px; } .wh-tb .tabs-items > li { min-width: 0; padding: 15px 10px; } .tabs.wh-tb .box { padding-left: 10px; padding-right: 10px; } .top-ab h1 { font-size: 36px; } .top-ab p { font-size: 16px; } .top-ab { background-size: 230px; background-position: top right; min-height: 330px; height: 330px; } .about-text-wrapper { display: block; } .about-big { width: auto; } .about-text { width: auto; padding-left: 0; } .cart .aside-col { position: relative; ; top: auto; right: auto; bottom: auto; left: auto; background-color: white; z-index: auto; width: auto; margin: 0; padding: 18px 20px; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); margin-bottom: 30px; } .cart .content-col { width: auto; margin-bottom: 30px; } .cart .content-aside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .full-price span { display: inline; } .asc-head { margin: 0 -20px 15px -20px; padding: 0 20px 19px 20px; } ul.two-col { -webkit-column-count: 1; column-count: 1; } .fq-section-1 { background-size: 242px; } .faq .container h1, .faq .container .caption { font-size: 36px; } .err-text h1 { font-size: 63px; } .fav-list > li { width: 33.3333%; } .username-col { width: 1%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .pr-header { font-size: 14px; padding: 12px 15px; } .t-tab { margin-left: 15px; } .pr-caption { font-size: 18px; } .or-table .td:nth-child(7) { width: 11.9%; } .or-table b { font-size: 11px; } .or-table .td:nth-child(3) { width: 13.1%; } .or-table { font-size: 11px; } .td { padding: 11px 5px; line-height: 1.2; } .t-item-wrapper:nth-of-type(6) .t-item i { font-size: 55px; } .t-item-wrapper:nth-of-type(6) .t-item span span { margin-left: -30px; margin-right: -30px; margin-top: 24px; font-weight: 600; } .t-item-wrapper:nth-of-type(6) .t-item i { font-size: 66px; bottom: -19px; } .t-item-wrapper:nth-of-type(1) .t-item span span { margin-left: -5px; margin-right: -5px; margin-top: 4px; } .t-item-wrapper:nth-of-type(1) .t-item i { font-size: 32px; } .t-item-wrapper:nth-of-type(4) .t-item i { font-size: 47px; } .t-item-wrapper:nth-of-type(5) .t-item span span { font-size: 17px !important; font-weight: 600 !important; margin-top: 14px !important; margin-left: -21px; margin-right: -21px; } .t-item-wrapper:nth-of-type(5) .t-item i { bottom: -23px; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .t-item-wrapper:nth-of-type(4) .t-item span span { margin-left: -26px; margin-right: -26px; } .t-item-wrapper:nth-of-type(2) .t-item span span { font-size: 13px; margin-top: 0; font-weight: 400; } .t-item-wrapper:nth-of-type(2) .t-item i { bottom: -12px; } .t-item-wrapper:nth-of-type(3) .t-item span span { font-size: 13px; margin-top: 17px; font-weight: 400; } .t-item-wrapper:nth-of-type(3) .t-item span span { font-size: 13px; margin-top: 16px; margin-left: 0; margin-right: 0; letter-spacing: -0.3px; } .t-item-wrapper:nth-of-type(3) { width: 24.3% !important; } .asc-body .btn { width: 358px; } .ot-count { top: 0; right: -2px; font-size: 12px; width: 20px; } .btn.btn-cart .ot-count { font-size: 14px; width: auto; top: auto; right: 0; } .or-table.all-order .td:nth-child(5) { width: 31.2%; } .or-table.all-order .td:nth-child(4) { width: 13.9%; } .or-table.all-order .td:nth-child(2) { width: 11%; } .or-table .td:nth-child(3) { width: 18%; } .ca-list { width: 266px; } } @media screen and (max-width: 767px) { .container { width: auto; } .caption, h1 { font-size: 20px; } .h-wrapper .col-city, .h-wrapper .col-search { display: none; } .nav-wrapper .nav-list { display: none; } .col-city { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .h-tel { font-size: 15px; } .fdbk { letter-spacing: -0.3px; } .col-logo { width: 136px; } .nav-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ot-btn:last-child { padding-right: 3px; } /* .catalog-nav .ca-wrapper { display: none!important; } */ .col-logo { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .logo { font-size: 22px; } .logo span { display: block; } .m-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; background-color: white; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; padding: 51px 15px 10px 15px; overflow: hidden; overflow-y: auto; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; -o-transition: transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .ca-wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .m-nav.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .col-search { width: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .mobile-navs .ca-wrapper { display: block !important; position: relative; overflow: hidden; top: auto; right: auto; left: auto; bottom: auto; } .ca-list > li { padding-left: 0; padding-right: 0; } .col-city { text-align: left; padding-left: 0; margin: 10px 0; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; } .sn-list > li > a, .ca-list > li > a { font-size: 16px; } .sn-list > li > a { display: block; border-bottom: 1px solid #E1E1E1; padding: 10px 0; } .city-select { font-size: 16px; } .city-select i { font-size: 17px; top: 3px; } .close-mobile { width: 29px; height: 50px; font-size: 50px; line-height: 1; position: absolute; right: 14px; top: 3px; cursor: pointer; z-index: 9; overflow: hidden; display: block; font-family: Arial; -ms-flex-item-align: center; align-self: center; } .sub-nav { position: absolute; border-left: 0; top: 0; left: 0; display: block; overflow: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 15px 0 10px 0; z-index: 1; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; -o-transition: transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .sub-nav.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .sn-list { -webkit-column-count: 1; column-count: 1; } .sn-title { font-size: 20px; } .aside-col { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: white; z-index: 99; width: auto; margin: 0; padding: 51px 15px 10px 15px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 600ms; transition: -webkit-transform 600ms; -o-transition: transform 600ms; transition: transform 600ms; transition: transform 600ms, -webkit-transform 600ms; } .aside-col.active { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .mobile-filter-btn { margin-bottom: 13px; margin-top: 20px; } .mobile-filter-btn .btn { width: 100%; } .f-container { display: block; } .f-list { width: auto; margin-bottom: 30px; } .f-box { width: auto; text-align: center; } .social-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .social-list > li { margin-left: 8px; margin-right: 8px; } .fdbk-btn { padding-bottom: 0; } .brand { font-size: 19px; } .t-box { -ms-flex-wrap: wrap; flex-wrap: wrap; } .t-col-r { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; margin-left: -37px; margin-bottom: 30px; } .t-col-l { width: 100%; } .tl-container { width: 79%; } .iw-item i { font-size: 31px; } .tl-list > li { height: 100%; } .tl-container { width: 100%; } .tl-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; position: relative; } .tl-list > li { display: block; width: 100%; position: static; } .inside-wrapper { background-color: transparent; padding: 0; margin: 0; padding: 0; } .tl-list .slide-1 .iw-item { position: relative; top: auto; right: auto; bottom: auto; left: auto; } .tl-list .inside-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tl-list .inside-wrapper .iw-item { -ms-flex-negative: 0; flex-shrink: 0; width: 16.6666%; } .tl-nav { display: none; } .mobile-tl { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .mobile-tl .iw-item { position: relative; width: 25%; border: 8px solid white; } .iw-centered { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .iw-item i { /* height: 50%;*/ } .iw-title { -ms-flex-negative: 0; flex-shrink: 0; height: 38%; padding-top: 5px; font-size: 10px; font-weight: 400; /* text-transform: lowercase*/ } .iw-item i { font-size: 43px; } .city-list { -webkit-column-count: 3; column-count: 3; } .ca-list { margin-left: -15px; margin-right: -15px; padding: 0 15px; } .scroll-wrap { overflow: hidden; overflow-y: auto; height: 100%; } .close-mobile:before { content: ' '; position: absolute; top: 50%; margin-top: -11px; left: -30px; border-left: 12px solid white; border-top: 11px solid white; border-bottom: 10px solid white; border-right: 9px solid transparent; -webkit-transition: left 300ms; -o-transition: left 300ms; transition: left 300ms; } .close-mobile.active:before { width: 0; } .aside-col > form { overflow: hidden; overflow-y: auto; height: 100%; } .add-text { font-size: 13px; } .msg-dash > .container { padding-right: 37px; } .ot-btn { padding: 0 12px; } .ar-top { display: block; } .ar-img-col { margin-left: auto; margin-right: auto; margin-bottom: 40px; } .ar-info-col { width: auto; padding-left: 0; } .detail { -webkit-column-count: 1; column-count: 1; } .dwnld { padding-right: 11px; } .dwnld:last-child { padding-left: 11px; } .top-ab { min-height: 260px; height: 260px; background-size: 190px; } .top-ab h1 { font-size: 26px; margin-bottom: 4px; } .top-ab:before { margin-right: -227px; } .top-ab p { font-size: 14px; margin-top: 4px; } .about-big h2 { font-size: 22px; } .asc-body .btn { width: 200px; font-size: 14px; padding-top: 15px; padding-bottom: 15px; } .ca-price-wrapper { display: block; text-align: center; } .ca-qt .qt { width: 85px; height: 28px; margin: 5px auto; padding: 0; } .ca-qt { padding: 0; } .ca-qt .qt .jq-number input { padding: 0; font-size: 14px; } .ca-price, .ca-common-price { padding: 0; margin: 0 auto; } .cart-box { padding-top: 12px; } .asc-head { margin: 0 -10px 15px -10px; padding: 0 10px 19px 10px; } .cart .aside-col { padding: 18px 10px; } .fq-section-1 { background-image: none; } .fq-container { width: auto; } .faq .container h1, .faq .container .caption { font-size: 26px; } .fq-section-1 { margin-bottom: 40px; } .fq-section-2 { padding-top: 40px; } .fq-section-3 { margin-top: 20px; margin-bottom: 20px; } .err-text h1 { font-size: 53px; } .fav-list { margin-left: -5px; margin-right: -5px; } .fav-list > li { padding: 5px; } .fav-box { padding: 19px 10px 10px 10px; } .fav-img .label { top: -9px; left: -11px; } .il span { font-size: 16px; } .form-caption { font-size: 20px; } .order .form-btn-wrapper .btn { width: 240px; font-size: 14px; padding-top: 15px; padding-bottom: 15px; } .t-tab { width: auto; padding-left: 10px; padding-right: 10px; margin-left: 5px; } .pr-header { font-size: 13px; padding: 10px; } .pr-body .thead { display: none; } .td, .tr, .tbody, .or-table { display: block; } .td { width: auto !important; border: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; padding: 5px 10px; } .or-table b { font-size: 14px; } .tr { border: 1px solid #f2f2f2; margin-bottom: 20px; padding: 10px 0; } .td:nth-child(even) { background-color: #f2f2f2; } .mobile-visible { display: block; width: 142px; -ms-flex-negative: 0; flex-shrink: 0; } .slick-arrow { top: auto; bottom: 0; } .slick-arrow.slick-prev { right: auto; left: 0; margin-right: 0; } .slick-arrow.slick-next { left: auto; right: 0; margin: 0 20px 0 0; } .compare-slider { padding-bottom: 39px; } #product-dash.msg-dash { display: none !important; } .logo { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo img { border-bottom: none; padding-bottom: 0; } .logo span { width: 118px; margin-left: 10px; padding-left: 10px; border-left: 2px solid #9b9b9b; padding-top: 5px; padding-bottom: 5px; } .overlay, .nav-wrapper .ca-wrapper { display: none !important; } .top-bg { background-image: url('/local/templates/main/css/../img/top-bg-responsive.svg'); } .ca-list { width: auto; } } @media screen and (max-width: 600px) { .mobile-tl .iw-item { width: 33.3333%; } .contacts-list > li { width: 100%; } .box-half { display: block; } .box-half > div { width: auto; } .box-half > div:first-child { margin-bottom: 25px; } .modal.fancybox-content p br { display: none; } .city-list { -webkit-column-count: 2; column-count: 2; } .wh-tb .tabs-items > li { padding: 10px 5px; font-size: 12px; } .tabs.wh-tb .box { padding: 20px 5px; } .ast-toggle { font-size: 13px; padding-right: 12px; } .dwnld { padding-right: 8px; } .dwnld:last-child { padding-left: 8px; } .dwnld i { font-size: 17px; margin-right: 4px; } .edge-title { font-size: 16px; } .ar-old-price span, .ar-price span { font-size: 20px; } .top-ab { min-height: 210px; height: 210px; background-size: 150px; } .top-ab h1 { font-size: 22px; margin-bottom: 4px; } .top-ab:before { margin-right: -187px; } .about-big { padding-top: 15px; padding-bottom: 15px; } .about-big h2 { font-size: 20px; } .cart-box { padding: 15px 27px 15px 10px; } .ca-del { right: 0; padding: 0 8px; } .ca-title { padding-left: 10px; padding-right: 10px; } .cart-box.restore, .cart-head { padding: 9px 10px; } .cart-head .caption { font-size: 16px; } .cart-clear { margin-top: 0; } .ca-res { font-size: 14px; } .faq .container h1, .faq .container .caption { font-size: 22px; } .fav-list > li { width: 50%; } .username-col { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: 100%; margin-bottom: 11px; } .logo span { margin-left: 7px; padding-left: 7px; } .logo img { width: 124px; } .col-contacts { padding-left: 5px; } } @media screen and (min-width: 480px) { .mobile-navs .col-contacts { display: none; } } @media screen and (max-width: 479px) { .logo span { display: none; } .container { padding-left: 10px; padding-right: 10px; } .h-wrapper .col-contacts { display: none; } .col-contacts { position: absolute; top: 18px; left: 15px; padding: 0; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9; } .fdbk { margin-left: 20px; } .c-box { -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-col-img { width: 90px; margin-bottom: 20px; } .c-col-body { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-col-body { padding: 0; } .c-pr-wrapper { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .c-bottom { display: block; } .art { display: block; margin-bottom: 10px; } .c-top { min-height: 0; } .pagination { -ms-flex-wrap: wrap; flex-wrap: wrap; } .pagination-list { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 10px; } .pagination-list + .btn { margin-left: 0; } .fdbk-title { font-size: 20px; } .fdbk-input-box { display: block; padding: 0; border-bottom: 0; } .fdbk-input-box input:not(.btn) { width: 100%; border-bottom: 3px solid #F2AA2D; margin-bottom: 13px; } .f-list > li { margin-bottom: 6px; line-height: 1.3; } .mobile-tl .iw-item { width: 50%; } .t-item-wrapper:nth-of-type(6) .t-item i { font-size: 42px; } .t-item-wrapper:nth-of-type(1) { top: 0% !important; left: 72.4% !important; right: auto !important; width: 27% !important; } .t-item-wrapper:nth-of-type(3) { top: 65.3% !important; left: 17.8% !important; width: 26.3% !important; background: #CE7619; } .t-item-wrapper:nth-of-type(2) { bottom: -18% !important; top: auto !important; left: 47.3% !important; width: 32.8% !important; } .t-item-wrapper:nth-of-type(5) { top: 62.7% !important; right: -13% !important; width: 30.1% !important; left: auto !important; } .t-item-wrapper:nth-of-type(5) .t-item span span { font-size: 11px !important; margin-top: 1px !important; } .t-item-wrapper:nth-of-type(5) .t-item i { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .t-item-wrapper:nth-of-type(4) { top: 33.6% !important; left: 47.5% !important; width: 33% !important; } .t-category { padding: 47% 0; margin-bottom: 69px; } .ab-col-r {} .ab-img-box, .ab-info-box { width: 100%; } .ab-img-box { display: none; } .h-wrapper { padding-top: 8px; padding-bottom: 8px; } .il span { display: block; font-size: 16px; width: 84px; } .modal.fancybox-content { padding: 31px 20px; } .t-item-wrapper:nth-of-type(6) .t-item span span { font-size: 14px; } .msg-dash-btns .btn { font-size: 10px; min-width: 0; padding-left: 4px; padding-right: 4px; font-weight: 400; } .add-text { font-size: 12px; line-height: 1; } .wh-tb .tabs-items > li { width: 100%; } .ar-buy-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .ar-qt-col { width: 100%; text-align: center; margin-bottom: 24px; } .ar-qt-col .qt { margin-left: auto; margin-right: auto; } .edge-list > li { width: 100%; } .ast-head { -ms-flex-wrap: wrap; flex-wrap: wrap; } .ast-toggle { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .r-position { margin-bottom: 10px; } .article { margin-bottom: 35px; } .top-ab { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background-size: 120px; background-position: top -25px center; } .top-ab:before { margin-right: -35%; } .about-big h2 { font-size: 18px; } .ca-price-wrapper { width: 100%; } .cart-box { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-right: 10px; } .ca-del { top: 0; } .ca-title { margin-bottom: 0; } .cart-box .c-col-img { margin-bottom: 0; } .ca-img-title-wrapper { margin-bottom: 15px; } .ca-price-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ca-qt { width: auto; } .ca-qt .qt { margin: 0; } .ca-res { font-size: 13px; } .cart-box.restore .btn { font-size: 12px; min-width: 0; } .full-price, .asc-head span { font-size: 16px; } .err-text h1 { font-size: 41px; } .fav-list > li { width: 250px; max-width: 100%; margin-left: auto; margin-right: auto; } .form-wrapper .il span { width: 84px; font-size: 13px; } .td { font-size: 13px; } .pd-btn-wrapper { display: block; } .pd-btn-wrapper .btn { display: block; margin-bottom: 20px; } .pd-btn-wrapper .del-account { margin-left: 0; } .modal-header-wrapper { margin: -31px -20px 0 -20px; padding: 17px 20px 1px 20px; } .modal .tabs-items { margin: 0 -20px; } .modal .tabs-items > li { width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .pdm-btn-wrapper { padding-left: 0; } .modal .form-wrapper .il span { width: 74px; } .modal.fancybox-content p { margin: 0; } #login.modal.fancybox-content .caption { margin: 0 0 5px 0; } .tn-btn-wrapper { margin-top: 30px; } .tn-btn-wrapper .btn, .modal .pdm-btn-wrapper .btn, .modal .pd-btn-wrapper .btn { font-size: 16px; width: 265px; min-width: 0; max-width: 100%; padding-top: 15px; padding-bottom: 15px; } .modal .pd-btn-wrapper a { font-size: 14px; } .compare-slider { width: 240px; } .compare-slider { position: static; } .slick-arrow.slick-next { margin: 0; } .t-item-wrapper:nth-of-type(6) .t-item span span { margin-left: -18px; margin-right: -18px; margin-top: 11px; font-weight: 400; line-height: 1; font-size: 13px; } .t-item-wrapper:nth-of-type(1) .t-item span span { margin-top: 12px; } .t-item-wrapper:nth-of-type(1) .t-item i { bottom: -17px; } .t-item-wrapper:nth-of-type(5) .t-item i { font-size: 40px; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .t-item-wrapper:nth-of-type(5) .t-item span span { font-size: 13px !important; margin-top: 15px !important; } .t-item-wrapper:nth-of-type(3) { top: 65.3% !important; left: 11.8% !important; width: 33.5% !important; } .edge-list.on-cart > li { width: 100%; } } @media screen and (max-height: 880px) { .err-text h1 { margin-top: 306px; } } @media screen and (max-height: 650px) { .err-text h1 { margin-top: 176px; } } @media screen and (max-height: 500px) { .err-text h1 { margin-top: 86px; margin-bottom: 10px; } } @media screen and (max-height: 400px) { .err-text h1 { margin-top: 0; } } /*upd*/ .ca-wrapper > .container { height: 100%; display: flex; } .ca-list { width: 100%; min-height: 100%; } .last-nav, .first-nav { height: 100%; width: 100%; overflow: hidden; overflow-y: auto; background-color: white; } .ca-inner { width: 420px; height: 100%; position: relative; } .last-nav { position: absolute; top: 0; left: 100%; width: 168%; height: 100%; border-left: 1px solid #E1E1E1; background-color: transparent; transition: background-color 100ms; display: none; } .last-nav.active { background-color: white; } .sub-nav { left: 0; width: 100%; max-height: none; } .ca-list > li > a.active { color: #E1991C; } @media screen and (max-width: 1199px) { .ca-inner { width: 348px; } } @media screen and (max-width: 991px) { .ca-inner{ width: 266px; } } /* End */ /* Start:/local/templates/main/styles.css?1781154237615*/ a.c-img:after,a.c-img:before{display:none}.row{margin:0 -15px}.loading{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background-color:#fff;visibility:hidden;z-index:1}.loading:after{content:"";position:absolute;top:50%;left:50%;display:block;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:5px solid #000;border-left-color:transparent;border-right-color:transparent;animation:1.2s linear infinite lds-dual-ring}.loading.active{opacity:.5;visibility:visible}.errors .error{font-size:12px;color:#b22222}@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}} /* End */ /* Start:/local/templates/main/template_styles.css?17811542374583*/ .fdbk{cursor:pointer}.callback-form .is-success{margin:0 auto;display:block}.fdbk-input-box.is-error{border-bottom-color:red}.is404{padding:0!important}.nolink{pointer-events:none}.tc-chec i{display:inline-block;width:0;-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s}.tag-checkbox input:checked+.tc-chec i,.tag-radio input:checked+.tc-chec i{width:20px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background,.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#5e5e5e}#file-link-wrapper,#product-addition,#product-options,.cart-box .ca-res,.cart-box .ca-res-btn,.cart-box.restore .ca-del,.cart-box.restore .ca-img-title-wrapper,.cart-box.restore .ca-price-wrapper,.filter-result,.is404 .mobile-navs,.is404 footer,.is404 header,.st-wrapper .jq-selectbox li.disabled{display:none}.smartfilter{position:relative}.filter-result{position:absolute;right:100%;top:0;margin-right:15px;margin-top:15px;z-index:5;text-align:right;padding:11px 15px;color:#fff;background-color:#5e5e5e}.filter-result:before{content:'';left:100%;top:10px;display:block;position:absolute;width:0;height:0;border-top:5px solid transparent;border-left:9px solid #5e5e5e;border-bottom:5px solid transparent}.filter-result.active{display:block}.filter-result .filter-result-total{white-space:nowrap}.breadcrumb>li>a{padding-right:12px}.breadcrumb>li>a:after{margin-right:3px}.aside-col,.fav-list{position:relative}.pagination .modern-page-navigation .modern-page-title{display:none}.pagination .modern-page-navigation a{color:#000;font-size:16px}.pagination .modern-page-navigation .modern-page-current{color:#e1991c;font-size:16px}.pagination .modern-page-navigation a,.pagination .modern-page-navigation a.modern-page-previous,.pagination span.modern-page-current,.pagination span.modern-page-dots{border:none}.modal .tabs-items>li>a{text-decoration:none;color:#fff}.modal.modal-enter{width:505px}.authorization-form .modal-enter{display:block!important}.authorization-form .modal-enter .modal-header-wrapper{background-color:transparent;color:#000}.authorization-form .modal-enter .tabs-items{background-color:transparent}.authorization-form .modal-enter .tabs-items>li{color:#e1991c}.authorization-form .modal-enter .tabs-items>li a{color:inherit}.authorization-form .modal-enter .tabs-items>li.current{color:#000}.tc-chec{color:#000;text-decoration:none}.tc-chec.active{background-color:#f2aa2d;color:#fff}.compare-slider-prop .slick-track{margin-left:0;margin-right:0}.table-compare-titles div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-box.restore .ca-res,.cart-box.restore .ca-res-btn{display:block}.asc-head span{display:inline}.form-wrapper .property-LOCATION,.order-form{position:relative}.form-wrapper .property-LOCATION .field-variants-location{position:absolute;overflow-y:auto;max-height:260px;z-index:1;background-color:#5e5e5e;top:100%;left:130px;right:0}.field-variants-location .location-variants{margin:0;padding:0;list-style:none}.field-variants-location .location-variants li *{display:inline;width:auto}.field-variants-location .location-variants li a,.field-variants-location .location-variants li.error{white-space:nowrap;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;color:#f4f4f4;padding:4px 10px;font-size:11px}.field-variants-location .location-variants li b{font-size:14px;color:#fff}.inputs-wrapper label{display:inline-block}.order-list-data-insert{white-space:nowrap}.order-list-basket-items{max-width:250px}.order-list-basket-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-list-item{padding-bottom:10px}.order-list-item:last-child{padding-bottom:0}.asb-head{padding-right:20px}.asb-body{padding-bottom:0}.asb-body.asb-body-more{padding-bottom:25px}.tag-checkbox{position:relative}.tag-checkbox.tag-disabled{cursor:auto}.tag-checkbox.tag-disabled:after{content:'';display:block;position:absolute;top:0;z-index:1;right:0;left:0;bottom:0}.tag-checkbox.tag-disabled>span{background-color:#fff;color:#f4f4f4}.top-bg{margin:0}.ar-img-link img{width:auto;height:auto;left:50%;top:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%)}@media screen and (max-width:767px){.callback-form .is-success{margin-top:15px}.hidden-xs{display:none}.order-list-basket-items{max-width:100%;display:block}.order-list-item{padding:0;white-space:normal}.order-list-item .mobile-visible{display:inline;width:auto}.aside-col{position:fixed}}@media screen and (max-width:479px){.form-wrapper .property-LOCATION .field-variants-location{left:84px}} /* End */ /* /local/templates/main/css/jquery.formstyler.css?178115423710965 */ /* /local/templates/main/css/jquery.fancybox.min.css?178115423714065 */ /* /local/templates/main/css/nouislider.min.css?17811542373555 */ /* /local/templates/main/css/tooltipster.bundle.min.css?17811542376495 */ /* /local/templates/main/css/slick.css?17811542371327 */ /* /local/templates/main/css/main.css?1781154237131813 */ /* /local/templates/main/styles.css?1781154237615 */ /* /local/templates/main/template_styles.css?17811542374583 */