/* Start:/local/templates/skayn/assets/css/normalize.css?15865388102089*/ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} /* End */ /* Start:/local/templates/skayn/assets/css/selectric.css?15865388103313*/ .selectric-wrapper{position:relative;cursor:pointer}.selectric-responsive{width:100%}.selectric{border:1px solid #ddd;border-radius:0;background:#f8f8f8;position:relative;overflow:hidden}.selectric .button,.selectric .label{display:block;height:38px;line-height:38px}.selectric .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 38px 0 10px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#444}.selectric .button{position:absolute;right:0;top:0;width:38px;background-color:#f8f8f8;color:#bbb;text-align:center;font:0/0 a;*font:20px/38px Lucida Sans Unicode,Arial Unicode MS,Arial}.selectric .button:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border:4px solid transparent;border-top-color:#bbb;border-bottom:none}.selectric-focus .selectric{border-color:#aaa}.selectric-hover .selectric,.selectric-open .selectric{border-color:#c4c4c4}.selectric-hover .selectric .button{color:#a2a2a2}.selectric-hover .selectric .button:after{border-top-color:#a2a2a2}.selectric-open{z-index:9999}.selectric-open .selectric-items{display:block}.selectric-disabled{filter:alpha(opacity=50);opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric-hide-select{position:relative;overflow:hidden;width:0;height:0}.selectric-hide-select select{position:absolute;left:-100%}.selectric-hide-select.selectric-is-native{position:absolute;width:100%;height:100%;z-index:10}.selectric-hide-select.selectric-is-native select{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:0;z-index:1;box-sizing:border-box;opacity:0}.selectric-input{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important;width:1px!important;height:1px!important;outline:0!important;border:0!important;*font:0/0 a!important;background:0 0!important}.selectric-temp-show{position:absolute!important;visibility:hidden!important;display:block!important}.selectric-items{display:none;position:absolute;top:100%;left:0;background:#f8f8f8;border:1px solid #c4c4c4;z-index:-1;box-shadow:0 0 10px -6px}.selectric-items .selectric-scroll{height:100%;overflow:auto}.selectric-above .selectric-items{top:auto;bottom:100%}.selectric-items li,.selectric-items ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:20px;min-height:20px}.selectric-items li{display:block;padding:10px;color:#666;cursor:pointer}.selectric-items li.selected{background:#e0e0e0;color:#444}.selectric-items li.highlighted{background:#d0d0d0;color:#444}.selectric-items li:hover{background:#d5d5d5;color:#444}.selectric-items .disabled{filter:alpha(opacity=50);opacity:.5;cursor:default!important;background:0 0!important;color:#666!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric-items .selectric-group .selectric-group-label{font-weight:700;padding-left:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;color:#444}.selectric-items .selectric-group.disabled li{filter:alpha(opacity=100);opacity:1}.selectric-items .selectric-group li{padding-left:25px} /* End */ /* Start:/local/templates/skayn/assets/css/jquery.mCustomScrollbar.css?158653881042566*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_container_wrapper,.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;overflow:hidden;top:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/skayn/assets/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(255,255,255,.75)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{width:4px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.75)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:rgba(255,255,255,.75)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.75)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{bottom:1px}.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px}.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{width:12px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/local/templates/skayn/assets/css/jquery.fancybox.min.css?158653881012840*/ @keyframes a{to{transform:rotate(1turn)}}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:1041}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption{direction:ltr;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden}.fancybox-caption,.fancybox-infobar,.fancybox-toolbar{opacity:0;position:absolute}.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:1041}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px;color:#ccc}.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color: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__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/skayn/assets/css/slick.css?15865388101307*/ .slick-list,.slick-slider{position:relative;display:block}.slick-slider{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{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-initialized .slick-slide,.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.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/skayn/assets/css/app.css?1766404194124293*/ .clearfix:after { display: table; clear: both; content: ''; } .centered { display: table; width: 100%; height: 100%; } .centered > * { display: table-cell; text-align: center; vertical-align: middle; } .hide { display: none !important; } .clearfix:after { display: table; clear: both; content: ''; } .centered { display: table; width: 100%; height: 100%; } .centered > * { display: table-cell; text-align: center; vertical-align: middle; } .hide { display: none !important; } @font-face { font-family: 'Open Sans'; font-weight: 400; font-style: normal; src: url('/local/templates/skayn/assets/css/../fonts/opensans/regular/OpenSans-Regular.eot'); src: url('/local/templates/skayn/assets/css/../fonts/opensans/regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/skayn/assets/css/../fonts/opensans/regular/OpenSans-Regular.woff') format('woff'), url('/local/templates/skayn/assets/css/../fonts/opensans/regular/OpenSans-Regular.ttf') format('truetype'), url('/local/templates/skayn/assets/css/../fonts/opensans/regular/OpenSans-Regular.svg#Open Sans') format('svg'); } @font-face { font-family: 'Open Sans'; font-weight: 400; font-style: italic; src: url('/local/templates/skayn/assets/css/../fonts/opensans/italic/OpenSans-Italic.eot'); src: url('/local/templates/skayn/assets/css/../fonts/opensans/italic/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/skayn/assets/css/../fonts/opensans/italic/OpenSans-Italic.woff') format('woff'), url('/local/templates/skayn/assets/css/../fonts/opensans/italic/OpenSans-Italic.ttf') format('truetype'), url('/local/templates/skayn/assets/css/../fonts/opensans/italic/OpenSans-Italic.svg#Open Sans') format('svg'); } @font-face { font-family: 'Open Sans'; font-weight: 700; font-style: normal; src: url('/local/templates/skayn/assets/css/../fonts/opensans/bold/OpenSans-Bold.eot'); src: url('/local/templates/skayn/assets/css/../fonts/opensans/bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/skayn/assets/css/../fonts/opensans/bold/OpenSans-Bold.woff') format('woff'), url('/local/templates/skayn/assets/css/../fonts/opensans/bold/OpenSans-Bold.ttf') format('truetype'), url('/local/templates/skayn/assets/css/../fonts/opensans/bold/OpenSans-Bold.svg#Open Sans') format('svg'); } @font-face { font-family: 'Open Sans'; font-weight: 300; font-style: normal; src: url('/local/templates/skayn/assets/css/../fonts/opensans/light/OpenSans-Light.eot'); src: url('/local/templates/skayn/assets/css/../fonts/opensans/light/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/skayn/assets/css/../fonts/opensans/light/OpenSans-Light.woff') format('woff'), url('/local/templates/skayn/assets/css/../fonts/opensans/light/OpenSans-Light.ttf') format('truetype'), url('/local/templates/skayn/assets/css/../fonts/opensans/light/OpenSans-Light.svg#Open Sans') format('svg'); } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; } body { min-width: 320px; height: 100%; } html { height: 100%; } img, iframe{ max-width: 100%; } .container { max-width: 1252px; margin: 0 auto; padding: 0 15px; } .container:after { display: block; clear: both; content: ' '; } .wrapper { overflow: hidden; /* min-height: 100%; */ } .wrapper--bg-dark { background-color: #232b33; } body { font-family: 'Open Sans', 'sans-serif'; font-size: 15px; font-weight: 400; line-height: 1.2; color: #000; background: #fff; } ul, ol { margin: 0; padding: 0; list-style-type: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', 'sans-serif'; line-height: 1.2; margin: 0; padding: 0; color: #000; } h1 { font-size: 29px; font-weight: 600; } h2 { font-size: 25px; font-weight: 600; } h3 { font-size: 21px; font-weight: 600; } h4 { font-size: 19px; font-weight: 600; } h5 { font-size: 17px; font-weight: 600; } h6 { font-size: 15px; font-weight: 600; } p { margin: 0; padding: 0; } hr { overflow: hidden; height: 1px; margin: 32px 0; border: 0; background: #e9e9e9; } q, blockquote { font-style: italic; display: block; text-align: center; } strong, b { font-weight: 700; } a { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-decoration: none; color: #ba9e73; } a.button { text-decoration: none; } a.button:hover { text-decoration: none; color: #b4986b; } [class*='icon-'] { display: inline-block; vertical-align: top; } img[style*='float: left'], img[style*='float:left'], img[align='left'] { margin: 0 20px 5px 0; } img[style*='float: right'], img[style*='float:right'], img[align='right'] { margin: 0 0 5px 20px; } .static-content blockquote { padding-left: 20px; text-align: left; border-left: 2px solid #ccc; } .static-content ul { margin: 20px 0; margin-top: -7px; } .static-content ul li { font-size: 15px; line-height: 26px; position: relative; padding-left: 8px; } .static-content ul li:before { position: absolute; top: 14px; left: 0; display: block; width: 4px; height: 1px; content: ''; background: #000; } .static-content ol { margin: 20px 0; list-style-position: inside; list-style-type: decimal; counter-reset: item; margin-top: -7px; } .static-content ol li { position: relative; display: block; } .static-content ol li:before { font-weight: 700; display: inline; content: counters(item, '.') '. '; counter-increment: item; vertical-align: top; color: #dcbc8b; } .static-content p { font-size: 15px; line-height: 22px; margin-bottom: 16px; } .static-content table { font-size: 15px; width: 100%; border-collapse: collapse; } .static-content table th { font-weight: 400; padding: 13px 18px; text-align: center; color: #fff; border: 1px solid #dcbc8b; background-color: #303a47; } .static-content table th:first-child { text-align: left; } .static-content table td { padding: 4px 18px; text-align: center; border: 1px solid #dcbc8b; } .static-content table td:first-child { text-align: left; } .static-content .btn { display: inline-block; width: auto; padding-right: 34px; padding-left: 34px; } .static-content img { max-width: 100%; } .static-content img[style*='float: left'], .static-content img[style*='float:left'], .static-content img[align='left'] { margin: 0 55px 5px 0; } .static-content img[style*='float: right'], .static-content img[style*='float:right'], .static-content img[align='right'] { margin: 0 0 5px 55px; } .static-content h1 { margin: 0 0 15px; font-size: 21px; line-height: 23px; text-transform: uppercase; color: #dcbc8b; } .static-content h2 { margin: 0 0 13px; font-size: 19px; line-height: 21px; text-transform: uppercase; color: #dcbc8b; margin-top: 30px; } .static-content h3 { margin: 0 0 11px; font-size: 17px; line-height: 19px; text-transform: uppercase; color: #dcbc8b; } .upper { text-transform: uppercase; } .bold { font-weight: 700; } .italic { font-style: italic; } .title { font-size: 21px; position: relative; display: inline-block; padding: 0 11px; text-align: center; text-transform: uppercase; color: #dcbc8b; } .title span { padding-left: 6px; color: #dcbc8b; } .title--white { color: #fff; } .title:before, .title:after { position: absolute; top: 50%; width: 70px; height: 1px; content: ''; background-image: url("/local/templates/skayn/assets/css/../../img/line-bg.jpg"); background-repeat: repeat-x; } .title:before { left: -70px; } .title:after { right: -70px; } .btn { font-size: 14px; line-height: 1; position: relative; display: block; width: 100%; padding: 10px 10px 11px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; color: #000; border: none; border-radius: 3px; background-color: #dcbc8b; } .btn:hover, .btn.active { background-color: #b4986b; } .btn.disabled, .btn[disabled='disabled'], .btn[disabled] { cursor: not-allowed; color: #ccc; border-color: #ccc; background: #8a8a8a; } .btn--inline { display: inline-block; width: auto; min-width: 119px; } .btn--border { padding: 9px 10px 10px; border: 1px solid #dcbc8b; background-color: transparent; } .btn--border:hover { border-color: #dcbc8b; background-color: #dcbc8b; } .checkbox { display: block; cursor: pointer; } .checkbox input[type='checkbox'] { display: none; } .checkbox input[type='checkbox']:checked + span:after { opacity: 1; } .checkbox span { font-size: 14px; line-height: 21px; position: relative; display: block; padding: 0 0 0 34px; color: #fff; } .checkbox span:before { position: absolute; top: 50%; left: 0; display: block; width: 19px; height: 19px; margin: -9px 0 0 0; content: ''; border: 1px solid #dcbc8b; } .checkbox span:after { position: absolute; top: 50%; left: 6px; display: block; width: 7px; height: 11px; margin: -7px 0 0 0; content: ''; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; border-right: 2px solid #fff; border-bottom: 2px solid #fff; } .checkbox span a { margin-left: 3px; color: #dcbc8b; border-bottom: 1px solid transparent; } .checkbox span a:hover { border-bottom-color: #dcbc8b; } textarea, select, .input { font-size: 14px; line-height: 1.2; display: block; width: 100%; height: 36px; padding: 0 15px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff; border: 1px solid #c69c6d; border-radius: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .input::-webkit-input-placeholder { color: #fff; } textarea:-ms-input-placeholder, select:-ms-input-placeholder, .input:-ms-input-placeholder { color: #fff; } textarea:focus::-webkit-input-placeholder, select:focus::-webkit-input-placeholder, .input:focus::-webkit-input-placeholder { color: transparent; } textarea:focus:-ms-input-placeholder, select:focus:-ms-input-placeholder, .input:focus:-ms-input-placeholder { color: transparent; } textarea:focus::-ms-input-placeholder, select:focus::-ms-input-placeholder, .input:focus::-ms-input-placeholder { color: transparent; } textarea:focus::placeholder, select:focus::placeholder, .input:focus::placeholder { color: transparent; } textarea.disabled, textarea[disabled='disabled'], textarea[disabled], select.disabled, select[disabled='disabled'], select[disabled], .input.disabled, .input[disabled='disabled'], .input[disabled] { background-color: #f3f3f3; } textarea { height: 83px; padding: 10px 15px; resize: none; } input[type='file'] { display: none; } input[type='file'] + label { font-size: 14px; line-height: 24px; display: block; padding: 25px 15px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; color: #8a8a8a; border: 1px dashed #c4c4c4; background: #fff; } input[type='file'] + label:hover { border-color: #696969; background: #e9e9e9; } .radio { display: block; cursor: pointer; } .radio input[type='radio'] { display: none; } .radio input[type='radio']:checked + span:after { opacity: 1; } .radio span { font-size: 14px; line-height: 21px; position: relative; display: block; padding: 0 0 0 34px; } .radio span:before { position: absolute; top: 50%; left: 0; display: block; width: 20px; height: 20px; margin: -9px 0 0 0; content: ''; border: 1px solid #dcbc8b; border-radius: 50%; } .radio span:after { position: absolute; top: 50%; left: 6px; display: block; width: 8px; height: 8px; margin: -3px 0 0 0; content: ''; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; border-radius: 50%; background: #dcbc8b; } select { display: block; -webkit-transition: none; -o-transition: none; transition: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .selectric { border: 1px solid #c69c6d; background: transparent; } .selectric .label { font-size: 14px; line-height: 36px; height: 36px; margin-left: 0; padding: 0 15px; color: #fff; } .selectric .button { font-size: 0; line-height: 0; width: 36px; height: 36px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background: transparent; } .selectric .button:after { width: 8px; height: 8px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: none; border-bottom: 2px solid #c69c6d; border-left: 2px solid #c69c6d; } .selectric-items { border: 1px solid #c69c6d; border-top: none; background: rgba(0, 0, 0, .3); } .selectric-items li { font-size: 14px; padding: 10px 15px; color: #fff; } .selectric-items li.highlighted { color: #fff; background: #dcbc8b; } .selectric-items li:hover { color: #fff; background: #dcbc8b; } .selectric-scroll .mCSB_inside > .mCSB_container { margin-right: 0; } .selectric-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #c69c6d; } .selectric-hover .selectric { border-color: #dcbc8b; } .selectric-open .selectric { border-color: #dcbc8b; } .selectric-open .button { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .icon-pin { width: 13px; height: 16px; } .icon-phone { width: 11px; height: 15px; } .icon-envelope { width: 15px; height: 11px; } .icon-clock { width: 15px; height: 15px; } .icon-vk { width: 47px; height: 47px; } .icon-ok { width: 47px; height: 47px; } .icon-insta { width: 47px; height: 47px; } .icon-production { width: 76px; height: 62px; } .icon-guarantees { width: 76px; height: 79px; } .icon-quality { width: 75px; height: 76px; } .icon-direct-supplier { width: 75px; height: 62px; } .icon-exclusivity { width: 77px; height: 68px; } .icon-table--head { width: 55px; height: 100%; -o-object-fit: contain; object-fit: contain; } .icon-sink--head { width: 47px; height: 49px; } .icon-window--head { width: 48px; height: 38px; } .icon-bar--head { width: 59px; height: 44px; } .icon-facing--head { width: 44px; height: 44px; } .icon-stairs--head { width: 53px; height: 44px; } .icon-recept--head { width: 57px; height: 42px; } .icon-kitchen--head { width: 56px; height: 41px; } .icon-shower-trays--head { width: 42px; height: 41px; } .icon-wall-panels--head { width: 42px; height: 42px; } .icon-products-table { width: 132px; height: 108px; } .icon-products-sink { width: 124px; height: 127px; } .icon-products-window { width: 143px; height: 114px; } .icon-products-bar { width: 143px; height: 108px; } .icon-products-facing { width: 124px; height: 124px; } .icon-products-stairs { width: 138px; height: 115px; } .icon-products-recept { width: 143px; height: 104px; } .icon-products-kitchen { width: 142px; height: 106px; } .icon-products-shower-trays { width: 117px; height: 117px; } .icon-products-wall-panels { width: 117px; height: 115px; } .icon-magnifier { width: 24px; height: 26px; } .icon-mail { width: 15px; height: 11px; } .icon-skype { width: 16px; height: 16px; } .icon-construction { width: 122px; height: 122px; } .icon-go-top { width: 51px; height: 51px; } .icon-go-top-hover { width: 51px; height: 51px; } .row { font-size: 0; line-height: 0; margin-right: -15px; margin-left: -15px; } .col { font-size: 16px; line-height: 1.2; display: inline-block; width: 100%; padding: 0 15px; vertical-align: top; } .no-gutter { margin-right: 0; margin-left: 0; } .no-gutter .col { padding: 0; } .slick-arrow { position: absolute; z-index: 1; top: 50%; display: block; width: 47px; height: 47px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slick-arrow:before { position: absolute; top: 10px; width: 25px; height: 25px; content: ''; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom: 1px solid #dcbc8b; border-left: 1px solid #dcbc8b; } .slick-arrow:hover:before { border-color: #b4986b; } .slick-prev { left: 0; } .main-slider .slick-prev { left: 35px; } @media (max-width: 480px) { .main-slider .slick-prev { left: 10px; } } .slick-prev:before { left: 11px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .slick-next { right: 0; } .main-slider .slick-next { right: 35px; } @media (max-width: 480px) { .main-slider .slick-next { right: 10px; } } .slick-next:before { right: 11px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .slick-dots { padding: 15px 0; } .slick-dots li { display: inline-block; padding: 0 3px; vertical-align: middle; } .slick-dots li.slick-active button { background-color: #dcbc8b; } .slick-dots li button { width: 10px; height: 10px; padding: 0; border: 2px solid #dcbc8b; border-radius: 50%; background-color: transparent; } .about { padding: 34px 0; } .about__head { font-size: 0; line-height: 0; margin: 0 -16px 47px; text-align: center; word-spacing: -.36em; } .about__head-item { font-size: 16px; line-height: 1.2; display: inline-block; width: 100%; max-width: 233px; padding: 0 16px; word-spacing: normal; } .about__head-link { font-size: 15px; font-weight: 400; line-height: 1.8; display: block; padding: 3px 5px 4px; color: #000; border: 1px solid #dcbc8b; border-radius: 3px; } .about__head-link:hover { background-color: #dcbc8b; } .about__desc { margin-bottom: 20px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 33px; column-gap: 33px; } .about__desc-txt, .about .container p { font-size: 15px; font-weight: 400; line-height: 1.73; margin-bottom: 37px; color: #303a47; } .about__desc-title, .about .container h2 { font-size: 15px; font-weight: 400; line-height: 1.73; display: block; color: #dcbc8b; } .about__desc-item, .about .container li { font-size: 15px; font-weight: 400; line-height: 1.73; position: relative; z-index: 1; margin-bottom: 3px; color: #303a47; } .slick-dots li.about__desc-item, .about .container .slick-dots li{ font-size: 0; line-height: 1; } .about__desc-item::before, .about .container li::before { font-size: 15px; font-weight: 400; line-height: 1.73; margin-right: 3px; content: '-'; } .slick-dots .about__desc-item::before, .about .container .slick-dots li::before{ content: none; } .about-prod { padding: 10px 0 30px; } .about .about-prod { margin-top: -26px; } .about-prod--other .about-prod__title { margin-bottom: 34px; } .about-prod--other .about-prod__list { padding-right: 30px; padding-left: 30px; } .about-prod--other .about-prod__item { line-height: 56px; width: 14.2%; min-height: 56px; } .about-prod--other .about-prod__item img { display: inline-block; width: auto; max-width: 100%; vertical-align: middle; } .about-prod__title { font-size: 24px; font-weight: 400; line-height: 1.42; display: block; margin-bottom: 32px; text-align: center; text-transform: uppercase; color: #303a47; } .about-prod__list { font-size: 0; line-height: 0; text-align: center; word-spacing: -.36em; padding-right: 30px; padding-left: 30px; } .about-prod__item { font-size: 16px; line-height: 1.2; display: inline-block; width: 33.33%; padding: 0 18px; vertical-align: middle; word-spacing: normal; } .about-prod__item-img { display: block; width: 100%; margin: 0 auto; } .action-single { padding: 20px 0 60px 0; } .action-single__img { position: relative; display: block; /*inline*/ float: left; margin-right: 55px; margin-bottom: 30px; width: 540px; } .action-single__img:before { position: absolute; top: 0; left: 0; display: block; content: ''; border-top: 20px solid #fff; border-right: 20px solid transparent; } .action-single__img img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .action-single__right { float: left; width: 55.7%; padding: 0 0 0 55px; } .action-single__date { position: absolute; top: -20px; right: 26px; width: 100px; text-align: center; color: #fff; } .action-single__date-top { padding: 10px 0 9px; background: #dcbc8b; } .action-single__date-top:before { position: absolute; top: 0; left: 0; display: block; content: ''; border-top: 20px solid #fff; border-right: 20px solid transparent; } .action-single__date-val { font-size: 65.66px; line-height: 61px; } .action-single__date-text { font-size: 16px; line-height: 20px; } .action-single__date-bottom { font-size: 11px; line-height: 13px; padding: 7px 5px 8px; background: #737982; } .action-single__text p { font-size: 15px; line-height: 22px; /*padding: 0 0 64px;*/ } .action-single__btn { display: inline-block; width: auto; min-width: 151px; } .actions { padding: 20px 0 28px 0; } .actions__list { font-size: 0; line-height: 0; margin: 0 -15px; } .actions__list-item { display: inline-block; width: 33.33%; padding: 0 15px 23px; vertical-align: top; } .action-block { background: #f6f7f7; } .action-block:after { display: block; clear: both; content: ' '; } .action-block:hover .action-block__left { background: #737982; } .action-block:hover .action-block__date:before { border-top-color: #737982; } .action-block:hover .action-block__right .btn { display: inline-block; width: auto; } .action-block:hover .action-block__right .btn:hover { background: #dcbc8b; } .action-block:hover .action-block__left-text { color: #fff; } .action-block__left { float: left; width: 41%; padding: 32px 10px 22px; } .action-block__left-text { font-size: 14px; line-height: 18px; text-align: center; } .action-block__right { float: left; width: 59%; padding: 27px 10px 27px 28px; } .action-block__right-text { font-size: 15px; line-height: 20px; height: 100px; margin: 0 0 20px 0; } .action-block__date { position: relative; max-width: 100px; margin: 0 auto 19px; padding: 10px 0 9px; text-align: center; color: #fff; background: #dcbc8b; } .action-block__date:before { position: absolute; top: 0; left: 0; display: block; content: ''; border-top: 20px solid #f6f7f7; border-right: 20px solid transparent; } .action-block__date-val { font-size: 65.66px; line-height: 61px; } .action-block__date-text { font-size: 16px; line-height: 20px; } .advantages { padding: 54px 0 43px; } .advantages__list { font-size: 0; line-height: 0; margin: 0 -20px; text-align: center; word-spacing: -.36em; } .advantages__item { font-size: 16px; line-height: 1.2; display: inline-block; width: 20%; padding: 0 20px; vertical-align: bottom; word-spacing: normal; } .advantages__item:not(:last-child) { position: relative; } .advantages__item:not(:last-child)::before { position: absolute; top: 30%; right: -23px; width: 46px; content: ''; border-bottom: 1px solid #c8a073; } .advantages__item-top { line-height: 76px; height: 76px; margin-bottom: 27px; text-align: center; } .advantages__item-top svg { display: inline-block; vertical-align: middle; fill: #c8a073; } .advantages__item-txt { font-size: 16px; line-height: 1.69; display: block; text-align: center; color: #232b33; } .article { padding: 50px 0 57px; } .article__img { /* float: left; max-width: 50%; margin-right: 55px; margin-bottom: 5px;*/ display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .action__img { max-width: 100% !important; } .article__desc { font-size: 15px; line-height: 1.47; margin-bottom: 47px; } .article__btn { display: inline-block; width: auto; min-width: 151px; } .card-news { display: block; padding: 28px 29px 27px; color: #000; background-color: #f6f7f7; } .card-news__outer { position: relative; z-index: 1; } .card-news:hover { background-color: #e4ceac; } .card-news:hover + .card-news__btn { border-color: #fff; } .card-news__date { font-size: 14px; font-style: italic; line-height: 1; display: block; padding-bottom: 10px; } .card-news__title { font-size: 15px; font-weight: 700; display: block; padding-bottom: 7px; text-transform: uppercase; } .card-news__txt { font-size: 15px; line-height: 20px; display: block; padding-bottom: 47px; } .card-news__btn { position: absolute; z-index: 3; right: 29px; bottom: 27px; left: 29px; max-width: 121px; } .card-news__btn:hover { background-color: #dcbc8b; } .card { display: block; text-align: left; color: #000; } .card:hover .card__overlay { visibility: visible; opacity: 1; } .card:hover .card__label { visibility: hidden; opacity: 0; } .card__img { position: relative; display: block; height: 150px; margin-bottom: 20px; } .card__img img { width: 100%; height: inherit; -o-object-fit: cover; object-fit: cover; -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 12%); clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 12%); } .card__overlay { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; padding: 28px 10px 20px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; opacity: 0; background-color: rgba(58, 63, 68, .8); -webkit-clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 12%); clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 12%); } .card__overlay-title { font-size: 15px; line-height: 1; position: relative; display: block; margin-bottom: 8px; padding-bottom: 14px; text-transform: uppercase; color: #dcbc8b; } .card__overlay-title:before { position: absolute; bottom: 0; left: 50%; width: 74px; height: 1px; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #dcbc8b; } .card__overlay-descr { font-size: 15px; font-style: italic; line-height: 21px; color: #fff; } .card__overlay .icon-svg { position: absolute; top: 11px; right: 13px; fill: #fff; } .card__label { font-size: 12px; font-style: italic; line-height: 1; position: absolute; z-index: 1; top: 17px; right: -7px; display: block; padding: 5px 8px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff; background-color: #b8916e; } .card__label:before { position: absolute; right: 0; bottom: -8px; content: ''; border: 4px solid transparent; border-top: 4px solid #705743; border-left: 4px solid #705743; } .card__body { display: block; padding: 0 0 0 22px; border-left: 1px solid #c69c6d; } .card__body-descr { font-size: 15px; line-height: 20px; display: block; margin-top: -3px; } .card__body-name { font-size: 15px; font-weight: 700; line-height: 20px; display: block; letter-spacing: -.25px; text-transform: uppercase; } .card__body-country { font-size: 15px; font-style: italic; display: block; } .certificate { padding: 20px 0 54px; text-align: center; } .about .certificate{ padding-bottom: 28px; } .one-material .certificate{ padding-top: 48px; padding-bottom: 21px; } .certificate--about { padding-top: 47px; padding-bottom: 47px; } .about .certificate--about { padding-top: 60px; } .certificate--about .certificate__title { margin-bottom: 56px; } .certificate--about .certificate__item { width: 20%; } .certificate--about .certificate__item-link { -webkit-clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%, 0 16%); clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%, 0 16%); } .certificate--about .certificate__item-img { height: 146px; -webkit-clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%, 0 16%); clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%, 0 16%); } .certificate--employees .certificate__title { margin-bottom: 60px; } .certificate--employees .certificate__item-link { border: none; } .certificate--employees .certificate__item-link::before { display: none; } .certificate--employees .certificate__item-img { height: 196px; } .certificate__title { margin-bottom: 43px; } .certificate__holder { margin: 0 -8px; } .certificate__slider { font-size: 0; line-height: 0; } .certificate__slider .slick-prev { left: -42px; } .certificate__slider .slick-next { right: -42px; } .certificate__item { font-size: 16px; line-height: 1.2; display: inline-block; width: 16.66%; padding: 0 8px; vertical-align: top; word-spacing: normal; } .certificate__item-link { position: relative; z-index: 1; display: block; color: #fff; border: 1px solid #c69c6d; -webkit-clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%, 0 10%); clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%, 0 10%); } .certificate__item-link::before { position: absolute; z-index: 2; top: 12px; left: -8px; width: 40px; content: ''; -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); border-top: 1px solid #c69c6d; } .certificate__item-link:hover .certificate__item-overlay { visibility: visible; opacity: 1; } .certificate__item-img { width: 100%; height: 271px; -o-object-fit: cover; object-fit: cover; clip-path: inherit; -webkit-clip-path: inherit; } .certificate__item-overlay { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; flex-direction: column; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; background-color: #4a4e53; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .certificate__item-overlay svg { position: absolute; top: 11px; right: 13px; fill: #fff; } .certificate__item-txt { font-size: 15px; font-style: italic; line-height: 21px; position: relative; padding-bottom: 15px; color: #fff; } .certificate__item-txt span { display: block; } .certificate__item-txt:before { position: absolute; bottom: 0; left: 50%; width: 74px; height: 1px; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #dcbc8b; } .construction { padding: 0 15px; text-align: center; background-color: #232b33; } .construction__holder { display: table; width: 100%; height: calc(100vh - 200px - 179px); min-height: 500px; } .construction__inner { display: table-cell; vertical-align: middle; } .construction__icon { position: relative; display: inline-block; margin-bottom: 19px; padding-bottom: 35px; } .construction__icon:before { position: absolute; bottom: 0; left: 50%; width: 70px; height: 1px; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #dcbc8b; } .construction__icon svg { fill: #dcbc8b; } .construction__txt { font-size: 15px; font-weight: 700; line-height: 20px; display: block; color: #fff; } .construction__back { max-width: 151px; margin: 0 auto; padding-top: 105px; } .contacts { padding: 60px 0 58px; } .contacts__holder { font-size: 0; line-height: 0; padding-bottom: 66px; word-spacing: -.36em; } .contacts__address { font-size: 16px; line-height: 1.2; display: inline-block; width: 290px; padding-right: 20px; vertical-align: top; word-spacing: normal; } .contacts__title { font-size: 16px; line-height: 20px; display: block; padding-bottom: 35px; text-transform: uppercase; color: #dcbc8b; } @media (max-width: 479px){ .contacts__block:nth-of-type(3) + .contacts__title { text-align: left; } } .contacts__list { position: absolute; right: 0; bottom: 0; left: 29px; } .contacts__list--default { position: static; } .contacts__list-item { font-size: 0; line-height: 0; word-spacing: -.36em; } .contacts__list-item--address { padding-bottom: 19px; } .contacts__list-icon { font-size: 16px; line-height: 1.2; display: inline-block; width: 16px; height: 20px; text-align: center; vertical-align: middle; word-spacing: normal; } @media (max-width: 479px){ .contacts__address .contacts__list-icon{ position: absolute; margin-left: -28px; } } .contacts__list-icon--top { vertical-align: top; } .contacts__list-icon .icon-mail { margin-top: 2px; } .contacts__list-icon svg { display: inline-block; fill: #dcbc8b; height: auto; width: 100%; max-width: 100%; max-height: 100%; } .contacts__list-txt { font-size: 16px; font-size: 15px; line-height: 1.2; line-height: 20px; display: inline-block; width: calc(100% - 20px); padding-left: 10px; vertical-align: middle; word-spacing: normal; } @media (max-width: 479px){ .contacts__address .contacts__list-item .contacts__list-txt{ display: inline; padding-left: 0; width: auto; } } @media (max-width: 350px){ .contacts__address .contacts__list-item--address .contacts__list-txt{ white-space: normal; } } .contacts__list-txt a { color: #000; } .contacts__list-txt a:hover { color: #dcbc8b; } .contacts__office { font-size: 16px; line-height: 1.2; display: inline-block; width: calc(100% - 290px); vertical-align: top; word-spacing: normal; } .contacts__office-link { position: relative; z-index: 1; display: block; height: 180px; -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 8%); clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 8%); } .contacts__office-link:hover .contacts__office-overlay { visibility: visible; opacity: 1; } .contacts__office-link img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contacts__office-link .icon-svg, .contacts__item-link .icon-svg { position: absolute; top: 11px; right: 13px; fill: #fff; } .contacts__office-overlay { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; padding: 28px 10px 20px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; opacity: 0; background-color: rgba(58, 63, 68, .8); -webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 9%); clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 9%); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__office-title { font-size: 15px; font-style: italic; line-height: 1; position: relative; display: block; margin-bottom: 8px; padding-bottom: 14px; color: #fff; } .contacts__office-title:before { position: absolute; bottom: 0; left: 50%; width: 74px; height: 1px; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #dcbc8b; } .contacts__office-descr { font-size: 15px; font-style: italic; line-height: 21px; color: #fff; } .contacts__row { font-size: 0; line-height: 0; margin: 0 -8px; word-spacing: -.36em; } .contacts__row .slick-dots { text-align: center; } .contacts__row .slick-arrow { top: 45%; } .contacts__row .slick-prev { left: -42px; } .contacts__row .slick-next { right: -42px; } .contacts__col { font-size: 16px; line-height: 1.2; display: inline-block; width: 33.33%; padding: 0 8px; vertical-align: top; word-spacing: normal; } .contacts__block { padding-bottom: 65px; } .contacts__item { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .contacts__item-link { position: relative; z-index: 1; display: block; width: 100%; height: 100%; } .contacts__item-link:hover .contacts__item-overlay { visibility: visible; opacity: 1; } .contacts__item-overlay { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; padding: 28px 10px 20px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; opacity: 0; background-color: rgba(58, 63, 68, .8); -webkit-clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 9%); clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 9%); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__item-title { font-size: 15px; font-style: italic; line-height: 1; position: relative; display: block; margin-bottom: 8px; padding-bottom: 14px; color: #fff; } .contacts__item-title:before { position: absolute; bottom: 0; left: 50%; width: 74px; height: 1px; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #dcbc8b; } .contacts__item-descr { font-size: 15px; font-style: italic; line-height: 21px; color: #fff; } .contacts__item-img { width: 140px; height: 140px; -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 12%); clip-path: polygon(12% 0, 100% 0, 100% 100%, 0 100%, 0 12%); } .contacts__item-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .contacts__item-info { position: relative; z-index: 1; width: calc(100% - 140px); padding-bottom: 60px; padding-left: 29px; } .contacts__item-name { font-size: 15px; line-height: 1; display: block; padding-bottom: 11px; } .contacts__item-profession { font-style: italic; display: block; padding-bottom: 5px; color: #848789; } .contacts__descr { font-size: 15px; line-height: 20px; padding-bottom: 42px; } @media (max-width: 479px){ .contacts__descr { text-align: left; } } .countertop { padding: 20px 0 60px; } .countertop__head { margin-bottom: 27px; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 44px; column-gap: 44px; } .countertop__head-desc, .countertop__head p { font-size: 15px; line-height: 1.73; } .countertop__head-desc:not(:last-child), .countertop__head p:not(:last-child) { margin-bottom: 30px; } .countertop__table { overflow: hidden; overflow-x: auto; margin-bottom: 58px; } .countertop__row { margin: 0 -10px 68px; } .countertop__row:after { display: block; clear: both; content: ' '; } .countertop__row:last-child { margin-bottom: 0; } .countertop__col { float: left; width: 50%; padding: 0 10px; } .countertop__col--left { width: 45%; } .countertop__col--right { width: 55%; padding-left: 45px; } .countertop__link { display: block; } .countertop__link-img { display: block; width: 100%; -webkit-clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 4%); clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 4%); } .countertop__link:hover { } .countertop__title { font-size: 15px; font-weight: 700; line-height: 1.47; display: block; margin-top: -6px; margin-bottom: 22px; color: #000; } .countertop__desc { font-size: 15px; font-weight: 400; line-height: 1.47; margin-bottom: 20px; } .countertop__btn { display: inline-block; width: auto; padding-right: 19px; padding-left: 19px; } .error-404 { padding: 0 15px; text-align: center; background-color: #232b33; } .error-404__holder { display: table; width: 100%; height: calc(100vh - 203px - 179px); } .error-404__inner { display: table-cell; vertical-align: middle; } .error-404__num { font-size: 124px; font-weight: 300; line-height: .8; position: relative; display: block; margin-bottom: 30px; padding-bottom: 20px; color: #dcbc8b; } .error-404__num:before { position: absolute; bottom: 0; left: 50%; width: 70px; height: 1px; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #dcbc8b; } .error-404__txt { font-size: 15px; font-weight: 700; line-height: 20px; display: block; color: #fff; } .error-404__back { max-width: 151px; margin: 0 auto; padding-top: 100px; } .feedback { position: relative; z-index: 1; padding: 54px 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .feedback::before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(12, 17, 21, .9); } .feedback__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .feedback__holder { width: 50%; } .feedback__holder--right { padding-left: 51px; } .feedback__map { height: 370px; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 7%); clip-path: polygon(4% 0, 100% 0, 100% 100%, 0 100%, 0 7%); } .feedback__title { font-size: 21px; line-height: 1.29; display: block; margin-top: -6px; margin-bottom: 25px; text-transform: uppercase; color: #c69c6d; } .feedback__form-row { margin-bottom: 13px; } .feedback__form-bottom { padding-top: 12px; } .feedback__form-btn { width: auto; padding-right: 23px; padding-left: 23px; } .footer { padding: 45px 0 11px; background-color: #303a47; } .footer__wrap { margin: 0 -5px; padding-right: 65px; } .footer__wrap:after { display: block; clear: both; content: ' '; } .footer__col { float: left; width: 20%; margin-bottom: 36px; padding: 0 5px; } .footer__title { font-size: 14px; line-height: 1.4; display: block; margin-bottom: 11px; color: #dcbc8b; } .footer__desc { font-size: 14px; line-height: 1.4; display: block; color: #fff; } .footer__desc-link { margin-left: 5px; color: #fff; } .footer__desc-link:hover { color: #dcbc8b; } .footer__social-list:after { display: block; clear: both; content: ' '; } .footer__social-item { float: left; } .footer__social-item:not(:last-child) { margin-right: 18px; } .footer__social-link svg { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; fill: #fff; } .footer__social-link:hover svg { fill: #dcbc8b; } .gallery-links { padding: 64px 0 41px; margin-left: -15px; margin-right: -15px; } .about .gallery-links{ padding-top: 50px; padding-bottom: 16px; } .gallery-links--count { padding-top: 34px; } .gallery-links--office { padding-top: 33px; padding-bottom: 49px; } .about .gallery-links--office { padding-top: 32px; padding-bottom: 20px; } .gallery-links--office .gallery-links__item-hover svg { /* top: calc(50% - 12px); right: calc(50% - 13px); */ } .gallery-links--about .gallery-links__item-name { color: #fff; } .gallery-links__head { margin-bottom: 60px; text-align: center; } /*.gallery-links__head{ margin-bottom: 38px; }*/ .one-material .gallery-links__head { margin-bottom: 32px; } .gallery-links__list { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; margin: 0 -12px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .one-material .gallery-links__list:not(:last-of-type){ margin-bottom: 24px; } .gallery-links__item { width: 20%; margin-bottom: 23px; padding: 0 12px; } .gallery-links__item-more { position: relative; z-index: 1; display: block; overflow: hidden; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%, 0 12%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%, 0 12%); } .gallery-links__item-more:hover .gallery-links__item-hover { opacity: 1; } .gallery-links__item-more svg { position: absolute; top: 11px; right: 13px; fill: #fff; } .gallery-links__item-img { display: block; width: 100%; height: 150px; -o-object-fit: cover; object-fit: cover; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%, 0 12%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%, 0 12%); } .gallery-links__item-hover { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; padding: 10px 15px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; background-color: rgba(96, 100, 104, .9); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-links__item-holder { width: 100%; } .gallery-links__item-name { font-size: 15px; font-weight: 400; line-height: 1.33; position: relative; display: block; margin-bottom: 8px; padding-bottom: 12px; text-align: center; color: #dcbc8b; } .gallery-links__item-name::before { position: absolute; bottom: 0; left: calc(50% - 37px); width: 74px; content: ''; border-bottom: 1px solid #dcbc8b; } .gallery-links__item-desc { font-size: 15px; font-style: italic; line-height: 1.44; display: block; text-align: center; color: #fff; } .gallery-links__bar-list { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; margin-bottom: 34px; padding: 0 60px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery-links__bar-item { width: calc(20% - 20px); margin: 0 10px; } .gallery-links__bar-link { font-size: 15px; font-weight: 400; line-height: 1; display: block; height: 100%; padding: 9px 5px 10px; text-align: center; color: #000; border: 1px solid #dcbc8b; border-radius: 3px; 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; } .gallery-links__bar-link:hover { background-color: #dcbc8b; } .gallery-links__bar-link.active { background-color: #dcbc8b; } .go-top { position: fixed; z-index: 1; right: 19px; bottom: 85px; display: block; } .go-top.inverse .go-top__txt { color: #000; } .go-top.inverse .go-top__icon { border-color: #000; } .go-top.inverse .go-top__icon::before, .go-top.inverse .go-top__icon::after { border-color: #000; } .go-top:hover .go-top__icon { border-color: #dcbc8b; background-color: #dcbc8b; } .go-top:hover .go-top__icon::before, .go-top:hover .go-top__icon::after { border-color: #000; } .go-top__icon { position: relative; z-index: 1; display: block; width: 51px; height: 51px; margin: 0 0 12px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 1px solid #c69c6d; border-radius: 50%; } .go-top__icon::before, .go-top__icon::after { position: absolute; top: 14px; content: ''; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .go-top__icon::before { left: 19px; width: 11px; height: 11px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #c69c6d; border-left: 1px solid #c69c6d; } .go-top__icon::after { left: calc(50% - .5px); height: 25px; border-left: 1px solid #c69c6d; } .go-top__txt { font-size: 14px; line-height: 20px; display: block; text-align: center; color: #fff; } .header { position: relative; z-index: 10; background: #303a47; } .header.fixed { margin-bottom: 100px; } .header.fixed .header__bottom { position: fixed; top: 0; left: 0; width: 100%; } .header__top { padding: 18px 0 19px; background: #232b33; } .header__top-inner { 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; } .header__top-btns { text-align: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-preferred-size: 602px; flex-basis: 602px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header__top-btn { display: inline-block; width: calc(33.33% - 20px); margin: 0 10px; } .header__top-left, .header__top-right { -ms-flex-preferred-size: 319px; flex-basis: 319px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 3; flex-shrink: 3; } .header__top-left { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__top-right { text-align: right; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .header__top-right .header__contacts-link { margin-left: auto; } .header__contacts-link { font-size: 14px; line-height: 21px; position: relative; display: table; overflow: hidden; width: auto; padding: 0 0 0 26px; text-align: left; white-space: nowrap; text-overflow: ellipsis; color: #fff; -o-text-overflow: ellipsis; } .header__contacts-link a { color: #fff; } .header__contacts-link a:hover { color: #dcbc8b; } .header__contacts-link .icon-svg { position: absolute; top: 12px; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); fill: #dcbc8b; } .header__bottom { position: relative; background: #303a47; } .header__bottom-inner { font-size: 0; line-height: 0; height: 100px; margin: 0 -20px; } .header__bottom-inner:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .wrapper--edit-mode .header__bottom-inner:before { display: none; } .header__logo { position: absolute; top: 13px; left: 50%; display: block; width: 198px; height: 53px; margin: 0 0 0 -99px; } .header__logo img { width: 100%; height: 100%; } .header__logo-sm { display: none; } .header__nav { display: inline-block; width: 100%; vertical-align: middle; } .header__nav-list-item { font-size: 16px; line-height: 20px; float: left; padding: 38px 20px 42px; } .header__nav-list-item.cl-others-item-subs-menu{ position: relative; } .header__nav-list-item.cl-others-item-subs-menu .header__catalog-list-item{ height: auto; width: 100%; text-align: left; padding: 14px 20px 0; } .header__nav-list-item.cl-others-item-subs-menu .header__catalog.js-catalog{ display: flex; flex-wrap: wrap; width: 100%; max-width: 100%; box-sizing: border-box; min-width: 100%; } .header__nav-list-item.cl-others-item-subs-menu .header__catalog.js-catalog .header__catalog-holder{ background: #444d56; } .header__nav-list-item.cl-others-item-subs-menu .header__catalog.js-catalog .header__catalog-list{ padding-bottom: 14px; } .header__nav-list-item--right { float: right; } .header__nav-link { color: #fff; } .header__nav-link:hover { color: #dcbc8b; } .header__burger { display: none; } .header__catalog { position: absolute; top: 100%; left: 0; visibility: hidden; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; background: #444d56; } .header__catalog-list { font-size: 0; line-height: 0; margin: 0 -15px; text-align: justify; } .header__catalog-list:after { display: inline-block; width: 100%; content: ''; } .header__catalog-list-item { display: inline-block; height: 100px; padding: 14px 15px 0; text-align: center; vertical-align: top; } .header__catalog-link:hover .icon-svg { fill: #fff; -webkit-filter: grayscale(1) brightness(0) invert(1); filter: grayscale(1) brightness(0) invert(1); } .header__catalog-link:hover .header__catalog-text { color: #dcbc8b; } .header__catalog-icon { font-size: 0; line-height: 0; width: 100%; height: 50px; margin: 0 0 6px; } .header__catalog-icon:before { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .header__catalog-icon .icon-svg { display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; fill: #dcbc8b; } .header__catalog-text { font-size: 12px; line-height: 14px; white-space: nowrap; color: #fff; } .header__phone { font-size: 18px; line-height: 1.5; display: none; width: 32.9%; text-align: center; vertical-align: middle; } .header__feedback { position: absolute; top: 24px; right: 0; display: none; width: 100%; max-width: 180px; } .heading { position: relative; z-index: 0; margin-top: 39px; padding: 47px 0 48px; text-align: center; background-position: center; background-size: cover; } .heading:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(35, 43, 51, .9); } .help { position: relative; z-index: 0; padding: 47px 0 52px; text-align: center; background-position: center; background-size: cover; } .help--mod { margin-bottom: 46px; } .help:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(12, 17, 21, .9); } .help__title { margin-bottom: 41px; } .help__holder { max-width: 600px; margin: 0 auto; } .help__descr { font-size: 17px; line-height: 1.32; padding-bottom: 56px; text-align: center; color: #fff; } .help__descr span { color: #dcbc8b; } .help__buttons { max-width: 386px; margin: 0 auto; } .help__buttons-inner { font-size: 0; line-height: 0; margin: 0 -13px; word-spacing: -.36em; } .help__buttons-item { font-size: 16px; line-height: 1.2; display: inline-block; width: 50%; padding: 0 13px; vertical-align: top; word-spacing: normal; } .icon-svg { display: block; } .main-slider__slide { background-repeat: no-repeat; background-position: center; background-size: cover; } .main-slider__slide-link { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; height: 450px; padding: 20px 0 50px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; opacity: .8; } .main-slider__slide-link:hover { opacity: .8; } .main-slider__slide-row:not(:last-child) { margin-bottom: 1px; } .main-slider__slide-txt { font-size: 48px; font-weight: 300; display: inline-block; padding: 0 2px; letter-spacing: 3px; text-transform: uppercase; color: #fff; background-color: #232b33; } .main-slider__slide-txt--main-color { color: #dcbc8b; } .materials-block { padding: 37px 0 10px; } .materials-block__descr { font-size: 21px; line-height: 29px; display: block; padding-bottom: 51px; text-align: center; color: #303a47; } .materials-block__holder { font-size: 0; line-height: 0; margin: 0 -23px; word-spacing: -.36em; } .materials-block__item { display: inline-block; width: 50%; margin-bottom: 52px; padding: 0 23px; vertical-align: top; } .materials-block__item-logo { font-size: 16px; line-height: 1.2; display: inline-block; width: 166px; vertical-align: top; word-spacing: normal; } .materials-block__item-link { display: block; height: inherit; } .materials-block__item-link img { width: 100%; max-height: 100%; object-fit: contain; object-position: center; } .materials-block__item-info { font-size: 16px; line-height: 1.2; display: inline-block; width: calc(100% - 166px); padding-left: 33px; vertical-align: top; word-spacing: normal; color: #303a47; } .materials-block__item-title { font-size: 15px; font-weight: 700; line-height: 26px; display: block; margin-top: -8px; } .materials-block__item-txt { font-size: 15px; line-height: 26px; display: block; padding-bottom: 18px; } .materials-block__item-btn { max-width: 121px; } .materials { padding: 52px 0 47px; text-align: center; } .materials--work { padding-top: 0px; } .materials--work .card__overlay { /* display: none;*/ } .materials--work .materials__title { margin-bottom: 39px; } .materials--work .materials__slider { padding-bottom: 25px; } .materials--work .materials__slider-item { margin-bottom: 40px; } .materials--work .materials__slider-item.hidden { display: none; } .materials__title { margin-bottom: 54px; } .materials__slider { font-size: 0; line-height: 0; margin: 0 -12px; padding-bottom: 40px; word-spacing: -.36em; } .materials__slider .slick-dots { padding-top: 25px; } .materials__slider .slick-arrow { top: 26%; } .materials__slider .slick-prev { left: -42px; } .materials__slider .slick-next { right: -42px; } .materials__slider-item { font-size: 16px; line-height: 1.2; display: inline-block; width: 20%; padding: 0 12px; vertical-align: top; word-spacing: normal; } .materials__more { max-width: 211px; margin: 0 auto; margin-top: -30px; } @media (max-width: 1023px){ .materials__more { margin-top: 0; } } .news-block { padding: 34px 0 44px; text-align: center; } .news-block__title { margin-bottom: 44px; } .news-block__slider { font-size: 0; line-height: 0; margin: 0 -11px 1px; word-spacing: -.36em; } .news-block__slider .slick-prev { left: -42px; } .news-block__slider .slick-next { right: -42px; } .news-block__item { font-size: 16px; line-height: 1.2; display: inline-block; width: 25%; padding: 0 11px; vertical-align: top; word-spacing: normal; } .news-block__item-link { display: block; padding: 21px 20px 18px; text-align: left; color: #000; } .news-block__item-link:hover { background-color: #dcbc8b; } .news-block__item-date { font-size: 14px; font-style: italic; line-height: 1; display: block; padding-bottom: 12px; } .news-block__item-title { font-size: 15px; font-weight: 700; line-height: 18px; display: block; padding-bottom: 9px; } .news-block__item-descr { font-size: 15px; line-height: 20px; display: block; } .news-block__more { max-width: 191px; margin: 0 auto; } .news { padding: 20px 0 74px; } .news__row { font-size: 0; line-height: 0; margin: 0 -10px 22px; word-spacing: -.36em; } .news__col { font-size: 16px; line-height: 1.2; display: inline-block; width: 25%; padding: 0 10px 20px; vertical-align: top; word-spacing: normal; } .news__more { max-width: 191px; margin: 0 auto; } .news__more.hidden { display: none; } .news__pagination.hidden { display: none; } .one-material { padding: 20px 0 43px; } .one-material__caption { font-size: 21px; line-height: 29px; display: block; padding-bottom: 40px; text-align: center; color: #303a47; } .one-material__wrap { font-size: 0; line-height: 0; padding-bottom: 51px; word-spacing: -.36em; } .one-material__logo { font-size: 16px; line-height: 1.2; display: inline-block; width: 189px; vertical-align: top; word-spacing: normal; } .one-material__logo img { width: 100%; max-height: 100%; object-fit: contain; object-position: center; } .one-material__logo-link { display: block; } .one-material__logo-link img { width: 100%; } .one-material__logo-link:hover { opacity: .8; } .one-material__content { display: inline-block; width: calc(100% - 190px); padding-left: 25px; vertical-align: top; } .one-material__row { margin: 0 -22px; } .one-material__col { font-size: 16px; line-height: 1.2; display: inline-block; width: 100%; padding: 0 22px; column-count: 2; vertical-align: top; word-spacing: normal; } .one-material .static-content h6 { line-height: 26px; } .one-material .static-content ul { margin: 0 0 27px; } .one-material .static-content span, .one-material .static-content h3 { font-size: 15px; line-height: 26px; font-weight: normal; color: #dcbc8b; } .one-material__palette { text-align: center; } .one-material__palette-more { max-width: 151px; margin: 0 auto; margin-top: -36px; } @media (max-width: 1023px) { .one-material__palette-more { margin-top: 0; } } .one-material__title { margin-bottom: 32px; } .pagination { padding: 10px 0; text-align: center; } .pagination__holder { font-size: 0; line-height: 0; position: relative; word-spacing: -.36em; } .pagination__txt { font-size: 14px; line-height: 24px; display: inline-block; vertical-align: middle; } .pagination__txt-end { padding-left: 22px; } .pagination__txt a { color: #000; } .pagination__txt a:hover { color: #dcbc8b; } .pagination__list { display: inline-block; padding: 0 10px; vertical-align: middle; } .pagination__list-item { display: inline-block; padding: 0 4px; vertical-align: middle; } .pagination__list-link { font-size: 15px; line-height: 24px; display: inline-block; width: 26px; text-align: center; color: #000; border: 1px solid transparent; border-radius: 50%; } .pagination__list-link:hover { color: #dcbc8b; border-color: #dcbc8b; } .pagination__list-link.active { color: #dcbc8b; border-color: #dcbc8b; } .pagination__arrow { position: relative; display: inline-block; width: 18px; height: 18px; cursor: pointer; vertical-align: middle; } .pagination__arrow:hover:before { border-color: #b4986b; } .pagination__arrow:before { position: absolute; top: 4px; width: 10px; height: 10px; content: ''; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .pagination__arrow--prev:before { left: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 1px solid #dcbc8b; border-left: 1px solid #dcbc8b; } .pagination__arrow--next:before { right: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 1px solid #dcbc8b; border-bottom: 1px solid #dcbc8b; } .popup { display: none; width: 100%; max-width: 660px; padding: 50px; background: #44494e; } .popup .fancybox-close-small { top: 3px; right: 5px; width: 28px; height: 28px; padding: 2px; } .popup .fancybox-close-small svg path { fill: #fff; } .popup--wide { max-width: 780px; } .popup--center { text-align: center; } .popup__form textarea { height: 106px; } .popup__form-title { font-size: 21px; padding: 0 0 30px; text-transform: uppercase; color: #c69c6d; } .popup__form-descr { font-size: 15px; line-height: 26px; padding: 0 0 26px; color: #fff; } .popup__form-filebox { padding: 0 0 43px 0; } .popup__form-filebox-input { vertical-align: middle; } .popup__form-filebox-name { font-size: 15px; display: inline-block; margin-left: 20px; vertical-align: middle; color: #fff; } .popup__form-inputrow { margin: 0 -11px; } .popup__form-inputrow:after { display: block; clear: both; content: ' '; } .popup__form-inputcol { float: left; width: 50%; padding: 0 11px; } .popup__form-inputbox { padding: 0 0 13px; } .popup__form-btnbox { padding: 19px 0 0 0; } .popup__phone { font-size: 20px; line-height: 35px; color: #dcbc8b; } #preloader { position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; margin: 0 auto; background: #fff; display: none; } #preloader .preloader-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; margin: auto; } .preloader-center { position: absolute; top: 50%; left: 50%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tcon-loader--spinner360 { position: relative; display: block; width: 80px; height: 80px; -webkit-animation: tcon-spin360 .675s linear infinite forwards; animation: tcon-spin360 .675s linear infinite forwards; border-radius: 80%; background: #f1f1f1; } .tcon-loader--spinner360:before, .tcon-loader--spinner360:after { position: absolute; display: block; content: ''; } .tcon-loader--spinner360:before { z-index: 1; top: 0; right: 0; width: 50%; height: 80px; border-radius: 0 90px 90px 0; background: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#000)); background-image: -o-linear-gradient(#f1f1f1, #000); background-image: linear-gradient(#f1f1f1, #000); } .tcon-loader--spinner360:after { z-index: 1; top: 50%; left: 50%; width: 70px; height: 70px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 80%; background: #fff; } @-webkit-keyframes tcon-spin360 { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes tcon-spin360 { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .tcon-visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; } .prod-desc { padding: 20px 0; } .prod-desc__wrap { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 54px; column-gap: 54px; } .prod-desc__wrap.hidden { display: none; } .prod-desc__wrap:first-child { margin: 0 0 40px 0; } .prod-desc__txt, .prod-desc__wrap p { font-size: 15px; font-weight: 400; line-height: 1.73; color: #303a47; margin-bottom: 30px; } .prod-desc__txt:not(:last-child), .prod-desc__wrap p:not(:last-child) { margin-bottom: 30px; } .products { position: relative; z-index: 1; padding: 60px 0 24px; background-repeat: no-repeat; background-position: center; background-size: cover; } .products--gallery { padding-bottom: 37px; } .products--gallery .products__bottom { display: none; } .products::before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; content: ''; background-color: rgba(12, 17, 21, .85); } .products__top { display: block; margin-bottom: 71px; text-align: center; } .products__title { font-size: 21px; line-height: 1.29; letter-spacing: 1.26px; text-transform: uppercase; color: #fff; } .products__list { font-size: 0; line-height: 0; margin: 0 -10px; word-spacing: -.36em; } @media (max-width: 1023px) { .products__list{ margin: 0; } } .products__item { font-size: 16px; line-height: 1.2; display: inline-block; width: 20%; margin-bottom: 67px; padding: 0 10px; word-spacing: normal; } .products__item.hidden { display: none; } .products__item-link { position: relative; z-index: 1; display: block; text-align: center; } .products__item-link img{ max-width: 100%; height: 96px; max-height: 96px; } @media (max-width: 768px){ .products__item-link img{ max-height: 90px; height: 90px; } } .products__item-link svg { margin: 0 auto 14px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; fill: #c69c6d; } .products__item-link:hover .products__item-hover { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .products__item-link:hover img, .products__item-link:hover .products__item-txt { opacity: 0; } /*@media (max-width: 992px){ .products__item-link:hover img, .products__item-link:hover .products__item-txt { opacity: 1; } }*/ .products__item-txt { font-size: 15px; line-height: 1.8; display: block; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; color: #fff; } .products__item-hover { font-size: 15px; position: absolute; z-index: 2; top: calc(50% - 100px); left: calc(50% - 100px); display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; flex-direction: row; width: 200px; height: 200px; padding: 35px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: scale(.25); -ms-transform: scale(.25); transform: scale(.25); opacity: 0; color: #fff; border-radius: 50%; background-color: rgba(74, 81, 87, .45); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .products__bottom { margin-bottom: 40px; text-align: center; } .products__more { display: inline-block; width: auto; padding-right: 23px; padding-left: 23px; } .project-slider { font-size: 0; line-height: 0; word-spacing: -.36em; } .project-slider .slick-arrow { top: auto; width: 28px; height: 28px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .project-slider .slick-arrow:before { width: 14px; height: 14px; } .project-slider .slick-prev { top: -28px; left: 50%; } .project-slider .slick-prev:before { top: 10px; left: 6px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .project-slider .slick-next { right: auto; bottom: -15px; left: 50%; } .project-slider .slick-next:before { top: 3px; right: auto; left: 6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .project-slider__main { font-size: 16px; line-height: 1.2; display: inline-block; width: calc(100% - 90px); vertical-align: top; word-spacing: normal; } .project-slider__main-item { display: block; height: 402px; -webkit-clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 6%); clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%, 0 6%); } .project-slider__main-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .project-slider__nav { font-size: 16px; line-height: 1.2; display: inline-block; width: 74px; margin-left: 16px; vertical-align: top; word-spacing: normal; } .project-slider__nav-item { display: block; width: 72px; margin-bottom: 13px; cursor: pointer; -webkit-clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 16%); clip-path: polygon(16% 0, 100% 0, 100% 100%, 0 100%, 0 16%); } .project-slider__nav-item img { width: 100%; height: 68px; -o-object-fit: cover; object-fit: cover; } .project { padding: 50px 0 61px; } .project__head { font-size: 0; line-height: 0; max-width: 555px; margin: 0 -8px 29px; word-spacing: -.36em; } .project__head-item { font-size: 16px; line-height: 1.2; display: inline-block; width: 50%; padding: 0 8px; vertical-align: top; word-spacing: normal; } .project__holder { font-size: 0; line-height: 0; margin: 0 -21px; word-spacing: -.36em; } .project__inner { font-size: 16px; line-height: 1.2; display: inline-block; padding: 0 21px; vertical-align: top; word-spacing: normal; } .project__inner--left { width: 53%; } .project__inner--right { width: 47%; } .project__title { font-size: 20px; line-height: 26px; display: block; margin-top: -6px; } .project__name { font-size: 20px; font-weight: 700; line-height: 26px; display: block; padding-bottom: 24px; } .project__descr { font-size: 15px; line-height: 22px; padding-bottom: 25px; } .project__info { padding-bottom: 30px; } .project__info-item { font-size: 15px; line-height: 24px; display: block; } .project__info-name { color: #dcbc8b; } .project__btn { max-width: 200px; } .reviews { padding: 55px 0; } .reviews__slider { height: 403px; } .reviews__row { margin: 0 -10px 50px; } .reviews__row:after { display: block; clear: both; content: ' '; } .reviews__col { float: left; width: 50%; padding: 0 10px; } .reviews__col--right { padding-left: 37px; } .reviews__name { font-size: 20px; font-weight: 700; line-height: .8; display: block; margin-bottom: 32px; color: #232b33; } .reviews__desc { font-size: 20px; font-weight: 400; line-height: 1.4; display: block; margin-bottom: 54px; color: #232b33; } .reviews__holder { position: relative; z-index: 1; padding: 35px 23px; background-color: #f6f7f7; } .reviews__holder-title { font-size: 20px; font-style: italic; line-height: 1.4; position: absolute; top: -20px; left: 22px; display: inline-block; padding: 5px 15px; color: #fff; background-color: #dcbc8b; } .reviews__holder-desc { font-size: 20px; font-style: italic; line-height: 1.4; display: block; color: #232b33; } .reviews__bottom { text-align: center; } .reviews__btn { display: inline-block; width: auto; padding-right: 23px; padding-left: 23px; } .sink-inst { padding-bottom: 39px; } .sink-inst--models { padding-top: 24px; padding-bottom: 32px; /* margin-bottom: -52px;*/ } /*.worktop .sink-inst--models:nth-of-type(2), .worktop .sink-inst--models:nth-of-type(10), .worktop .sink-inst--models:nth-of-type(14){ padding-top: 10px; }*/ .worktop .sink-inst--mod{ padding-top: 16px; } .worktop .sink-inst--models:nth-of-type(10){ padding-bottom: 40px; padding-top: 11px; } .worktop .sink-inst--models:nth-of-type(12), .worktop .sink-inst--models:nth-of-type(14){ padding-bottom: 28px; } .worktop .sink-inst--models:nth-of-type(16) { padding-bottom: 42px; padding-top: 18px; } .worktop .sink-inst--mod:nth-of-type(18) { padding-top: 30px; padding-bottom: 70px; } .prod-desc .sink-inst--mod { padding-top: 12px; } .prod-desc .sink-inst--mod .sink-inst__title { margin-bottom: 38px; } .prod-desc .sink-inst--models { margin-bottom: -60px; } .prod-desc .sink-inst--models{ padding-top: 12px; } .sink-inst--models .sink-inst__title { margin-bottom: 36px; /* margin-bottom: 48px;*/ } .worktop .sink-inst--models:nth-of-type(2) .sink-inst__title { /* margin-bottom: 35px;*/ margin-bottom: 36px; } .worktop .sink-inst--models:nth-of-type(10) .sink-inst__title, .worktop .sink-inst--models:nth-of-type(12) .sink-inst__title , .worktop .sink-inst--models:nth-of-type(14) .sink-inst__title, .worktop .sink-inst--models:nth-of-type(16) .sink-inst__title { margin-bottom: 50px; } .sink-inst--models .sink-inst__list { margin: 0 -10px; } .sink-inst--models .sink-inst__item { width: 20%; padding: 0 10px; } .sink-inst--models .sink-inst__item-link { position: relative; z-index: 1; overflow: hidden; } .sink-inst--models .sink-inst__item-link:hover { opacity: 1; } .sink-inst--models .sink-inst__item-link:hover .sink-inst__item-hover { visibility: visible; opacity: 1; } .sink-inst--models .slick-arrow { top: 45%; } .sink-inst--models .slick-prev { left: -42px; } .sink-inst--models .slick-next { right: -42px; } .sink-inst--palette { padding-top: 0; } .sink-inst--palette .sink-inst__list { margin: 0 -10px; } .sink-inst--palette .sink-inst__item { padding: 0 10px; } .sink-inst--mod { padding-bottom: 62px; /* old: 62 */ } .sink-inst--mod .sink-inst__title { margin-bottom: 46px; } .sink-inst--mod .slick-arrow { top: 35%; } .sink-inst__title { font-size: 21px; font-weight: 400; line-height: 1.24; display: block; margin-bottom: 38px; text-align: center; color: #303a47; } .sink-inst__holder { max-width: 825px; margin: 0 auto; } .sink-inst__list { font-size: 0; line-height: 0; margin: 0 -35px; text-align: center; vertical-align: top; word-spacing: -.36em; } .sink-inst__item { font-size: 16px; line-height: 1.2; display: inline-block; width: 25%; padding: 0 35px; text-align: left; vertical-align: top; word-spacing: normal; } .sink-inst__item-link { position: relative; display: block; margin-bottom: 21px; -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%, 0 12%); clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%, 0 12%); } .sink-inst__item-link:hover .sink-inst__item-hover { visibility: visible; opacity: 1; } .sink-inst__item-img { display: block; width: 100%; height: 148px; -o-object-fit: cover; object-fit: cover; } .sink-inst__item-txt { font-size: 15px; font-weight: 400; line-height: 1.33; display: block; padding-left: 22px; color: #000; border-left: 1px solid #c69c6d; } .sink-inst__item-hover { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; visibility: hidden; flex-direction: column; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; background-color: rgba(74, 78, 83, .8); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sink-inst__item-hover svg { position: absolute; top: 11px; right: 13px; fill: #fff; } .sink-inst__item-name, .sink-inst__item-size { font-size: 15px; font-style: italic; line-height: 1.64; display: block; color: #fff; text-align: center; } .sink-inst__item-size { padding-right: 5px; margin-bottom: 8px; padding-bottom: 14px; padding-left: 5px; position: relative; } .sink-inst__item-size:before { position: absolute; bottom: 0; left: 50%; width: 74px; height: 1px; content: ''; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #dcbc8b; } .worktop { padding: 53px 0 0; } .worktop__title, .worktop .container h2 { font-size: 15px; font-weight: 400; line-height: 1.53; margin-bottom: 28px; text-transform: uppercase; color: #dcbc8b; } .worktop__desc, .worktop .container p { font-size: 15px; font-weight: 400; line-height: 1.75; margin-bottom: 28px; color: #303a47; } .worktop .container p:last-of-type { margin-bottom: 28px; } @media (max-width: 1366px) { .certificate__item-link::before { left: -7px; -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); } } @media (max-width: 1365px) { .certificate__slider { padding: 0 30px; } .certificate__slider .slick-prev { left: 0; } .certificate__slider .slick-next { right: 0; } .contacts__row .slick-prev { left: 0; } .contacts__row .slick-next { right: 0; } .contacts__item-info { padding-left: 15px; } .contacts__item-profession { padding-bottom: 15px; } .materials__slider { padding: 0 30px 60px; } .materials__slider .slick-prev { left: 0; } .materials__slider .slick-next { right: 0; } .news-block__slider { padding: 0 30px; } .news-block__slider .slick-prev { left: 0; } .news-block__slider .slick-next { right: 0; } .sink-inst--models .sink-inst__list { padding-right: 30px; padding-left: 30px; } .sink-inst--models .slick-prev { left: 0; } .sink-inst--models .slick-next { right: 0; } } @media (max-width: 1240px) { .gallery-links__bar-list { padding: 0; } } @media (max-width: 1239px) { .footer__social-item:not(:last-child) { margin-right: 13px; } } @media (max-width: 1199px) { .action-block__right { padding-left: 10px; } .card-news { padding: 20px; } .card-news__btn { right: 20px; bottom: 20px; left: 20px; } .header__bottom-inner { margin: 0 -10px; } .header__nav-list-item { padding: 38px 10px 42px; } .header__catalog-list:after { display: none; } .header__catalog-list-item { width: 20%; } } @media (max-width: 1170px) { .certificate__item-link::before { left: -6px; -webkit-transform: rotate(-46deg); -ms-transform: rotate(-46deg); transform: rotate(-46deg); } } @media (max-width: 1120px) { .certificate__item-link::before { top: 11px; left: -5px; width: 34px; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); } } @media (max-width: 1023px) { .icon-products-table { width: 102px; height: 78px; } .icon-products-sink { width: 94px; height: 97px; } .icon-products-window { width: 113px; height: 84px; } .icon-products-bar { width: 113px; height: 78px; } .icon-products-facing { width: 94px; height: 94px; } .icon-products-stairs { width: 108px; height: 85px; } .icon-products-recept { width: 113px; height: 74px; } .icon-products-kitchen { width: 112px; height: 76px; } .icon-products-shower-trays { width: 87px; height: 87px; } .icon-products-wall-panels { width: 87px; height: 85px; } .about { padding: 24px 0; } .about__desc { -webkit-column-gap: 18px; column-gap: 18px; } .about__desc-txt, .about .container p { font-size: 14px; margin-bottom: 22px; } .about-prod__title { font-size: 20px; margin-bottom: 35px; } .action-single__img { width: 50%; margin-right: 25px; } .action-single__right { padding: 0 0 0 30px; } .actions__list-item { width: 50%; } .advantages { padding-bottom: 21px; } .advantages__item { width: 33.33%; margin-bottom: 30px; } .advantages__item:nth-child(3n)::before { display: none; } .article { padding: 45px 0 52px; } .article__img { width: 50%; margin-right: 27px; } .article__desc { margin-bottom: 35px; } .certificate--about { padding-top: 37px; } .about .certificate--about{ padding-top: 28px; } .one-material .certificate { padding-top: 14px; } .certificate--employees .certificate__title { margin-bottom: 40px; } .certificate__item-link::before { left: -6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .construction { padding: 40px 15px; } .construction__holder { display: block; height: 100%; min-height: 350px; } .construction__inner { display: block; } .contacts { padding: 40px 0 30px; } .contacts__holder { padding-bottom: 30px; } .contacts__address { display: block; width: 100%; padding-right: 0; padding-bottom: 20px; } .contacts__title { padding-bottom: 20px; } .contacts__office { display: block; width: 100%; } .contacts__office .contacts__col { width: 33.33%; } .contacts__col { width: 50%; padding-bottom: 16px; } .contacts__block { padding-bottom: 40px; } .countertop__head { -webkit-column-gap: 22px; column-gap: 22px; } .countertop__head-desc, .countertop__head p { line-height: 1.5; } .countertop__head-desc:not(:last-child), .countertop__head p:not(:last-child) { margin-bottom: 20px; } .countertop__row { margin-bottom: 45px; } .countertop__col--right { padding-left: 10px; } .countertop__title { font-size: 13px; margin-top: -4px; margin-bottom: 17px; } .countertop__desc { font-size: 13px; margin-bottom: 32px; } .error-404 { padding: 40px 15px; } .error-404__holder { display: block; height: 100%; } .error-404__inner { display: block; } .feedback { padding: 34px 0; } .feedback__holder--right { padding-left: 31px; } .footer { padding: 43px 0 19px; } .footer__wrap { padding-right: 0; } .footer__col { width: 33.33%; margin-bottom: 31px; } .gallery-links { padding: 44px 0 21px; margin-left: 0; margin-right: 0; } .about .gallery-links { padding: 20px 0 21px; } .gallery-links--office { padding-top: 23px; padding-bottom: 19px; } .gallery-links--office .gallery-links__item-hover { display: none; } .gallery-links__item { width: 25%; } .gallery-links__item-more { height: 100%; background-color: rgba(96, 100, 104, .9); /* -webkit-clip-path: none; clip-path: none;*/ } .gallery-links__item-hover { position: static; opacity: 1; background-color: transparent; } .header.fixed .header__phone, .header.fixed .header__feedback { display: inline-block; } .header.fixed .header__logo { top: 8px; } .header.fixed .header__bottom-inner { height: 80px; } .header__top { padding: 33px 0; } .header__top-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__top-btns { margin: 0 -10px 28px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__top-btn { width: auto; min-width: 180px; } .header__top-left, .header__top-right { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .header__top-left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header__bottom-inner { position: relative; margin: 0; } .header__logo { top: 16px; } .header__nav { width: auto; } .header__nav-list { position: absolute; top: 100%; left: 0; display: none; width: 164px; padding: 11px 0; background: #444d56; } .header__nav-list.opened{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header__nav-list.opened .header__nav-list-item{ width: 100%; } /* .header__nav-list.opened .header__nav-list-item:nth-of-type(5){ -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .header__nav-list.opened .header__nav-list-item:nth-of-type(6){ -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .header__nav-list.opened .header__nav-list-item:nth-of-type(7){ -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .header__nav-list.opened .header__nav-list-item:nth-of-type(8){ -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } */ .header__nav-list-item { float: none; padding: 11px 10px 11px 34px; } .header__burger { display: inline-block; height: 22px; vertical-align: middle; } .header__burger .line { position: relative; width: 27px; height: 2px; margin: 10px 0 0 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #fff; } .header__burger .line:before, .header__burger .line:after { position: absolute; left: 0; display: block; width: 27px; height: 2px; content: ''; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: #fff; } .header__burger .line:before { top: -10px; } .header__burger .line:after { top: 10px; } .header__burger.active .line { background: transparent; } .header__burger.active .line:before, .header__burger.active .line:after { top: 0; } .header__burger.active .line:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .header__burger.active .line:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .header__catalog { top: 0; bottom: 0; left: 100%; display: none; visibility: visible; width: calc(100vw - 197px); opacity: 1; } .header__catalog-holder { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__catalog-list-item { width: 25%; } .main-slider__slide-link { height: 360px; padding: 15px 0 30px; } .main-slider__slide-txt { font-size: 38px; } .materials-block__holder { margin: 0 -15px; } .materials-block__item { margin-bottom: 40px; padding: 0 15px; } .materials-block__item-logo { display: block; width: auto; height: 95px; margin-bottom: 10px; } .materials-block__item-link img { width: auto; max-width: 166px; height: inherit; } .materials-block__item-info { display: block; width: 100%; padding-left: 0; } .materials-block__item-title { margin-top: 0; } .materials--work .materials__slider-item { width: 33.33%; } .news { padding: 40px 0 50px; } .news__col { width: 33.33%; } .one-material__col { width: 100%; column-count: 1; } .prod-desc { padding: 40px 0; } .prod-desc__wrap { -webkit-column-gap: 27px; column-gap: 27px; } .prod-desc__txt, .prod-desc__wrap p { font-size: 14px; line-height: 1.5; margin-bottom: 20px; } .prod-desc__txt:not(:last-child), .prod-desc__wrap p:not(:last-child) { margin-bottom: 20px; } .products { padding: 40px 0 18px; } .products__top { margin-bottom: 55px; } .products__item { margin-bottom: 47px; } .products__item-link:hover .products__item-hover { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } /* .products__item-link:hover svg, .products__item-link:hover .products__item-txt { opacity: 1; }*/ .project-slider__main-item { height: 235px; } .project__head { margin-bottom: 40px; } .project__holder { margin: 0 -10px; } .project__inner { padding: 0 10px; } .reviews { padding: 35px 0; } .reviews__col--right { padding-left: 15px; } .reviews__name { font-size: 18px; margin-bottom: 22px; } .reviews__desc { font-size: 15px; margin-bottom: 44px; } .reviews__holder { padding: 25px 18px; } .reviews__holder-title { font-size: 15px; padding-right: 10px; padding-left: 10px; } .reviews__holder-desc { font-size: 15px; } .sink-inst__list { margin: 0 -20px; } .sink-inst__item { width: 33.33%; padding: 0 20px; } .worktop { padding: 40px 0 0; } .worktop__title, .worktop .container h2 { margin-bottom: 25px; } .worktop__desc, .worktop .container p { margin-bottom: 20px; } } @media (max-width: 930px) { .certificate__item-link::before { left: -7px; -webkit-transform: rotate(-47deg); -ms-transform: rotate(-47deg); transform: rotate(-47deg); } } @media (max-width: 870px) { .certificate__item-link::before { left: -4px; -webkit-transform: rotate(-49deg); -ms-transform: rotate(-49deg); transform: rotate(-49deg); } } @media (max-width: 810px) { .certificate__item-link::before { left: -5px; -webkit-transform: rotate(-49deg); -ms-transform: rotate(-49deg); transform: rotate(-49deg); } } @media (max-height: 800px) { .construction__back { padding-top: 30px; } } @media (max-height: 768px) { .products__item { vertical-align: top; } } @media (max-width: 767px) { .title { padding: 0 30px; } .title:before, .title:after { width: 20px; } .title:before { left: 0; } .title:after { right: 0; } .about__head { margin: 0 0 15px; } .about__head-item { display: block; max-width: 100%; margin-bottom: 10px; padding: 0; } .about__desc { -webkit-column-count: auto; column-count: auto; -webkit-column-gap: 0; column-gap: 0; } .about-prod--other .about-prod__list { padding-right: 0; padding-left: 0; } .about-prod__title { font-size: 18px; } .action-single__img { float: none; width: 100%; max-width: 500px; height: 300px; margin: 0 auto 20px; } .action-single__right { float: none; width: auto; padding: 0; } .action-single__right .btn { display: table; width: auto; margin: 0 auto; } .action-single__text { padding: 0 0 20px; } .actions__list-item { width: 100%; padding: 0 0 23px; } .article { padding: 25px 0 32px; } .article__img { margin-bottom: 25px; } .article__img { display: block; float: none; width: auto; max-width: 100%; } .article__desc { margin-bottom: 25px; } .card-news { padding: 20px 10px; } .card-news__txt { font-size: 14px; } .card-news__btn { right: 10px; left: 10px; } .certificate { padding: 0 0 30px; } .certificate--employees .certificate__title { margin-bottom: 25px; } .certificate__title { margin-bottom: 25px; } .certificate--about .certificate__title, .gallery-links__head { margin-bottom: 25px; } .sink-inst__title { margin-bottom: 25px; } .worktop .sink-inst--models:nth-of-type(2) .sink-inst__title, .sink-inst--mod .sink-inst__title, .sink-inst--models .sink-inst__title, .worktop .sink-inst--models:nth-of-type(10) .sink-inst__title, .worktop .sink-inst--models:nth-of-type(12) .sink-inst__title, .worktop .sink-inst--models:nth-of-type(14) .sink-inst__title, .worktop .sink-inst--models:nth-of-type(16) .sink-inst__title{ margin-bottom: 25px; } .certificate__slider { padding: 0; } .certificate__item-link::before { left: -6px; width: 45px; -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); } .contacts { padding: 40px 0 20px; } .contacts__list { position: static; } .contacts__list-item--address { padding-bottom: 10px; } .contacts__office .contacts__col { width: 100%; } .contacts__block { padding-bottom: 25px; } .contacts__item { display: block; } .contacts__item-img { display: block; margin-bottom: 10px; } .contacts__item-info { width: 100%; padding-bottom: 0; padding-left: 10px; } .countertop { padding-top: 22px; padding-bottom: 22px; } .countertop__head { -webkit-column-count: auto; column-count: auto; -webkit-column-gap: 0; column-gap: 0; } .countertop__head-desc:not(:last-child), .countertop__head p:not(:last-child) { margin-bottom: 15px; } .countertop__row { margin-bottom: 25px; } .countertop__col { float: none; width: auto; } .countertop__col--left { width: auto; margin-bottom: 15px; } .countertop__col--right { width: auto; } .countertop__title { margin-top: 0; } .countertop__desc { margin-bottom: 22px; } .error-404__num { font-size: 100px; } .feedback__wrap { flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; } .feedback__holder { width: 100%; } .feedback__holder--right { padding-left: 0; } .feedback__map { height: 250px; margin-top: 25px; } .feedback__title { margin-top: 0; } .feedback__form-bottom { padding-top: 10px; } .gallery-links__item { width: 33.33%; } .gallery-links__bar-item { width: calc(50% - 20px); margin-bottom: 10px; } .header.fixed .header__top { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; } .header.fixed .header__top-left { top: 19px; } .header.fixed .header__phone, .header.fixed .header__feedback { display: none; } .header.fixed .header__logo { top: 13px; } .header.fixed .header__bottom-inner { height: 80px; } .header.fixed .header__contacts-link--mobile { display: none; } .header__top { padding: 0; } .header__top-inner { display: block; } .header__top-btns { display: none; margin: 0; } .header__top-btn { display: block; margin: 0 0 10px 0; } .header__top-left { position: absolute; z-index: 1; top: 15px; right: 60px; left: 60px; } .header__top-right { display: none; } .header__top-right .header__contacts-link { margin-left: 0; } .header__bottom { text-align: right; } .header__bottom-inner { position: static; } .header__logo { top: 20px; left: 15px; width: 32px; margin: 0; } .header__logo-lg { display: none; } .header__logo-sm { display: block; } .header__nav-list { /* overflow-y: auto;*/ /* width: 185px;*/ height: calc(100vh - 100px); left: unset; right: 0; } .header__nav-list-item { padding: 10px 15px; } .header__catalog { /* position: static; display: none; width: auto; margin: 15px -15px 0; padding: 0 15px; background: #303a47;*/ width: calc(100vw - 164px); left: unset; right: 100%; } .header__catalog-list { margin: 0 -20px; } .header__catalog-list-item { width: 33.33%; height: auto; padding: 10px; } .header__catalog-text { white-space: normal; } .heading { padding: 30px 0; } .main-slider__slide-link { height: 300px; padding: 10px 0 20px; } .main-slider__slide-row:not(:last-child) { margin-bottom: 3px; } .main-slider__slide-txt { font-size: 28px; } .materials-block__descr { font-size: 19px; padding-bottom: 30px; } .materials-block__item { width: 100%; text-align: center; } .materials-block__item-logo { height: 80px; } .materials-block__item-btn { margin: 0 auto; } .materials--work .materials__slider-item { width: 50%; } .materials__title { margin-bottom: 30px; } .materials__slider { margin-bottom: 10px; padding: 0; } .news-block__slider { margin-bottom: 10px; padding: 0; } .news { padding: 20px 0 40px; } .news__row { margin: 0 -5px 22px; } .news__col { width: 50%; padding: 0 5px 10px; } .one-material { padding: 40px 0 30px; } .one-material__caption { font-size: 19px; line-height: 27px; } .one-material__wrap { padding-bottom: 20px; } .one-material__logo { display: block; margin: 0 auto 10px; } .one-material__content { width: 100%; padding-left: 0; } .one-material__title { margin-bottom: 0; } .pagination { padding: 8px 0 10px; } .pagination__holder { display: inline-block; } .pagination__txt { display: none; } .pagination__arrow { position: absolute; top: 4px; } .pagination__arrow--prev { left: -15px; } .pagination__arrow--next { right: -15px; } .popup { padding: 30px 15px 15px; } .popup__form-filebox-name { display: block; margin: 10px 0 0 0; } .popup__form-inputcol { float: none; width: 100%; } .prod-desc__wrap { -webkit-column-count: auto; column-count: auto; -webkit-column-gap: 0; column-gap: 0; } .prod-desc__txt:not(:last-child), .prod-desc__wrap p:not(:last-child) { margin-bottom: 15px; } .products__top { margin-bottom: 25px; } .products__item { width: 33.33%; } .products__item:nth-of-type(10) { display: none; } .project-slider { margin-bottom: 30px; } .project__inner--left { width: 100%; } .project__inner--right { width: 100%; } .project__title { margin-top: 0; } .reviews__col { float: none; width: auto; } .reviews__col--right { margin-top: 25px; padding-left: 10px; } .sink-inst--models .sink-inst__list { padding-right: 0; padding-left: 0; } .sink-inst--models .sink-inst__item { margin-bottom: 0; } .sink-inst__list { margin: 0 -10px; } .sink-inst__item { padding: 0 10px; } .sink-inst__item-img { height: auto; } .worktop { padding: 30px 0 5px; } .worktop__title, .worktop .container h2 { margin-bottom: 20px; } .worktop__desc, .worktop .container p { font-size: 14px; margin-bottom: 15px; } } @media (max-height: 750px) { .header__nav-list-item.cl-others-item-subs-menu .header__catalog.js-catalog{ display: none; width: auto; max-width: none; min-width: auto; } .header__nav-list-item.cl-others-item-subs-menu .header__catalog.js-catalog .header__catalog-holder { background: transparent; } .header__nav-list-item.cl-others-item-subs-menu .header__catalog-list-item{ padding: 14px 10px 0; } .construction__icon { padding-bottom: 20px; } .construction__icon svg { width: 100px; height: 100px; } } @media (max-height: 720px) { .error-404__back { padding-top: 30px; } } @media (max-width: 700px) { .footer__col { width: 50%; margin-bottom: 20px; } .footer__col--social { width: 80%; margin-bottom: 0; } .footer__title { font-size: 12px; } .footer__desc { font-size: 12px; } } @media (max-width: 690px) { .certificate__item-link::before { left: -8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } @media (max-width: 650px) { .sink-inst { padding-bottom: 15px; } .worktop .sink-inst--models:nth-of-type(10) { padding-bottom: 15px; } .sink-inst__item { display: block; width: auto; margin-bottom: 30px; } } @media (max-width: 640px) { .certificate__item-link::before { left: -9px; -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); } } @media (max-width: 630px) { .advantages { padding-top: 20px; padding-bottom: 10px; } .advantages__item { width: 50%; margin-bottom: 20px; } .advantages__item:not(:last-child)::before { display: none; } .advantages__item-top { margin-bottom: 17px; } .advantages__item-txt { font-size: 13px; } } @media (max-width: 600px) { .gallery-links__item { width: 50%; } .gallery-links__bar-item { width: 100%; margin-right: 0; margin-left: 0; } } @media (max-width: 580px) { .certificate__item-link::before { left: -11px; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); } } @media (max-width: 560px) { .certificate__item-link::before { left: -5px; -webkit-transform: rotate(-41deg); -ms-transform: rotate(-41deg); transform: rotate(-41deg); } } @media (max-width: 520px) { .certificate__item-link::before { left: -6px; -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); transform: rotate(-42deg); } } @media (max-width: 500px) { .products__item { width: 50%; } .products__item:nth-of-type(10) { display: inline-block; } } @media (max-width: 480px) { .materials--work .materials__slider-item { width: 100%; } } @media (max-width: 479px) { .action-block__right { padding: 27px 10px 9px 28px; } .card-news__btn { max-width: calc(100% - 20px); } .contacts { text-align: center; } .contacts__list-item-inner { display: inline-block; /* margin-left: -20px;*/ white-space: nowrap; } .contacts__address .contacts__list-item-inner{ position: relative; padding-left: 28px; } .contacts__list-txt span { display: block; } .contacts__col { width: 100%; } .contacts__item { padding-bottom: 10px; } .contacts__item-img { margin: 0 auto 10px; } .contacts__item-info { padding-left: 0; } .footer__desc-link { display: block; margin-top: 3px; margin-left: 0; } .go-top__icon { background-color: #dcbc8b; } .go-top__icon::before, .go-top__icon::after { border-color: #000; } .help { padding: 40px 0; } .help--mod { margin-bottom: 20px; } .help__title { margin-bottom: 25px; } .help__descr { padding-bottom: 15px; } .help__buttons-inner { margin: 0; } .help__buttons-item { display: block; width: 100%; max-width: 180px; margin: 0 auto; padding: 20px 0 0; } .news-block__title { margin-bottom: 30px; } .news__col { width: 100%; } .project-slider .slick-prev { top: 50%; left: -13px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .project-slider .slick-prev:before { top: 7px; left: 9px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .project-slider .slick-next { top: 50%; right: -13px; left: auto; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .project-slider .slick-next:before { top: 7px; left: 3px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .project-slider__main { width: 100%; margin-bottom: 10px; } .project-slider__nav { display: block; width: 100%; margin: 0; padding: 0 10px; } .project-slider__nav-item { margin-bottom: 0; padding: 0 5px; } .project { padding: 40px 0; } .project__head { max-width: 100%; margin: 0 0 10px; } .project__head-item { width: 100%; padding: 0 0 10px; } } @media (max-width: 470px) { .certificate__item-link::before { left: -9px; -webkit-transform: rotate(-46deg); -ms-transform: rotate(-46deg); transform: rotate(-46deg); } } @media (max-width: 1023px) { .gallery-links__item-img { -webkit-clip-path: none; clip-path: none; } } @media (max-width: 440px) { .gallery-links__item { width: 100%; } .gallery-links__item-img { height: auto; } } @media (max-width: 415px) { .certificate__item-link::before { left: -10px; -webkit-transform: rotate(-49deg); -ms-transform: rotate(-49deg); transform: rotate(-49deg); } } @media (max-width: 400px) { .header__nav-list { overflow-y: auto; width: 100%; /* width: 210px;*/ height: calc(100vh - 100px); } .header__catalog { position: static; display: none; width: auto; margin: 15px -15px 0; padding: 0 15px; background: #303a47; } .header__catalog-list-item { /* width: 50%;*/ } } @media (max-width: 375px) { .certificate__item-link::before { left: -15px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .certificate__item-img { height: 200px; } } @media (max-width: 350px) { .certificate__item-link::before { left: -16px; -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); } } @media (min-width: 320px) { .xs-12 { width: 100%; } .xs-11 { width: 91.66667%; } .xs-10 { width: 83.33333%; } .xs-9 { width: 75%; } .xs-8 { width: 66.66667%; } .xs-7 { width: 58.33333%; } .xs-6 { width: 50%; } .xs-5 { width: 41.66667%; } .xs-4 { width: 33.33333%; } .xs-3 { width: 25%; } .xs-2 { width: 16.66667%; } .xs-1 { width: 8.33333%; } .offset-xs-11 { margin-left: 91.66667%; } .offset-xs-10 { margin-left: 83.33333%; } .offset-xs-9 { margin-left: 75%; } .offset-xs-8 { margin-left: 66.66667%; } .offset-xs-7 { margin-left: 58.33333%; } .offset-xs-6 { margin-left: 50%; } .offset-xs-5 { margin-left: 41.66667%; } .offset-xs-4 { margin-left: 33.33333%; } .offset-xs-3 { margin-left: 25%; } .offset-xs-2 { margin-left: 16.66667%; } .offset-xs-1 { margin-left: 8.33333%; } } @media (min-width: 768px) { .sm-12 { width: 100%; } .sm-11 { width: 91.66667%; } .sm-10 { width: 83.33333%; } .sm-9 { width: 75%; } .sm-8 { width: 66.66667%; } .sm-7 { width: 58.33333%; } .sm-6 { width: 50%; } .sm-5 { width: 41.66667%; } .sm-4 { width: 33.33333%; } .sm-3 { width: 25%; } .sm-2 { width: 16.66667%; } .sm-1 { width: 8.33333%; } .offset-sm-11 { margin-left: 91.66667%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-1 { margin-left: 8.33333%; } } @media (min-width: 1024px) { .md-12 { width: 100%; } .md-11 { width: 91.66667%; } .md-10 { width: 83.33333%; } .md-9 { width: 75%; } .md-8 { width: 66.66667%; } .md-7 { width: 58.33333%; } .md-6 { width: 50%; } .md-5 { width: 41.66667%; } .md-4 { width: 33.33333%; } .md-3 { width: 25%; } .md-2 { width: 16.66667%; } .md-1 { width: 8.33333%; } .offset-md-11 { margin-left: 91.66667%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-9 { margin-left: 75%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-6 { margin-left: 50%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-3 { margin-left: 25%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-1 { margin-left: 8.33333%; } .header__nav-list-item:hover .header__catalog { visibility: visible; opacity: 1; } } @media (min-width: 1200px) { .lg-12 { width: 100%; } .lg-11 { width: 91.66667%; } .lg-10 { width: 83.33333%; } .lg-9 { width: 75%; } .lg-8 { width: 66.66667%; } .lg-7 { width: 58.33333%; } .lg-6 { width: 50%; } .lg-5 { width: 41.66667%; } .lg-4 { width: 33.33333%; } .lg-3 { width: 25%; } .lg-2 { width: 16.66667%; } .lg-1 { width: 8.33333%; } .offset-lg-11 { margin-left: 91.66667%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-1 { margin-left: 8.33333%; } } @media screen and (min-width: 0\0 ) { .products--gallery { padding-bottom: 65px; } } .grecaptcha-badge { z-index: 2; } .table-responsive { min-height: .01%; overflow-x: auto; } /* End */ /* Start:/local/templates/skayn/css/costume.css?17605391028849*/ .tooltip{ display: none; color: red; margin-top: 10px; } div[id^="wait_comp_"]{ display: none; } .header-row-line{ display: flex; align-items: center; } .header-row-line .row-line-right{ display: flex; margin-left: 10px; } .header-row-line .row-line-right img{ max-width: 30px; max-height: 30px; height: auto; width: auto; padding: 2px; } .header.fixed .cl-socials-blk{ display: none; } .gallery-links--office .gallery-links__item .gallery-links__item-hover{ opacity: 1; top: auto; display: block; } .footer__social-link img{ max-height: 47px; max-width: 47px; } .gallery-links--office .gallery-links__item .gallery-links__item-hover .gallery-links__item-name::before{ display: none; } .gallery-links--office .gallery-links__item .gallery-links__item-hover .gallery-links__item-name{ margin-bottom: 0px; padding-bottom: 0px; } .gallery-links--office .gallery-links__item svg{ display: none; z-index: 10; } .gallery-links--office .gallery-links__item .gallery-links__item-more:hover svg{ display: block; } .materials__slider .materials__slider-item{ margin-bottom: 20px; } .header__logo{ position: relative; margin: 0 0 0 0px; left: 0px; top: 0px; } .header__bottom-inner{ margin: 0 0px; display: flex; height: 60px; } .header__nav-list{ display: flex; margin-left: 20px; } .header__nav-list .header__nav-list-item{ flex-grow: 1; float: none; padding: 20px 20px 20px; } span.title--white { color: #000; } .cl-video-block{ column-span: all; /* блок займёт всю ширину, выйдет из колонок */ display: flex; justify-content: center; margin: 20px 0; gap: 20px; flex-wrap: wrap; /* разрешаем перенос */ } .cl-video-block > * { flex: 1 1 calc(33.333% - 20px); /* три колонки с учётом gap */ max-width: calc(33.333% - 20px); } @media (max-width: 768px) { .cl-video-block > * { flex: 1 1 100%; /* каждый блок во всю ширину */ max-width: 100%; } } h1.title--white { color: #dcbc8b; order: -1; font-family: var(--e-global-typography-secondary-font-family), Sans-serif; font-size: 28px; font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); margin: 0px 0px 0px 0px; text-transform: uppercase; font-weight: 600; } .heading{ padding: 15px 0px 15px; margin: 0px; } .heading:before{ background-color: transparent; } .heading.js-section{ background-image: none !important; } .gallery-links--count{ padding-top: 0px; } .container.static-content.text-pages-data{ padding-top: 20px; padding-bottom: 60px; } .contacts__row.maps-page-data{ padding: 0 8px; margin-top: 20px; font-size: 15px; line-height: 1; display: block; word-spacing: 0; } .contacts__row.maps-page-data iframe{ border: 0px; } .contacts__list-item.cl-socials-blk, .contacts__list-item.contact_page_work_time, .contacts__list-item.phone-items-contact{ padding-top: 8px; } .contacts__list-item.contact_page_work_time{ padding-top: 24px; } .contacts__list-item.cl-socials-blk img{ max-width: 30px; max-height: 30px; height: auto; width: auto; padding: 2px; } .contacts__list-item .contact_page_work_time__title{ font-size: 14px; line-height: 1.4; display: block; margin-bottom: 11px; color: #dcbc8b; } .contacts__list-item .contact_page_work_time__desc{ font-size: 14px; line-height: 1.4; display: block; color: #000; } .footer__wrap{ padding-right: 0px; } .footer-menu-catalog a{ color: #FFF; font-size: 13px; } .footer-menu-catalog a:hover { color: #dcbc8b; } .footer__desc{ font-size: 13px; } .static-content ul, .static-content ol{ padding-bottom: 0; padding-left: 22px; } .static-content ul li { list-style: outside none none; padding: 1px 0 0 23px; position: relative; padding-bottom: 5px; } .static-content ul li::before { background: #bfbfbf none repeat scroll 0 0; height: 1px; left: 0; position: absolute; top: 15px; width: 15px; content: ""; } .static-content ol li{ padding: 0; padding-bottom: 5px; } .static-content ol li:before { display: inline; content: counters(item, '.') '. '; counter-increment: item; vertical-align: top; font-weight: normal; color: #000; } .header__nav-link.root-item-menu-data span{ display: none; } .footer__col.f-map-data{ width: 40%; } .container.text-pages-data .review-yandex-data{ margin: 0px auto; } .cl-public-smi{ padding: 56px 0 74px; } .cl-public-smi .container{ display: flex; flex-wrap: wrap; } .cl-public-smi .cl-public-smi-item{ width: calc(25% - 10px); margin: 5px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; background-color: #f6f7f7; } .cl-public-smi .cl-public-smi-item .cl-public-smi-item-pic{ min-height: 310px; width: 100%; background-color: #f6f7f7; background-repeat: no-repeat; background-size: cover; opacity: 0.8; } .cl-public-smi .cl-public-smi-item a:hover .cl-public-smi-item-pic{ opacity: 1; } .cl-public-smi .cl-public-smi-item a{ display: block; width: 100%; height: 100%; } .cl-public-smi .cl-public-smi-item .cl-public-smi-item-date{ padding: 10px 0px; text-transform: uppercase; color: #000; min-height: 58px; display: flex; position: relative; align-items: center; justify-content: center; padding: 10px; } .cl-public-smi .cl-public-smi-item .cl-public-smi-item-date>div{ flex: 1 1 calc(50% - 10px); } .cl-public-smi .cl-public-smi-item .cl-public-smi-item-cap{ padding: 10px 10px; font-size: 13px; color: #000; font-weight: 600; } .cl-public-faq .cl-public-faq-item .cl-public-faq-text{ display: none; } .cl-public-faq .cl-public-faq-item.item-active .cl-public-faq-text{ display: block; } .cl-public-faq .cl-public-faq-item .cl-public-faq-item-cap{ text-transform: none; border-bottom: 1px dotted; display: inline-block; margin-top: 10px; cursor: pointer; font-size: 15px; color: #000; } .cl-public-faq .cl-public-faq-item.item-active .cl-public-faq-item-cap, .cl-public-faq .cl-public-faq-item .cl-public-faq-item-cap:hover{ color: #dcbc8b; } .header-row-line.cl-mobile-visible{ display: none; } .header-row-line .i-phone-ico-link{ display:block; background: url(/local/templates/skayn/css/../img/ico-header-phone-link-mobile.svg) no-repeat left top; width: 26px; height: 26px; margin-left: auto; } @media (max-width: 767px) { .cl-public-smi .cl-public-smi-item{ width: calc(100% - 10px); } .cl-public-smi .cl-public-smi-item .cl-public-smi-item-pic{ opacity:1; } .footer__col.f-map-data{ width: 100%; } .header__nav-link.root-item-menu-data{ position: relative; padding-left: 34px; } .header__nav-link.root-item-menu-data span{ content: "+"; position: absolute; left: 0px; top: 0px; font-weight: 800; font-size: 24px; display: block; width: 26px; text-align: center; background: #4c535a; line-height: 22px; } .header__top-left .header-row-line{ display: none; } .header-row-line.cl-mobile-visible{ display: flex; align-items: center; flex-direction: row; justify-content: space-between; } .header-row-line.cl-mobile-visible .cl-rs-btn{ margin-right: auto; text-align: center; flex-grow: 1; } .header-row-line.cl-mobile-visible .btn{ width: auto; display: table; margin: 0px auto; } .header__catalog-icon{ display: none; } .header__catalog.js-catalog .header__catalog-list-item{ width: 100%; text-align: right; } .header__catalog.js-catalog .container{ padding: 0 10px; margin: 0px; } .review-yandex-data{max-width: 100%; } .header-row-line{ flex-direction: column; } .header-row-line .row-line-right, .header-row-line .row-line-left { width: 100%; text-align: left; } .header-row-line .row-line-right{ padding: 0 0 0 26px; } .header__logo{ left: 15px; position: absolute; top: 15px; height: 33px; } .header__top-left,.header.fixed .header__logo{ top: 15px !important; } .header__burger{ position: relative; } .header__bottom-inner{ display: block; height: 66px; } .header.fixed .header__bottom-inner{ height: 66px !important; } .header__nav-list{ display: none; margin-left: 0px; } .header__nav-list .header__nav-list-item{ float: left; padding: 10px 15px; } .materials__slider .materials__slider-item{ width: 100%; } } /* End */ /* /local/templates/skayn/assets/css/normalize.css?15865388102089 */ /* /local/templates/skayn/assets/css/selectric.css?15865388103313 */ /* /local/templates/skayn/assets/css/jquery.mCustomScrollbar.css?158653881042566 */ /* /local/templates/skayn/assets/css/jquery.fancybox.min.css?158653881012840 */ /* /local/templates/skayn/assets/css/slick.css?15865388101307 */ /* /local/templates/skayn/assets/css/app.css?1766404194124293 */ /* /local/templates/skayn/css/costume.css?17605391028849 */