/* Start:/js/node_modules/slick-carousel/slick/slick.css?17035924671776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/js/plugins/jquery.mCustomScrollbar.min.css?170359246842839*/ .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;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom: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_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}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right: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,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left: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}.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(/js/plugins/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-dark-2.mCSB_scrollTools .mCSB_draggerRail,.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-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin: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_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin: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_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color: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-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin: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.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px 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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin: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_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.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.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.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,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.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_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-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin: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-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin: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-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-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 .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color: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:/js/node_modules/jquery-form-styler/dist/jquery.formstyler.css?17035924682175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/js/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css?170359246712795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/css/styles.css?1730277385302189*/ @-ms-viewport { width: device-width; } .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important; } @media (max-width:767px) { .visible-xs { display: block!important; } table.visible-xs { display: table!important; } tr.visible-xs { display: table-row!important; } td.visible-xs, th.visible-xs { display: table-cell!important; } }@media (max-width:767px) { .visible-xs-block { display: block!important; } }@media (max-width:767px) { .visible-xs-inline { display: inline!important; } }@media (max-width:767px) { .visible-xs-inline-block { display: inline-block!important; } }@media (min-width:768px) and (max-width:991px) { .visible-sm { display: block!important; } table.visible-sm { display: table!important; } tr.visible-sm { display: table-row!important; } td.visible-sm, th.visible-sm { display: table-cell!important; } }@media (min-width:768px) and (max-width:991px) { .visible-sm-block { display: block!important; } }@media (min-width:768px) and (max-width:991px) { .visible-sm-inline { display: inline!important; } }@media (min-width:768px) and (max-width:991px) { .visible-sm-inline-block { display: inline-block!important; } }@media (min-width:992px) and (max-width:1199px) { .visible-md { display: block!important; } table.visible-md { display: table!important; } tr.visible-md { display: table-row!important; } td.visible-md, th.visible-md { display: table-cell!important; } }@media (min-width:992px) and (max-width:1199px) { .visible-md-block { display: block!important; } }@media (min-width:992px) and (max-width:1199px) { .visible-md-inline { display: inline!important; } }@media (min-width:992px) and (max-width:1199px) { .visible-md-inline-block { display: inline-block!important; } }@media (min-width:1200px) { .visible-lg { display: block!important; } table.visible-lg { display: table!important; } tr.visible-lg { display: table-row!important; } td.visible-lg, th.visible-lg { display: table-cell!important; } }@media (min-width:1200px) { .visible-lg-block { display: block!important; } }@media (min-width:1200px) { .visible-lg-inline { display: inline!important; } }@media (min-width:1200px) { .visible-lg-inline-block { display: inline-block!important; } }@media (max-width:767px) { .hidden-xs { display: none!important; } }@media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important; } }@media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none!important; } }@media (min-width:1200px) { .hidden-lg { display: none!important; } }.visible-print { display: none!important; } @media print { .visible-print { display: block!important; } table.visible-print { display: table!important; } tr.visible-print { display: table-row!important; } td.visible-print, th.visible-print { display: table-cell!important; } }.visible-print-block { display: none!important; } @media print { .visible-print-block { display: block!important; } }.visible-print-inline { display: none!important; } @media print { .visible-print-inline { display: inline!important; } }.visible-print-inline-block { display: none!important; } @media print { .visible-print-inline-block { display: inline-block!important; } }@media print { .hidden-print { display: none!important; } } /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%} body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: .67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } 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, 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 { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } [hidden], template { display: none; } .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .modal-footer:after, .modal-footer:before, .row:after, .row:before { content: " "; display: table; } .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .modal-footer:after, .row:after { clear: both; } ::marker { display: none; } body, html { height: 100%} * { box-sizing: border-box; outline: 0!important; } a { transition: all .3s ease; } body { height: auto; min-height: 100%; color: #131417; font-weight: 400; font-size: 16px; line-height: 150%; font-family: Geometria, sans-serif; background: #fefefd; overflow-x: hidden; } body.is-hidden { overflow: hidden; } body.is-filter-open .wrapper__wrap { z-index: 10; } p { font-size: 24px; line-height: 150%; margin: 0; color: #131417; margin-bottom: 10px; } p:last-child { margin-bottom: 0; } p a { color: #565656; text-decoration: underline; } @media (max-width:960px) { body, p { font-size: 16px; line-height: 130%} }.slick-slide, a, button, input, textarea { outline: 0; } a { text-decoration: none; } img { max-width: 100%; display: block; } ul { padding: 0; margin: 25px; } ul li { /*list-style: none;*/ } textarea { resize: none; } .svg-icon use { transition: fill .3s, stroke .3s ease; } a { transition: color .3s ease; } @media (max-width:960px) { .hidden-960 { display: none; } }a { color: initial; } .container:after, .container:before { display: none; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 1325px; max-width: 100%} @media (max-width:1310px) { .container { padding-right: 32px; padding-left: 32px; } }@media (max-width:960px) { .container { padding-right: 22px; padding-left: 22px; } }.col-1 { width: 25%} .col-3 { width: 75%} .small-title { font-weight: 700; font-size: 12px; line-height: 14px; letter-spacing: .13em; text-transform: uppercase; } @media (max-width:960px) { .hide-mobile-960 { display: none!important; } }.mobile-flex { display: none; } @media (max-width:960px) { .mobile-flex { display: flex; } }.block-link { display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 38px; } .block-link a { display: inline-flex; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: uppercase; border-bottom: 1px solid #000; } .block-mini { padding: 0 60px; } @media (max-width:1650px) { .block-mini { padding: 0 45px; } }@media (max-width:1200px) { .block-mini { padding: 0 40px; } }@media (max-width:960px) { .block-mini { padding: 0 25px; } }@media (max-width:768px) { .block-mini { padding: 0; } }.all { display: inline-flex; align-items: center; font-weight: 500; font-size: 14px; line-height: 150%; padding: 4px 11px; text-align: center; border: 2px solid #f9ebeb; border-radius: 5px; transition: background-color .3s, border-color .3s, color .3s ease; color: #ff3868; } .all span { margin-left: 5px; } @media (min-width:960px) { .all:hover { background-color: #ff3868; border-color: #ff3868; color: #fff; } }@media (max-width:1310px) { .all { font-size: 16px; line-height: 150%; padding: 6px 18px; } }.block-main { position: relative; } .block-main__back { position: absolute; bottom: 0; right: 0; } .block-main--doc .block-main__back { bottom: auto; top: -150px; } @media (max-width:1310px) { .block-main__back { display: none; } }.main { position: relative; z-index: 5; } .main.is-back { z-index: auto; } @media (min-width:960px) { .is-hidden-desc { display: none!important; } }.slick-arrow { cursor: pointer; } @font-face { font-family: Zt Chablis; src: url(/fonts/ZtChablis/ZtChablis-Regular.ttf) format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: Geometria; src: url(/fonts/Geometria/Geometria.ttf) format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-family: Geometria; src: url(/fonts/Geometria/Geometria-Medium.ttf) format("truetype"); font-style: normal; font-weight: 500; } .a-banner { padding-top: 60px; padding-bottom: 151px; position: relative; z-index: 2; } .a-banner__planet { position: absolute; bottom: 0; right: -198px; } .a-banner__big { padding-top: 348px; padding-bottom: 206px; position: relative; z-index: 2; } .a-banner__big-back { position: absolute; left: 0; right: 0; top: -482px; pointer-events: none; } .a-banner__big-back img:last-child { display: none; } .a-banner__big:before { content: " "; position: absolute; width: 467px; height: 467px; border-radius: 50%; background: rgba(206, 96, 58, .04); border-radius: 448px; z-index: 3; bottom: 43px; left: -190px; } .a-banner__big-text { font-family: Zt Chablis; width: 969px; margin: 0 auto; font-weight: 400; font-size: 36px; line-height: 44px; text-align: center; position: relative; z-index: 4; } .a-banner__container { position: relative; } .a-banner__container:before { background: linear-gradient(180deg, #fffeff, #fff6f2), #fefefd; } .a-banner__container:after, .a-banner__container:before { content: " "; position: absolute; left: 0; right: 0; top: -236px; bottom: 0; z-index: 1; pointer-events: none; } .a-banner__container:after { opacity: .1; background-image: url(/images/common/back.png); } .a-banner__wrap { display: flex; align-items: center; } .a-banner__text { font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 30px; line-height: 36px; } .a-banner__img { display: flex; align-items: center; position: relative; margin-right: 115px; flex: none; } .a-banner__img img { position: relative; z-index: 2; width: 583px; } .a-banner__back { position: absolute; right: -404px; } @media (max-width:1310px) { .a-banner { padding-top: 45px; padding-bottom: 95px; position: relative; z-index: 2; } .a-banner__planet { position: absolute; bottom: 0; right: -105px; width: 280px; } .a-banner__big { padding-top: 206px; padding-bottom: 96px; display: flex; flex-direction: column; align-items: center; } .a-banner__big-back { width: 1310px; left: auto; right: auto; top: -422px; } .a-banner__big:before { width: 296px; height: 296px; border-radius: 50%; bottom: 64px; left: -155px; } .a-banner__big-text { width: 816px; font-size: 30px; line-height: 36px; } .a-banner__text { font-size: 24px; line-height: 29px; } .a-banner__img { margin-right: 96px; } .a-banner__img img { width: 299px; } .a-banner__back { right: -40px; } .a-banner__back img { width: 490px; } }@media (max-width:960px) { .a-banner { padding-top: 60px; padding-bottom: 23px; } .a-banner__wrap { display: block; } .a-banner__planet { display: none; } .a-banner__big { padding-top: 244px; padding-bottom: 32px; display: flex; flex-direction: column; align-items: center; } .a-banner__big-back { width: 100%; left: auto; right: auto; top: 83px; } .a-banner__big-back img:last-child { display: block; } .a-banner__big-back img:first-child, .a-banner__big:before { display: none; } .a-banner__big-text { width: 100%; font-size: 24px; line-height: 29px; padding: 0 10px; } .a-banner__img { display: flex; justify-content: flex-end; margin-right: 0; margin-bottom: 92px; } .a-banner__img img { width: 422px; } .a-banner__back { right: -22px; } .a-banner__back img { width: 640px; } }@media (max-width:640px) { .a-banner { padding-top: 60px; padding-bottom: 28px; } .a-banner__big { padding-top: 122px; } .a-banner__big-back { top: 0; } .a-banner__big-text { width: 100%; font-size: 24px; line-height: 29px; padding: 0 10px; } .a-banner__img { justify-content: center; margin-right: 0; margin-bottom: 63px; } .a-banner__img img { width: 219.54px; } .a-banner__back { right: 0; display: flex; align-items: center; justify-content: center; left: 0; } .a-banner__back img { width: 360px; } }.a-btext { padding-top: 32px; padding-bottom: 250px; } .a-btext__big { font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 78px; line-height: 96%; margin-bottom: 205px; text-align: right; display: flex; justify-content: flex-end; position: relative; z-index: 1; } .a-btext__big-text { width: 1135px; } .a-btext__text { font-weight: 400; font-size: 24px; line-height: 150%; padding-right: 100px; display: flex; justify-content: flex-end; position: relative; z-index: 1; } .a-btext__text-wrap { width: 1072px; } .a-btext__text span { font-family: Zt Chablis; display: block; font-weight: 400; font-size: 56px; line-height: 110%; margin-bottom: 24px; } @media (max-width:1310px) { .a-btext { padding-bottom: 97px; } .a-btext__big { font-size: 40px; line-height: 110%; margin-bottom: 100px; } .a-btext__big-text { width: 648px; } .a-btext__text { font-size: 18px; line-height: 150%} .a-btext__text-wrap { width: 100%} .a-btext__text span { font-size: 48px; line-height: 110%} }@media (max-width:961px) { .a-btext { padding-bottom: 32px; } .a-btext__big { font-size: 24px; line-height: 29px; margin-bottom: 32px; justify-content: flex-start; } .a-btext__big-text { width: 90%; text-align: left; } .a-btext__text { font-size: 16px; line-height: 130%} .a-btext__text-wrap { width: 100%} .a-btext__text span { font-size: 24px; line-height: 29px; } }@media (max-width:640px) { .a-btext__wrap { padding-left: 0; } }.a-info { position: relative; } .a-info:before { content: ""; right: -272px; top: -201px; background: #fcf7f6; border-radius: 50%; width: 481px; height: 481px; position: absolute; } .a-info h2 { font-size: 78px; line-height: 96%; margin-bottom: 124px; } .a-info__item { display: flex; align-items: center; position: relative; margin-bottom: 221px; margin-left: 236px; } .a-info__item:before { content: ""; height: 242.75px; width: 242.75px; border-radius: 50%; position: absolute; left: -170px; border: 41px solid #fcf7f6; } .a-info__item:last-child { margin-bottom: 0; } .a-info__list { padding-bottom: 140px; } .a-info__text { font-family: Zt Chablis; font-weight: 400; font-size: 56px; line-height: 110%; max-width: 663px; } .a-info__number { font-weight: 400; font-size: 31.7143px; line-height: 170%; text-align: center; color: #6d6d6e; margin-right: 90px; flex: none; position: relative; } .a-info__number span { font-family: Zt Chablis; font-style: normal; font-weight: 700; font-size: 133.905px; line-height: 1; display: block; margin-bottom: -23px; font-feature-settings: "pnum" on, "lnum" on; color: #ce603a; } @media (max-width:1310px) { .a-info { position: relative; } .a-info:before { right: 7px; top: -125px; width: 274px; height: 274px; } .a-info h2 { font-size: 56px; line-height: 110%; margin-bottom: 124px; } .a-info__item { margin-bottom: 200px; margin-left: 150px; } .a-info__item:before { height: 204.24px; width: 204.24px; border-radius: 50%; left: -150px; border: 34.4965px solid #fcf7f6; } .a-info__item:last-child { margin-bottom: 0; } .a-info__text { font-size: 48px; } .a-info__number { margin-right: 102px; font-size: 26.6837px; } .a-info__number span { font-size: 112.665px; } }@media (max-width:961px) { .a-info { position: relative; } .a-info:before { display: none; } .a-info__list { padding-right: 123px; padding-bottom: 52px; } .a-info h2 { font-size: 24px; line-height: 29px; margin-bottom: 52px; } .a-info h2 br { display: none; } .a-info__item { margin-bottom: 90px; margin-left: 148px; } .a-info__item:before { height: 84.65px; width: 84.65px; left: -40px; border: 14.2736px solid #fcf7f6; } .a-info__item:last-child { margin-bottom: 0; } .a-info__text { font-size: 18px; text-align: center; line-height: 22px; width: 218.92px; } .a-info__number { font-size: 12px; line-height: 170%; margin-right: 16px; } .a-info__number span { font-size: 46px; margin-bottom: 0; } }@media (max-width:640px) { .a-info__list { padding-right: 0; padding-bottom: 41px; } .a-info h2 { font-size: 24px; line-height: 29px; margin-bottom: 52px; } .a-info h2 br { display: none; } .a-info__item { margin-bottom: 90px; margin-left: 44px; } .a-info__item:before { height: 84.65px; width: 84.65px; left: -40px; border: 14.2736px solid #fcf7f6; } .a-info__item:last-child { margin-bottom: 0; } .a-info__text { line-height: 22px; width: 169.92px; } }.a-text { position: relative; padding-top: 226px; padding-bottom: 326px; } .a-text__big { font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 56px; line-height: 110%; padding-top: 376px; } .a-text__big div { display: none; } .a-text__big span { display: block; } .a-text:before { left: 83px; top: 201px; border-radius: 448px; width: 223px; height: 233px; } .a-text:after, .a-text:before { content: ""; background: rgba(206, 96, 58, .04); position: absolute; } .a-text:after { right: -318px; top: 18px; border-radius: 50%; width: 999px; height: 999px; } .a-text__text { width: 792px; margin: 0 auto; } .a-text p { font-family: Zt Chablis; font-weight: 400; font-size: 36px; line-height: 44px; } .a-text p span { color: #ce603a; } @media (max-width:1310px) { .a-text { padding-top: 130px; padding-bottom: 158px; } .a-text__big { font-size: 39px; line-height: 110%; padding-top: 115px; } .a-text:before { left: 32px; top: 154px; border-radius: 50%; width: 121.28px; height: 121.28px; } .a-text:after { right: -239px; top: -18px; width: 520px; height: 520px; } .a-text__text { width: 608px; } .a-text p { font-size: 30px; line-height: 36px; text-align: center; } .a-text p span { color: #ce603a; } }@media (max-width:961px) { .a-text { padding-top: 32px; padding-bottom: 32px; } .a-text__big { font-size: 24px; line-height: 29px; padding-top: 48px; } .a-text__big div { display: block; } .a-text:after, .a-text:before, .a-text__big span { display: none; } .a-text__text { width: 100%} .a-text p { font-size: 24px; line-height: 29px; text-align: left; } }.aside-info { padding: 38px 40px 42px; border: 3px solid #f3eada; border-top: 0; margin-bottom: 64px; position: relative; } .aside-info:after { width: 295px; left: 0; } .aside-info:after, .aside-info:before { content: ""; display: block; position: absolute; background-color: #f3eada; top: 0; height: 3px; } .aside-info:before { width: 20px; right: 0; } .aside-info__btn .btn { width: 100%} .aside-info:last-child { margin-bottom: 0; } .aside-info__icon { position: absolute; width: 104px; height: 104px; display: flex; align-items: center; justify-content: center; right: 19px; top: -49px; } .aside-info__title { font-family: Zt Chablis; font-weight: 400; font-size: 36px; line-height: 44px; margin-bottom: 24px; } @media (max-width:1200px) { .aside-info { padding: 38px 32px 42px; margin-bottom: 34px; } .aside-info:before { width: 16px; } .aside-info:after { width: 181px; } .aside-info__title { font-size: 30px; line-height: 36px; } .aside-info__btn .btn { width: auto; font-size: 16px; line-height: 20px; padding: 13px 24px 12px; } }@media (max-width:960px) { .aside-info { padding: 24px; margin-bottom: 40px; border-width: 2px; } .aside-info__icon { width: 56px; height: 56px; right: 44px; top: -27px; } .aside-info__icon img { max-width: 85%} .aside-info__btn, .aside-info__btn .btn { width: 100%} .aside-info:after { width: calc(100% - 56px - 44px); left: 0; top: 0; height: 2px; } .aside-info:before { content: ""; display: block; position: absolute; width: 44px; right: 0; background-color: #f3eada; top: 0; height: 2px; } .aside-info__title { font-size: 24px; line-height: 29px; } }.back { display: inline-flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #6d6d6e; margin-bottom: 44px; } .back .svg-icon { display: block; margin-right: 8px; } .back .svg-icon use { fill: transparent; stroke: #cbcbcb; } .basket-info__title { font-family: Zt Chablis; font-weight: 400; font-size: 36px; line-height: 44px; margin-bottom: 24px; } .basket-info__text { font-size: 18px; line-height: 150%; margin-bottom: 24px; margin-top: 24px; } .basket-info__text a { display: inline-flex; border-bottom: 1px solid #131417; } .basket-info__btn .btn { width: 100%} .basket-info__promo { margin-bottom: 24px; } .basket-info__promo input { width: 100%; font-size: 16px; line-height: 150%; background-color: transparent; padding: 12px 32px 12px 16px; border: 1px solid #cbcbcb; } .basket-info__count { margin-bottom: 4px; } .basket-info__count, .basket-info__stock { font-size: 18px; line-height: 150%; color: rgba(0, 0, 0, .6); } .basket-info__stock { display: flex; align-items: center; } .basket-info__stock span { color: #ce603a; margin-left: 12px; } .basket-info__price { margin-bottom: 24px; } .basket-info__price span { font-size: 48px; line-height: 110%; display: flex; letter-spacing: -.03em; } @media (max-width:1200px) { .basket-info__text br { display: none; } }@media (max-width:960px) { .basket-info__title { font-size: 32px; line-height: 120%; margin-bottom: 24px; } .basket-info__price { display: flex; align-items: flex-end; } .basket-info__price span { order: 1; font-size: 32px; line-height: 110%} .basket-info__count { order: 2; margin-left: 16px; font-size: 16px; line-height: 130%; margin-bottom: 0; } }.basket-item { display: flex; margin-bottom: 32px; } .basket-item:last-child { margin-bottom: 0; } .basket-item__price { font-size: 32px; line-height: 150%} .basket-item__stock { margin-top: 4px; font-size: 18px; line-height: 150%; color: #6d6d6e; text-decoration: line-through; } .basket-item__wrap { display: flex; flex-grow: 1; } .basket-item__info { flex: none; display: flex; flex-direction: column; align-items: flex-end; } .basket-item__body { flex-grow: 1; } .basket-item__img { display: flex; align-items: center; justify-content: center; width: 195px; height: 195px; background-color: #f8f8f7; border-radius: 5px; margin-right: 40px; flex: none; } .basket-item__name { font-size: 18px; line-height: 150%; transition: color .3s ease; } .basket-item__name:hover { color: #ce603a; } .basket-item__count { margin-top: 16px; } .basket-item__delete { cursor: pointer; margin-top: 42px; } .basket-item__delete .svg-icon use { stroke: #6d6d6e; fill: transparent; } .basket-item__delete:hover .svg-icon use { stroke: #131417; } .basket-item__tech { margin-top: 8px; flex-wrap: wrap; } .basket-item__tech span { margin-right: 24px; font-size: 16px; line-height: 150%; text-transform: uppercase; color: #6d6d6e; } .basket-item--order { width: 858px; } .basket-item--order .basket-item__body { padding-top: 46px; padding-right: 20px; } .basket-item__price-info { color: #6D6D6E; font-family: Geometria; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 16px; } .basket-item__count { color: #131417; text-align: right; font-family: Geometria; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; } .basket-item--order .basket-item__price-wrap { padding-top: 36px; } @media (max-width:1200px) { .basket-item { margin-bottom: 16px; } }@media (max-width:960px) { .basket-item { display: block; padding-bottom: 24px; border-bottom: 1px solid #cbcbcb; margin-bottom: 24px; position: relative; } .basket-item:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .basket-item__price { font-size: 24px; line-height: 150%} .basket-item__stock { margin-top: 2px; font-size: 12px; line-height: 150%} .basket-item__info { flex-direction: row; align-items: center; justify-content: space-between; padding-top: 20px; } .basket-item__body { padding-right: 38px; } .basket-item__img { width: 64px; height: 64px; margin-right: 8px; }.basket-item--order .basket-item__body { padding-top: 0; padding-right: 0; }.basket-item--order .basket-item__price-wrap { padding-top: 7px; display: flex; justify-content: space-between; align-items: center; flex-grow: 1; }.basket-item__count { font-size: 18px; }.basket-item__price-info { font-size: 15px; margin: 0 10px; margin-bottom: 0; } .basket-item__name { font-size: 16px; line-height: 130%} .basket-item__count { margin-top: 0; } .basket-item__delete { margin-top: 0; position: absolute; right: 0; top: 0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } .basket-item__delete .svg-icon { width: 15px; height: auto; } .basket-item__tech span { font-size: 12px; line-height: 150%} }.basket__body { flex-grow: 1; padding-right: 86px; } .basket__link { font-size: 18px; line-height: 150%; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; } .basket__wrap { display: flex; } .basket__aside { width: 352px; flex: none; } .basket__aside-wrap { background: #f9f3e9; padding: 38px 40px 42px; } .basket__aside .basket__link { display: flex; justify-content: flex-end; } @media (max-width:1200px) { .basket__wrap { display: block; } .basket__link { margin-bottom: 40px; } .basket__body { padding-right: 0; } .basket__aside { width: 517px; margin: 40px auto 0; } }@media (max-width:960px) { .basket__link { margin-bottom: 32px; } .basket__link a { font-size: 12px; line-height: 150%} .basket__aside { width: auto; margin: 40px -22px 0; } .basket__aside-wrap { padding: 32px; } }@media (max-width:640px) { .basket__aside-wrap { padding: 32px 24px; } }@media (max-width:480px) { .basket__aside-wrap { padding: 32px 20px; } }.b-catalog { position: relative; margin-left: 37px; margin-top: 6px; } .b-catalog .btn--middle { padding: 15px 35px; } .b-catalog:hover .b-catalog__wrap { opacity: 1; pointer-events: auto; } .b-catalog__wrap { height: 720px; position: absolute; top: 100%; padding-top: 7px; left: -70px; z-index: 6; width: 857px; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .b-catalog__drop.is-active { opacity: 1; pointer-events: auto; } .b-catalog__drop { position: absolute; left: 388px; height: 100%; top: 0; width: 469px; background-color: #fff; } .b-catalog__drop-main { padding: 44px 60px 44px 55px; width: 100%; } .b-catalog__drop-btn { margin-top: 40px; } .b-catalog__section { position: relative; margin-bottom: 24px; padding-bottom: 24px; } .b-catalog__section::before { content:" "; position: absolute; left: 0; bottom: 0; width: 291px; height: 1px; background: #CBCBCB; } .b-catalog__section:last-child:before { display: none; } .b-catalog__section:last-child { margin-bottom: 0; padding-bottom: 0; } .b-catalog__section--mb0 a { margin-bottom: 0 !important; } .b-catalog__section-title { display: inline-flex; align-items: center; margin-bottom: 24px; font-weight: 400; font-size: 24px; line-height: 150%} .b-catalog__block { margin-bottom: 24px; } .b-catalog__block:last-child { margin-bottom: 0; } .b-catalog__block-title { display: inline-flex; align-items: center; margin-bottom: 16px; font-weight: 400; font-size: 18px; line-height: 150%} .b-catalog__block ul { margin: 0; padding: 0; } .b-catalog__block ul li { margin-bottom: 12px; } .b-catalog__block ul li:last-child { margin-bottom: 0; } .b-catalog__block ul li a { font-weight: 400; font-size: 16px; line-height: 150%; color: #6d6d6e; } .b-catalog__menu-wrap { width: 388px; height: 100%; } .b-catalog__menu { width: 388px; height: 100%; margin: 0; background: #f9f3e9; } .b-catalog__menu-btn { margin: 0 34px; margin-top: 40px; padding-bottom: 34px; } .b-catalog__menu-ul { padding: 0; padding: 34px 0 0; margin: 0; } .b-catalog__drop { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } .b-catalog__menu-ul>li { margin-bottom: 12px; width: 100%} .b-catalog__menu-ul>li:hover>a { background-color: #fff; } .b-catalog__menu-ul>li.is-active .b-catalog__drop { opacity: 1; pointer-events: auto; } .b-catalog__menu-ul>li.is-active>a { background-color: #fff; } .b-catalog__menu-ul>li>a { font-family: Zt Chablis; font-weight: 400; font-size: 30px; line-height: 36px; display: flex; align-items: center; padding: 10px 0 12px 24px; color: #131417; transition: background-color .3s ease; } .b-catalog__body { height: 100%; background: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 43%, .12); border-radius: 8px; } @media(max-width: 1600px) { .b-catalog__wrap { height: 600px; } } @media(max-width: 1366px) { .b-catalog__wrap { height: 500px; } } .range { padding-bottom: 8px; width: 247px; } .range__wrap { display: flex; align-items: center; justify-content: space-between; } .range__wrap input { font-family: Inter; background-color: transparent; font-weight: 400; font-size: 18px; line-height: 22px; letter-spacing: -.03em; width: 118.5px; padding: 14px 20px; border: 1px solid #cbcbcb; height: 50px; } .range .ui-slider { margin-top: 27px; height: 1px; background: #cbcbcb; border: 0; } .range .ui-slider-range { height: 1px; background: #131417; border: 0; border-radius: 0!important; } .range .ui-slider-horizontal .ui-slider-handle { margin-left: -12px; } .range .ui-slider-handle { top: -12px; border: 1px solid #131417; background-color: #fefefd; width: 24px; height: 24px; border-radius: 50%; display: inline-block; } @media (max-width:1200px) { .range { width: 100%} } .btn:disabled { opacity: 0.5; pointer-events: none; } .btn { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-align: center; font-family: Geometria; font-style: normal; font-weight: 400; font-size: 22px; line-height: 28px; padding: 18px 32px 16px; background-color: transparent; border: 1px solid transparent; text-decoration: none; border-radius: 50px; text-transform: uppercase; transition: background-color .3s, border-color .3s, box-shadow .3s, color .3s ease; } .btn--out-black { border-color: #131417; color: #131417; } .btn--orange { color: #fff; background-color: #ce603a; } .btn--milk { background-color: #f9f3e9; } .btn--grey, .btn--grey-light { border-color: #6d6d6e; color: #131417; } .btn--middle { font-size: 20px; line-height: 25px; padding: 16px 22px; } .btn--right .svg-icon { margin-left: 8px; } .btn--out-white { border-color: #fff; color: #fff; } .btn--out-light-dark { border-color: hsla(0, 0%, 63%, .2); color: #000; } .btn--out-light-dark.btn--stroke use { fill: transparent; stroke: #000; } .btn--out-light { border-color: #f9ebeb; color: #ff3868; } .btn--out-light.btn--stroke use { fill: transparent; stroke: #ff3868; } .btn--out-red { border-color: rgba(216, 5, 6, .5); color: #d80506; } .btn--out-red .svg-icon use { fill: transparent; stroke: #ff3868; } .btn--upload { justify-content: flex-start; text-align: left; } .btn--white { color: #ff3868; background-color: #fff; } .btn--white svg use { fill: transparent; stroke: #ff3868; } .btn--middle { padding: 15px 32px; } .btn--mini { font-size: 16px; line-height: 20px; padding: 13px 24px; } .btn--small { font-size: 14px; padding: 8px 16px; line-height: 18px; } @media (min-width:960px) { .btn--out-black:hover { background-color:#474a51; border-color: #474a51; color: #fff; } .btn--out-black:hover .svg-icon use { stroke: #fff; } .btn--grey:hover { background-color: #000; border-color: #000; color: #fff; } .btn--grey:hover .svg-icon use { stroke: #fff; } .btn--red:hover { background-color: #000; border-color: #000; color: #fff; } .btn--red:hover .svg-icon use { stroke: #fff; } .btn--orange:hover { background-color: #000; border-color: #000; color: #fff; } .btn--orange:hover .svg-icon use { stroke: #fff; } .btn--default:hover { color: #fff; background-color: #ff3868; } .btn--default:hover .svg-icon use { stroke: #fff; } .btn--default:focus { background-color: #ff3868; } .btn--default:disabled { background-color: #a0a0a0; } .btn--out-default:hover { background-color: #ff9b00; } }@media (max-width:960px) { .btn { padding: 13px 20px; } .btn, .btn--middle { font-size: 16px; line-height: 20px; } .btn--middle { padding: 16px 32px; } }.bread { margin-bottom: 60px; position: relative; z-index: 2; } .bread ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .bread ul li { list-style: none; text-decoration: none; display: inline-flex; align-items: center; margin-right: 9px; } .bread ul li:last-child { margin-right: 0; } .bread ul li a { display: inline-flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 150%; color: #6d6d6e; transition: opacity .3s ease; } .bread ul li a .svg-icon { width: 8px; flex: none; height: auto; margin-left: 5px; margin-top: 1px; } .bread ul li a .svg-icon use { fill: #6d6d6e; } .bread ul li span { display: inline-flex; font-weight: 400; font-size: 16px; line-height: 150%; color: #6d6d6e; } @media (min-width:960px) { .bread ul li a:hover { opacity: .8; } }@media (max-width:1310px) { .bread { margin-bottom: 35px; } .bread ul li { margin-right: 4px; } .bread ul li a { font-size: 12px; line-height: 150%} .bread ul li a .svg-icon { margin-top: -2px; width: 14px; } .bread ul li span { font-size: 12px; line-height: 150%} }@media (max-width:640px) { .bread { margin-bottom: 27px; } .bread ul li { margin-right: 7px; } .bread ul li a .svg-icon { margin-top: -1px; width: 11px; } }.card { /*display: flex;*/ } .card__main { overflow: hidden; margin-left: -74px; } .card__rating { margin-right: 15px; } .card__rating .rate .svg-icon { margin-right: 8px; margin-left: 0; } .card .main-rate { margin-bottom: 16px; justify-content: flex-start; pointer-events: none; } .card__slider { display: none; } .card__img { overflow: hidden; position: relative; } .card__img .price, .card__slider .price { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; background-color: #CE603A; border-radius: 50%; color: #FFF; text-align: center; font-family: Geometria; font-size: 28px; font-weight: 500; line-height: normal; text-transform: uppercase; position: absolute; right: 20px; top: 20px; } .card__img-small { width: 74px; float: left; } .card__img-small div { width: 74px; height: 74px; transition: border-color .3s ease; border-radius: 5px; background-color: #f8f8f7; margin-bottom: 11px; overflow: hidden; cursor: pointer; outline: 0!important; } .card__img-small div:last-child { margin-bottom: 0; } .card__img-small div.is-active { border: 2px solid #f3eada; } .card__img-big { width: 598px; float: left; padding-left: 14px; } .card__img-big div { width: 582px; height: 582px; transition: border-color .3s ease; margin-bottom: 20px; overflow: hidden; cursor: pointer; } .card__img-big div:last-child { margin-bottom: 0; } .card .review-item { padding-bottom: 24px; margin-bottom: 32px; } .card .review-item:last-child { margin-bottom: 0; } .card__about div { margin-bottom: 24px; } .card__about div:last-child { margin-bottom: 0; } .card__about div span { display: block; color: rgba(0, 0, 0, .6); font-weight: 500; font-size: 16px; line-height: 130%; margin-bottom: 5px; } .card__price .card__price-text { display: none; } .card__price-main { font-size: 48px; line-height: 60px; line-height: 150%; } .old { color: #6D6D6E; font-family: Geometria; font-size: 48px; font-style: normal; font-weight: 400; line-height: 150%; text-decoration: line-through; margin-left: 16px; } .card__price-btn { margin-left: 15px; } .card__price-btn .btn--middle { padding-left: 18px; padding-right: 18px; } .card__price-text { font-size: 18px; line-height: 150%; margin-top: 18px; } .card__price-text a { border-bottom: 1px solid #cbcbcb; } .card__price-wrap { justify-content: space-between; margin-top: 55px; flex-direction: column; } .card__price-right, .card__price-wrap { display: flex; align-items: center; } .card__price-wrap { align-items: flex-start; } .card__price { display: flex; align-items: center; margin-bottom: 25px; } .card__block { font-size: 18px; line-height: 150%; margin-bottom: 48px; } .card__block.is-active .card__block-control span:last-child { transform: rotate(0); } .card__block:last-child { border: 0; padding: 0; margin: 0; } .card__block-control { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; position: relative; } .card__block-control span { display: block; width: 32px; height: 2px; background-color: #cbcbcb; transition: transform .3s ease; } .card__block-control span:last-child { position: absolute; transform: rotate(90deg); } .card__block-title { display: flex; align-items: center; justify-content: space-between; cursor: pointer; margin-bottom: 16px; } .card__block-title h2 { margin-bottom: 0; font-size: 30px; line-height: 36px; } p span { font-family: Geometria !important; } .card__block-body { display: none; } .card__block p { font-size: 18px; line-height: 150%; margin-bottom: 15px; } .card__block p:last-child { margin-bottom: 0; } .card__block:last-child { margin-bottom: 0; } .card__tech { margin-top: 24px; } .card__tech div { margin-bottom: 24px; font-size: 18px; line-height: 150%; color: #131417; } .card__tech div:last-child { margin-bottom: 0; } .card__tech div span { font-size: 16px; line-height: 150%; text-transform: uppercase; display: block; color: #6d6d6e; margin-bottom: 2px; } .card__aside { float: left; width: 672px; overflow: hidden; } .card__code { font-size: 18px; line-height: 150%; text-transform: uppercase; color: #6d6d6e; } .card__availability { font-size: 18px; line-height: 150%; text-transform: uppercase; margin-left: 0; } .card__type { display: flex; align-items: flex-end; margin-bottom: 36px; font-size: 18px; line-height: 150%; color: #6d6d6e; } .card__type span { display: inline-flex; font-size: 32px; line-height: 39px; font-family: Zt Chablis; margin-bottom: -3px; margin-left: 20px; color: #131417; } .card__info { margin-bottom: 55px; } .card__info-main { display: flex; align-items: center; margin-bottom: 32px; } .card__info-upload { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .card__info-tag { display: inline-flex; align-items: center; font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 24px; line-height: 29px; margin-right: 8px; padding: 13px 27px; background: #f9f3e9; border: 2px solid #f9f3e9; border-radius: 57px; } .card__info-top { justify-content: space-between; margin-bottom: 44px; } .card__info-left, .card__info-top { display: flex; align-items: center; } .card__title { max-width: 80%; margin-bottom: 16px; } .card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } .card__body { float: left; width: calc(100% - 672px); padding-left: 76px; position: relative; } .btn-favor { display: block; line-height: 1; position: absolute; top: 15px; right: 0; } .btn-favor svg { width: 25px; height: 25px; } .btn-favor-item { position: absolute; left: 2px; top: 11px; line-height: 1; z-index: 11; } circle, path { transition: all 300ms; } .btn-favor:hover path:first-child, .btn-favor.added path:first-child, .btn-favor-item:hover path:first-child, .btn-favor-item.added path:first-child { fill: #B1795C; } @media (max-width:1480px) { .card__aside { margin-left: 0; } }@media (max-width:1310px) { .card__body { width: calc(100% - 357px); padding-left: 23px; } .card__img-big { width: 315px; padding-left: 6px; } .card__img-big div { width: 315px; height: 315px; margin-bottom: 10px; } .card__img-big div:last-child { margin-bottom: 0; } .card__img-small { width: 36px; } .card__main { margin-left: 0; } .card__img-small div { width: 36px; height: 36px; margin-bottom: 6px; } .card__img-small div:last-child { margin-bottom: 0; } .card__aside { width: 357px; } .card__price { width: 100%; display: flex; align-items: center; /* justify-content: space-between; */ margin-bottom: 24px; } .card__price-btn { flex-grow: 1; } .card__price-btn .btn, .card__price-right { width: 100%} .card__price .card__price-text { display: block; width: 287px; font-size: 16px; line-height: 150%; margin: 0; } .card__price-wrap { flex-direction: column; } .card__price-text { display: none; } .card__availability { margin-left: 0; } .card__info-top { margin-bottom: 36px; } .card__title { max-width: 100%} .card__title h1 { font-size: 48px; line-height: 110%} }@media (max-width:960px) { .card { overflow: visible; display: flex; flex-direction: column; } .card__aside { width: 100%} .card__slider { display: flex; margin-bottom: 32px; } .card__img { display: none; } .card__price { width: auto; margin: 0; margin-bottom: 10px; } .card__price-right { width: auto; } .card__price-main { font-size: 32px; line-height: 40px; line-height: 150%; } .old { font-size: 32px; } .card__price .card__price-text { display: none; } .card__price-wrap { flex-direction: row; margin-top: 40px; } .card__price-wrap .count { width: 154px; height: 54px; } .card__price-text { display: block; margin-top: 16px; font-size: 14px; line-height: 130%} .card__info { margin-bottom: 43px; } .card__info-wrap { display: flex; align-items: center; margin-bottom: 24px; } .card__info-top { margin-bottom: 0; padding-left: 24px; flex-grow: 1; } .card__info-tag { font-size: 16px; line-height: 19px; padding: 9px 16px; margin-right: 24px; } .card__info-main { flex: none; margin-bottom: 0; } .card__info-upload { width: 36px; height: 36px; } .card__info-upload svg { width: 16px; height: auto; } .card__availability { margin-left: 0; font-size: 12px; line-height: 150%} .card__type { font-size: 16px; line-height: 130%; margin-bottom: 24px; } .card__type span { font-size: 24px; line-height: 29px; margin-bottom: -2px; } .card__code, .card__rating .rate { font-size: 12px; line-height: 150%} .card__rating .rate .svg-icon { width: 12px; height: auto; margin-top: -1px; } .card__title { max-width: none; } .card__title h1 { font-size: 32px; line-height: 120%} .card__body { width: 100%; padding-left: 0; } .card__tech { margin-top: 16px; } .card__tech div { font-size: 16px; line-height: 130%} .card__tech div span { font-size: 12px; line-height: 150%} .card__block { margin-bottom: 32px; } .card__block .review__btn { margin-top: 0; } .card__block .review__btn .btn { padding: 9px 16px 8px; font-size: 14px; line-height: 18px; } .card__block p { font-size: 16px; line-height: 130%} .card__block-control { width: 16px; height: 16px; } .card__block-control span { width: 16px; height: 1px; } .card__block-title { margin-bottom: 12px; } .card__block-title h2 { font-size: 24px; line-height: 29px; } }@media (max-width:640px) { .card__slider { flex-direction: column; } .card__info-wrap { display: block; } .card__info-top { padding-left: 0; margin-top: 16px; } .card__info-main { justify-content: space-between; } .card__info-top .card__rating { display: flex; } .card__price-wrap { padding-bottom: 70px; position: relative; flex-direction: column; } .card__price-btn { position: absolute; left: 0; bottom: 0; margin-left: 0; right: 0; } .card__price-btn .btn { width: 100%} .card__availability { margin-left: 0; } }@media (max-width:480px) { .card__block .review__btn { flex-direction: column; align-items: flex-start; } .card__block .review__btn .btn { margin-bottom: 15px; } .card__block .review__btn .btn:last-child { margin-bottom: 0; } } @media (max-width: 375px) { .card__info-top { display: block; } .card__type a { margin: 3px 0 0 0 ; } .card__type { flex-direction: column; align-items: flex-start; } .card__code { margin-top: 5px; } } .catalog-item { position: relative; z-index: 7; } .catalog-item__count { margin-bottom: 16px; } .catalog-item__count .count, .catalog-item__count .count .ui-spinner { width: 100%} .catalog-item__count .count .ui-spinner .ui-spinner-input { width: calc(100% - 33px); } .catalog-item__slider { z-index: 4; } .section--catalog-slider:hover { z-index: 15; } .catalog-item__slider .slick-list { overflow: visible; } .catalog-item__slider .slick-arrow { position: absolute; top: 170px; background-color: transparent; border: 0; padding: 0; z-index: 5; cursor: pointer; } .catalog-item__slider .slick-arrow.slick-disabled { opacity: 0.6; pointer-events: none; } .catalog-item__slider .slick-arrow .svg-icon use { fill: #cbcbcb; } .catalog-item__slider .slick-arrow.slick-prev { left: -62px; } .catalog-item__slider .slick-arrow.slick-next { right: -62px; } .catalog-item__slider .slick-list { margin: 0 -12px; } .catalog-item__slider .slick-slide { opacity: 0; pointer-events: none; transition: opacity .3s ease; padding: 0 12px; } .catalog-item__slider .slick-slide.slick-active { opacity: 1; pointer-events: auto; } .catalog-item__basket, .catalog-item__basket .btn { width: 100%} .catalog-item__info { padding: 450px 11px 20px; position: absolute; top: 0; left: -11px; right: -11px; background-color: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 43%, .12); border-radius: 8px; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .catalog-item__dop { margin-top: 16px; } .catalog-item__dop-wrap { font-size: 18px; line-height: 23px; } .catalog-item__basketmobile { display: none; } .catalog-item__img { display: flex; align-items: center; justify-content: center; height: 306px; margin-bottom: 16px; position: relative; z-index: 2; background-color: #f8f8f7; border-radius: 5px; } .catalog-item__img img { height: 100%; object-fit: cover; width: 100%} .catalog-item__price { display: flex; align-items: center; font-size: 32px; line-height: 150%} .catalog-item__price-wrap { position: relative; z-index: 2; margin-bottom: 8px; } .catalog-item__price span { display: inline-flex; font-family: Geometria; /* font-size: 16px; */ font-size: 32px; line-height: 150%; margin-left: 16px; font-weight: 400; text-decoration: line-through; color: #6d6d6e; } .catalog-item__rate { margin-bottom: 16px; } .catalog-item__rate-title { font-weight: 400; font-size: 18px; line-height: 150%; margin-left: 41px; } .catalog-item__name { display: inline-flex; font-size: 18px; line-height: 150%; color: #6d6d6e; position: relative; z-index: 2; } .catalog-item__status { font-family: Zt Chablis; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; } .catalog-sticker__item--sale { color: #131417; font-family: Geometria; font-size: 22px; line-height: normal; font-weight: 400; text-transform: uppercase; } .catalog-item__status-wrap { position: absolute; /* top: 10px; right: 16px; */ top: 15px; right: 15px; } .catalog-item__spisok { display: flex; flex-wrap: wrap; margin: 0 -12px -89px; } .catalog-item__spisok .catalog-item { width: calc(25% - 24px); margin: 0 12px 89px; } .catalog-item__list { display: flex; flex-wrap: wrap; margin: 0 -12px -32px; } .catalog-item__list .catalog-item { width: calc(33.3% - 24px); margin: 0 12px 32px; } .catalog-item__dop { display: flex; position: relative; font-size: 16px; line-height: 23px; } .catalog-item__dop-icon { display: flex; align-items: center; } .catalog-item__dop:hover .catalog-item__dop-popup { opacity: 1; pointer-events: auto; } .catalog-item__dop-popup { position: absolute; width: 350px; top: -194px; left: -168px; transition: opacity .3s ease; opacity: 0; pointer-events: none; padding-bottom: 27px; } @media(max-width: 1500px) { .catalog-item__dop-popup { width: auto; top: -218px; left: 0; } } .catalog-item__dop-popup-block { position: relative; box-shadow: 0 4px 20px hsla(0, 0%, 43%, .15); } .catalog-item__dop-popup-block:before { content: " "; position: absolute; width: 58px; height: 58px; transform: rotate(-43deg); left: 0; right: 0; margin: 0 auto; bottom: -6px; background: #f9f3e9; z-index: 2; } .catalog-item__dop-popupwrap { z-index: 5; position: relative; width: 100%; background: #f9f3e9; padding: 14px 18px; } .catalog-item__dop-popupwrap p { font-size: 18px; line-height: 150%; margin: 0; } .catalog-item__dop-popupwrap .btn { padding: 13px 24px 12px; margin-top: 10px; } .catalog-item__dop svg { margin-right: 13px; } @media (min-width:1310px) { .catalog-item__list { display: flex; flex-wrap: wrap; margin: 0 -12px -32px; } .catalog-item__list .catalog-item { width: calc(25% - 24px); margin: 0 12px 32px; } .catalog-item .catalog-item__basket .btn--middle { font-size: 16px; padding: 10px 20px; } /* .catalog-item__list .catalog-item:nth-child(4), .catalog-item__list .catalog-item:nth-child(5), .catalog-item__list .catalog-item:nth-child(9), .catalog-item__list .catalog-item:nth-child(10) { width: calc(50% - 24px); } */ } .catalog-item { transition: all 0.3s ease; } @media (min-width:960px) { .catalog-item:hover { z-index: 12; } .catalog-item:hover .catalog-item__info { opacity: 1; pointer-events: auto; } }@media (max-width:1310px) { .catalog-item__slider .slick-arrow.slick-prev { left: -45px; } .catalog-item__slider .slick-arrow.slick-next { right: -45px; } .catalog-item__spisok { display: flex; flex-wrap: wrap; margin: 0 -8px -32px; } .catalog-item__spisok .catalog-item { width: calc(33.3% - 16px); margin: 0 8px 32px; } .catalog-item__list { display: flex; flex-wrap: wrap; margin: 0 -12px -32px; } .catalog-item__list .catalog-item { width: calc(25% - 24px); margin: 0 12px 32px; } .catalog-item .catalog-item__dop{ font-size: 14px; } .catalog-item .catalog-item__basket .btn--middle { padding: 10px 20px; font-size: 14px; line-height: 1.35; } .catalog-item__dop-popupwrap p { font-size: 14px; } .catalog-item__dop-popupwrap .btn{ font-size: 14px; padding-right: 20px; padding-left: 20px; } .catalog-item__dop-popup{ top: -200px; } } @media (max-width:960px) { .catalog-item__basketmobile { display: flex; align-items: center; padding: 0; background-color: transparent; border: 0; } .catalog-item__img { height: 225px; margin-bottom: 12px; } .catalog-item__price { font-size: 18px; line-height: 150%} .catalog-item__price-wrap { display: flex; align-items: center; justify-content: space-between; } .catalog-item__price span { font-size: 16px; margin-left: 8px; } .catalog-item__name { font-size: 12px; line-height: 110%} .catalog-item__status { font-size: 13px; line-height: 16px; } .catalog-item__spisok { margin: 0 -6px -16px; } .catalog-item__spisok .catalog-item { width: calc(33.3% - 12px); margin: 0 6px 16px; } .catalog-item__slider .catalog-item__img { height: 210px; } .catalog-item__slider .slick-list { margin: 0 -8px; } .catalog-item__slider .slick-slide { padding: 0 8px; } } @media (max-width:768px) { .catalog-item__list .catalog-item { width: calc(33.3% - 24px); } .catalog-item--wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .catalog-item__info-row { margin-top: auto; } } @media (max-width:640px) { .catalog-item__spisok .catalog-item { width: calc(50% - 12px); } .catalog-item__list { margin: 0 -6px -16px; } .catalog-item__list .catalog-item { width: calc(50% - 12px); margin: 0 6px 16px; } }@media (max-width:480px) { .catalog-item__img, .catalog-item__slider .catalog-item__img { height: 144px; } }.catalog { display: flex; } .catalog__filter { width: 330px; padding-right: 24px; flex: none; margin-top: -8px; } .catalog__bfilter { display: flex; align-items: center; justify-content: center; cursor: pointer; } .catalog__bfilter-wrap, .catalog__filter-top { display: none; } .catalog__icon, .catalog__icon a { display: flex; align-items: center; } .catalog__icon a { width: 24px; height: 24px; justify-content: center; margin-left: 10px; } .catalog__icon a .svg-icon use { fill: transparent; stroke: #cbcbcb; } .catalog__icon a.is-active .svg-icon use { fill: transparent; stroke: #6d6d6e; } .catalog__icon a:first-child { margin-left: 0; } .catalog__select { margin-right: 28px; } .catalog__top { justify-content: space-between; margin-bottom: 24px; } .catalog__top, .catalog__top-right { display: flex; align-items: center; } .catalog__tag { display: flex; align-items: flex-end; } .catalog__body { flex-grow: 1; } @media (max-width:1200px) { .catalog { display: block; } .catalog__filter { position: fixed; width: 100%; padding-right: 0; margin-top: 0; /* z-index: 12; */ z-index: 15; background-color: rgba(79, 79, 79, .4); top: 0; left: 0; bottom: 0; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .catalog__filter.is-active { opacity: 1; pointer-events: auto; } .catalog__filter.is-active .catalog__filter-wrap { transform: translateX(0); } .catalog__filter-top { display: flex; align-items: center; justify-content: space-between; position: relative; height: 56px; padding: 0 20px; } .catalog__filter-title { position: absolute; left: 0; right: 0; text-align: center; font-size: 14px; line-height: 130%} .catalog__filter-close { z-index: 2; cursor: pointer; } .catalog__filter-reset { font-size: 14px; line-height: 130%; z-index: 2; } .catalog__filter-body { padding: 37px 20px 16px; flex-grow: 1; display: flex; flex-direction: column; } .catalog__filter-wrap { width: 360px; background: #fefefd; height: 100%; overflow-y: auto; display: flex; flex-direction: column; transform: translateX(-100%); transition: transform .3s ease; } .catalog__icon { width: 56px; order: 3; } .catalog__bfilter-wrap { display: flex; order: 1; width: 56px; justify-content: flex-start; } .catalog__select { order: 2; margin-right: 0; } .catalog__tag { order: 2; } .catalog__top { flex-direction: column; align-items: flex-start; margin-bottom: 26px; } .catalog__top-right { order: 1; margin-bottom: 21px; width: 100%; justify-content: space-between; } } .color { margin-bottom: 15px; } .color:last-child { margin-bottom: 0; } .color__name { font-size: 18px; line-height: 150%; color: #6d6d6e; margin-bottom: 8px; } .color__wrap { display: flex; } .color__item { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 16px; position: relative; } .color__item:before { content: " "; width: 44px; height: 44px; position: absolute; background-color: #fff; border: 1px solid #131417; border-radius: 50%; opacity: 0; transition: opacity .3s ease; } .color__item:last-child { margin-right: 0; } .color__item span { display: block; border-radius: 50%; height: 100%; width: 100%; position: relative; z-index: 2; } .color__item.is-active:before { opacity: 1; } @media (max-width:960px) { .color__name { font-size: 16px; line-height: 130%} .color__item { width: 32px; height: 32px; margin-right: 24px; position: relative; } .color__item:before { width: 36px; height: 36px; } }.check { display: flex; flex-direction: column; position: relative; } .check__item.disabled { display: none; opacity: 0.5; pointer-events: none; } .check__item { display: inline-flex; position: relative; align-items: center; margin-bottom: 20px; } .check__item:hover .check__control { border-color: #131417; } .check__item:last-child { margin-bottom: 0; } .check input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; opacity: 0; } .check input:checked~.check__control { border-color: #131417; } .check input:checked~.check__control .svg-icon { opacity: 1; } .check:last-child { margin-bottom: 0; } .check__control { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding-bottom: 1px; padding-right: 1px; margin-right: 8px; flex: none; border: 1px solid #6d6d6e; transition: border-color .3s ease; } .check__control .svg-icon { display: block; opacity: 0; margin-top: 2px; transition: opacity .3s ease; } .check__control .svg-icon use { fill: transparent; stroke: #131417; } .check__label { font-weight: 400; font-size: 18px; line-height: 150%} .city { margin-right: 56px; position: relative; z-index: 4; } .city__item { display: inline-flex; align-content: center; cursor: pointer; } .city__item span { font-weight: 400; font-size: 16px; line-height: 20px; color: #6d6d6e; } .city__control { display: flex; align-items: center; margin-right: 4px; } .city__control svg { display: block; transition: transform .3s ease; } .ibanner { margin-bottom: 223px; background: linear-gradient(180deg, #fffeff, #fff6f2), #fefefd; margin-top: -143px; } .ibanner--single .slick-dots { display: none !important; } .ibanner .slick-list { overflow: visible; } .ibanner__img { display: flex; align-items: center; justify-content: center; width: 804px; margin-left: -88px; position: relative; margin-top: 167px; height: 738px; } .ibanner__img img { position: relative; z-index: 2; } .ibanner__img-back { /*width: 764px; height: 764px; border-radius: 50%; top: 57px; left: 0; position: absolute;*/ width: 500px; height: 500px; border-radius: 50%; top: 118px; left: 146px; position: absolute; background: hsla(0, 0%, 100%, .91); } .ibanner__item { display: flex; align-items: center; height: 900px; background: linear-gradient(180deg, #fffeff, #fff6f2), #fefefd; } .ibanner__item .container { display: flex; align-items: center; height: 100%} .ibanner__body, .ibanner__wrap { display: flex; height: 100%} .ibanner__body { /* width: 609px; */ width: 510px; padding-bottom: 14px; flex-direction: column; justify-content: center; position: relative; z-index: 5; } .ibanner__name { font-family: Zt Chablis; font-weight: 400; font-size: 78px; line-height: 96%; margin-bottom: 25px; } .ibanner__type { margin-bottom: 19px; } .ibanner__type span { display: inline-flex; align-items: center; padding: 5px 12px 8px; background: #f9f3e9; font-weight: 400; font-family: Zt Chablis; font-size: 18px; line-height: 22px; border: 2px solid #f9f3e9; border-radius: 57px; } .ibanner .slick-dots { position: absolute; margin: 0; padding: 0; left: calc((100% - 1297px)/2); bottom: 41px; display: flex; list-style: none; } .ibanner .slick-dots li { margin-right: 8px; } .ibanner .slick-dots li button { font-family: Geometria; font-weight: 400; font-size: 18px; line-height: 150%; color: #6d6d6e; padding: 0; background-color: transparent; border: 0; transition: color .3s ease; } .ibanner .slick-dots li:first-child button::before, .ibanner .slick-dots li:nth-child(2) button:before, .ibanner .slick-dots li:nth-child(3) button:before, .ibanner .slick-dots li:nth-child(4) button:before, .ibanner .slick-dots li:nth-child(5) button:before, .ibanner .slick-dots li:nth-child(6) button:before, .ibanner .slick-dots li:nth-child(7) button:before, .ibanner .slick-dots li:nth-child(8) button:before, .ibanner .slick-dots li:nth-child(9) button:before { content: "0"} .ibanner .slick-dots li.slick-active button { color: #131417; } @media (max-width:1355px) { .ibanner .slick-dots { left: 25px; } }@media (max-width:1310px) { .ibanner { margin-bottom: 112px; margin-top: -56px; } .ibanner__img { width: 553px; height: 563px; margin-left: -38px; position: relative; margin-top: 118px; } .ibanner__img img { max-height: 100%} .ibanner__img-back { /* width: 553px; height: 553px;*/ width: 450px; height: 450px; top: 71px; left: 58px; } .ibanner__wrap { width: 100%; justify-content: space-between; } .ibanner__item { /* height: 600px; */ height: 660px; } .ibanner__body { width: 389px; padding-bottom: 34px; } .ibanner__name { font-size: 56px; line-height: 110%; margin-bottom: 40px; } .ibanner__type { margin-bottom: 32px; } .ibanner__type span { font-size: 18px; line-height: 22px; padding: 5px 12px 8px; } .ibanner .slick-dots { left: 29px; bottom: 28px; } }@media (max-width:960px) { .ibanner { margin-bottom: 40px; margin-top: -56px; } .ibanner__type { display: none; } .ibanner__name { max-width: 261px; text-align: center; } .ibanner__wrap { align-items: center; flex-direction: column; justify-content: flex-start; width: 100%} .ibanner__img { width: 285px; order: 1; height: 276.69px; margin-left: 0; margin-top: 0; margin-bottom: 23px; position: relative; } .ibanner__img-back { /* width: 285px; height: 285px; top: 23px;*/ width: 285px; height: 285px; top: 0px; left: 0; } .ibanner__item { height: 606px; padding-top: 88px; } .ibanner__body { width: 289px; margin: 0 auto; height: auto; padding-bottom: 0; order: 2; align-items: center; } .ibanner__name { font-size: 32px; line-height: 96%; margin-bottom: 24px; } .ibanner__type { margin-bottom: 32px; } .ibanner__type span { font-size: 18px; line-height: 22px; padding: 5px 12px 8px; } .ibanner .slick-dots { left: 0; right: 0; bottom: 21px; display: flex; justify-content: center; } .ibanner .slick-dots li:last-child { margin-right: 0; } .ibanner .slick-dots li button { font-size: 16px; line-height: 150%} } @media (max-width: 960px) { .ibanner__name { font-size: 30px; line-height: 96%; } } .contact { position: relative; height: 850px; display: flex; align-items: center; } .contact__section { margin-bottom: 59px; } .contact .social { margin-top: 20px; } .contact .social, .contact__main { display: flex; align-items: center; justify-content: center; } .contact__main { width: 100%} .contact__map { position: absolute; left: calc((100vw - 1300px)/2); top: 0; right: 0; } .contact__map, .contact__map #map { height: 100%; width: 100%} .contact__main { position: relative; z-index: 2; } .contact .social { margin-bottom: 24px; } .contact__btn { margin-top: -5px; } .contact__btn .btn { width: 100%; margin-bottom: 16px; } .contact__btn .btn:last-child { margin-bottom: 0; } .contact__address, .contact__mail { font-size: 18px; line-height: 150%; margin-bottom: 24px; } .contact__mail { display: inline-flex; align-items: center; color: #ce603a; text-transform: uppercase; } .contact__mail-icon { width: 26px; display: flex; align-items: flex-start; justify-content: flex-start; margin-right: 13px; } .contact__mail-icon svg { display: block; } .contact__phone { display: inline-flex; align-items: center; color: #ce603a; font-size: 24px; line-height: 150%; margin-bottom: 24px; } .contact__phone-icon { width: 26px; display: flex; align-items: flex-start; justify-content: flex-start; margin-right: 13px; } .contact__phone-icon svg { display: block; } .contact__info { display: flex; flex-direction: column; padding: 49px 50px; height: 850px; padding-left: 0; width: 482px; background: #fff; position: relative; } .contact__info:before { content: " "; position: absolute; width: 15px; height: 100%; background-color: #fff; left: -15px; top: 0; } .contact__info h1 { margin-bottom: 24px; } @media (min-width:960px) and (max-width:1310px) { .contact { height: 697px; } .contact__section { margin-bottom: 25px; } .contact__map { left: 32px; } .contact__info { height: 697px; width: 376px; } .contact__info h1 { margin-bottom: 15px; } .contact__btn .btn--middle { padding: 13px 28px; font-size: 17px; line-height: 21px; } .contact__address, .contact__mail { font-size: 15px; line-height: 150%; margin-bottom: 15px; } .contact__phone { font-size: 21px; margin-bottom: 18px; } }@media (max-width:960px) { .contact, .contact__section { flex-direction: column; } .contact__section { display: flex; align-items: flex-start; margin-bottom: 25px; } .contact .social__item { width: 32px; height: 32px; } .contact .container { width: 100%} .contact__map { position: relative; top: auto; height: 730px; order: 2; left: 0; } .contact__address { font-size: 16px; line-height: 130%} .contact__btn { display: flex; align-items: center; margin: 0 -10px; } .contact__btn .btn { margin: 0 10px; padding: 13px 24px 12px; width: calc(50% - 20px); } .contact__info { width: 100%; height: auto; padding: 0; padding-bottom: 30px; } .contact__mail { font-size: 16px; line-height: 130%} .contact__mail-icon { width: 18px; margin-right: 10px; } .contact__mail-icon svg { width: 100%; height: auto; } .contact__phone { font-size: 16px; line-height: 130%} .contact__phone-icon { width: 18px; margin-right: 10px; } .contact__phone-icon svg { width: 100%; height: auto; } .contact__main { width: 100%; order: 1; } }@media (max-width:960px) { .contact__btn { display: flex; align-items: center; flex-direction: column; margin: 0; } .contact__btn .btn { width: 100%; margin-bottom: 16px; } .contact__btn .btn:last-child { margin-bottom: 0; } }@media (max-width:480px) { .contact__map { height: 650px; } }.count { width: 141px; padding: 12px 18px; height: 56px; border: 3px solid #f3eada; border-radius: 48px; overflow: hidden; } .count, .count .ui-spinner { display: flex; align-items: center; justify-content: center; position: relative; } .count .ui-spinner { border: 0; } .count .ui-spinner-button { display: inline-flex; align-items: center; justify-content: center; flex: none; position: relative; border: 0; box-shadow: none; cursor: pointer; outline: 0!important; border: 0!important; } .count .ui-spinner-button.ui-spinner-up { order: 3; width: 16px; height: 17px; background-image: url(/images/common/plus.png); background-color: transparent; outline: 0; } .count .ui-spinner-button.ui-spinner-up span { display: none; } .count .ui-spinner-button.ui-spinner-down { order: 1; width: 16px; height: 15px; background-image: url(/images/common/minus.png); background-color: transparent; background-repeat: no-repeat; background-position: 50%} .count .ui-spinner-button.ui-spinner-down span { display: none; } .count .ui-spinner-input { display: inline-flex; font-family: Geometria; font-size: 22px; line-height: 28px; margin: 0; padding: 0; width: 69px; color: #131417; order: 2; text-align: center; } @media (max-width:960px) { .count { width: 141px; padding: 12px 15px; height: 56px; border: 2px solid #f3eada; } .count .ui-spinner-input { font-size: 18px; line-height: 23px; width: 66px; color: #131417; } }.delivery { overflow: hidden; } .delivery__title { font-family: Zt Chablis; font-size: 48px; line-height: 110%; margin-bottom: 56px; } .delivery__body { width: calc(100% - 306px); padding-right: 134px; float: left; } .delivery__section { padding-bottom: 156px; } .delivery__section:last-child { padding-bottom: 0; } .delivery__aside { width: 306px; float: left; } .delivery__aside a { display: flex; margin-bottom: 12px; padding: 8px 20px; font-size: 18px; line-height: 150%; background-color: #fff; transition: background-color .3s ease; } .delivery__aside a.is-active, .delivery__aside a:hover { background-color: #f9f3e9; } @media (max-width:1310px) { .delivery__body { width: calc(100% - 212px); padding-right: 16px; } .delivery__section { padding-bottom: 78px; } .delivery__aside { width: 212px; } }@media (max-width:960px) { .delivery__title { font-size: 32px; line-height: 120%; margin-bottom: 20px; } .delivery__body { width: 100%; padding-right: 0; float: none; } .delivery__section { padding-bottom: 56px; } .delivery__aside { display: none; } }.delivery-item { display: flex; justify-content: space-between; padding-bottom: 57px; margin-bottom: 51px; border-bottom: 2px solid #cbcbcb; } .delivery-item__control { display: none; } .delivery-item:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .delivery-item__body { width: 100%} .delivery-item__name { font-weight: 500; font-size: 24px; line-height: 150%; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between; } .delivery-item__name img { margin-left: 24px; flex: none; width: 180px; } .delivery-item__name span { color: #ce603a; } .delivery-item__price { display: flex; margin-bottom: 48px; } .delivery-item__price div { margin-right: 56px; } .delivery-item__price div:last-child { margin-right: 0; } .delivery-item__price div span { display: block; } .delivery-item__price div span:first-child { font-weight: 500; font-size: 32px; line-height: 150%; margin-bottom: 4px; } .delivery-item__price div span:last-child { font-size: 20px; line-height: 150%} .delivery-item__img { display: none; } .delivery-item__btn { margin-top: 24px; display: flex; } .delivery-item__btn .btn { margin-right: 15px; } .delivery-item__text { max-width: 687px; } .delivery-item__text--full { max-width: 856px; } .delivery-item__text span { color: #ce603a; } .delivery-item__text p { margin: 0; margin-bottom: 12px; font-size: 24px; line-height: 150%} .delivery-item__text p:last-child { margin-bottom: 0; } .delivery-item--small { border: 0; padding-bottom: 0; margin-bottom: 64px; } .delivery-item--small:last-child { margin-bottom: 0; } @media (max-width:1310px) { .delivery-item { width: 100%; position: relative; } .delivery-item__body { flex-grow: 1; } .delivery-item__name--column { display: flex; flex-direction: column; align-items: flex-start; } .delivery-item__name--column div { order: 2; } .delivery-item__name--column img { display: block; order: 1; margin-bottom: 24px; } .delivery-item__name img { display: block; } .delivery-item__img { display: none; } }@media (max-width:960px) { .delivery-item { display: block; padding-bottom: 0; margin-bottom: 24px; border: 0; } .delivery-item__control { margin-left: 24px; flex: none; position: relative; display: flex; align-items: center; width: 16px; height: 16px; } .delivery-item__control span { width: 16px; height: 1px; background: #6d6d6e; } .delivery-item__control span:last-child { position: absolute; transform: rotate(90deg); transition: transform .3s ease; } .delivery-item__name { font-size: 18px; line-height: 150%; margin-bottom: 12px; cursor: pointer; } .delivery-item__name--column { flex-direction: row; align-items: center; } .delivery-item__name.is-active .delivery-item__control span:last-child { transform: rotate(0deg); } .delivery-item__name img { display: none; } .delivery-item__body-wrap { /*display: none;*/ padding-bottom: 24px; border-bottom: 2px solid #cbcbcb; } .delivery-item__img { display: block; margin-left: 0; margin-top: 24px; } .delivery-item__btn { margin-top: 16px; flex-direction: column; } .delivery-item__btn .btn { font-size: 16px; line-height: 20px; padding: 13px 24px 12px; width: 100%; margin: 0; margin-bottom: 15px; } .delivery-item__btn .btn:last-child { margin-bottom: 0; } .delivery-item__price { display: block; margin-bottom: 32px; } .delivery-item__price div { margin-right: 0; margin-bottom: 16px; } .delivery-item__price div:last-child { margin-bottom: 0; } .delivery-item__price div span:first-child { font-size: 20px; line-height: 150%} .delivery-item__price div span:last-child, .delivery-item__text p { font-size: 16px; line-height: 130%} .delivery-item--small .delivery-item__body-wrap { padding-bottom: 0; border-bottom: 0; } }.detail h1 { text-align: center; margin-bottom: 16px; } .detail__time { font-size: 24px; line-height: 150%; color: #6d6d6e; text-align: center; } .detail__btn { margin-top: 24px; } .detail__btn .btn { margin-right: 16px; } .detail__body { width: 856px; margin: 0 auto; } .detail__body p { margin: 0 0 16px; } .detail__body p:last-child { margin-bottom: 0; } .detail__info { position: absolute; font-size: 18px; line-height: 22px; font-family: Zt Chablis; padding: 5px 12px; background-color: #f9f3e9; left: 12px; bottom: 16px; border-radius: 57px; } .detail__img { position: relative; margin-top: 12px; margin-bottom: 24px; } .detail__type { font-size: 24px; line-height: 150%; margin-top: 16px; color: #6d6d6e; } .detail__wrap { width: 860px; margin: 0 auto; } .detail__wrap-text span { display: inline-block; color: #ce603a; border-bottom: 1px solid #ce603a; } .detail__slider { margin-bottom: 40px; height: 600px; position: relative; } .detail__slider .slick-arrow { display: flex; align-items: center; justify-content: center; border: 0; position: absolute; width: 32px; height: 32px; padding: 0; background-color: transparent; border-radius: 50%; top: 50%; transform: translateY(-50%); cursor: pointer; } .detail__slider .slick-arrow .svg-icon use { fill: #6d6d6e; stroke: transparent; } .detail__slider .slick-arrow:hover .svg-icon use { fill: #131417; } .detail__slider .slick-arrow.slick-next { right: -69px; } .detail__slider .slick-arrow.slick-prev { left: -69px; } .detail__slider .slick-dots { position: absolute; bottom: 32px; left: 0; right: 0; display: flex; align-items: center; justify-content: center; } .detail__slider .slick-dots li { display: inline-flex; align-items: center; margin: 0 4px; } .detail__slider .slick-dots li button { width: 12px; height: 12px; font-size: 0; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; background-color: #fff; border-radius: 25px; transition: width .3s ease; } .detail__slider .slick-dots li.slick-active button { width: 32px; } .detail__slider-item { height: 600px; background-position: 50%; background-size: cover; } .detail__rate { position: relative; width: 860px; margin: 57px auto 0; } .detail__rate, .detail__rate-block, .detail__rate-head { display: flex; align-items: center; } .detail__rate .main-rate { margin-bottom: 0; } .detail__rate .main-rate .svg-icon { width: 24px; height: auto; margin-right: 5px!important; } .detail__rate .main-rate__wrap { overflow: hidden; flex: none; } .detail__rate .main-rate span { display: block; width: 126px; font-size: 18px; line-height: 110%} .detail__rate-img { right: -31px; position: absolute; top: 0; } .detail__rate-title { font-weight: 400; font-size: 24px; line-height: 150%; margin-right: 19px; flex: none; } .detail__rate-info { width: 123px; font-weight: 400; font-size: 18px; line-height: 110%; color: #6d6d6e; margin-right: 16px; } .detail__rate-main { margin-right: 8px; } .detail__rate-main .svg-icon { margin-right: 6px; } .detail__rate-main .svg-icon:last-child { margin-right: 0; } .detail__rate-main .svg-icon use { stroke: #131417; fill: transparent; } .detail__rate-main .svg-icon.is-full use { fill: #ce603a; stroke: #ce603a; } .detail__rate-count { font-family: Zt Chablis; font-weight: 400; font-size: 56px; line-height: 110%; margin-right: 43px; font-feature-settings: "pnum" on, "lnum" on; } .detail--full .detail__body { width: 100%} .detail--full .detail__body h1 { margin-bottom: 32px; } @media (max-width:1550px) { .detail--full { overflow: visible; } .detail__slider .slick-arrow.slick-next { right: -39px; } .detail__slider .slick-arrow.slick-prev { left: -39px; } }@media (max-width:1310px) { .detail { overflow: hidden; padding: 0 16px; } .detail--full { padding: 0; overflow: visible; } .detail__body { width: 100%} .detail__img { margin-top: 25px; margin-bottom: 32px; width: 100%} .detail__img img { width: 100%; max-width: none; } .detail__slider { margin-bottom: 32px; height: 550px; position: relative; } .detail__slider .slick-arrow { width: 20px; height: 20px; } .detail__slider .slick-arrow .svg-icon { width: 20px; height: auto; } .detail__slider .slick-arrow.slick-next { right: -25px; } .detail__slider .slick-arrow.slick-prev { left: -25px; } .detail__slider .slick-dots { bottom: 25px; } .detail__slider-item { height: 550px; } }@media (max-width:960px) { .detail { padding: 0; }.detail__slider-item { height: 300px; }.detail__slider .slick-arrow.slick-prev { left: -17px; } .detail__slider .slick-arrow.slick-next { right: -17px; } .detail__slider { height: 300px; } .detail__wrap { width: 100%} .detail__time { font-size: 12px; line-height: 150%} .detail__btn { margin-top: 27px; } .detail__img { margin-top: 16px; margin-bottom: 22px; } .detail__body h1 { margin-bottom: 6px; } .detail__rate { width: 100%; flex-wrap: wrap; margin: 34px auto 0; justify-content: center; } .detail__rate-count { margin-right: 32px; } .detail__rate .main-rate__wrap:not(:checked)>label { margin-right: 11px; } .detail__rate .main-rate__wrap { margin-right: -11px; } .detail__rate-main { margin-right: 0; } .detail__rate .main-rate { display: block; } .detail__rate .main-rate .svg-icon { width: 29px; height: auto; margin-right: 0!important; } .detail__rate .main-rate span { width: auto; font-size: 16px; line-height: 130%; text-align: center; margin-top: 8px; margin-left: 0; } .detail__rate-title { font-size: 20px; line-height: 130%; margin-right: 12px; } .detail__rate-count { font-size: 32px; line-height: 120%} .detail__rate .btn { margin-top: 24px; width: 100%} .detail__rate-img { display: none; } }@media (max-width:640px) { .detail { overflow: visible; }.detail__slider-item { height: 260px; } .detail__slider { height: 260px; } .detail__body { margin-bottom: 32px; } .detail__btn .btn { width: 100%; margin-right: 0; margin-bottom: 10px; } .detail__btn .btn:last-child { margin-bottom: 0; } .detail__aside { width: auto; margin-left: -20px; margin-right: -20px; border-radius: 15px; } }@media (max-width:480px) { .detail__rate { margin-top: 32px; } .detail__rate-block { flex-direction: column; } .detail__rate-count { margin-right: 0; } .detail__rate-head { margin-bottom: 16px; } }.filter__title { font-family: Zt Chablis; font-size: 30px; line-height: 36px; margin-bottom: 24px; } .filter__result, .filter__title-control { display: none; } .filter__btn .btn { margin-bottom: 16px; } .filter__btn .btn:last-child { margin-bottom: 0; } .filter__section { margin-bottom: 43px; } .filter__body-top { display: none; } @media (max-width:1200px) { .filter { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .filter__btn { position: relative; /* z-index: 8; */ z-index: 1; } .filter__wrap, .filter__wrap form { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .filter__result { display: flex; flex-wrap: wrap; flex-direction: column; padding-top: 17px; align-items: flex-start; } .filter__result-item { margin-bottom: 15px; font-weight: 400; font-size: 16px; line-height: 130%; padding: 7px 12px; display: inline-flex; align-items: center; border: 1px solid #6d6d6e; border-radius: 41px; } .filter__result-item:last-child { margin-bottom: 0; } .filter__result-item svg { display: block; width: 13px; height: 13px; margin-left: 8px; } .filter__body { position: fixed; transform: translateX(-100%); top: 0; left: 0; width: 360px; z-index: 7; bottom: 0; background: #fefefd; transition: transform .3s ease; } .filter__body, .filter__body-wrap { display: flex; flex-direction: column; } .filter__body-wrap { padding: 37px 20px 16px; flex-grow: 1; } .filter__body-reset { font-size: 14px; line-height: 130%; z-index: 5; } .filter__body-back { z-index: 5; display: flex; align-items: center; } .filter__body-back .svg-icon use { fill: #6d6d6e; } .filter__body-title { position: absolute; left: 0; right: 0; text-align: center; font-size: 14px; line-height: 130%} .filter__body-top { display: flex; align-items: center; justify-content: space-between; position: relative; height: 56px; padding: 0 20px; padding-left: 30px; } .filter__body.is-active { transform: translateX(0); } .filter__btn input[type=reset] { display: none; } .filter__btn .btn { margin-bottom: 0; width: 100%} .filter__title { font-family: Geometria; font-size: 16px; line-height: 130%; cursor: pointer; justify-content: space-between; margin-bottom: 0; } .filter__title, .filter__title-control { display: flex; align-items: center; } .filter__title-control .svg-icon use { fill: #6d6d6e; } .filter__section { margin-bottom: 35px; } }.form__eye { display: flex; align-items: center; justify-content: center; height: 65px; width: 65px; position: absolute; right: 0; top: 0; cursor: pointer; } .form__eye .svg-icon use { fill: transparent; } .form__eye span { display: block; background-color: #6d6d6e; height: 1px; width: 42px; transform: rotate(-35deg); position: absolute; opacity: 0; transition: opacity .3s ease; } .form__eye.is-active span { opacity: 1; } .form__error { color: #ff3868; position: absolute; top: 96%; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .form__agree, .form__error { font-weight: 400; font-size: 16px; line-height: 150%} .form__agree { display: flex; align-items: flex-start; margin-top: 18px; } .form__agree a { border-bottom: 1px solid #131417; } .form__field { position: relative; margin-bottom: 40px; } #bx-soa-properties .form__field { margin-bottom: 60px; } @media(max-width: 960px) { #bx-soa-properties .form__field { margin-bottom: 45px; } } .popup--big .form__field { position: relative; margin-bottom: 24px; } .popup--big .file { margin-top: -12px; } .form__field.is-error .form__error { opacity: 1; } .form__field.is-error .form__input { border-color: #ff3868; } .form__field.is-error .form__textarea { border-color: #ff3868; } .form__field.is-valid .form__input { border-color: #1d921e; } .form__field.is-filled .form__label { font-size: 16px; height: 24px; top: -24px; padding: 0; } #bx-soa-properties .form__field.is-filled .form__label { height: 50px; top: -54px; } .form__label { position: absolute; top: 0; left: 0; right: 0; height: 65px; transition: height .3s, font-size .3s, top .3s, padding .3s ease; } #bx-soa-properties .form__label { overflow: hidden; } .form__label, .form__textarea { font-size: 20px; line-height: 25px; padding: 20px 32px 20px 24px; color: #6d6d6e; } #bx-soa-properties .form__label, #bx-soa-properties .form__textarea { display: flex; flex-direction: column; justify-content: flex-end; } .form__textarea { width: 100%; display: block; font-family: Geometria; border: 0; border: 1px solid #cbcbcb; font-style: normal; height: 100px; transition: border-color .3s, background-color .3s ease; } .form__textarea::-webkit-input-placeholder { font-family: Geometria; font-size: 20px; line-height: 25px; color: #6d6d6e; } .form__textarea:-moz-placeholder, .form__textarea::-moz-placeholder { font-family: Geometria; font-size: 20px; line-height: 25px; color: #6d6d6e; } .form__textarea:-ms-input-placeholder { font-family: Geometria; font-size: 20px; line-height: 25px; color: #6d6d6e; } .form__input { width: 100%; font-family: Geometria; border: 0; border: 1px solid #cbcbcb; font-style: normal; height: 65px; font-size: 20px; line-height: 25px; padding: 20px 32px 20px 24px; color: #6d6d6e; transition: border-color .3s, background-color .3s ease; } .form__input::-webkit-input-placeholder { font-family: Geometria; font-size: 20px; line-height: 25px; color: #6d6d6e; } .form__input:-moz-placeholder, .form__input::-moz-placeholder { font-family: Geometria; font-size: 20px; line-height: 25px; color: #6d6d6e; } .form__input:-ms-input-placeholder { font-family: Geometria; font-size: 20px; line-height: 25px; color: #6d6d6e; } .form__info { font-weight: 400; font-size: 15px; line-height: 130%; letter-spacing: .03em; margin-top: 10px; } .form__btn { display: flex; margin-top: 32px; } @media (max-width:960px) { .form__field { margin-bottom: 20px; } .form__field.is-filled .form__label { text-transform: none; font-size: 12px; height: 15px; top: -17px; padding: 0; } .form__error { font-size: 11px; } .form__label { font-size: 14px; line-height: 18px; height: 48px; padding: 15px 32px 15px 16px; } .form__eye { width: 48px; height: 48px; } .form__eye span { width: 30px; } .form__eye .svg-icon { width: 45px; height: auto; } .form__input { font-size: 14px; line-height: 18px; height: 48px; padding: 15px 32px 15px 16px; } .form__input::-webkit-input-placeholder { font-size: 14px; line-height: 18px; } .form__input:-moz-placeholder, .form__input::-moz-placeholder { font-size: 14px; line-height: 18px; } .form__input:-ms-input-placeholder { font-size: 14px; line-height: 18px; } } @media(max-width: 570px) { #bx-soa-properties .form__field { margin-bottom: 60px; } #bx-soa-properties .form__field.is-filled .form__label { height: 54px; } } @media(max-width: 380px) { #bx-soa-properties .form__field.is-filled .form__label { height: 72px; top: -72px; } #bx-soa-properties .form__field { margin-bottom: 72px; } } .footer { padding-top: 55px; padding-bottom: 14px; background: linear-gradient(180deg, #fff6f2, #fffeff), #fefefd; } .footer__bottom { position: relative; padding-top: 91px; display: flex; align-items: center; justify-content: space-between; } .footer__main { flex-grow: 1; justify-content: space-between; } .footer__link { display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 21px; } .footer__link a { display: inline-flex; font-weight: 400; font-size: 16px; line-height: 20px; text-transform: uppercase; border-bottom: 1px solid #000; margin-bottom: 21px; } .footer__link a:last-child { margin-bottom: 0; } .footer .phone-link { color: #ce603a; display: inline-flex; } .footer .address, .footer .phone-link { font-weight: 400; font-size: 18px; line-height: 150%; margin-bottom: 20px; } .footer .mail { font-weight: 400; font-size: 18px; line-height: 150%; margin-bottom: 34px; color: #ce603a; display: inline-flex; } .footer .politic { width: 495px; padding-left: 0; display: flex; flex-wrap: wrap; padding: 0 5px; } .footer .politic a { display: inline-flex; font-size: 16px; line-height: 150%; color: #6d6d6e; margin: 0 5px; } .footer .politic a:hover { color: #ce603a; } .footer .copy { font-weight: 400; flex: none; } .footer .copy, .footer .you-x a { font-size: 16px; line-height: 150%; color: #6d6d6e; } .footer .you-x { flex: none; margin-left: 15px; } .footer .you-x a { display: inline-flex; align-items: center; } .footer .you-x a svg { display: block; margin-left: 8px; margin-top: 2px; } .footer__wrap { display: flex; justify-content: space-between; } .footer__main { display: flex; } .footer__info { width: 364px; flex-direction: column; align-items: flex-start; display: flex; flex: none; } .footer__info--mobile { display: none; } .footer__info-title { display: inline-flex; font-family: Zt Chablis; font-weight: 400; font-size: 30px; line-height: 36px; margin-bottom: 32px; } @media (max-width:1325px) { .footer__col { padding-right: 90px; } .footer__info { width: 27% } } @media (max-width:1200px) { .footer { padding-top: 39px; } .footer__info { width: 364px; } .footer__bottom { padding-top: 44px; } .footer__pay { position: absolute; bottom: 48px; right: 0; } .footer .politic { justify-content: center; } .footer__pay { bottom: 30px; } .footer__bottom { align-items: flex-end; } } @media (max-width:960px) { .footer { padding-top: 32px; padding-bottom: 32px; } .footer__wrap { display: block; } .footer .address { width: 100%; order: 5; margin-bottom: 24px; } .footer .address br { display: none; } .footer .address:nth-child(2) { order: 3; } .footer__wlink { order: 4; display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 24px; } .footer__wlink:nth-child(3) { order: 2; } .footer__wlink .mail, .footer__wlink .phone-link { margin: 0; font-size: 16px; line-height: 150%} .footer .social { order: 6; justify-content: space-between; width: 100%} .footer__logo { order: 1; display: inline-flex; margin-bottom: 24px; } .footer__main { display: block; } .footer__info { width: 100%} .footer__info:not(.footer__info--mobile) .address, .footer__info:not(.footer__info--mobile) .footer__info-title, .footer__info:not(.footer__info--mobile) .footer__wlink, .footer__info:not(.footer__info--mobile) .social { display: none; } .footer__info--mobile { display: flex; flex-direction: column; } .footer__bottom { position: relative; padding-top: 104px; } .footer .politic { justify-content: flex-end; } .footer__bottom .you-x { position: absolute; left: 0; bottom: 64px; } .footer__pay { bottom: 62px; } } @media (max-width:640px) { .footer__logo { margin-bottom: 22px; } .footer__bottom { padding-top: 40px; flex-direction: column; align-items: flex-start; } .footer__bottom .politic { order: 1; padding: 0; width: auto; justify-content: flex-start; margin: 0 -5px; } .footer__bottom .copy { order: 3; } .footer__bottom .you-x { margin: 20px 0; order: 2; position: relative; bottom: auto; left: auto; } .footer__pay { position: relative; bottom: auto; margin-bottom: 20px; } .footer__wlink { flex-direction: column; align-items: flex-start; margin-bottom: 24px; } .footer__wlink .phone-link { margin-bottom: 23px; } }.hamburger { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 41px; cursor: pointer; } .hamburger span { display: block; width: 29px; height: 2px; background-color: #131417; } .hamburger span:nth-child(2) { margin: 8px 0; } @media (max-width:1310px) { .hamburger { margin-right: 0; } .hamburger span { width: 16px; height: 1px; } .hamburger span:nth-child(2) { margin: 4px 0; } }.header { z-index: 12; position: absolute; left: 0; top: 0; right: 0; height: 143px; display: flex; transition: background-color 0.3s ease; } .header.is-fixed { background-color: #fff; } .header .call { font-size: 16px; line-height: 20px; display: inline-flex; color: #6d6d6e; } .header__logo { width: 245px; display: inline-flex; align-items: center; transform: translateY(5px); } .header__top { justify-content: space-between; padding-top: 23px; padding-bottom: 0; } .header__top, .header__top-left, .header__top-right { display: flex; align-items: center; } .header__top-right { justify-content: space-between; } .header__bottom { justify-content: flex-start; padding-top: 18px; } .header__bottom, .header__bottom-left, .header__bottom-right { display: flex; align-items: center; } .header__phone { font-weight: 500; font-size: 24px; line-height: 140%; color: #ff3868; } .header__phone svg { display: none; } .header__wrap { display: flex; position: relative; z-index: 5; } .header__main, .header__wrap { align-items: center; justify-content: space-between; } .header__main { display: inline-flex; flex-grow: 1; padding-left: 78px; } .header__btn { display: flex; margin-left: 18px; flex: none; } .header__btn-item, .header__btn-item-wrap { display: flex; align-items: center; justify-content: center; } .header__btn-item-wrap { width: 56px; height: 56px; } @media (max-width:1310px) { .header { height: 56px; background-color: transparent; } .header .b-catalog, .header__btn { display: none; } .header__logo { width: 143px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); } .header__bottom { height: 100%; position: relative; padding-top: 0; justify-content: space-between; } .header__top { display: none; } }.h1, h1 { font-size: 56px; } .h1, .h2, h1, h2 { margin: 0; font-family: Zt Chablis; font-weight: 400; line-height: 110%; letter-spacing: normal; } .h2, h2 { font-size: 48px; } .h3, h3 { font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; margin: 0; } .h4, h4 { font-weight: 600; font-size: 24px; line-height: 120%; margin: 0; } @media (max-width:960px) { .h1, .h2, h1, h2 { font-size: 32px; line-height: 120%} }.menu-footer { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; flex-grow: 1; } .menu-footer__info { margin-top: 80px; } .menu-footer__info div { margin-bottom: 16px; } .menu-footer__info div:last-child { margin-bottom: 0; } .menu-footer__col { width: 33.3%; flex: none; padding-right: 110px; } .menu-footer__col:last-child { padding-right: 40px; } .menu-footer__title { display: inline-flex; font-family: Zt Chablis; font-weight: 400; font-size: 30px; line-height: 36px; margin-bottom: 32px; } .menu-footer__menu { padding: 0; margin: 0; } .menu-footer__menu li { list-style: none; margin-bottom: 20px; } .menu-footer__menu li a { font-weight: 400; font-size: 18px; line-height: 150%; color: #131417; } .menu-footer__menu li:last-child { margin-bottom: 0; } @media (max-width:1200px) { .menu-footer { display: flex; flex-wrap: wrap; } .menu-footer__col { width: auto; padding-right: 25px; } .menu-footer__col:first-child { width: 57%} .menu-footer__col:nth-child(2) { width: 43%} .menu-footer__col:last-child { margin-top: 35px; } }@media (max-width:960px) { .menu-footer__title { display: none; } .menu-footer__menu li { margin-bottom: 24px; } .menu-footer__menu li a { font-size: 16px; line-height: 150%} .menu-footer__col { width: 100%; padding-top: 24px; padding-right: 0; } .menu-footer__col ul { display: grid; grid-template-columns: 1fr 1fr; } .menu-footer__col:first-child { display: none; } .menu-footer__col:nth-child(2) { width: 100%} .menu-footer__col:nth-child(3) { width: 100%; margin-top: 0; } .menu-footer__col:nth-child(3) .menu-footer__menu { display: none; } }@media (max-width:480px) { .menu-footer__col ul { display: grid; grid-template-columns: 1fr; } }@media (min-width:960px) { .menu-footer__menu li a:hover, .menu-footer__title:hover { color: #ff3868; } }.menu-top>ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; } .menu-top>ul>li { position: relative; list-style: none; margin-right: 28px; } .menu-top>ul>li:last-child { margin-right: 0; } .menu-top>ul>li>a { color: #6d6d6e; font-size: 16px; line-height: 16px; padding: 4px 12px 6px; border-radius: 59px; transition: background-color .3s ease; } @media (min-width:960px) { .menu-top>ul>li>a.is-active, .menu-top>ul>li>a:hover { color: #131417; background-color: #f9f3e9; } }@media (max-width:960px) { .menu-top__control { transition: transform .3s ease; } .menu-top__item.is-active .menu-top__control { transform: rotate(180deg); } }.pagination { display: flex; align-items: center; justify-content: center; margin-top: 80px; } .pagination--left { justify-content: flex-start; } .pagination__btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; } .pagination__btn .svg-icon use { fill: #6d6d6e; } .pagination__item { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; font-weight: 400; font-size: 18px; line-height: 150%; margin: 0 5px; border-bottom: 1px solid transparent; color: #6d6d6e; transition: border-color .3s, background-color .3s ease; } .pagination__item.is-active { color: #131417; border-color: #131417; } .pagination__sep { margin: 0 5px; } @media (min-width:960px) { .pagination__item:hover { color: #241a14; } }@media (max-width:1650px) { .pagination { margin-top: 46px; } .pagination__item { font-size: 18px; } }@media (max-width:960px) { .pagination { margin-top: 46px; } .pagination__item { font-size: 16px; } }@media (max-width:560px) { .pagination { margin-top: 46px; } .pagination__item { font-size: 16px; } }.order__item { padding-bottom: 53px; border-bottom: 1px solid #cbcbcb; margin-bottom: 48px; } .order__item:last-child { margin-bottom: 0; } .order__wrap { justify-content: space-between; } .order__btn, .order__wrap { display: flex; align-items: flex-end; } .order__btn .btn { margin-right: 12px; } .order__btn .btn:last-child { margin-right: 0; } .order__pay { display: flex; align-items: flex-end; margin-top: 24px; } .order__pay .btn { margin-right: 12px; } .order__pay .btn:last-child { margin-right: 0; } .order__tech div { display: flex; align-items: center; font-size: 24px; line-height: 150%; margin-bottom: 24px; } .order__tech div:last-child { margin-bottom: 0; } .order__tech div span:first-child { display: inline-flex; margin-right: 16px; color: #6d6d6e; } .order__price { font-size: 36px; line-height: 150%; text-align: right; } .order__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .order__top a { display: inline-flex; align-items: center; margin-left: 40px; color: #CE603A; font-family: Geometria; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1.2; border-bottom: 1px solid #CE603A; transform: translateY(-3px); } .order__name { font-size: 24px; line-height: 150%} @media (max-width:1310px) { .order__item { padding-bottom: 53px; border-bottom: 1px solid #cbcbcb; margin-bottom: 48px; } .order__item:last-child { margin-bottom: 0; } .order__wrap { justify-content: space-between; } .order__btn, .order__wrap { display: flex; align-items: flex-end; } .order__btn .btn { margin-right: 12px; } .order__pay { display: flex; align-items: flex-end; margin-top: 24px; } .order__pay .btn { margin-right: 12px; font-size: 14px; line-height: 18px; padding: 8px 16px; } .order__top { margin-bottom: 21px; } }@media (max-width:960px) { .order__item { padding-bottom: 30px; } .order__item:last-child { margin-bottom: 0; } .order__btns .btn { width: 100%; margin-bottom: 16px; } .order__btns .btn:last-child { margin-bottom: 0; } .order__wrap { position: relative; } .order__btn, .order__wrap { display: block; } .order__btn .btn { margin-right: 0; width: 100%; margin-bottom: 11px; } .order__btn .btn:last-child { margin-right: 0; margin-bottom: 0; } .order__pay { display: block; margin-top: 0; position: absolute; top: 45px; left: 0; right: 0; } .order__pay .btn { margin-right: 0; width: 100%; margin-bottom: 11px; } .order__pay .btn:last-child { margin-right: 0; margin-bottom: 0; } .order__tech { display: flex; flex-direction: column; } .order__tech div { font-size: 16px; line-height: 130%; order: 2; } .order__tech div:last-child { margin-bottom: 129px; order: 1; } .order__price { font-size: 24px; line-height: 150%; text-align: left; margin-top: 8px; } .order__top { display: block; margin-bottom: 24px; } .order__name { font-size: 16px; line-height: 130%} .order--history .order__tech { display: block; } .order--history .order__tech div:last-child { margin-bottom: 24px; } .order--history .order__btn .btn { width: auto; font-size: 16px; line-height: 20px; padding: 13px 24px; } }.review { display: flex; } .review__body { flex-grow: 1; padding-right: 134px; } .review__aside { flex: none; width: 416px; } .review__btn { display: flex; } .review__btn .btn { margin-right: 15px; } @media (max-width:1200px) { .review__body { flex-grow: 1; padding-right: 70px; } .review__aside { flex: none; width: 309px; } }@media (max-width:960px) { .review { display: block; } .review__aside { width: 100%} .review__body { padding: 0; padding-bottom: 70px; } }.review-item { margin-bottom: 48px; padding-bottom: 58px; border-bottom: 1px solid #cbcbcb; } .review-item__info { display: flex; align-items: center; justify-content: space-between; } .review-item__info span { font-family: Zt Chablis; font-weight: 400; font-size: 24px; line-height: 29px; } .review-item__info a { font-size: 18px; line-height: 150%; color: #131417; border-bottom: 1px solid #131417; } .review-item__gallery { display: flex; flex-wrap: wrap; margin-bottom: 24px; } .review-item__gallery a { width: 74px; height: 74px; margin-right: 8px; display: flex; background-position: 50%; background-size: cover; } .review-item__text { font-size: 18px; line-height: 150%; margin-bottom: 16px; } .review-item:last-child { margin-bottom: 0; } @media (max-width:960px) { .review-item { margin-bottom: 24px; padding-bottom: 16px; } .review-item__info { display: flex; align-items: center; justify-content: space-between; } .review-item__info span { font-size: 18px; line-height: 22px; } .review-item__info a { font-size: 14px; line-height: 150%} .review-item__gallery { margin-bottom: 16px; } .review-item__gallery a { width: 40px; height: 40px; } .review-item__text { font-size: 16px; line-height: 130%; margin-bottom: 12px; } .review-item:last-child { margin-bottom: 0; } }.search { display: flex; position: relative; width: 616px; z-index: 2; margin-left: 15px; margin-top: 4px; } .search.is-focus .search__delete { opacity: 1; pointer-events: auto; } .search.is-focus .search__icon { opacity: 0; pointer-events: none; } .search__close { display: none; } .search__delete { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); opacity: 0; pointer-events: none; transition: opacity .3s ease; } .search__delete .svg-icon { display: block; } .search__delete .svg-icon use { fill: #131417; } .search__btn { display: none; } .search__btn .svg-icon { display: block; } .search__btn .svg-icon use { fill: transparent; stroke: #131417; } .search__result { position: absolute; top: 100%; padding-top: 3px; left: 0; right: 0; } .search__result-list { display: flex; flex-direction: column; align-items: flex-start; } .search__result-list a { font-size: 15px; line-height: 130%; margin-bottom: 16px; } .search__result-list a:last-child { margin-bottom: 0; } .search__result-title { font-size: 15px; line-height: 130%; margin-bottom: 16px; } .search__result-wrap { padding: 16px 24px; background: #fff; border: 1px solid hsla(0, 0%, 80%, .5); box-shadow: 0 4px 22px rgba(0, 0, 0, .05); border-radius: 24px; } .search__icon { position: absolute; right: 23px; top: 50%; transform: translateY(-50%); transition: opacity .3s ease; } .search__icon .svg-icon { display: block; } .search__icon .svg-icon use { fill: transparent; stroke: #131417; } .search__form { display: flex; align-items: center; } .search__form, .search__wrap { position: relative; flex-grow: 1; } .search__input { width: 100%; font-family: Geometria; font-size: 20px; line-height: 25px; padding: 15px 32px; padding-right: 60px; border: 1px solid #cbcbcb; border-radius: 50px; } .search__input::-webkit-input-placeholder { font-family: Geometria; font-size: 20px; line-height: 25px; text-transform: uppercase; } .search__input:-moz-placeholder, .search__input::-moz-placeholder { font-family: Geometria; font-size: 20px; line-height: 25px; text-transform: uppercase; } .search__input:-ms-input-placeholder { font-family: Geometria; font-size: 20px; line-height: 25px; text-transform: uppercase; } @media (max-width:1310px) { .search { position: fixed; text-align: 0; top: 0; left: 0; right: 0; margin: 0; width: 100%; padding: 15px; background-color: #ffff; transition: transform .3s ease; transform: translateY(-100%); } .search.is-active { transform: translateY(0); } .search__close { display: flex; align-items: center; position: absolute; left: 15px; } .search__btn { display: block; } .search__wrap { display: flex; align-items: center; } .search__input { font-weight: 400; font-size: 14px; padding: 10px 47px; padding-left: 42px; height: 45px; border-radius: 10px; } .search__input::-webkit-input-placeholder { font-size: 14px; } .search__input:-moz-placeholder, .search__input::-moz-placeholder { font-size: 14px; } .search__input:-ms-input-placeholder { font-size: 14px; } }.section { padding-bottom: 104px; } .section--catalog-slider { position: relative; z-index: 7; } .section--mcatalog-slider { padding-bottom: 124px; } .section--parther { position: relative; } .section--prodbig { padding-bottom: 141px; } .section--mega { padding-bottom: 199px; } .section--big2 { padding-bottom: 180px; } .section--big { padding-bottom: 140px; } .section--middle { padding-bottom: 124px; } .section__title { margin-bottom: 32px; } .section--pb0 { padding-bottom: 0!important; } @media (max-width:1200px) { .section--big { padding-bottom: 116px; } .section--mcatalog-slider { padding-bottom: 107px; } .section--big2 { padding-bottom: 98px; } .section--prodbig { padding-bottom: 107px; } .section--mega { padding-bottom: 91px; } }@media (max-width:960px) { .section__title { margin-bottom: 36px; } .section--big, .section--big2, .section--mcatalog-slider, .section--mega, .section--prodbig { padding-bottom: 64px; } .section--prod .section__title { text-align: center; } }.social { display: flex; flex-wrap: wrap; margin-right: -6px; } .social__item { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; position: relative; margin-right: 25px; transition: opacity .3s ease; } .social__item .svg-icon { position: relative; z-index: 1; } .social__item .svg-icon use { fill: #cbcbcb; } .social__item:last-child { margin-right: 0; } @media (min-width:960px) { .social__item:hover { opacity: .8; } }.stock { display: flex; flex-wrap: wrap; margin: 0 -12px -48px; } .stock__img { height: 267px; position: relative; margin-bottom: 8px; } .stock__type { position: absolute; top: 12px; left: 12px; padding: 5px 12px 6px 12px; text-align: center; font-family: Zt Chablis; font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; border-radius: 57px; border: 2px solid #F9F3E9; background: #F9F3E9; } .stock__img img { height: 100%; object-fit: cover; width: 100%} .stock__time { margin-top: 4px; font-size: 16px; line-height: 150%; color: #6d6d6e; } .stock__name { font-family: Zt Chablis; color: #131417; font-weight: 400; font-size: 30px;line-height: normal; } .stock__info { display: flex; align-items: center; position: absolute; font-family: Zt Chablis; font-size: 24px; font-weight: 400; line-height: normal; font-variant-numeric: lining-nums proportional-nums; padding: 5px 12px; border-radius: 57px; background-color: #f9f3e9; border: 2px solid #f9f3e9; left: 10px; bottom: 13px; } .stock__info .svg-icon { margin-left: 6px; fill: transparent; stroke: #131417; } .stock__item { width: calc(33.3% - 24px); margin: 0 12px 48px; } .stock--big { margin: 0 -9px -48px; } .stock--big .stock__item { width: calc(50% - 18px); margin: 0 9px 48px; } .stock--big .stock__img { height: 410px; margin-bottom: 8px; } .stock--big .stock__time { font-size: 18px; line-height: 150%} .stock--big .stock__name { font-size: 36px; line-height: 44px; } @media (max-width:1310px) { .stock { margin: 0 -10px -40px; } .stock__img { height: 310px; margin-bottom: 8px; } .stock__time { margin-top: 12px; font-size: 18px; line-height: 150%} .stock__name { font-size: 28px; line-height: 31px; } .stock__info { font-size: 18px; line-height: 22px; left: 12px; bottom: 16px; } .stock--big { margin: 0 -10px -48px; } .stock--big .stock__item { width: calc(50% - 20px); margin: 0 10px 48px; } .stock--big .stock__img { height: 310px; } .stock--big .stock__time { margin-top: 12px; }.stock__img { height: 19vw; margin-bottom: 8px; } }@media (max-width:960px) { .stock { margin: 0 -8px -32px; }.stock__item { width: calc(50% - 20px); margin: 0 10px 40px; } .stock__img { height: 30vw; } .stock__type { padding: 3px 8px 3px 8px; font-size: 18px; }.stock__info .svg-icon { margin-left: 6px; fill: transparent; stroke: #131417; width: 13px; height: auto; } .stock__time { margin-top: 4px; font-size: 12px; line-height: 150%} .stock__name { font-size: 18px; line-height: 22px; } .stock__info { font-size: 14px; line-height: 18px; left: 10px; bottom: 10px; } .stock__item { width: calc(50% - 16px); margin: 0 8px 32px; } .stock--big { margin: 0 -12px -38px; } .stock--big .stock__item { width: calc(50% - 24px); margin: 0 12px 38px; } .stock--big .stock__name { font-size: 18px; line-height: 22px; } .stock--big .stock__img { height: 196px; } .stock--big .stock__time { margin-top: 4px; font-size: 12px; line-height: 150%} }@media (max-width:640px) { .stock { margin: 0 -8px -32px; } .stock__item { width: calc(100% - 16px); }.stock__img { height: 59vw; } .stock--big { margin: 0 -12px -24px; } .stock--big .stock__item { width: calc(100% - 24px); margin: 0 12px 24px; } }.lang { margin-right: 40px; position: relative; z-index: 4; } .lang:hover .lang__drop { opacity: 1; pointer-events: auto; } .lang:hover .lang__control svg { transform: rotate(180deg); } .lang__item { display: inline-flex; align-content: center; cursor: pointer; } .lang__item span { font-weight: 400; font-size: 16px; line-height: 20px; color: #6d6d6e; } .lang__drop { position: absolute; top: 100%; left: 0; width: 155px; padding-top: 11px; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .lang__drop-wrap { width: 100%; background: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 43%, .12); border-radius: 8px; display: flex; flex-direction: column; align-items: flex-start; } .lang__drop-wrap a, .lang__drop-wrap span { display: flex; width: 100%; font-size: 18px; line-height: 150%; padding: 8px 24px; transition: background-color .3s ease; } .lang__drop-wrap a.is-active { background-color: #f9f3e9; } .lang__drop-wrap span.is-active { background-color: #f9f3e9; } .lang__control { display: flex; align-items: center; margin-right: 4px; } .lang__control svg { display: block; transition: transform .3s ease; } .menu { display: flex; width: 100%; } @media(max-width: 960px) { .menu { margin-bottom: 55px; } } .menu>ul { width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin: 0; } .menu>ul>li { display: block; width: 100%; margin-right: 0; margin-bottom: 32px; } .menu>ul>li a { display: inline-flex; align-items: center; justify-content: space-between; font-family: Zt Chablis; font-size: 36px; line-height: 44px; color: #131417; } .menu>ul>li:last-child { margin-bottom: 0; } @media (max-width:960px) { .menu>ul>li { margin-bottom: 20px; } .menu>ul>li a { font-size: 25px; line-height: 26px; } .menu>ul>li:last-child { margin-bottom: 0; } }.mobile-menu { justify-content: flex-start; display: flex; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 13; background: rgba(0, 0, 0, .25); opacity: 0; pointer-events: none; transition: opacity .3s ease; } .mobile-menu.is-active { opacity: 1; pointer-events: auto; } .mobile-menu.is-active .mobile-menu__wrap { transform: translateX(0); } .mobile-menu__close { display: flex; align-items: center; justify-content: center; position: absolute; top: 19px; right: 19px; cursor: pointer; } .mobile-menu__close .svg-icon use { fill: #cbcbcb; } .mobile-menu__wrap { width: 420px; background: #fefefd; position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; justify-content: space-between; transform: translateX(-100%); transition: transform .3s ease; } .mobile-menu__bottom { display: flex; flex-direction: column; flex: none; font-size: 16px; line-height: 16px; } .mobile-menu__bottom .social { margin-top: 24px; } .mobile-menu__bottom .phone-link { font-weight: 500; font-size: 24px; line-height: 150%; color: #ce603a; margin-top: 24px; } .mobile-menu__main { height: 100%; display: flex; padding: 60px 48px 57px; overflow-x: hidden; position: relative; overflow-y: auto; flex-direction: column; justify-content: space-between; } .mobile-menu .phone { margin-bottom: 0; } @media (max-width:960px) { .mobile-menu__close { display: flex; align-items: center; justify-content: center; position: absolute; top: 19px; right: 19px; } .mobile-menu__wrap { max-width: 100%} .mobile-menu__bottom .social { margin-top: 24px; } .mobile-menu__bottom .social__item { width: 30px; height: 30px; margin-right: 10px; } .mobile-menu__bottom .social__item .svg-icon { width: 22px; height: auto; } .mobile-menu__bottom .phone-link { font-size: 20px; margin-top: 11px; } .mobile-menu__main { padding: 45px 27px 40px; } .mobile-menu .phone { margin-bottom: 0; } }.top-page { margin-bottom: 60px; } .top-page--mini { margin-bottom: 40px; } .top-page h1 { text-align: center; margin-bottom: 0; } .top-page--empty { padding-top: 64px; margin-bottom: 32px; } .top-page--empty .bread { display: none; } .top-page--empty h1 { text-align: left; } @media (min-width:960px) { .top-page--maincatalog h1 { font-size: 78px; line-height: 96%} }@media (max-width:1310px) { .top-page { margin-bottom: 27px; } .top-page--big { margin-bottom: 56px; } .top-page--big .bread { margin-bottom: 35px; } .top-page--empty { padding-top: 0; } }@media (max-width:960px) { .top-page--big { margin-bottom: 40px; } .top-page--big .bread { margin-bottom: 27px; } .top-page--mini { margin-bottom: 24px; } }@media (max-width:640px) { .top-page--catalog { margin-bottom: 44px; } }.tag:not(.tag--catalog) { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 32px; margin-right: -4px; margin-bottom: 56px; } .tag:not(.tag--catalog) .tag__item { cursor: pointer; display: inline-flex; padding: 13px 25px 14px; border-radius: 57px; align-items: center; text-decoration: none; color: inherit; font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 24px; line-height: 29px; margin-right: 4px; text-transform: uppercase; color: #131417; background-color: transparent; transition: background-color .3s, color .3s ease; } .tag:not(.tag--catalog) .tag__item.is-active { background-color: #f9f3e9; } .tag--page { margin-top: 60px; } .tag--page .tag__item { padding: 6px 16px 7px; font-weight: 400; font-size: 18px; line-height: 150%} .tag--catalog { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 64px; margin-top: -20px; } .tag--catalog .tag__img { background-position: 50%; background-size: cover; width: 64px; height: 64px; flex: none; margin-right: 16px; border-radius: 50%} .tag--catalog .tag__item { display: inline-flex; align-items: center; font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 30px; line-height: 36px; margin-right: 40px; } .tag--catalog .tag__item:last-child { margin-right: 0; } .tag--slider { display: block; } .tag__slider .slick-slide { padding: 0 8px; } @media (min-width:960px) { .tag:not(.tag--catalog) .tag__item:hover { color: #000; background-color: #f9ebeb; } }@media (max-width:1310px) { .tag:not(.tag--catalog) { margin-bottom: 32px; } .tag:not(.tag--catalog) .tag__item { font-size: 16px; line-height: 19px; padding: 8px 16px 10px; } .tag:not(.tag--catalog) .tag__item:hover { color: #000; background-color: #f9ebeb; } .tag:not(.tag--catalog) .btn--middle { font-size: 14px; line-height: 18px; padding: 8px 16px; } .tag--catalog { margin-top: 15px; } .tag--catalog .tag__item { font-size: 26px; line-height: 19px; } .tag--catalog .tag__img { width: 50px; height: 50px; } .tag--big { margin-top: -20px; margin-bottom: 44px; } .tag--big .tag__item { font-size: 16px; line-height: 19px; padding: 8px 16px; } .tag--big .btn--middle { font-size: 14px; line-height: 18px; padding: 8px 16px; } }@media (max-width:960px) { .tag:not(.tag--catalog) { margin-top: 16px; margin-bottom: 19px; } .tag:not(.tag--catalog) .tag__item { font-size: 16px; line-height: 19px; padding: 8px 16px; } .tag--big { display: none; } }@media (max-width:640px) { .tag--catalog { margin-top: 15px; margin-right: 0; margin-bottom: 37px; } .tag--catalog .tag__item { font-size: 18px; line-height: 16px; margin-right: 19px; } .tag--catalog .tag__img { margin-right: 7px; width: 30px; height: 30px; } }.t-basket { position: relative; } .t-basket__top { margin-bottom: 24px; } .t-basket__close { display: none; } .t-basket__icon { display: flex; align-items: center; justify-content: center; cursor: pointer; } .t-basket__close { position: absolute; top: 19px; right: 19px; } .t-basket__close .svg-icon use { fill: #6d6d6e; } .t-basket__wrap { position: absolute; padding: 18px 26px 40px; right: 0; z-index: 5; width: 545px; background: #fefefd; box-shadow: 0 4px 15px hsla(0, 0%, 53%, .31); opacity: 0; pointer-events: none; transition: opacity .3s ease; } .t-basket__delete { font-size: 18px; line-height: 150%; text-transform: uppercase; cursor: pointer; } .t-basket__total-top { display: flex; align-items: center; justify-content: space-between; padding-top: 12px; } .t-basket__total-stock { display: flex; align-items: center; justify-content: flex-end; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; color: rgba(0, 0, 0, .6); } .t-basket__total-stock span { color: #ce603a; font-family: Geometria; margin-left: 12px; } .t-basket__total-btn { margin-top: 11px; } .t-basket__total-btn .btn { width: 100%} .t-basket__total-count { font-size: 18px; line-height: 150%; color: #6d6d6e; } .t-basket__total-price { font-size: 32px; line-height: 150%; text-align: right; } .t-basket__item { display: flex; padding: 12px 16px 24px; border-bottom: 1px solid #cbcbcb; } .t-basket__item-info { justify-content: space-between; margin-top: 8px; } .t-basket__item-info, .t-basket__item-info-wrap { display: flex; align-items: center; } .t-basket__item-info-wrap .delete { margin-right: 12px; flex: none; } .t-basket__item-price { font-size: 24px; line-height: 150%; text-align: right; position: relative; } .t-basket__item-price .old { position: absolute; top: -43px; right: 0; color: #6d6d6e; font-family: Geometria; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-decoration: line-through; } .t-basket__item-tech { display: flex; align-items: center; flex-wrap: wrap; } .t-basket__item-tech span { color: #6d6d6e; margin-right: 24px; } .t-basket__item-tech span:last-child { margin-right: 0; } .t-basket__item-name { display: inline-flex; margin-bottom: 8px; max-width: 90%} .t-basket__item-img { width: 120px; height: 120px; margin-right: 8px; flex: none; } .t-basket:hover .t-basket__wrap { opacity: 1; pointer-events: auto; } .t-basket--empty .t-basket__delete { pointer-events: none; color: #cbcbcb; } .t-basket--empty .t-basket__total-count { pointer-events: none; color: #6d6d6e; } .t-basket--empty .t-basket__total-btn .btn { pointer-events: none; color: #6d6d6e; border-color: #6d6d6e; } .t-basket--empty .t-basket__body { font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; padding-top: 16px; padding-bottom: 40px; text-align: center; border-bottom: 1px solid #cbcbcb; } .popup { position: fixed; left: 0; right: 0; top: 0; display: flex; align-items: center; justify-content: center; bottom: 0; background: rgba(79, 79, 79, .4); z-index: 140; opacity: 0; overflow-y: auto; pointer-events: none; transition: opacity .3s ease; } .popup__smalltitle { font-size: 24px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 24px; } .popup.is-open { opacity: 1; pointer-events: auto; } .popup__icon { position: absolute; left: 25px; top: 28px; } .popup__wrap { background: #fff; width: 580px; padding: 40px 50px; position: relative; } .popup__info { font-weight: 400; font-size: 18px; line-height: 150%; color: #6d6d6e; text-align: center; max-width: 92%; margin: 0 auto; margin-top: 24px; } .popup__info a { color: #6d6d6e; text-decoration: underline; } .popup__btn { display: flex; align-items: center; justify-content: flex-start; margin-top: 27px; } .popup__btn .btn { width: 100%} .popup__close { cursor: pointer; top: 19px; right: 19px; position: absolute; display: flex; align-items: center; transition: opacity .3s ease; } .popup__close .svg-icon use { fill: #6d6d6e; } .popup__close:hover { opacity: .8; } .popup__link { display: flex; align-items: center; justify-content: space-between; margin-top: 24px; } .popup__link a { font-size: 18px; line-height: 150%; display: inline-flex; border-bottom: 1px solid #131417; } .popup__name { font-family: Zt Chablis; text-align: center; font-size: 36px; line-height: 44px; margin-bottom: 24px; } .popup__name--big { font-size: 48px; line-height: 110%} .popup.is-active { opacity: 1; pointer-events: auto; } .popup--small .popup__wrap { width: 580px; } .popup.is-ok .popup-ok { display: block; } .popup.is-ok .popup__wrap { display: none; } .popup--list .popup__wrap { width: 1200px; max-width: 100%; } @media (max-width:640px) { .popup { overflow: hidden; } .popup__wrap { overflow-y: auto; } .popup--small { padding: 15px; } .popup__btn .btn span { display: none; } .popup--small .popup__wrap { width: 100%} .popup .main-rate span { font-weight: 400; font-size: 15px; line-height: 150%; margin-left: 5px; color: #6d6d6e; margin-top: 2px; } .popup__wrap { width: 100%; padding: 40px 20px; } .popup__icon { display: none; } .popup__text { font-size: 13px; line-height: 144%; margin-bottom: 18px; } .popup__info, .popup__link { font-size: 16px; line-height: 150%} .popup__close { top: 20px; right: 20px; } .popup__name { font-size: 32px; line-height: 120%} }@media (max-height:800px) { .popup--big { display: block; } .popup--big.is-ok { display: flex; align-items: center; justify-content: center; } .popup--big .popup__wrap { margin: 0 auto; height: 100%; } }.wrapper { overflow-x: hidden; padding-top: 152px; } .wrapper--index { padding-top: 143px; } .wrapper--index .phone__wrap, .wrapper--inner, .wrapper--page { background-color: #fff; } @media (max-width:1310px) { .wrapper { padding-top: 56px; } }@media (max-width:960px) { .wrapper--index .section__title h2 { text-align: center; } }.rate { display: inline-flex; align-items: center; font-family: Geometria; font-weight: 400; font-size: 18px; line-height: 150%} .rate .svg-icon { margin-left: 8px; } .catalog-item__rate .rate .svg-icon { margin-right: 8px; margin-left: 0; } .i-list__info .rate .svg-icon { margin-right: 8px; margin-left: 0; } .rate .svg-icon use { fill: transparent; stroke: #131417; } .t-order { width: 584px; margin: 0 auto; } .t-order__wrap { border: 3px solid #f3eada; margin-bottom: 32px; padding: 32px 34px; } .t-order__btn { display: flex; } .t-order__btn .btn { margin: 0 5px; } .t-order__total-text { margin-bottom: 31px; font-size: 18px; text-align: center; line-height: 150%} .t-order__info div { display: flex; align-items: flex-start; font-size: 18px; line-height: 150%; font-family: Geometria; font-weight: 400; margin-bottom: 32px; } .t-order__info div:last-child { margin-bottom: 0; } .t-order__info div span:first-child { color: #6d6d6e; width: 177px; flex: none; } @media (max-width:640px) { .t-order { width: 100%} .t-order__wrap { border: 2px solid #f3eada; margin-bottom: 24px; padding: 25px; } .t-order__btn { display: block; } .t-order__btn .btn { width: 100%; margin: 0; margin-bottom: 15px; } .t-order__btn .btn:last-child { margin-bottom: 0; } .t-order__total-text { margin-bottom: 20px; font-size: 16px; } .t-order__info div { display: block; font-size: 16px; line-height: 150%; font-family: Geometria; font-weight: 400; margin-bottom: 15px; } .t-order__info div:last-child { margin-bottom: 0; width: 100%; display: block; } .t-order__info div span, .t-order__info div span:first-child { width: 100%; display: block; flex: none; } }.req { width: 634px; margin: 0 auto; } .req--full { width: 100%} .req--full .req__block { margin-bottom: 32px; } .req--full .req__block h2 { margin-bottom: 20px; } .req .form__field.is-active .form__input { background-color: #fff; } .req .form__btn .btn { width: 100%} .req__block { margin-bottom: 80px; } .req__block:last-child { margin-bottom: 0; } .req__block h2 { margin-bottom: 50px; text-align: center; } .req .form__btn { margin-top: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .req .form__btn .btn { order: 2; } .req .form__agree { order: 1; margin-top: 0; margin-bottom: 12px; font-weight: 400; font-size: 14px; line-height: 168%; color: #717171; letter-spacing: -.02em; } .req .form__agree a { color: #810d10; text-decoration: underline; } .req__main { display: flex; align-items: flex-start; } .req__body { width: calc(100% - 416px); padding-right: 135px; padding-left: 115px; } .req__aside { padding: 38px 40px 42px; width: 416px; border: 3px solid #f3eada; } .req__aside--mobile { display: none; } .req__aside-link { display: flex; align-items: flex-start; flex-direction: column; } .req__aside-link .btn { width: 100%; margin-bottom: 25px; padding: 16px 12px 15px; } .req__aside-link .btn:last-child { margin-bottom: 0; } .req__aside-title { font-family: Zt Chablis; margin-bottom: 24px; font-weight: 400; font-size: 36px; line-height: 44px; } @media (max-width:1310px) { .req { width: 517px; } .req__body { width: calc(100% - 365px); padding-right: 85px; padding-left: 0; } .req__aside { width: 365px; padding: 38px 40px 42px; } .req__aside-link .btn { font-size: 16px; line-height: 20px; margin-bottom: 20px; } .req__aside__title { font-size: 36px; line-height: 44px; } .req--full { width: 100%} }@media (max-width:960px) { .req { width: 100%} .req__body { width: 100%; padding-right: 0; padding-left: 0; } .req__aside { display: none; width: 100%; padding: 38px 40px 42px; } .req__aside--mobile { display: block; padding: 24px; margin-bottom: 48px; } .req__aside--mobile .req__aside-title { font-size: 32px; line-height: 120%; margin-bottom: 24px; } .req__aside--mobile .req__aside-link .btn { padding: 13px 10px 12px; } .req__aside-link .btn { font-size: 16px; line-height: 20px; margin-bottom: 20px; } .req__aside__title { font-size: 36px; line-height: 44px; } .req__block { margin-bottom: 56px; } .req__block h2 { margin-bottom: 24px; } .req .form__btn .btn { width: 100%; margin-bottom: 15px; } .req .form__btn .btn:last-child { margin-bottom: 0; } }.goods { display: flex; transition: opacity 0.3s ease; opacity: 0; } .goods.is-show { opacity: 1; } .goods__btn { margin-top: 44px; } .goods__more, .goods__plit { display: none; } .goods__body { margin-right: 118px; width: 406px; flex: none; } .goods__body h2 { font-size: 78px; line-height: 96%; margin-bottom: 40px; } .goods__body p { font-size: 18px; line-height: 150%} .goods__item { display: flex; flex-direction: column; text-align: center; width: 310px; } .goods__item-img { height: 439px; margin-bottom: 16px; margin-left: -13px; margin-right: -13px; border-radius: 200px; overflow: hidden; } .goods__item-img img { height: 100%; object-fit: cover; width: 100% } .goods__item span { font-family: Zt Chablis; text-align: center; font-size: 36px; font-style: normal; font-weight: 400; display: block; line-height: 1.1; padding: 0 15px; } .goods__slider { width: calc(100vw - (100vw - 1355px)/2 - 148px - 376px); margin-top: -31px; } .goods__slider .slick-list { padding-left: 13px; } .goods__slider .slick-slide { opacity: 0; pointer-events: none; transition: opacity .3s ease; } .goods__slider .slick-slide.slick-active { pointer-events: auto; } .goods__slider .slick-slide.slick-active { opacity: 1; } .goods__slider .slick-arrow { display: flex; align-items: center; justify-content: center; border: 0; position: absolute; width: 56px; height: 56px; background-color: #f9f3e9; border-radius: 50%; left: -268px; bottom: 51px; } .goods__slider .slick-arrow.slick-disabled { opacity: 0.6; pointer-events: none; } .goods__slider .slick-arrow .svg-icon use { fill: transparent; stroke: #131417; } .goods__slider .slick-arrow.slick-next { left: -209px; } .goods__list { padding-top: 38px; } .goods__list .goods { margin-bottom: 121px; } .goods__list .goods__btn--mobile { display: none; } .goods__list .goods:last-child { margin-bottom: 0; } .goods__list .goods__slider { margin-top: 0; } .goods__list .goods__slider .slick-arrow { bottom: 177px; } .goods__list .goods__body { margin-right: 118px; width: 441px; } .goods__list .goods__body-wrap { padding-top: 70px; } .goods__list .goods__body h2 { font-size: 56px; line-height: 110%; margin-bottom: 40px; } @media (max-width:1200px) { .goods__btn { margin-top: 52px; } .goods__btn .btn { font-size: 20px; line-height: 25px; padding: 14px 32px; } .goods__body { margin-right: 77px; } .goods__body h2 { font-size: 56px; line-height: 110%; margin-bottom: 30px; } .goods__body p { font-size: 18px; line-height: 150%} .goods__item { width: 310px; } .goods__item-img { width: 336px; height: 336px; border-radius: 50%; margin-bottom: 13px; } .goods__item-img img { height: 100%; object-fit: cover; width: 100%} .goods__item span { font-size: 26px; } .goods__slider { width: calc(100vw - 15px - 77px - 376px); margin-top: -4px; } .goods__slider .slick-arrow { left: -198px; bottom: 0; } .goods__slider .slick-arrow .svg-icon use { fill: transparent; stroke: #131417; } .goods__slider .slick-arrow.slick-next { left: -140px; } }@media (max-width:1200px) { .goods__btn { margin-top: 52px; } .goods__btn .btn { font-size: 20px; line-height: 25px; padding: 14px 32px; } .goods__body { margin-right: 77px; } .goods__body h2 { font-size: 56px; line-height: 110%; margin-bottom: 30px; } .goods__body p { font-size: 18px; line-height: 150%} .goods__item { width: 310px; } .goods__item-img { width: 336px; height: 336px; border-radius: 50%; margin-bottom: 13px; } .goods__item-img img { height: 100%; object-fit: cover; width: 100%} .goods__slider { width: calc(100vw - 15px - 77px - 376px); margin-top: -4px; } .goods__slider .slick-arrow { left: -198px; bottom: 0; } .goods__slider .slick-arrow .svg-icon use { fill: transparent; stroke: #131417; } .goods__slider .slick-arrow.slick-next { left: -140px; } .goods__list .goods__slider .slick-arrow { bottom: 34px; } .goods__list .goods__btn { margin-top: 48px; } .goods__list .goods__body { margin-right: 75px; width: 376px; } .goods__list .goods__body h2 { margin-bottom: 30px; } }@media (max-width:960px) { .goods__slider .slick-slide { pointer-events: auto; } .goods--main { display: block; } .goods--main .goods__btn, .goods--main .goods__slider, .goods--main .goods__text { display: none; } .goods--main .goods__body { width: 100%; margin: 0; text-align: center; } .goods--main .goods__body h2 { font-size: 32px; line-height: 96%; margin-bottom: 20px; } .goods__more { display: flex; align-items: center; justify-content: center; margin-top: 36px; } .goods__plit { display: flex; flex-wrap: wrap; padding: 0 16px; margin-bottom: -20px; } .goods__plit .goods__item { width: calc(33.3% - 32px); margin: 0 16px 20px; } .goods__plit .goods__item span { font-size: 18px; line-height: 110%} .goods__plit .goods__item-img { width: 100%; margin: 0 0 3px; height: 24.5vw; } .goods__list { padding-top: 0; } .goods__list .goods { display: block; margin-bottom: 64px; } .goods__list .goods:last-child { margin-bottom: 0; } .goods__list .goods__slider { width: calc(100% + 44px); margin: 0 -22px; } .goods__list .goods__slider .slick-slide { padding: 0 4px; opacity: 1; } .goods__list .goods__slider .slick-arrow, .goods__list .goods__text { display: none; } .goods__list .goods__item { width: 157px; } .goods__list .goods__item-img { width: 157px; height: 157px; margin: 0 0 3px; } .goods__list .goods__item span { font-size: 18px; line-height: 110%; text-align: center; padding: 0 20px; } .goods__list .goods__btn { display: none; margin-top: 20px; } .goods__list .goods__btn .btn { width: 100%; font-size: 16px; line-height: 20px; } .goods__list .goods__btn--mobile { display: flex; align-items: center; justify-content: center; } .goods__list .goods__body { padding-top: 0; margin-right: 0; width: 100%} .goods__list .goods__body-wrap { padding-top: 0; } .goods__list .goods__body h2 { font-size: 32px; line-height: 96%; margin-bottom: 30px; text-align: center; } }@media (max-width:640px) { .goods__plit { padding: 0; width: 352px; margin: 0 auto -20px; } .goods__plit .goods__item { width: 160px; margin: 0 8px 16px; } .goods__plit .goods__item-img { width: 100%; margin: 0 0 3px; height: 160px; } } @media (max-width:400px) { .goods__plit { width: auto; justify-content: center; } .goods__plit .goods__item-img { height:122px; } .goods__plit .goods__item { width: 122px; } } .parther { display: flex; align-items: flex-start; } .parther__more, .parther__plit { display: none; } .parther__btn { margin-top: 40px; display: flex; align-items: center; } .parther__btn .btn { margin-right: 10px; } .parther__btn .btn:last-child { margin-right: 0; } .parther__text p { font-size: 24px; line-height: 150%} .parther__text p:last-child { margin-bottom: 0; } .parther__body { margin-right: 28px; width: 770px; flex: none; } .parther__body h2 { font-size: 56px; line-height: 110%; margin-bottom: 40px; } .parther__item { width: 310px; } .parther__item, .parther__item-img { display: flex; flex-direction: column; text-align: center; } .parther__item-img { height: 439px; align-items: center; justify-content: center; margin-bottom: 16px; margin-left: -13px; margin-right: -13px; background: #f9f3e9; border-radius: 200px; overflow: hidden; font-size: 18px; line-height: 150%; color: #6d6d6e; border: 4px solid #fff; } .parther__item-img span { font-family: Zt Chablis; font-weight: 400; font-size: 139.489px; line-height: 96%; color: #131417; display: block; margin-top: 5px; } .parther__slider { width: calc(100vw - (100vw - 1355px)/2 - 810px - 28px); margin-top: -31px; } .parther__slider .slick-list { padding-left: 13px; } .parther__slider .slick-slide { opacity: 0; transition: opacity .3s ease; } .parther__slider .slick-slide.slick-active { opacity: 1; } .parther__slider .slick-arrow { display: flex; align-items: center; justify-content: center; border: 0; position: absolute; width: 56px; height: 56px; background: #fff; border: 2px solid #f3eada; border-radius: 50%; left: 257px; bottom: -64px; } .parther__slider .slick-arrow .svg-icon use { fill: transparent; stroke: #131417; } .parther__slider .slick-arrow.slick-next { left: 315px; } @media (max-width:1310px) { .parther { width: 100%} .parther__btn { margin-top: 40px; } .parther__body { margin-right: 54px; width: 544px; flex: none; } .parther__body h2 { font-size: 48px; line-height: 110%} .parther__slider { width: calc(100vw - 32px - 544px - 54px); margin-top: 14px; } .parther__slider .slick-arrow { left: 110px; } .parther__slider .slick-arrow.slick-next { left: 174px; } }@media (max-width:960px) { .parther { width: 100%; display: block; } .parther__more { display: flex; align-items: center; justify-content: center; margin-top: 32px; } .parther__more .btn { margin: 0 6px; } .parther__btn { display: none; } .parther__plit { display: flex; flex-wrap: wrap; width: 352px; margin: 32px auto -24px; } .parther__item { width: 160px; margin: 0 8px 24px; } .parther__item-name { padding: 0 10px; font-weight: 400; font-size: 16px; line-height: 110%; color: #6d6d6e; } .parther__item-img { width: 160px; height: 160px; border-radius: 90px; margin: 0 0 8px; border: 0; } .parther__item-img span { font-size: 64px; line-height: 96%; margin-top: 0; } .parther__body { margin-right: 0; width: 100%} .parther__body h2 { font-size: 24px; line-height: 29px; margin-bottom: 20px; } .parther__text p { font-size: 16px; line-height: 150%} .parther__slider { display: none; } }@media (max-width:640px) { .parther__more { flex-direction: column; } .parther__more .btn { margin: 0 0 10px; } .parther__more .btn:last-child { margin-bottom: 0; } }.latest { background-color: #fef5f2; margin-bottom: 120px; } .latest-info { display: none; } .latest__body { padding-top: 59px; padding-bottom: 175px; padding-right: 134px; width: 50%} .latest__slider .slick-list { overflow: visible; } .latest__slider .slick-dots { position: absolute; margin: 0; padding: 0; left: 0; bottom: 67px; display: flex; } .latest__slider .slick-dots li { margin-right: 8px; } .latest__slider .slick-dots li button { font-family: Geometria; font-weight: 400; font-size: 18px; line-height: 150%; color: #6d6d6e; padding: 0; background-color: transparent; border: 0; transition: color .3s ease; } .latest__slider .slick-dots li:first-child button::before, .latest__slider .slick-dots li:nth-child(2) button:before, .latest__slider .slick-dots li:nth-child(3) button:before, .latest__slider .slick-dots li:nth-child(4) button:before, .latest__slider .slick-dots li:nth-child(5) button:before, .latest__slider .slick-dots li:nth-child(6) button:before, .latest__slider .slick-dots li:nth-child(7) button:before, .latest__slider .slick-dots li:nth-child(8) button:before, .latest__slider .slick-dots li:nth-child(9) button:before { content: "0"} .latest__slider .slick-dots li.slick-active button { color: #131417; } .latest__code { text-transform: uppercase; color: #6d6d6e; margin-left: 40px; } .latest__price { font-weight: 400; font-size: 48px; line-height: 60px; } .latest__top .rate { margin-right: 40px; } .latest__price-wrap { display: flex; align-items: center; } .latest__availability { margin-left: 0; text-transform: uppercase; } .latest__info { margin-bottom: 23px; } .latest__info-item span { display: block; font-size: 16px; line-height: 150%; margin-bottom: 2px; text-transform: uppercase; color: #6d6d6e; } .latest__info-item p, .latest__top { font-size: 18px; line-height: 150%} .latest__top { display: flex; align-items: center; margin-bottom: 34px; } .latest__text { font-size: 18px; line-height: 150%; margin-bottom: 30px; max-width: 80%} .latest__name { font-family: Zt Chablis; display: inline-flex; font-weight: 400; font-size: 56px; line-height: 110%; margin-bottom: 24px; } .latest__btn { margin-left: 47px; } .latest__type { display: flex; flex-wrap: wrap; margin-bottom: 14px; } .latest__type span { font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; padding: 5px 12px 6px; background: #f9f3e9; text-transform: uppercase; border: 2px solid #f9f3e9; border-radius: 57px; margin-right: 10px; } .latest__slider .slick-track { display: flex; } .latest__item { display: flex; position: relative; height: 100%; } .latest__img { position: absolute; width: 50vw; left: 50%; top: 0; bottom: 0; } .latest__img img { height: 100%; object-fit: cover; width: 100%} @media (max-width:1200px) { .latest { margin-bottom: 100px; } .latest__body { padding-top: 40px; padding-right: 38px; padding-bottom: 85px; } .latest__slider .slick-dots { bottom: 42px; } .latest__code { margin-left: 26px; } .latest__price { font-size: 48px; line-height: 60px; } .latest__top .rate { margin-right: 26px; } .latest__info { margin-bottom: 29px; max-width: 90%} .latest__info-item p { font-size: 16px; line-height: 150%} .latest__text, .latest__top { margin-bottom: 24px; } .latest__text { max-width: 83%} .latest__name { font-size: 48px; line-height: 110%; margin-bottom: 15px; } .latest__btn { margin-left: 29px; } .latest__btn .btn { font-size: 16px; line-height: 20px; padding: 13px 24px 12px; } }@media (max-width:960px) { .latest { background-color: transparent; margin-bottom: 64px; } .latest__slider { display: none; } .latest-info { display: block; padding: 12px 16px; background: #f9f3e9; border-radius: 3px; } .latest-info__text { font-size: 16px; line-height: 150%; text-align: center; } .latest-info__btn { margin-top: 10px; } .latest-info__btn .btn { width: 100%} }.video-block { height: 700px; display: flex; align-items: center; justify-content: center; position: relative; background-position: 50%; text-align: center; background-size: cover; } .video-block--catalog { height: 56vw; } .video-block:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)); } .video-block .container { position: relative; z-index: 2; } .video-block__text { font-family: Zt Chablis; font-weight: 400; font-size: 150px; line-height: 80%; letter-spacing: -.015em; color: #fff; margin-bottom: 15px; } .video-block__icon { display: flex; align-items: center; justify-content: center; margin: 0 auto; background: #f9f3e9; border-radius: 50%; margin-top: 15px; width: 64px; height: 64px; } .video-block__icon .svg-icon use { fill: transparent; stroke: #131417; } .video-block--small { height: 450px; position: relative; flex-direction: column; } .video-block--small:before { display: none; } .video-block--small .video-block__img { position: absolute; height: 100%; width: 851px; background-position: 50%; background-size: cover; } .video-block--small .video-block__img:before { content: " "; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: hsla(0, 0%, 100%, .15); backdrop-filter: blur(4px); } .video-block--small .video-block__text { position: relative; font-weight: 400; font-size: 128px; line-height: 96%; color: #ce603a; } .video-block--small .video-block__icon { position: relative; } @media (max-width:1200px) { .video-block { height: 500px; } .video-block--catalog { height: 56vw; } .video-block__text { font-size: 100px; line-height: 80%; margin-bottom: 35px; } .video-block--small { height: 404px; position: relative; flex-direction: column; } .video-block--small:before { display: none; } .video-block--small .video-block__img { height: 100%; width: 744px; } .video-block--small .video-block__text { font-size: 90px; line-height: 96%; margin-bottom: 6px; } .video-block--small .video-block__icon { width: 56px; height: 56px; position: relative; margin-top: 0; } }@media (max-width:960px) { .video-block { height: 360px; }.video-block--catalog { height: 56vw; } .video-block__text { font-size: 48px; line-height: 80%; margin-bottom: 6px; } .video-block__icon { width: 32px; height: 32px; } .video-block__icon .svg-icon { width: 8px; height: auto; } .video-block--small { height: 320px; position: relative; flex-direction: column; } .video-block--small:before { display: none; } .video-block--small .video-block__img { height: 100%; width: 95%} .video-block--small .video-block__text { font-size: 48px; line-height: 80%; margin-bottom: 6px; } .video-block--small .video-block__icon { width: 32px; height: 32px; } .video-block--small .video-block__icon svg { width: 10px; height: auto; } }.mreview { margin-bottom: 120px; } .mreview__body { padding-top: 36px; padding-bottom: 92px; padding-left: 105px; width: 50%} .mreview__slider .slick-list { overflow: visible; } .mreview__slider .slick-dots { position: absolute; margin: 0; padding: 0; left: 50%; padding-left: 105px; bottom: 30px; display: flex; } .mreview__slider .slick-dots li { margin-right: 8px; } .mreview__slider .slick-dots li button { font-family: Geometria; font-weight: 400; font-size: 18px; line-height: 150%; color: #6d6d6e; padding: 0; background-color: transparent; border: 0; transition: color .3s ease; } .mreview__slider .slick-dots li:first-child button::before, .mreview__slider .slick-dots li:nth-child(2) button:before, .mreview__slider .slick-dots li:nth-child(3) button:before, .mreview__slider .slick-dots li:nth-child(4) button:before, .mreview__slider .slick-dots li:nth-child(5) button:before, .mreview__slider .slick-dots li:nth-child(6) button:before, .mreview__slider .slick-dots li:nth-child(7) button:before, .mreview__slider .slick-dots li:nth-child(8) button:before, .mreview__slider .slick-dots li:nth-child(9) button:before { content: "0"} .mreview__slider .slick-dots li.slick-active button { color: #131417; } .mreview__link { display: flex; align-items: center; justify-content: space-between; margin-top: 24px; } .mreview__link div { font-size: 24px; line-height: 29px; font-family: Zt Chablis; } .mreview__link a { display: inline-flex; border-bottom: 1px solid #131417; } .mreview__text, .mreview__text p { font-size: 18px; line-height: 150%} .mreview__name { font-family: Zt Chablis; font-size: 48px; line-height: 110%; margin-bottom: 32px; } .mreview__btn { margin-left: 47px; } .mreview__slider .slick-track { display: flex; } .mreview__item { display: flex; position: relative; justify-content: flex-end; height: 100%; } .mreview__img { position: absolute; width: 50%; right: 0; top: 0; bottom: 0; left: 0; } .mreview__img img { height: 100%; object-fit: cover; width: 100%} @media (max-width:1200px) { .mreview { margin-bottom: 28px; padding-bottom: 78px; } .mreview__body { width: 100%; padding-left: 0; padding-right: 32px; padding-top: 0; padding-bottom: 0; width: 50%; height: auto; order: 1; } .mreview__slider .slick-list { overflow: visible; } .mreview__slider .slick-dots { left: 0; padding-left: 0; bottom: -70px; } .mreview__link { display: flex; align-items: center; justify-content: space-between; margin-top: 24px; } .mreview__link div { font-size: 24px; line-height: 29px; font-family: Zt Chablis; } .mreview__link a { display: inline-flex; border-bottom: 1px solid #131417; } .mreview__text, .mreview__text p { font-size: 18px; line-height: 150%} .mreview__name { font-family: Zt Chablis; font-size: 48px; line-height: 110%; margin-bottom: 32px; position: absolute; top: 0; left: 0; width: 90vw; } .mreview__btn { margin-left: 47px; } .mreview__item { display: flex; position: relative; justify-content: flex-end; padding-top: 85px; } .mreview__img { order: 2; position: relative; width: 50%; right: auto; height: auto; } }@media (max-width:960px) { .mreview { margin-bottom: 28px; padding-bottom: 40px; } .mreview__body { width: 100%; padding-left: 0; padding-right: 0; order: 1; padding-bottom: 0; } .mreview__slider .slick-list { overflow: visible; } .mreview__slider .slick-dots { bottom: -41px; right: 0; margin: 0 auto; justify-content: center; } .mreview__slider .slick-dots li button { font-size: 14px; line-height: 150%} .mreview__link { margin-top: 12px; } .mreview__link div { font-size: 20px; line-height: 24px; } .mreview__link a { font-size: 14px; line-height: 150%} .mreview__text, .mreview__text p { font-size: 16px; line-height: 150%} .mreview__name { font-size: 32px; line-height: 96%; width: 100%; text-align: center; } .mreview__btn { margin-left: 47px; } .mreview__item { flex-direction: column; padding-top: 55px; } .mreview__img { order: 1; width: 100%; margin-bottom: 12px; height: auto; } } @media (max-width:400px) { .mreview__item { flex-direction: column; padding-top: 80px; } } #bx-soa-user-notifications { margin-bottom: 40px; } #bx-soa-user-notifications .alert { background-color: #ffcaca; border: 1px solid #ff9999; color: #e12f2f; padding: 10px 15px; } .input-error a, #bx-soa-user-notifications a { border-bottom: 1px solid; color: #e12f2f; } .input-error { margin-top: 5px; font-size: 13px; color: #e12f2f; } .select-auth { margin-bottom: 80px; } .auth-method-list { margin-top: 25px; } .auth-method-list .btn + .btn { margin-left: 20px; } .auth-method-list .btn svg { margin-right: 8px; } .auth-method-list .btn:hover svg { fill: #fff; } @media (max-width:768px) { .auth-method-list{ margin-top: 0; } .auth-method-list .btn { margin-left: 0 !important; width: 100%; margin-top: 15px; font-weight:500; /*font-size: 15px;*/ } /*.auth-method-list .btn svg{ margin-right: 5px; width: 20px; height: auto; }*/ } .c-tag { display: inline-flex; align-items: center; font-weight: 400; font-size: 18px; line-height: 150%; text-transform: uppercase; margin-right: 29px; } .c-tag__delete { margin-left: 10px; cursor: pointer; } .checkout { overflow: hidden; } .checkout__body { float: left; padding-right: 58px; width: calc(100% - 416px); } .checkout__block { margin-bottom: 50px; } .checkout__block h3 { margin-bottom: 29px; } .checkout__section { margin-bottom: 100px; } .checkout__section:last-child { margin-bottom: 0; } .checkout__section h2 { font-size: 32px; margin-bottom: 40px; } .checkout__btn .btn { width: 100%} button.btn.btn--out-black.disabled { pointer-events: none; } .checkout__aside { width: 416px!important; float: left; padding: 38px 40px 42px; background: #f9f3e9; } .checkout__aside-promo { margin-bottom: 24px; } .checkout__aside-promo-wrap { position: relative; } .checkout__aside-promo-btn { width: 48px; height: 48px; position: absolute; right: 0; top: 0; background-color: transparent; padding: 0; border: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; } .checkout__aside-promo-btn svg { display: block; } .checkout__aside-promo-text-error { color: #ff3868; } .checkout__aside-promo-text-error, .checkout__aside-promo-text-valid { display: none; margin-top: 8px; font-size: 18px; font-family: Geometria; line-height: 150%} .checkout__aside-promo-text-valid { color: #0e575b; } .checkout__aside-promo-icon { width: 46px; height: 46px; position: absolute; right: 1px; top: 1px; background-color: #f9f3e9; z-index: 2; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .checkout__aside-promo-icon svg { position: absolute; } .checkout__aside-promo-icon svg:last-child { display: none; } .checkout__aside-promo input[type=text] { font-size: 16px; line-height: 150%; font-family: Geometria; padding: 12px 32px 12px 16px; border: 1px solid #cbcbcb; height: 48px; background-color: transparent; width: 100%; color: #131417; } .checkout__aside-promo input[type=text]::-webkit-input-placeholder { color: #6d6d6e; } .checkout__aside-promo input[type=text]:-moz-placeholder, .checkout__aside-promo input[type=text]::-moz-placeholder { color: #6d6d6e; } .checkout__aside-promo input[type=text]:-ms-input-placeholder { color: #6d6d6e; } .checkout__aside-promo.is-valid .checkout__aside-promo-text-valid { display: block; } .checkout__aside-promo.is-valid .checkout__aside-promo-icon { opacity: 1; pointer-events: auto; } .checkout__aside-promo.is-valid .checkout__aside-promo-icon svg:first-child { display: none; } .checkout__aside-promo.is-error .checkout__aside-promo-text-error, .checkout__aside-promo.is-valid .checkout__aside-promo-icon svg:last-child { display: block; } .checkout__aside-promo.is-error .checkout__aside-promo-icon { opacity: 1; pointer-events: auto; } .checkout__aside-promo.is-error .checkout__aside-promo-icon svg:first-child { display: block; } .checkout__aside-promo.is-error .checkout__aside-promo-icon svg:last-child { display: none; } .checkout__aside .price { display: flex; align-items: center; } .checkout__aside .price__old { margin-left: 12px; color:#6D6D6E; font-family: Geometria; font-size: 24px; font-style: normal; font-weight: 400; line-height: 110%; letter-spacing: -0.72px; text-decoration: line-through; } .checkout__aside .price__main { font-weight: 400; font-size: 48px; line-height: 110%; letter-spacing: -.03em; } .checkout__aside .price__stock { font-weight: 400; font-size: 24px; line-height: 110%; letter-spacing: -.03em; text-decoration: line-through; margin-left: 12px; color: #6d6d6e; } .checkout__aside h3 { margin-bottom: 24px; } .checkout__aside-item:last-child { margin-bottom: 0; } .checkout__aside-section { margin-bottom: 48px; } .checkout__aside-item { position: relative; font-weight: 400; font-size: 18px; line-height: 150%; margin-bottom: 24px; } .price-mini.orange { color: #CE603A; } .price-mini { position: absolute; font-family: Geometria; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; top: 0; right: 0; } .checkout__aside-item:last-child { margin-bottom: 0; } .checkout__aside-item span { font-weight: 400; font-size: 16px; line-height: 150%; display: block; text-transform: uppercase; margin-bottom: 2px; color: #6d6d6e; } .checkout__aside-item span.is-small { text-transform: inherit; } @media (max-width:1310px) { .checkout { overflow: visible; } .checkout__body { float: none; padding-right: 0; width: 100%} .checkout__aside { float: none; width: 576px!important; margin: 0 auto!important; margin-top: 56px!important; position: relative!important; padding: 38px 24px 42px; } }@media (max-width:960px) { .checkout__block { margin-bottom: 56px; } .checkout__block h3 { font-size: 24px; line-height: 29px; margin-bottom: 24px; } .checkout__section { margin-bottom: 56px; } .checkout__section:last-child { margin-bottom: 0; } .checkout__section h2 { font-size: 24px; line-height: 29px; margin-bottom: 19px; } .checkout__btn .btn { width: 100%} .checkout__aside { width: 576px!important; margin: 0 auto!important; margin-top: 56px!important; position: relative!important; padding: 38px 24px 42px; } .checkout__aside .price__main { font-size: 32px; line-height: 110%} .checkout__aside .price__stock { font-size: 16px; line-height: 110%} .checkout__aside h3 { font-size: 32px; line-height: 120%; margin-bottom: 24px; } .checkout__aside-item { font-size: 16px; line-height: 130%} .checkout__aside-item:last-child { margin-bottom: 0; } .checkout__aside-item span { font-size: 14px; line-height: 150%} }@media (max-width:640px) { .checkout__aside { width: auto!important; margin-left: -22px!important; margin-right: -22px!important; } }.radio { display: flex; flex-wrap: wrap; margin-bottom: 44px; } .radio__item { display: inline-flex; align-items: center; margin-right: 42px; margin-bottom: 12px; position: relative; } .radio__item input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; opacity: 0; } .radio__item input:checked~.radio__control:before { opacity: 1; } .radio__control { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 8px; border-radius: 50%; flex: none; border: 1px solid #6d6d6e; } .radio__control:before { content: " "; position: absolute; width: 6px; height: 6px; background: #131417; border: 1px solid #131417; border-radius: 50%; opacity: 0; transition: opacity .3s ease; } .radio__label { font-weight: 400; font-size: 18px; line-height: 150%; text-transform: uppercase; } @media (max-width:960px) { .radio { flex-direction: column; margin-bottom: 53px; } .radio__item { margin-right: 0; margin-bottom: 17px; } .radio__item:last-child { margin-bottom: 0; } .radio__item input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; opacity: 0; } .radio__item input:checked~.radio__control:before { opacity: 1; } .radio__label { font-size: 14px; line-height: 150%} }.p-radio { display: flex; flex-wrap: wrap; margin: 0 -10px -20px; } .p-radio__price { color: #131417; font-family: Geometria; font-size: 18px; font-style: normal; font-weight: 500; line-height: 150%; } .p-radio__item { position: relative; margin: 0 10px 20px; width: calc(50% - 20px); } .p-radio input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer; opacity: 0; } .p-radio input:checked~.p-radio__wrap { border-color: #f3eada; } .p-radio__name { font-size: 24px; } .p-radio__name, .p-radio__text { line-height: 150%; margin-bottom: 24px; } .p-radio__text { font-size: 18px; color: #6d6d6e; } .p-radio__info { font-size: 18px; line-height: 150%; text-transform: uppercase; color: #131417; } .p-radio__info div { margin-bottom: 10px; } .p-radio__info div:last-child { margin-bottom: 0; } .p-radio__wrap { padding: 30px 29px; height: 100%; border: 3px solid transparent; transition: border-color .3s ease; } .p-radio__shop { font-weight: 400; } .p-radio__shop, .p-radio__time { font-size: 18px; line-height: 150%; margin-bottom: 16px; } .p-radio__time { text-transform: uppercase; color: #6d6d6e; } .p-radio__phone a { display: inline-flex; font-weight: 400; font-size: 18px; line-height: 150%; text-transform: uppercase; color: #ce603a; } .p-radio__card { font-size: 24px; line-height: 150%} .p-radio__cardtext { font-weight: 400; font-size: 18px; line-height: 150%; color: #6d6d6e; } @media (max-width:960px) { .p-radio__item { width: calc(100% - 20px); } .p-radio__name { font-size: 20px; } .p-radio__name, .p-radio__text { line-height: 150%; margin-bottom: 16px; } .p-radio__text { font-size: 12px; } .p-radio__info { font-size: 14px; line-height: 150%} .p-radio__wrap { padding: 16px; } .p-radio__shop { font-size: 16px; line-height: 130%; margin-bottom: 16px; } .p-radio__time { margin-bottom: 16px; } .p-radio__phone a, .p-radio__time { font-size: 14px; line-height: 150%} .p-radio__card { font-size: 20px; line-height: 150%; margin-bottom: 8px; } .p-radio__cardtext { font-size: 14px; line-height: 150%} }.c-item__item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .c-item__item:last-child { margin-bottom: 0; } .c-item__wrap { display: inline-flex; align-items: center; flex-grow: 1; justify-content: space-between; } .c-item__img { width: 195px; height: 195px; flex: none; margin-right: 40px; background-color: #f8f8f7; } .c-item__name { display: inline-flex; font-size: 18px; line-height: 150%; color: #131417; margin-bottom: 8px; } .c-item__total { text-align: right; } .c-item__stock { font-size: 18px; line-height: 150%; margin-top: 4px; color: #6d6d6e; } .c-item__count { font-size: 22px; line-height: 28px; margin-top: 16px; } .c-item__price { font-size: 32px; line-height: 150%} .c-item__info { display: flex; align-items: center; margin-bottom: -12px; } .c-item__info span { font-size: 16px; line-height: 150%; color: #6d6d6e; margin-right: 14px; } .c-item__info span:last-child { margin-right: 0; } @media (max-width:960px) { .c-item__img { width: 82px; height: 82px; margin-right: 24px; } .c-item__name { font-size: 16px; line-height: 130%; margin-bottom: 8px; } .c-item__wrap { flex-direction: column; align-items: flex-start; } .c-item__stock { font-size: 12px; line-height: 150%; margin-top: 0; } .c-item__count { font-size: 14px; margin-top: 0; line-height: 18px; } .c-item__price { font-size: 20px; line-height: 150%; margin-top: 0; } .c-item__total { display: flex; text-align: initial; align-items: center; justify-content: space-between; width: 100%} .c-item__info span { font-size: 14px; line-height: 150%} }.not-found { width: 624px; margin: 0 auto; } .not-found__wrap { padding-bottom: 144px; background-color: linear-gradient(180deg, #fffeff, #fff6f2), #fefefd; } .not-found__text { font-weight: 400; font-size: 20px; line-height: 150%; letter-spacing: .03em; margin-bottom: 24px; text-align: center; } .not-found__btn { display: flex; align-items: center; justify-content: center; } .not-found__btn .btn { margin-right: 10px; } .not-found__btn .btn:last-child { margin-right: 0; } .not-found__name { font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 264.294px; line-height: 96%; margin-bottom: 14px; text-align: center; font-feature-settings: "pnum" on, "lnum" on; } @media (max-width:640px) { .not-found { width: 100%} .not-found__wrap { padding-bottom: 113px; } .not-found__text { font-size: 16px; line-height: 130%; margin-bottom: 40px; } .not-found__btn { flex-direction: column; } .not-found__btn .btn { width: 100%; margin-right: 0; margin-bottom: 15px; } .not-found__btn .btn:last-child { margin-right: 0; margin-bottom: 0; } .not-found__name { font-size: 164px; line-height: 96%; margin-bottom: 8px; } }.catalog-menu { position: relative; margin-right: 19px; z-index: 6; } .catalog-menu__block { background: #fff; width: 100%; box-shadow: 0 4px 20px hsla(0, 0%, 43%, .12); border-radius: 8px; } .catalog-menu__wrap { padding-top: 7px; left: 0; top: 100%; width: 857px; } .catalog-menu__drop, .catalog-menu__wrap { position: absolute; transition: opacity .3s ease; } .catalog-menu__drop { opacity: 0; pointer-events: none; top: 0; left: 388px; width: 469px; padding: 42px 55px; } .catalog-menu__drop-section { margin-bottom: 53px; } .catalog-menu__drop-section:last-child { margin-bottom: 0; } .catalog-menu__drop-title { font-size: 24px; line-height: 150%; margin-bottom: 24px; } .catalog-menu__drop-subblock { margin-bottom: 24px; } .catalog-menu__drop-subblock:last-child { margin-bottom: 0; } .catalog-menu__drop-titlesmall { font-weight: 400; font-size: 18px; line-height: 150%; margin-bottom: 16px; } .catalog-menu__drop-list { display: flex; flex-direction: column; } .catalog-menu__drop-list a { font-size: 16px; line-height: 150%; display: inline-flex; color: #6d6d6e; margin-bottom: 12px; } .catalog-menu__drop-list a:last-child { margin-bottom: 0; } .catalog-menu__menu { padding-top: 34px; padding-bottom: 33px; background: #f9f3e9; width: 388px; } .catalog-menu__menu>ul { margin: 0; display: flex; flex-direction: column; } .catalog-menu__menu>ul>li { width: 100%} .catalog-menu__menu>ul>li>a { display: flex; padding: 10px 0 12px 24px; font-family: Zt Chablis; color: #131417; font-weight: 400; font-size: 30px; line-height: 36px; width: 100%; transition: background-color .3s ease; } @media (min-width:1200px) { .catalog-menu__menu>ul>li.is-active>a { background-color: #fff; } .catalog-menu__menu>ul>li.is-active .catalog-menu__drop { opacity: 1; pointer-events: auto; } }@media (max-width:640px) { .catalog-menu { display: none; } }.p-city { background-color: rgba(79, 79, 79, .4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 12; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .p-city.is-open { opacity: 1; pointer-events: auto; } .p-city__close { display: flex; position: absolute; right: 19px; top: 19px; cursor: pointer; } .p-city__list ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; margin-bottom: -24px; } .p-city__list ul li { width: 33.3%; margin-bottom: 24px; } .p-city__list ul li a { font-weight: 400; font-size: 24px; line-height: 150%} .p-city__tag { display: flex; flex-wrap: wrap; margin-bottom: 20px; margin-top: 16px; } .p-city__tag a { display: inline-flex; font-weight: 400; font-size: 16px; line-height: 20px; padding: 5px 10px; background-color: #f9f3e9; margin-right: 16px; border-radius: 59px; margin-bottom: 4px; } .p-city__tag a:last-child { margin-right: 0; } .p-city__search { width: 100%} .p-city__search-icon { display: flex; align-items: center; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .p-city__search-icon .svg-icon { display: block; } .p-city__search-icon .svg-icon use { fill: transparent; stroke: #131417; } .p-city__search input[type=text] { padding: 0 8px 0 32px; width: 100%; height: 56px; border: 1px solid #cbcbcb; border-radius: 50px; font-family: Geometria; font-weight: 400; font-size: 20px; line-height: 25px; text-transform: uppercase; color: #131417; } .p-city__search-wrap { position: relative; } .p-city__search form { width: 100%} .p-city__wrap { width: 1200px; background: #fff; padding: 40px 50px; position: relative; } .p-city__title { font-family: Zt Chablis; margin-bottom: 24px; font-weight: 400; font-size: 36px; text-align: center; line-height: 44px; } .mobile-menu__bottom .city { display: none; } .p-city__tag a { margin-bottom: 0; margin-left: 7px; } @media (max-width: 1310px) { .p-city { z-index: 555; } .mobile-menu__bottom .city { display: flex; } .p-city__search-icon svg { width: 16px; height: auto; } .p-city__tag { align-items: center; } .p-city__list ul li { width: 100%; margin-bottom: 13px; } .p-city__list ul li a { font-size: 16px; font-weight: 400; line-height: 130%; letter-spacing: 0.48px; } .p-city__wrap { width: 1200px; max-width: 100%; padding: 40px 20px; } .p-city__search input[type=text] { height: 40px; padding: 10px 16px; border-radius: 50px; font-size: 16px; } .p-city__title { font-size: 32px; line-height: 120%; } } .m-phone { display: flex; margin-right: 40px; position: relative; z-index: 4; } .m-phone:hover .lang__drop { opacity: 1; pointer-events: auto; } .m-phone:hover .lang__control svg { transform: rotate(180deg); } .m-phone__item { display: inline-flex; align-content: center; cursor: pointer; } .m-phone__item span { font-weight: 400; font-size: 16px; line-height: 20px; color: #6d6d6e; } .m-phone__item span a { color: #6d6d6e; } .m-phone__drop { position: absolute; top: 100%; left: 0; width: 155px; padding-top: 11px; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .m-phone__drop-wrap { width: 100%; background: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 43%, .12); border-radius: 8px; display: flex; flex-direction: column; align-items: flex-start; } .m-phone__drop-wrap a { display: flex; width: 100%; font-size: 18px; line-height: 150%; padding: 8px 24px; transition: background-color .3s ease; } .m-phone__drop-wrap a.is-active { background-color: #f9f3e9; } .m-phone__control { display: flex; align-items: center; display: none; margin-right: 4px; } .m-phone__control svg { display: block; transition: transform .3s ease; } .select { transition: opacity .3s ease; width: 100%; opacity: 0; } .select.is-active { opacity: 1; } .select .jq-selectbox { width: 100%; height: 100%; opacity: 1; display: flex; align-items: center; justify-content: center; } .select .jq-selectbox.dropdown .jq-selectbox__trigger { transform: rotate(180deg); } .select .jq-selectbox.dropdown .jq-selectbox__select:before { opacity: 1; } .select .jq-selectbox__trigger { width: 16px; height: 8px; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; top: 0; right: 0; transition: transform .3s ease; background-image: url(/images/common/select.svg); background-position: 50%; background-repeat: no-repeat; top: 9px; } .select .jq-selectbox__dropdown { background: #fff; box-shadow: 0 4px 20px hsla(0, 0%, 43%, .12); border-radius: 8px; bottom: initial !important; border-top: 0; left: auto!important; right: auto!important; margin: 0 auto; padding: 24px 0; border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; width: 317px!important; } .select .jq-selectbox__dropdown ul { padding: 0; margin: 0; max-height: 271px!important; } .select .jq-selectbox__dropdown ul li { font-weight: 400; font-size: 18px; line-height: 150%; cursor: pointer; padding: 8px 24px; margin-bottom: 10px; transition: color .3s, background-color .3s ease; } .select .jq-selectbox__dropdown ul li:last-child { margin-bottom: 0; } .select .jq-selectbox__dropdown ul li.selected { color: #131417; background-color: #f9f3e9; } .select .jq-selectbox__select-text { padding: 0; display: flex; align-items: center; justify-content: flex-start; padding-right: 22px; font-size: 18px; line-height: 150%; z-index: 2; position: relative; color: #131417; text-transform: uppercase; } .select .jq-selectbox__select { cursor: pointer; position: relative; } @media (min-width:960px) { .select .jq-selectbox__dropdown ul li:hover { color: #131417; background-color: #f9f3e9; } }@media (max-width:960px) { .select .jq-selectbox__select-text { padding-right: 16px; font-size: 14px; line-height: 150%} .select .jq-selectbox__dropdown { padding: 15px 0; width: 260px; left: -22px; } .select .jq-selectbox__dropdown ul li { font-size: 14px; line-height: 150%} .select .jq-selectbox__trigger { width: 12px; height: 6px; background-size: cover; top: 7px; } }.i-list__item .catalog-item--wrap { display: flex; } .i-list__item { padding-bottom: 40px; margin-bottom: 40px; } .i-list__item:last-child { padding-bottom: 0; margin-bottom: 0; } .i-list__dop .rate { margin-right: 41px; } .i-list__dop span { margin-left: 0; text-transform: uppercase; font-size: 18px; line-height: 150%} .i-list__bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; } .i-list__tech { display: flex; flex-wrap: wrap; margin-top: 16px; } .i-list__tech span { font-size: 16px; line-height: 150%; color: #6d6d6e; margin-right: 24px; } .i-list__price { margin-left: 16px; flex: none; text-align: left; } .i-list__price span { font-size: 18px; line-height: 150%; text-decoration: line-through; color: #6d6d6e; } .i-list__price div { font-size: 32px; line-height: 150%; margin-bottom: 4px; } .i-list__body { flex-grow: 1; } .i-list__main { display: flex; justify-content: space-between; } .i-list__name { font-weight: 400; font-size: 24px; line-height: 150%; display: inline-flex; margin-bottom: 16px; } .i-list__img { width: 195px; height: 195px; background-color: #f8f8f7; margin-right: 40px; flex: none; } .i-list__img img { height: 100%; object-fit: cover; width: 100%} @media (max-width:1200px) { .i-list__name { font-size: 18px; line-height: 150%; margin-bottom: 8px; } }@media (max-width:960px) { .i-list__item .catalog-item--wrap { display: flex; padding-bottom: 40px; margin-bottom: 40px; } .i-list__item .catalog-item--wrap .rate { font-size: 12px; line-height: 150%} .i-list__item .catalog-item--wrap .rate .svg-icon { width: 18px; height: auto; } .i-list__item:last-child { padding-bottom: 0; margin-bottom: 0; } .i-list__dop .rate { margin-right: 25px; } .i-list__dop span { font-size: 12px; line-height: 150%; margin-left: 0; } .i-list__bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; } .i-list__tech { display: flex; flex-wrap: wrap; margin-top: 16px; } .i-list__tech span { font-size: 12px; line-height: 150%; margin-right: 12px; } .i-list__price { margin-left: 16px; flex: none; text-align: left; } .i-list__price span { font-size: 18px; line-height: 150%; text-decoration: line-through; color: #6d6d6e; } .i-list__price div { font-size: 32px; line-height: 150%; margin-bottom: 4px; } .i-list__name { font-size: 16px; line-height: 130%} .i-list__img { width: 64px; height: 64px; margin-right: 8px; } } @media (max-width:640px) { .i-list__body { flex: none; width: calc(100% - 64px - 10px); } .i-list__dop { display: flex; align-items: center; } .i-list__item .catalog-item--wrap .rate { margin-right: 11px; } .i-list__btn .btn--middle { padding: 16px 20px; width: 100%; margin-top: 10px; } .i-list__count .count { width: 100%; justify-content: space-between; } .i-list__bottom { display: block; padding-top: 10px; margin-left: -74px; } .i-list__item { padding-bottom: 0; margin-bottom: 20px; } .i-list__price { margin-left: 0; } .i-list__main { display: block; } .i-list__price div { font-size: 23px; line-height: 1.2; margin-bottom: 3px; } } .main-rate { display: flex; align-items: center; justify-content: center; margin-bottom: 25px; } .main-rate__wrap { overflow: hidden; } .main-rate__wrap input { position: absolute; opacity: 0; cursor: pointer; } .main-rate span { font-weight: 400; font-size: 18px; line-height: 150%; margin-left: 17px; color: #6d6d6e; } .main-rate__wrap:not(:checked)>input { position: absolute; top: -9999px; } .main-rate__wrap:not(:checked)>label { float: right; width: auto; overflow: hidden; white-space: nowrap; cursor: pointer; margin-right: 5px; display: flex; align-items: center; } .main-rate__wrap:not(:checked)>label .svg-icon use { fill: transparent; stroke: #131417; } .main-rate__wrap:not(:checked)>label:hover .svg-icon use, .main-rate__wrap:not(:checked)>label:hover~label .svg-icon use, .main-rate__wrap>input:checked+label:hover .svg-icon use, .main-rate__wrap>input:checked+label:hover~label .svg-icon use, .main-rate__wrap>input:checked~label .svg-icon use, .main-rate__wrap>input:checked~label:hover .svg-icon use, .main-rate__wrap>input:checked~label:hover~label .svg-icon use, .main-rate__wrap>label:hover~input:checked~label .svg-icon use { fill: #f3eada; stroke: #131417; } .up { display: flex; align-items: center; justify-content: center; position: fixed; z-index: 6; cursor: pointer; bottom: 100px; width: 56px; height: 56px; right: 36px; border: 1px solid #cbcbcb; background-color: #fff; border-radius: 50%; opacity: 0; transition: color .3s, border-color .3s, background-color .3s, opacity .3s ease; } .up .svg-icon use { fill: #cbcbcb; } .up.is-active { opacity: 1; pointer-events: auto; } @media (min-width:960px) { .up:hover { background-color: #131417; border-color: #131417; } .up:hover .svg-icon use { fill: #fff; } }@media (max-width:960px) { .up { right: 11px; bottom: 67px; width: 40px; height: 40px; top: auto; transform: translateY(0); } .up .svg-icon { width: 20px; height: auto; } }.btn-control { display: flex; align-items: center; flex-wrap: wrap; position: relative; z-index: 2; } .btn-control__btn .btn { width: 100%} .btn-control__btn--row { display: flex; margin: 0 -8px; padding-top: 32px; position: relative; } .btn-control__btn--row:before { content: " "; position: absolute; top: 0; height: 1px; left: 8px; right: 8px; background-color: #6d6d6e; } .btn-control__btn--row .btn { width: calc(50% - 16px); margin: 0 8px; padding-left: 10px; padding-right: 10px; } .btn-control__title { font-weight: 400; font-size: 20px; line-height: 140%; margin-bottom: 32px; } .btn-control__icon { display: flex; align-items: center; justify-content: center; position: relative; width: 40px; height: 40px; } .btn-control__icon .svg-icon use { fill: transparent; } .btn-control__count { position: absolute; top: -7px; right: -9px; display: flex; align-content: center; justify-content: center; padding: 1px 0 0 1px; width: 18px; height: 18px; border-radius: 50%; background-color: #b1795c; font-weight: 500; font-size: 12px; line-height: 15px; letter-spacing: .02em; text-transform: uppercase; color: #fff; } .btn-mobile__icon .btn-control__count{ top: -4px; right: 0; } .btn-control__drop { position: absolute; right: -35px; top: 89%; opacity: 0; padding-top: 17px; pointer-events: none; transition: opacity .3s ease; } .btn-control__drop:before { z-index: 1; box-shadow: 1px 4px 15px 1px rgba(0, 0, 0, .2); } .btn-control__drop:after, .btn-control__drop:before { content: " "; position: absolute; width: 28px; height: 28px; background: #fff; border-radius: 3px; transform: rotate(-45deg); top: 9px; display: block; right: 40px; } .btn-control__drop:after { z-index: 3; } .btn-control__drop-wrap { position: relative; z-index: 2; width: 514px; padding: 24px 32px 32px; background: #fff; box-shadow: 1px 4px 15px 1px rgba(0, 0, 0, .2); } .btn-control__item { margin-right: 9px; position: relative; } .btn-control__item:last-child { margin-right: 0; } @media (min-width:960px) { .btn-control__item:hover .btn-control__drop { opacity: 1; pointer-events: auto; } }.result-empty p { font-size: 20px; line-height: 140%} .result-empty__btn { margin-top: 48px; display: flex; align-items: center; } .result-empty__btn .btn { margin-right: 15px; } .result-empty__btn .btn:last-child { margin-right: 0; } @media (max-width:960px) { .result-empty p { font-size: 16px; line-height: 130%} .result-empty__btn { margin-top: 35px; } }@media (max-width:480px) { .result-empty__btn { flex-direction: column; margin-top: 25px; } .result-empty__btn .btn { width: 100%; margin-right: 0; margin-bottom: 10px; } .result-empty__btn .btn:last-child { margin-bottom: 0; } }.share { display: flex; align-items: center; position: relative; margin-top: 147px; } .share__text { font-family: Zt Chablis; font-weight: 400; font-size: 78px; line-height: 96%; max-width: 839px; } .share__icon { position: absolute; top: -60px; left: 788px; } .share__icon img { width: 95px; } .share__btn { display: flex; flex-direction: column; align-items: center; padding-left: 73px; } .share__btn .btn { margin-top: 10px; } .share__btn .btn:first-child { margin-top: 0; } @media (max-width:1310px) { .share { margin-top: 85px; justify-content: center; } .share__text { font-size: 56px; line-height: 110%; max-width: 577px; } .share__icon { top: -63px; left: 527px; } .share__btn { padding-left: 45px; flex: none; } }@media (max-width:960px) { .share { display: block; margin-top: 117px; } .share__text { font-size: 32px; line-height: 96%; max-width: none; text-align: center; width: 74%; margin: 0 auto 23px; } .share__icon { top: -52px; left: 0; right: 0; margin: 0 auto; display: flex; justify-content: center; } .share__icon img { width: 65px; } .share__btn { padding-left: 0; flex: none; } .share__btn .btn { margin-top: 13px; padding: 13px 24px 12px; } }@media (max-width:640px) { .share__text { width: 100%} }.agree { display: flex; align-items: flex-start; position: relative; margin-top: 24px; } .agree input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer; z-index: 2; } .agree input:checked~svg { opacity: 1; } .agree__text { padding-left: 8px; font-size: 16px; line-height: 150%} .agree__control { width: 20px; flex: none; height: 20px; margin-top: 2px; position: relative; display: flex; align-items: center; justify-content: center; background-color: transparent; border: 1px solid #131417; transition: background-color .3s ease; } .agree__control svg { opacity: 0; transition: opacity .3s ease; } .agree__control svg use { fill: transparent; stroke: #131417; } .btn-mobile { display: none; } @media (max-width: 1310px) { .btn-mobile { display: flex; align-items: center; justify-content: center; background: #fffaf8; height: 80px; padding: 0 8px; z-index: 6; position: fixed; left: 0; right: 0; bottom: 0; padding-bottom: 2px; } .btn-mobile.is-hidden { opacity: 0; pointer-events: none; transition: opacity .3s ease; } .btn-mobile__icon { height: 36px; flex: none; } .btn-mobile__icon, .btn-mobile__item { display: flex; align-items: center; justify-content: center; } .btn-mobile__item { width: 47px; height: 47px; flex-direction: column; text-align: center; margin: 0 8px; } .btn-mobile__item span { font-weight: 400; font-size: 10px; line-height: 150%; color: #6d6d6e; } }.file__title { font-size: 16px; line-height: 150%; color: #6d6d6e; margin-bottom: 2px; } .file__icon { display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; position: absolute; top: 0; right: 0; } .file__list { display: flex; flex-wrap: wrap; align-items: flex-end; padding-top: 5px; margin-right: -15px; } .file__list-item { display: flex; align-items: center; font-size: 16px; line-height: 150%; margin-right: 15px; margin-bottom: 5px; } .file__list-item svg { width: 10px; height: auto; margin-left: 5px; cursor: pointer; transform: translateY(1px); } .file__wrap { position: relative; } .file__wrap input[type=file] { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index: 2; } .file__placeholder { position: absolute; left: 24px; } .file__body { min-height: 65px; display: flex; align-items: center; position: relative; /*text-transform: uppercase;*/ font-weight: 400; font-size: 20px; line-height: 25px; padding-left: 24px; padding-right: 46px; color: #6d6d6e; border: 1px solid #cbcbcb; } @media (max-width:960px) { .file__title { font-size: 14px; } .file__icon { width: 48px; height: 48px; } .file__placeholder { left: 15px; } .file__body { font-size: 14px; line-height: 18px; min-height: 48px; padding: 15px 32px 15px 16px; } } .subs__title { font-family: Zt Chablis; margin-bottom: 16px; font-weight: 400; font-size: 30px; line-height: 36px; } .subs__input { width: 100%; font-family: Geometria; padding: 7px 4px 7px 16px; border: 1px solid #cbcbcb; border-radius: 58px; font-weight: 400; font-size: 16px; line-height: 150%; color: #131417; } .subs__input::-webkit-input-placeholder { font-family: Geometria; color: #6d6d6e; text-transform: uppercase; } .subs__input:-moz-placeholder, .subs__input::-moz-placeholder { font-family: Geometria; color: #6d6d6e; text-transform: uppercase; } .subs__input:-ms-input-placeholder { font-family: Geometria; color: #6d6d6e; text-transform: uppercase; } .subs__submit { position: absolute; cursor: pointer; bottom: 12px; /* transform: translateY(50%); */ padding: 0; border: 0; right: 15px; display: flex; align-items: center; background-color: transparent; } .subs__submit .svg-icon use { fill: #cbcbcb; } .subs__form, .subs__form form { position: relative; } .subs__form form { width: 234px; } .subs__text { margin-top: 16px; font-weight: 400; font-size: 14px; line-height: 150%; color: #6d6d6e; } @media (max-width:1200px) { .subs__form form { width: 100%} }@media (max-width:960px) { .subs { margin-top: 40px; } .subs, .subs__form form { width: 100%} .subs__title { font-size: 24px; line-height: 29px; } .subs__title br { display: none; } }.gallery { display: flex; flex-wrap: wrap; margin-bottom: 24px; } .gallery a { align-items: center; justify-content: center; width: 74px; height: 74px; margin-right: 8px; margin-bottom: 8px; display: flex; background-position: 50%; background-size: cover; } .slick-for { position: relative; margin-left: 12px; width: calc(100% - 12px - 40px); } .slick-for__item { width: 100%; height: calc(100vw - 12px - 40px - 44px); display: flex; background-position: 50%; background-size: cover; } .slick-for .slick-arrow { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 56px; height: 56px; position: absolute; border: 0; bottom: 0; z-index: 2; background-color: hsla(0, 0%, 5%, .5); } .slick-for .slick-arrow .svg-icon use { fill: transparent; stroke: #fff; } .slick-for .slick-arrow.slick-next { right: 0; padding-right: 2px; } .slick-for .slick-arrow.slick-prev { right: 58px; padding-left: 2px; } .slick-nav { margin-top: 2px; position: relative; margin-bottom: 39px; } .slick-nav .slick-slide { padding-right: 2px; transition: opacity .3s ease; } .slick-nav .slick-slide.slick-current { opacity: .2; } .slick-nav__item { width: 40px; height: 40px; cursor: pointer; display: flex; background-position: 50%; background-size: cover; } @media (max-width:640px) { .slick-for { order: 1; position: relative; margin-left: 0; width: 100%} .slick-for__item { width: 100%; height: calc(100vw - 44px); display: flex; background-position: 50%; background-size: cover; } .slick-for .slick-arrow { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 56px; height: 56px; position: absolute; border: 0; bottom: 0; z-index: 2; background-color: hsla(0, 0%, 5%, .5); } .slick-for .slick-arrow .svg-icon use { fill: transparent; stroke: #fff; } .slick-for .slick-arrow.slick-next { right: 0; padding-right: 2px; } .slick-for .slick-arrow.slick-prev { right: 58px; padding-left: 2px; } .slick-nav { order: 2; margin-top: 12px; position: relative; margin-bottom: 0; } }.popup-ok { display: none; background: #fff; width: 524px; position: relative; } .popup-ok__wrap { display: flex; flex-direction: column; align-items: center; position: relative; padding: 40px 50px; } .popup-ok__close { cursor: pointer; position: absolute; top: 19px; right: 19px; } .popup-ok__icon { position: absolute; top: 28px; left: 25px; } .popup-ok__title { font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 36px; line-height: 44px; margin-bottom: 8px; } .popup-ok__text { font-weight: 400; font-size: 18px; line-height: 150%; color: #6d6d6e; width: 315px; margin-bottom: 16px; text-align: center; } .popup-ok__btn { width: 424px; } .popup-ok__btn .btn { width: 100%} @media (max-width:560px) { .popup-ok { width: 100%; padding: 10px; } .popup-ok__wrap { padding: 25px; } .popup-ok__close { cursor: pointer; position: absolute; top: 10px; right: 10px; } .popup-ok__icon { display: none; } .popup-ok__title { font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 30px; line-height: 34px; margin-bottom: 8px; text-align: center; } .popup-ok__text { font-size: 15px; line-height: 150%; color: #6d6d6e; width: 100%; margin-bottom: 16px; } .popup-ok__btn, .popup-ok__btn .btn { width: 100%} }.tab__block { padding-bottom: 25px; display: none; } .tab__block.is-active { display: block; } .tab__control { margin-bottom: 50px; } .tab__control-wrap { display: flex; align-items: center; justify-content: center; } .tab__control-main { display: none; } .tab__aside { width: 279px; } .tab__aside h5 { margin-bottom: 40px; } .tab__link { cursor: pointer; font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 24px; line-height: 29px; border-radius: 57px; padding: 13px 27px 14px; display: inline-flex; align-items: center; text-align: center; text-transform: uppercase; border: 2px solid transparent; } .tab__link.is-active { transition: border-color .3s, background-color .3s ease; } .tab__link.is-active, .tab__link.is-active:hover { background-color: #f9f3e9; border-color: #f9f3e9; } @media (min-width:960px) { .tab__link:hover { background-color: #f9f3e9; border-color: #f9f3e9; } }@media (max-width:1200px) { .tab__block { padding-bottom: 25px; display: none; } .tab__block.is-active { display: block; } .tab__control { margin-bottom: 40px; } .tab__link { font-size: 20px; line-height: 24px; } }@media (max-width:960px) { .tab__link { width: 100%; margin: 0; padding: 4px 8px 5px; font-size: 14px; text-transform: none; line-height: 18px; border-radius: 0; font-family: Geometria, sans-serif; } .tab__control { margin-bottom: 35px; overflow: visible; position: relative; } .tab__control.is-open .tab__control-wrap { opacity: 1; pointer-events: auto; } .tab__control.is-open .tab__control-control { transform: rotate(180deg); } .tab__control-control { transition: transform .3s ease; } .tab__control-main { border: 1px solid #cbcbcb; display: flex; align-items: center; justify-content: space-between; padding: 4px 8px 5px; padding-right: 15px; height: 45px; font-size: 14px; line-height: 18px; } .tab__control-wrap { position: absolute; flex-direction: column; background-color: #fff; border: 1px solid #cbcbcb; top: 100%; z-index: 5; width: 100%; margin-top: -1px; padding: 10px 0; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .tab__control-item { width: 100%; margin: 0; border-radius: 0; font-family: Geometria, sans-serif; } }@media (max-width:640px) { .tab__link { font-size: 13px; line-height: 100%; padding-bottom: 10px; margin-right: 24px; white-space: nowrap; } .tab__container { padding-top: 24px; padding-bottom: 24px; } .tab__control { padding-right: 0; overflow-x: auto; width: 100%} }@media (max-width:480px) { .tab__container { padding-top: 32px; padding-bottom: 32px; } .tab__slider { margin-bottom: 32px; } .tab__slider .btn { padding: 16px 18px; display: inline-flex; } .tab__slider .video__slider h4 { margin-bottom: 30px; } .tab__slider .video__slider .video__name { font-size: 18px; line-height: 150%; margin-bottom: 2px; } .tab__slider .video__slider .video__icon { width: 32px; height: 32px; margin-right: 8px; } .tab__slider .video__slider .video__icon .svg-icon { width: 11px; height: auto; } .tab__slider .video__slider .video__img { height: 56.2vw; margin-bottom: 12px; } .tab__slider .video__slider>div { display: none; margin-bottom: 32px; } .tab__slider .video__slider>div:first-child, .tab__slider .video__slider>div:nth-child(2) { display: block; } .tab__slider .case__slider h4 { margin-bottom: 30px; } .tab__slider .case__slider .case__name { font-size: 16px; line-height: 150%; margin-bottom: 8px; } .tab__slider .case__slider .case__img { height: 53.2vw; } .tab__slider .case__slider>div { display: none; margin-bottom: 32px; } .tab__slider .case__slider>div:first-child, .tab__slider .case__slider>div:nth-child(2) { display: block; } }.shop { display: flex; flex-wrap: wrap; margin: 0 -7.5px; } .shop__address, .shop__time { margin-bottom: 16px; } .shop__time { color: #6d6d6e; } .shop__mail { display: inline-flex; align-items: center; text-transform: uppercase; color: #131417; margin-bottom: 16px; } .shop__btn .btn { font-size: 16px; line-height: 20px; padding: 13px 24px 12px; } .shop__schema { margin-bottom: 20px; color: #6d6d6e; border-bottom: 1px solid #6d6d6e; } .shop__phone, .shop__schema { display: inline-flex; align-items: center; text-transform: uppercase; } .shop__phone { color: #ce603a; margin-bottom: 16px; } .shop__item { display: flex; flex-direction: column; align-items: flex-start; width: 33.3%; padding: 0 7.5px; font-size: 18px; line-height: 150%; margin-bottom: 56px; } .shop__item:last-child { margin-bottom: 0; } @media (max-width:1200px) { .shop { display: flex; flex-wrap: wrap; margin: 0 -7.5px -40px; } .shop__btn .btn { font-size: 14px; line-height: 18px; padding: 9px 16px 8px; } .shop__item { font-size: 16px; line-height: 130%; margin-bottom: 40px; } .shop__item:last-child { margin-bottom: 0; } }@media (max-width:960px) { .shop { margin: 0 -20px -40px; } .shop__btn .btn { font-size: 14px; line-height: 18px; padding: 9px 16px 8px; } .shop__item { width: 50%; padding: 0 20px; font-size: 14px; line-height: 150%} .shop__item:last-child { margin-bottom: 0; } }.online { display: flex; flex-wrap: wrap; margin: 0 -12px -24px; } .online__item { display: flex; flex-direction: column; align-items: flex-start; margin: 0 12px 24px; width: calc(33.3% - 24px); } .online__name { font-weight: 400; font-size: 18px; line-height: 150%; border-bottom: 1px solid #131417; text-transform: uppercase; color: #131417; } .online__img { display: flex; align-items: center; justify-content: center; border: 1px solid #f3eada; height: 240px; width: 100%; margin-bottom: 20px; } .online__img img { max-width: 90%} @media (max-width:960px) { .online { margin: 0 -7px -14px; } .online__item { margin: 0 7px 25px; width: calc(33.3% - 14px); } .online__name { font-size: 15px; } .online__img { height: 144px; margin-bottom: 3px; } .online__img img { max-width: 90%} }@media (max-width:640px) { .online__item { width: calc(50% - 14px); } }@media (max-width:480px) { .online__item { width: calc(100% - 14px); } }.where__search { margin-bottom: 32px; } .where__search-wrap { position: relative; display: flex; align-items: center; } .where__search input { border: 1px solid #cbcbcb; border-radius: 50px; padding: 0 8px 0 32px; height: 56px; width: 100%; font-family: Geometria; font-style: normal; font-weight: 400; font-size: 20px; line-height: 25px; } .where__search input::-webkit-input-placeholder { color: #6d6d6e; } .where__search input:-moz-placeholder, .where__search input::-moz-placeholder { color: #6d6d6e; } .where__search input:-ms-input-placeholder { color: #6d6d6e; } .where__search button { display: flex; align-items: center; justify-content: center; cursor: pointer; width: 32px; height: 32px; position: absolute; border: 0; padding: 0; right: 10px; background-color: transparent; } .where__map { margin-bottom: 78px; } .where__map-map { height: 730px; } .where__map-map #where-map { width: 100%; height: 100%} .p-banner { position: relative; padding-bottom: 133px; padding-top: 18px; } .p-banner:before { background: linear-gradient(180deg, #fffeff, #fff6f2), #fefefd; } .p-banner:after, .p-banner:before { content: " "; position: absolute; left: 0; right: 0; top: -236px; bottom: 0; z-index: 1; pointer-events: none; } .p-banner:after { opacity: .1; background-image: url(/images/common/back.png); } .p-banner__back { position: relative; } .p-banner__img { margin-right: -153px; border-radius: 0 0 0 225px; overflow: hidden; } .p-banner__img img { position: relative; z-index: 3; } .p-banner__img img:last-child { position: absolute; right: -150px; bottom: -59px; z-index: 2; } .p-banner__btn { display: flex; align-items: center; justify-content: flex-start; } .p-banner__btn .btn { margin-right: 43px; padding-left: 64px; padding-right: 64px; } .p-banner__btn .btn:last-child { margin-right: 0; } .p-banner__wrap { display: flex; justify-content: space-between; position: relative; z-index: 2; align-items: flex-start; } .p-banner__title { font-family: Zt Chablis; font-weight: 400; font-size: 56px; line-height: 110%; margin-bottom: 42px; } .p-banner__text { font-size: 24px; line-height: 170%; margin-bottom: 82px; position: relative; z-index: 4; } .p-banner__text span { color: #ce603a; } .p-banner__body { width: 802.6px; flex: none; padding-top: 27px; } @media (max-width:1310px) { .p-banner { position: relative; padding-bottom: 30px; padding-top: 18px; } .p-banner__img { display: none; } .p-banner__btn .btn { margin-right: 35px; } .p-banner__btn .btn:last-child { margin-right: 0; } .p-banner__title { margin-bottom: 30px; } .p-banner__text { margin-bottom: 42px; } .p-banner__body { padding-top: 0; } }@media (max-width:960px) { .p-banner { position: relative; padding-bottom: 30px; padding-top: 0; margin-top: -7px; } .p-banner__img { border-radius: 0 0 0 90px; height: 248px; overflow: hidden; display: flex; align-items: flex-end; position: relative; margin-right: -21px; } .p-banner__img img { width: 100%; margin-bottom: -130px; } .p-banner__img img:last-child { display: none; } .p-banner__btn { flex-direction: column; margin-bottom: 32px; } .p-banner__btn .btn { width: 100%; margin-right: 0; font-size: 20px; line-height: 25px; margin-bottom: 27px; } .p-banner__btn .btn:last-child { margin-bottom: 0; } .p-banner__title { font-size: 32px; line-height: 120%; margin-bottom: 16px; } .p-banner__wrap { display: block; } .p-banner__text { width: 100%; font-size: 16px; line-height: 130%; margin-bottom: 32px; } .p-banner__body { width: 100%; padding-top: 0; } }@media (max-width:640px) { .p-banner__img img { margin: 0; } }.p-number { position: relative; padding-bottom: 97px; z-index: 2; } .p-number:before { background: linear-gradient(180deg, #fefefd, #fff6f2), #fefefd; } .p-number:after, .p-number:before { content: " "; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; pointer-events: none; transform: rotate(180deg); } .p-number:after { opacity: .1; background-image: url(/images/common/back.png); } .p-number .container { position: relative; z-index: 2; } .p-number__img { position: absolute; left: 0; top: 0; z-index: 2; } .p-number__wrap { display: flex; align-items: center; justify-content: flex-end; } .p-number__text { width: 526px; text-align: left; } .p-number__text p { font-size: 24px; line-height: 170%} .p-number__text span { font-weight: 500; font-size: 56px; line-height: 150%; color: #ce603a; display: block; margin-bottom: 17px; } @media (max-width:1310px) { .p-number { position: relative; padding-bottom: 64px; z-index: 2; padding-top: 192px; } .p-number__img { display: flex; justify-content: flex-end; width: 897px; position: absolute; border-radius: 0 397.602px 397.602px 0; left: -174px; top: 0; z-index: 2; overflow: hidden; } .p-number__img img { margin-right: -150px; max-width: none; } .p-number__wrap { display: flex; align-items: center; justify-content: flex-end; } .p-number__text { width: 592px; text-align: left; } .p-number__text span { margin-bottom: 25px; } }@media (max-width:960px) { .p-number { padding-bottom: 58px; padding-top: 25px; } .p-number__img { display: none; } .p-number__text { width: 100%; display: flex; } .p-number__text p { font-size: 16px; line-height: 130%; margin: 0; } .p-number__text span { font-size: 32px; line-height: 110%; margin-bottom: 0; width: 172px; margin-right: 32px; } }@media (max-width:640px) { .p-number, .p-number__text, .p-number__wrap { display: block; } .p-number__text span { font-size: 32px; line-height: 150%; margin-bottom: 2px; } }.partner { padding-top: 166px; padding-bottom: 253px; position: relative; } .partner h2 { font-size: 56px; line-height: 120%; margin-bottom: 101px; } .partner .container { position: relative; } .partner__img { position: absolute; right: 0; top: 134px; } .partner__list { display: flex; flex-wrap: wrap; margin: 0 -37px; } .partner__item { display: flex; align-items: flex-start; width: 50%; padding: 0 37px; font-weight: 400; font-size: 24px; line-height: 170%; margin-bottom: 89px; } .partner__item:last-child { margin-bottom: 0; } .partner__number { width: auto; flex: none; font-family: Zt Chablis; font-weight: 700; font-size: 76px; line-height: 1; font-feature-settings: "pnum" on, "lnum" on; color: #ce603a; opacity: .3; margin-right: 19px; margin-top: -21px; } @media (max-width:1310px) { .partner { padding-top: 66px; padding-bottom: 59px; } .partner__img { right: -473px; } }@media (max-width:960px) { .partner { padding-top: 48px; padding-bottom: 48px; position: relative; } .partner h2 { font-size: 32px; line-height: 120%; margin-bottom: 32px; } .partner__list { padding-left: 0; display: flex; flex-wrap: wrap; margin: 0 -12px -24px; } .partner__text { font-size: 16px; line-height: 170%} .partner .container { position: relative; } .partner__img { display: none; } .partner__item { width: 50%; padding: 0 12px; flex-direction: column; align-items: flex-start; } .partner__item, .partner__item:last-child { margin-bottom: 24px; } .partner__number { font-size: 40px; line-height: 1; margin: 0 0 12px; } }@media (max-width:640px) { .partner__item { width: 100%} .partner__text { width: 100%; } }.p-share { text-align: center; } .p-share .detail__rate-block { justify-content: center; } .p-share .main-rate { margin-bottom: 0; } .p-share .main-rate__wrap:not(:checked)>label:nth-child(2) { margin-right: 0; } .p-share .detail__rate-title { color: #6d6d6e; font-size: 18px; font-family: Geometria; line-height: 150%} .p-share .detail__rate-count { margin-right: 21px; } .p-share__title { font-size: 36px; font-family: Zt Chablis; margin-bottom: 44px; } .p-share__linkblock-text { word-break: break-word; } .p-share__linkblock { margin-top: 44px; border: 1px solid #cbcbcb; padding: 20px 22px 20px 24px; display: flex; align-items: center; cursor: pointer; } .p-share__linkblock svg { margin-right: 16px; flex: none; } .p-share__linkblock-text { color: #6d6d6e; font-size: 14px; font-family: Geometria; } .p-share .ya-share2__link { width: 50px; height: 50px; border-radius: 50%; border: 1px solid #cbcbcb; } .p-share .ya-share2__list { display: flex; align-items: center; justify-content: center; } .p-share .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item { margin: 0 12px; } .p-share--detail .p-share__title { margin-bottom: 30px; } .p-share--detail .p-share__link { display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 0 12px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #cbcbcb; } .p-share--detail .p-share__body { display: flex; align-items: center; justify-content: center; margin-top: 35px; } @media (max-width:640px) { .p-share__title { font-size: 29px; font-family: Zt Chablis; margin-bottom: 22px; } .p-share__linkblock { margin-top: 24px; border: 1px solid #cbcbcb; padding: 14px 17px; display: flex; align-items: center; cursor: pointer; } .p-share__linkblock svg { margin-right: 12px; width: 20px; height: auto; } .p-share .ya-share2__container_shape_round.ya-share2__container_size_l .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy) { background-size: 34px 34px; } .p-share .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item { margin: 0 6px; } .p-share .ya-share2__link { width: 38px; height: 38px; overflow: hidden; } .p-share .ya-share2__container_shape_round .ya-share2__badge, .p-share .ya-share2__container_size_l .ya-share2__badge .ya-share2__icon { width: 100%; height: 100%} .p-share--detail .p-share__link { width: 38px; height: 38px; margin: 0 6px; } .p-share--detail .p-share__link svg { width: 20px; height: auto; } }.motivation { padding-bottom: 126px; } .motivation__list { margin-bottom: 185px; } .motivation__item { display: flex; margin-bottom: 146px; } .motivation__item:last-child { margin-bottom: 0; } .motivation__text { font-family: Zt Chablis; width: 378px; font-weight: 400; font-size: 56px; line-height: 110%; flex: none; } .motivation__wrap { padding-top: 19px; width: calc(100% - 465px); display: flex; align-items: flex-start; justify-content: space-between; } .motivation__icon { display: flex; flex-direction: column; align-items: center; width: 33.3%} .motivation__icon span { width: 191px; display: block; text-align: center; margin-top: 25px; font-weight: 400; font-size: 18px; line-height: 150%; color: #6d6d6e; } .motivation__info { display: flex; align-items: center; position: relative; z-index: 2; } .motivation__info-text { font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 56px; line-height: 110%} .motivation__info img { margin-top: 20px; margin-left: 20px; } @media (max-width:1310px) { .motivation { padding-bottom: 86px; } .motivation__list { margin-bottom: 123px; } .motivation__item { flex-direction: column; align-items: center; margin-bottom: 64px; } .motivation__item:last-child { margin-bottom: 0; } .motivation__text { width: 532px; text-align: center; } .motivation__text br { display: none; } .motivation__wrap { padding-top: 30px; width: 83%} .motivation__info { position: relative; } .motivation__info-text { padding: 0 35px 0 54px; } .motivation__info img { position: absolute; margin-top: 0; margin-left: 0; top: -52px; right: 61px; } }@media (max-width:960px) { .motivation { padding-bottom: 58px; } .motivation__item { display: flex; margin-bottom: 48px; } .motivation__item:last-child { margin-bottom: 0; } .motivation__text { font-size: 32px; line-height: 120%; width: 100%; margin-bottom: 28px; } .motivation__list { margin-bottom: 58px; } .motivation__wrap { padding-top: 0; width: 100%; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: -28px; } .motivation__icon { width: 50%; margin-bottom: 28px; } .motivation__icon span { width: 171px; margin-top: 12px; font-size: 16px; line-height: 130%} .motivation__info-text { padding: 0; font-family: Zt Chablis; font-style: normal; font-weight: 400; font-size: 24px; line-height: 29px; } .motivation__info img { position: relative; top: auto; right: auto; width: 77px; flex: none; margin-left: 9px; } }@media (max-width:640px) { .motivation__icon { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; } .motivation__icon span { text-align: left; } .motivation__icon-img { width: 100px; order: 2; } .motivation__info-text { font-size: 18px; line-height: 22px; } .motivation__info img { margin-left: 30px; } }.p-form { position: relative; padding-bottom: 119px; padding-top: 135px; } .p-form__wrap { display: flex; position: relative; z-index: 2; } .p-form__form { flex-grow: 1; padding-left: 85px; padding-top: 17px; } .p-form__form .form__field { position: relative; margin-bottom: 31px; } .p-form__form .form__input { background-color: transparent; } .p-form__form .form__btn { margin-top: 41px; } .p-form__form .form__btn .btn { width: 100%; font-size: 22px; line-height: 28px; } .p-form__form .form__btn .btn span { margin-left: 5px; } .p-form__img { position: absolute; bottom: 0; height: 317px; border-radius: 0 370px 370px 0; background-image: url(/images/common/form-back.jpg); right: 62px; left: calc((100vw - 1312px)/2 * -1); background-size: cover; background-position: 50%} .p-form__body { width: 685px; flex: none; position: relative; padding-bottom: 389px; } .p-form__body h2 { font-size: 56px; line-height: 110%; margin-bottom: 38px; } .p-form__body p { width: 80%; margin: 0; font-size: 24px; line-height: 170%} .p-form:before { background: linear-gradient(180deg, #fff6f2, #fffeff 43.75%), #fefefd; } .p-form:after, .p-form:before { content: " "; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; pointer-events: none; } .p-form:after { opacity: .1; background-image: url(/images/common/back.png); } @media (max-width:1310px) { .p-form { position: relative; padding-top: 69px; padding-bottom: 79px; } .p-form__wrap { display: block; } .p-form__form { flex-grow: 1; width: 744px; margin: 0 auto; padding-left: 0; padding-top: 0; } .p-form__form .form__field { position: relative; margin-bottom: 31px; } .p-form__form .form__input { background-color: transparent; } .p-form__form .form__btn { margin-top: 41px; } .p-form__form .form__btn .btn { width: 100%; font-size: 22px; line-height: 28px; } .p-form__img { display: none; } .p-form__body { width: 100%; padding: 0; padding-bottom: 47px; } .p-form__body h2 { width: 685px; margin: 0 auto 32px; } .p-form__body p { width: 749px; margin: 0 auto; text-align: center; font-size: 24px; line-height: 170%} }@media (max-width:960px) { .p-form { padding-top: 32px; padding-bottom: 32px; background-color: #fff; } .p-form:after, .p-form:before { display: none; } .p-form__form { width: 100%} .p-form__img { display: none; } .p-form__body { width: 100%; padding: 0; padding-bottom: 24px; } .p-form__body h2 { font-size: 32px; line-height: 120%; text-align: left; width: 100%; margin: 0 auto 32px; } .p-form__body p { width: 100%; margin: 0 auto; text-align: left; font-size: 16px; line-height: 130%} }@media (max-width:640px) { .p-form .form__btn .btn { font-size: 20px; line-height: 25px; } .p-form .form__btn .btn span { display: none; } }.checkbox { position: relative; margin-right: 5px; } .checkbox input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; cursor: pointer; opacity: 0; } .checkbox input:checked~.checkbox__control svg { opacity: 1; } .checkbox__control { width: 20px; height: 20px; border: 1px solid #131417; display: flex; align-items: center; justify-content: center; margin-right: 4px; flex: none; margin-top: 3px; } .checkbox__control svg { opacity: 0; transition: opacity .3s ease; } @media (max-width:1200px) { .checkbox__control { font-size: 1.2vw; } }.brand { padding-bottom: 72px; } .brand__top { display: flex; align-items: center; margin-bottom: 38px; } .brand__top .all { margin-top: 5px; margin-left: 24px; } .brand__section { margin-bottom: 150px; } .brand__section:last-child { margin-bottom: 0; } .brand__name { font-weight: 600; font-size: 20px; line-height: 110%; margin-bottom: 8px; } .brand__text { font-size: 16px; line-height: 150%} .brand .slick-arrow { width: 64px; height: 56px; cursor: pointer; display: flex; position: absolute; align-items: center; justify-content: center; top: -84px; padding: 0; border: 0; background-color: transparent; } .brand .slick-arrow.slick-next { right: 0; padding-left: 2px; } .brand .slick-arrow.slick-next .slick-arrow__block { padding-left: 4px; } .brand .slick-arrow.slick-prev { right: 68px; } .brand .slick-arrow.slick-prev .slick-arrow__block { padding-right: 4px; } .brand .slick-arrow__block { width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .brand .slick-arrow .svg-icon { position: relative; z-index: 5; } .brand .slick-arrow .svg-icon use { stroke: #000; fill: transparent; } .brand .slick-arrow__back { position: absolute; width: 100%; left: 0; top: 0; height: 100%} .brand .slick-arrow__back .svg-icon use { stroke: #f9ebeb; } .brand .slick-track { margin: 0; } .brand .slick-list { margin: 0 -8px; } .brand .slick-slide { padding: 0 8px; } .brand__img { display: flex; align-items: center; justify-content: center; height: 169px; background: rgba(216, 5, 6, .03); border-radius: 5px; margin-bottom: 16px; } .brand__list { display: flex; flex-wrap: wrap; margin: 0 -9px -36px; } .brand__list .brand__item { margin: 0 9px 36px; width: calc(100%/4 - 18px); } @media (min-width:960px) { .brand__slider .slick-arrow:hover .svg-icon use { stroke: #fff; fill: transparent; } .brand__slider .slick-arrow:hover .slick-arrow__back .svg-icon use { fill: #ff3868; } }@media (max-width:1310px) { .brand { padding-bottom: 0; } .brand__top { margin-bottom: 16px; justify-content: space-between; } .brand__top .all span { display: none; } .brand__img { margin-bottom: 8px; } .brand__text { font-size: 14px; line-height: 18px; } .brand__name { font-size: 16px; line-height: 110%; margin-bottom: 4px; } .brand__slider .slick-arrow { bottom: -80px; top: auto; transform: translateY(0); } .brand__slider .slick-arrow.slick-next { right: 0; padding-left: 2px; left: 0; margin: 0 auto; transform: translateX(40px); } .brand__slider .slick-arrow.slick-prev { right: 0; padding-left: 2px; left: 0; margin: 0 auto; transform: translateX(-40px); } .brand__section { margin-bottom: 64px; padding-bottom: 80px; } .brand__section:last-child { margin-bottom: 0; } .brand__list { margin: 0 -8px -24px; } .brand__list .brand__item { margin: 0 8px 24px; width: calc(100%/3 - 16px); } }@media (max-width:960px) { .brand__list { margin: 0 -8px -24px; } .brand__list .brand__item { margin: 0 8px 24px; width: calc(100%/2 - 16px); } .brand__section { margin-bottom: 55px; } }@media (max-width:480px) { .brand__list { margin: 0 -8px -24px; } .brand__list .brand__item { margin: 0 8px 24px; width: calc(100% - 16px); } }.slider-small .slick-arrow { position: absolute; right: 0; border: 0; padding: 0; background-color: transparent; width: 36px; height: 32px; top: -56px; cursor: pointer; } .slider-small .slick-arrow__block { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .slider-small .slick-arrow .svg-icon { position: relative; z-index: 2; } .slider-small .slick-arrow .svg-icon use { stroke: #000; fill: transparent; } .slider-small .slick-arrow__back { position: absolute; top: 0; left: 0; } .slider-small .slick-arrow__back .svg-icon use { fill: #f9ebeb; stroke: none; } .slider-small .slick-arrow.slick-prev { right: 40px; } .slider-small .slick-arrow.slick-prev .slick-arrow__block { padding-right: 2px; } .slider-small .slick-arrow.slick-next .slick-arrow__block { padding-left: 2px; } .slider-big .slick-arrow { position: absolute; right: 0; border: 0; padding: 0; background-color: transparent; width: 64px; height: 56px; top: -88px; cursor: pointer; } .slider-big .slick-arrow__block { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .slider-big .slick-arrow .svg-icon { position: relative; z-index: 2; } .slider-big .slick-arrow .svg-icon use { stroke: #000; fill: transparent; } .slider-big .slick-arrow__back { position: absolute; top: 0; left: 0; width: 64px; height: 56px; } .slider-big .slick-arrow__back .svg-icon { width: 100%; height: auto; } .slider-big .slick-arrow__back .svg-icon use { fill: #f9ebeb; stroke: none; } .slider-big .slick-arrow.slick-prev { right: 70px; } .slider-big .slick-arrow.slick-prev .slick-arrow__block { padding-right: 2px; } .slider-big .slick-arrow.slick-next .slick-arrow__block { padding-left: 2px; } @media (min-width:960px) { .slider-small .slick-arrow:hover .svg-icon use { stroke: #fff; fill: transparent; } .slider-small .slick-arrow:hover .slick-arrow__back .svg-icon use { fill: #ff3868; } .slider-big .slick-arrow:hover .svg-icon use { stroke: #fff; fill: transparent; } .slider-big .slick-arrow:hover .slick-arrow__back .svg-icon use { fill: #ff3868; } }@media (max-width:1310px) { .slider-big .slick-arrow { width: 36px; height: 32px; top: -56px; } .slider-big .slick-arrow .svg-icon { width: 7px; height: auto; } .slider-big .slick-arrow__back { position: absolute; top: 0; left: 0; width: 36px; height: 32px; } .slider-big .slick-arrow__back .svg-icon { width: 100%; height: 100%} .slider-big .slick-arrow.slick-prev { right: 40px; } .slider-big .slick-arrow.slick-prev .slick-arrow__block { padding-right: 2px; } .slider-big .slick-arrow.slick-next .slick-arrow__block { padding-left: 2px; } }.product__name { font-weight: 600; font-size: 20px; line-height: 110%; color: #000; margin-bottom: 8px; } .product__img { margin-bottom: 12px; border-radius: 5px; position: relative; overflow: hidden; background-position: 50%; background-size: cover; } .product__info { max-width: 80%} .product__info div { display: flex; align-items: center; flex-wrap: wrap; margin-right: -16px; margin-bottom: -4px; } .product__info div span { font-weight: 400; font-size: 14px; line-height: 150%; color: rgba(0, 0, 0, .6); margin-right: 16px; margin-bottom: 4px; } .product__info div span:last-child { margin-right: 0; } .product__item { position: relative; display: flex; flex-direction: column; } .product__stock { font-weight: 600; font-size: 14px; line-height: 110%; padding: 6px 12px; display: inline-flex; z-index: 2; align-items: center; background: #d80506; border-radius: 6px; color: #fff; top: 14px; left: 14px; position: absolute; } .product__text { font-weight: 400; font-size: 16px; line-height: 150%; color: #000; margin-bottom: 12px; } .product__text span { color: #d80506; } .product__slider .slick-slide { padding: 0 8px; } .product__slider .slick-list { margin: 0 -8px; } .product__slider .product__img { height: 250px; } .product__slider .product__item { margin: 0; width: 100%} .product__list { display: flex; flex-wrap: wrap; margin: 0 -9px -36px; } .product__list .product__img { height: 250px; } .product__list .product__item { margin: 0 9px 36px; width: calc(100%/3 - 18px); } @media (max-width:1310px) { .product__img { margin-bottom: 8px; } .product__name { font-size: 16px; line-height: 110%} .product__info div span { font-size: 12px; line-height: 17px; } .product__text { font-size: 14px; line-height: 18px; margin-bottom: 8px; } .product__text span { display: initial; } .product__list { display: flex; flex-wrap: wrap; margin: 0 -6px -36px; } .product__list .product__img { height: 21vw; } .product__list .product__item { margin: 0 6px 36px; width: calc(100%/3 - 12px); } .product__slider--line .product__img { height: 200px; border-radius: 8px; } }@media (max-width:960px) { .product__list .product__img { height: 31vw; } .product__list .product__item { margin: 0 6px 36px; width: calc(100%/2 - 12px); } }@media (max-width:640px) { .product__slider--line { margin-right: -20px; } .product__slider--line .product__item { width: 337px; } .product__slider--line .product__img { height: 200px; } }@media (max-width:480px) { .product__list { margin-bottom: -16px; } .product__list .product__img { height: 56vw; } .product__list .product__item { margin-bottom: 16px; width: calc(100% - 12px); } .product__slider--line .product__item { width: 300px; } }.form-line { padding-top: 334px; padding-bottom: 157px; background-image: url(/images/common/form.png); background-position: 0 -100px; background-size: cover; } .form-line__info { display: flex; align-items: center; } .form-line__info .social { margin-left: 12px; } .form-line__wrap { width: 571px; background-color: #ff3868; padding: 30px 40px 40px; border-radius: 5px; } .form-line__text { font-weight: 500; font-size: 16px; color: #fff; line-height: 130%; margin-bottom: 12px; } .form-line__name { font-weight: 600; font-size: 32px; line-height: 120%; color: #fff; margin-bottom: 12px; } @media (max-width:1310px) { .form-line { padding-top: 144px; padding-bottom: 121px; } .form-line__wrap { width: 512px; } .form-line__text { margin-bottom: 16px; } .form-line__name { font-size: 24px; line-height: 110%; max-width: 80%} }@media (max-width:960px) { .form-line { background-image: none; padding: 0; } .form-line .social { margin-left: 32px; } .form-line .social__item { width: 73px; height: 64px; } .form-line .btn--upload { padding: 15px 45px; } .form-line .btn--upload .svg-icon { margin-left: 16px; } .form-line .container { padding: 0; } .form-line__text { font-size: 14px; line-height: 18px; } .form-line__name { max-width: 100%} .form-line__wrap { border-radius: 5px; margin: 0; width: auto; padding: 24px 40px 32px; } }@media (max-width:640px) { .form-line { background-image: none; padding: 0; } .form-line__info { display: block; } .form-line__info .btn { width: 100%; text-align: center; justify-content: center; } .form-line__info .btn br { display: none; } .form-line__info .social { margin-top: 24px; margin-left: 0; justify-content: center; } .form-line .btn--upload { padding: 13px; } .form-line .btn--upload .svg-icon { margin-left: 18px; } .form-line__wrap { padding: 16px 20px 32px; } }.video { display: flex; align-items: flex-end; justify-content: flex-start; width: 100%; border-radius: 5px; position: relative; overflow: hidden; background-size: cover; background-position: 50%} .video--small { padding: 16px; height: 192px; margin-bottom: 32px; } .video:before { content: " "; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .6)); } .video svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .video__name { font-weight: 500; font-size: 16px; line-height: 130%; color: #fff; position: relative; z-index: 3; } @media (max-width:1310px) { .video__name { font-size: 14px; } .video--small { height: 138px; } }@media (max-width:768px) { .video--small { padding: 14px; height: 60vw; } .video svg { width: 50px; height: auto; } }.item { margin-bottom: 56px; } .item__title { font-weight: 500; font-size: 16px; line-height: 130%; margin-bottom: 16px; color: #a1a1a1; } .item__wrap { display: flex; flex-direction: column; align-items: flex-start; } .item__type { font-weight: 400; font-size: 14px; line-height: 120%; color: #a1a1a1; } .item__name { font-weight: 500; font-size: 16px; line-height: 130%; color: #000; margin-bottom: 8px; transition: color .3s ease; } .item__img { width: 77px; height: 77px; margin-right: 16px; flex: none; } .item__img img { max-width: 100%; max-height: 100%} .item__link { margin-bottom: 16px; } .item__link:last-child { margin-bottom: 0; } .item__item { display: inline-flex; align-items: center; } .item__item:hover .item__name { color: #ff3868; } @media (max-width:1310px) { .item { margin-bottom: 32px; } }@media (max-width:960px) { .item { margin-bottom: 0; } .item__wrap { flex-direction: row; flex-wrap: wrap; margin-bottom: -16px; } .item__link { width: 50%; padding-right: 15px; } .item__link, .item__link:last-child { margin-bottom: 16px; } }@media (max-width:640px) { .item { margin-bottom: 0; } .item__link { width: 100%; padding-right: 0; } }.link__title { font-weight: 500; font-size: 16px; line-height: 130%; margin-bottom: 16px; color: #a1a1a1; } .link__item { margin-bottom: 24px; } .link__item:last-child { margin-bottom: 0; } .link__wrap { display: flex; flex-direction: column; align-items: flex-start; } .link__name { font-weight: 500; font-size: 18px; line-height: 130%; margin-bottom: 8px; display: inline-flex; color: #000; transition: color .3s ease; } .link__name:hover { color: #ff3868; } .link__text { font-weight: 400; font-size: 14px; line-height: 120%} .icard { display: flex; flex-wrap: wrap; margin: 0 -8px -36px; } .icard__item { width: calc(100%/3 - 16px); margin: 0 8px 36px; } .icard__img { height: 250px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .icard__img img { max-width: 100%; max-height: 100%} .icard__name { font-weight: 600; font-size: 20px; line-height: 110%; margin-bottom: 8px; } .icard__type { font-weight: 400; font-size: 14px; color: rgba(0, 0, 0, .6); line-height: 120%; margin-bottom: 12px; } .icard__text { font-weight: 400; font-size: 16px; line-height: 150%} @media (max-width:1310px) { .icard { margin-bottom: -24px; } .icard__img { height: 180px; } .icard__name { font-size: 18px; line-height: 110%} .icard__item { margin-bottom: 24px; } .icard__type { font-size: 12px; line-height: 17px; } .icard__text { font-size: 14px; line-height: 18px; } }@media (max-width:960px) { .icard { display: flex; flex-wrap: wrap; margin: 0 -12px -36px; } .icard__item { width: calc(100%/2 - 24px); margin: 0 12px 36px; } .icard__img { height: 180px; } .icard__name { margin-bottom: 4px; } }@media (max-width:480px) { .icard { display: flex; flex-wrap: wrap; margin: 0 -12px -36px; } .icard__item { width: calc(100% - 24px); } }.slider-img { margin-bottom: 28px; } .slider-img__item { display: flex; align-items: center; justify-content: center; height: 600px; border-radius: 5px; position: relative; background-position: 50%; background-size: cover; overflow: hidden; } .slider-img__item img { height: 100%; object-fit: cover; width: 100%} .slider-img .slick-arrow { display: flex; align-items: center; justify-content: center; width: 64px; height: 56px; position: absolute; padding: 0; cursor: pointer; z-index: 5; top: 50%; transform: translateY(-50%); border: 0; background-color: transparent; } .slider-img .slick-arrow .svg-icon { position: relative; z-index: 2; } .slider-img .slick-arrow .svg-icon use { fill: transparent; stroke: #241a14; } .slider-img .slick-arrow__block { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%} .slider-img .slick-arrow__back { width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .slider-img .slick-arrow__back .svg-icon { width: 100%; height: auto; } .slider-img .slick-arrow__back .svg-icon use { stroke: #fff; fill: #fff; } .slider-img .slick-arrow.slick-next { right: 20px; } .slider-img .slick-arrow.slick-next .slick-arrow__block { padding-left: 3px; } .slider-img .slick-arrow.slick-prev { left: 20px; } .slider-img .slick-arrow.slick-prev .slick-arrow__block { padding-right: 3px; } @media (max-width:1310px) { .slider-img { margin-bottom: 24px; } .slider-img__item { height: 43vw; } }@media (max-width:960px) { .slider-img { margin-bottom: 104px; } .slider-img .slick-arrow { top: auto; bottom: -80px; transform: translateY(0); } .slider-img .slick-arrow.slick-next { right: 0; left: 0; margin: 0 auto; transform: translateX(40px); } .slider-img .slick-arrow.slick-prev { right: 0; left: 0; margin: 0 auto; transform: translateX(-40px); } .slider-img .slick-arrow__back .svg-icon use { fill: #f9ebeb; stroke: #f9ebeb; } .slider-img__item { height: 53vw; } }.result h2 { font-weight: 600; font-size: 24px; line-height: 120%; margin-bottom: 20px; } .result__section { margin-bottom: 72px; } .result__btn { display: flex; align-items: center; } .result__btn .btn { margin-right: 15px; } @media (max-width:640px) { .result__btn { flex-direction: column; align-items: flex-start; } .result__btn .btn { margin-right: 0; margin-bottom: 10px; } .result__btn .btn:last-child { margin-bottom: 0; } }@media (max-width:480px) { .result__btn .btn { width: 100%} }.document h2 { font-size: 24px; line-height: 120%; margin-bottom: 48px; } .document__wrap { display: flex; max-width: 76%} .document__col { display: flex; flex-direction: column; width: 33.3%; padding-right: 30px; } .document__block { margin-bottom: 72px; } .document__block:last-child { margin-bottom: 0; } .document__container { margin-bottom: 36px; } .document__container:last-child { margin-bottom: 0; } .document__item { display: inline-flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 130%; transition: color .3s ease; } .document__icon { flex: none; margin-right: 16px; } @media (min-width:960px) { .document__item:hover { color: #ff3868; } }@media (max-width:1310px) { .document__wrap { max-width: 100%} }@media (max-width:960px) { .document h2 { margin-bottom: 46px; } .document__wrap { margin: 0 -15px; flex-wrap: wrap; } .document__col { width: 50%; padding: 0 15px; margin-bottom: 23px; margin-bottom: 36px; } .document__col:last-child { width: calc(100% + 30px); flex-direction: row; flex-wrap: wrap; margin: 0 -15px; } .document__col:last-child .document__container { width: 50%; padding: 0 15px; } }@media (max-width:480px) { .document h2 { font-size: 20px; line-height: 120%; margin-bottom: 26px; letter-spacing: normal; } .document__container { margin-bottom: 18px; } .document__block { margin-bottom: 26px; } .document__wrap { margin: 0 -15px; flex-wrap: wrap; } .document__col { margin-bottom: 18px; } .document__col, .document__col:last-child .document__container { width: 100%; padding: 0 15px; } }.service { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 -20px -40px; } .service__item { display: flex; padding: 40px; width: calc(50% - 40px); height: 466px; margin: 0 20px 40px; background-color: #fff; box-shadow: 0 4px 7px rgba(0, 0, 0, .1); } .service__body { padding-top: 34px; } .service__icon { width: 95px; height: 95px; flex: none; margin-right: 37px; } .service__icon-wrap { width: 100%; height: 100%; background-position: 50%; background-size: cover; } .service__text { font-weight: 400; font-size: 20px; line-height: 26px; } .service__text ul li { padding-left: 20px; color: #565656; position: relative; } .service__text ul li:before { content: " "; background-color: #565656; position: absolute; left: 3px; top: 10px; width: 4px; height: 4px; border-radius: 50%} .service__title { display: inline-flex; font-weight: 400; font-size: 30px; line-height: 35px; text-transform: uppercase; margin-bottom: 27px; } @media (max-width:1650px) { .service { margin: 77px -16px -32px; } .service__icon { width: 65px; height: 65px; margin-right: 23px; } .service__item { padding: 25px 20px; height: auto; } .service__body { padding-top: 13px; } .service__text { font-size: 14px; line-height: 153%} .service__title { font-size: 24px; line-height: 28px; text-transform: uppercase; margin-bottom: 23px; } }@media (max-width:768px) { .service { margin-top: 0; } .service__body { padding-top: 11px; } .service__icon { width: 50px; height: 50px; } .service__item { width: calc(100% - 40px); } }.info { padding: 80px 60px; padding-right: 100px; background: #d8f1de; border-radius: 40px; font-weight: 400; font-size: 24px; line-height: 130%; display: flex; align-items: center; color: #000; position: relative; z-index: 5; } .info__left { top: 85px; position: absolute; left: -92px; } .info__right { position: absolute; bottom: 8px; right: -133px; } .info__wrap { position: relative; } @media (max-width:1200px) { .info { padding: 35px; font-size: 20px; border-radius: 20px; } .info__left, .info__right { display: none; } }@media (max-width:768px) { .info { padding: 30px; font-size: 16px; border-radius: 20px; } }.phone__wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 16px 24px; background: #ff9b00; border-radius: 100px; margin-left: 49px; } .phone__wrap .phone { font-weight: 400; font-size: 16px; line-height: 16px; color: #000; } .phone__time { margin-top: 5px; font-weight: 400; font-size: 12px; line-height: 12px; } @media (max-width:1200px) { .phone__wrap { padding: 9px 18px; margin-left: 30px; } .phone__wrap .phone { font-weight: 400; font-size: 14px; line-height: 14px; } .phone__time { font-size: 12px; line-height: 12px; } }@media (max-width:480px) { .phone__wrap { margin-left: 0; } .phone__wrap .phone { font-size: 12px; } .phone__time { font-size: 10px; line-height: 11px; } }.map__body { padding-bottom: 51px; } .map__info { display: flex; margin: 0 -20px 40px; } .map__item { width: calc(100%/3 - 40px); margin: 0 20px; padding: 43px 63px; background: #f7f6f5; border-radius: 20px; } .map__item-line { display: flex; align-items: center; margin-bottom: 15px; font-weight: 400; font-size: 20px; line-height: 130%} .map__item-line:last-child { margin-bottom: 0; } .map__item-icon { width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; margin-right: 14px; flex: none; } .map__item-icon .svg-icon use { fill: transparent; } .map__item:last-child { margin-bottom: 0; } .map__text { font-weight: 400; font-size: 20px; line-height: 26px; color: #565656; } .map__text div { margin-bottom: 12px; } .map__map { flex-grow: 1; height: 561px; border-radius: 40px; overflow: hidden; } .map--contact { margin-bottom: 40px; padding: 0; background-color: transparent; box-shadow: none; } @media (max-width:1650px) { .map__info { display: flex; margin: 0 -10px 20px; } .map__map { height: 451px; } .map__item { width: calc(100%/3 - 20px); margin: 0 10px; padding: 30px; } .map__item-line { font-size: 18px; } }@media (max-width:1200px) { .map__map { border-radius: 20px; } .map__item { width: calc(100%/3 - 20px); margin: 0 10px; padding: 25px; } .map__item-line { font-size: 16px; } }@media (max-width:960px) { .map { display: block; } .map__map { height: 350px; } }@media (max-width:768px) { .map__map { height: 250px; } }@media (max-width:768px) { .map__info { flex-direction: column; margin-bottom: 15px; } .map__item { width: calc(100% - 20px); margin: 0 10px 15px; padding: 25px; } }.price__atten { margin-top: 71px; max-width: 1256px; font-weight: 400; font-size: 20px; line-height: 26px; } .price__list .price__info { margin-bottom: 40px; } .price__list .price__info:last-child { margin-bottom: 0; } .price__btncard { margin-top: 40px; } .price__item { margin-bottom: 150px; } .price__item:last-child { margin-bottom: 0; } .price__top { margin-bottom: 60px; } .price__body--card { padding: 31px 40px 39px; display: block; background-color: #fff; box-shadow: 0 4px 7px rgba(0, 0, 0, .1); } .price__body--card .price__info-name, .price__body--card .price__info-price { font-size: 20px; line-height: 26px; } .price__name { font-weight: 600; font-size: 56px; line-height: 120%; padding-right: 60px; } .price__btn { margin-top: 40px; } .price__info { margin-bottom: 40px; } .price__info:last-child { margin-bottom: 0; } .price__info-name { font-weight: 400; font-size: 32px; line-height: 100%; padding-right: 15px; } .price__info-text { font-weight: 400; font-size: 18px; line-height: 100%; padding-top: 8px; } .price__info-price { white-space: nowrap; font-weight: 400; font-size: 24px; line-height: 100%} .price__info-main { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid #ded9d6; } @media (min-width:960px) { .price__top:hover .price__control .svg-icon use { fill: transparent; stroke: #a0a0a0; } }@media (max-width:1650px) { .price__name { font-size: 34px; line-height: 38px; text-transform: uppercase; padding-right: 45px; } .price__top { margin-bottom: 30px; } .price__info-name, .price__info-price { font-size: 25px; line-height: 32px; } .price__atten { margin-top: 45px; max-width: none; } .price__body--card { padding-top: 60px; } }@media (max-width:960px) { .price__name { font-size: 25px; line-height: 26px; } .price__info-main { padding-bottom: 9px; } .price__control { width: 40px; height: 40px; } .price__control .svg-icon { width: 100%; height: auto; } .price__info-name { font-size: 19px; line-height: 25px; } .price__info-text { font-size: 16px; } .price__info-price { font-size: 19px; line-height: 25px; } }@media (max-width:768px) { .price__item { margin-bottom: 80px; } .price__name { font-size: 20px; line-height: 22px; } .price__top { padding: 0; margin-bottom: 20px; } .price__atten { margin-top: 24px; font-size: 15px; line-height: 21px; } .price__btn { margin-top: 30px; } .price__body { padding-left: 0; padding-right: 0; padding-bottom: 0; } .price__control { width: 30px; height: 30px; } .price__control .svg-icon { width: 100%; height: auto; } .price__info { margin-bottom: 20px; } .price__info-main { display: block; padding-bottom: 5px; } .price__info-name { font-size: 17px; line-height: 26px; padding-right: 0; } .price__info-text { font-size: 13px; padding-top: 0; } .price__info-price { font-size: 17px; line-height: 26px; } }.page { overflow: hidden; } .page__info { max-width: 1066px; font-weight: 500; font-size: 24px; line-height: 140%} @media (max-width:1310px) { .page__info { font-size: 24px; line-height: 140%} }@media (max-width:960px) { .page__info { font-size: 14px; font-weight: 400; line-height: 18px; } }.from { padding-bottom: 52px; position: relative; } .from .slick-dots { position: absolute; bottom: 0; left: 0; right: 0; } .from .slick-dots, .from .slick-dots ul { display: flex; align-items: center; justify-content: center; } .from .slick-dots li { margin: 0 16px; font-size: 0; padding: 0; } .from .slick-dots li.slick-active button { background-color: #241a14; } .from .slick-dots li button { width: 12px; height: 12px; border: 0; padding: 0; border-radius: 50%; transition: background-color .3s ease; background-color: rgba(36, 26, 20, .5); } .from .slick-dots li:before { display: none; } .from .slick-arrow { position: absolute; bottom: 0; padding: 0; border: 0; width: 92px; height: 92px; background-color: #fff; border-radius: 50%; top: 50%; cursor: pointer; z-index: 2; transform: translateY(-50%); } .from .slick-arrow .svg-icon use { fill: transparent; stroke: #241a14; } .from .slick-arrow.slick-next { padding-left: 3px; right: 20px; } .from .slick-arrow.slick-prev { left: 20px; padding-right: 3px; } .from .slick-arrow.slick-disabled .svg-icon use { stroke: #a0a0a0; } .from__wrap { width: 100%; margin: 0 auto; margin-top: 80px; } .from__wrap .center-title { font-weight: 600; font-size: 24px; line-height: 100%} .from__item-wrap { display: flex; } .from__item-img { width: calc(50% - 12px); height: 500px; border-radius: 20px; background-position: 50%; background-size: cover; margin: 0 6px; } .from__info { text-align: center; padding: 0 80px; padding-top: 12px; font-size: 18px; line-height: 25px; color: #565656; } .from__title { display: flex; align-items: center; justify-content: space-between; padding: 20px; font-weight: 400; font-size: 18px; line-height: 100%; background: #ffcd80; border-radius: 40px; margin-bottom: 20px; } .from__title .center-title { font-weight: 600; } .from .twentytwenty-horizontal .twentytwenty-handle:after, .from .twentytwenty-horizontal .twentytwenty-handle:before { box-shadow: none; } .from .twentytwenty-overlay { display: none; } .from .twentytwenty-handle { width: 42px; height: 153px; background: #fff; border-radius: 20px; margin-top: -87px; } @media (max-width:1650px) { .from__title { font-size: 16px; } .from__wrap .center-title { font-weight: 600; font-size: 20px; } .from__item-img { height: 400px; } }@media (max-width:960px) { .from .slick-arrow { width: 60px; height: 60px; padding-top: 6px; } .from .slick-arrow .svg-icon { width: 25px; height: auto; } .from__wrap { width: 100%} .from__info, .from__title { font-size: 15px; line-height: 18px; } .from__title { display: block; padding: 10px; text-align: center; } .from__item-img { height: 44vw; } }@media (max-width:768px) { .from .twentytwenty-handle { width: 25px; height: 116px; background: #fff; border-radius: 20px; margin-top: -66px; margin-left: -15px; } .from__wrap { width: 100%} .from__info, .from__title { font-size: 15px; line-height: 18px; } .from__item-wrap img { width: 100%; height: 52vw; } }@media (max-width:560px) { .from { margin-top: 40px; } .from .slick-arrow { display: none; } .from__wrap { margin-top: 30px; } .from__wrap .center-title { font-weight: 600; font-size: 17px; } .from__title { display: block; padding: 10px; border-radius: 20px; } .from__title span { display: block; margin-bottom: 5px; } .from__title span:last-child { margin-bottom: 0; } }.page-text { max-width: 1686px; margin: 0 auto; } .page-text p { color: #000; } .page-text h1 { max-width: 90%; margin-bottom: 61px; } .sort { margin-top: 80px; margin-bottom: 84px; display: flex; align-items: center; justify-content: space-between; } .sort .tag { margin-bottom: -30px; } .sort__form { display: flex; } .sort__form .select { width: 560px; margin-left: 40px; } .sort__form .select:first-child { margin-left: 0; } @media (max-width:1650px) { .sort .tag { margin-bottom: -15px; } .sort__form { display: flex; } .sort__form .select { width: 350px; margin-left: 25px; } }@media (max-width:1200px) { .sort { margin-top: 55px; margin-bottom: 55px; } .sort__form { display: flex; } .sort__form .select { width: 250px; margin-left: 15px; } }@media (max-width:960px) { .sort { margin-top: 35px; margin-bottom: 35px; } .sort .tag { margin-bottom: -6px; } }@media (max-width:768px) { .sort { flex-direction: column; align-items: flex-start; } .sort__form { display: block; margin-top: 9px; width: 100%} .sort__form .select { width: 100%; margin-left: 0; margin-top: 10px; } .sort__form .select:first-child { margin-left: 0; margin-top: 0; } }.slide { display: inline-flex; align-items: center; margin-top: 15px; } .slide input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .slide input:checked~.slide__control { left: 24px; } .slide__control { width: 14px; height: 14px; position: absolute; background: #241a14; border-radius: 44px; top: 4px; left: 4px; display: block; transition: left .3s ease; } .slide__wrap { width: 44px; height: 22px; background: #ded9d6; flex: none; border-radius: 40px; position: relative; } .slide__label { font-weight: 400; font-size: 20px; line-height: 130%; padding-left: 12px; } @media (max-width:768px) { .slide__label { font-size: 14px; } }.prod { padding-left: 12px; padding-bottom: 24px; padding-top: 32px; border-bottom: 1px solid #6d6d6e; } .prod, .prod .delete { display: inline-flex; align-items: center; } .prod .delete { margin-bottom: 13px; } .prod__info { width: 114px; text-align: right; flex: none; } .prod__img { width: 100px; height: 100px; flex: none; } .prod__name { display: inline-flex; font-weight: 400; font-size: 16px; line-height: 140%; margin-bottom: 8px; } .prod:first-child { padding-top: 0; } .prod:last-child { border-bottom: 0; } .delete .svg-icon use { fill: #565656; } .slider-common .slick-dots { padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; bottom: 24px; } .slider-common .slick-dots li { list-style: none; margin: 0 5.5px; } .slider-common .slick-dots li.slick-active button { background-color: #fff; } .slider-common .slick-dots li button { width: 6px; height: 6px; padding: 0; font-size: 0; cursor: pointer; background-color: transparent; border-radius: 50%; border: 1px solid #fff; transition: background-color .3s ease; } .slider-common .slick-arrow { display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; width: 31px; height: 13px; position: absolute; background-color: transparent; border: 0; top: 0; z-index: 5; } .slider-common .slick-arrow .svg-icon use { fill: #131417; } .slider-common .slick-arrow.slick-disabled { pointer-events: none; } .slider-common .slick-arrow.slick-disabled .svg-icon use { fill: #565656; } .slider-common .slick-arrow.slick-next { right: 0; } .slider-common .slick-arrow.slick-prev { left: 0; } @media (max-width:1330px) { .slider-common .slick-dots { bottom: 17px; } .slider-common .slick-dots li { margin: 0 10px; } .slider-common .slick-dots li button { width: 8px; height: 8px; } }@media (min-width:960px) { }.spinner { width: 108px; height: 38px; } .spinner .ui-spinner { display: flex; width: 100%; height: 100%; border: 1px solid #cbcbcb; border-radius: 0; } .spinner .ui-spinner .ui-spinner-input { order: 2; width: calc(100% - 30px*2); margin: 0; height: 100%; text-align: center; font-weight: 400; font-size: 16px; line-height: 140%; font-family: Geometria; } .spinner .ui-spinner a.ui-spinner-button { position: relative; top: auto; right: auto; width: 30px; height: 38px; order: 3; flex: none; border: 0; background-color: transparent; } .spinner .ui-spinner a.ui-spinner-button.ui-spinner-down { order: 1; } .address__item { font-size: 16px; line-height: 153%; letter-spacing: -.02em; color: #fff; margin-bottom: 14px; } .address__item:last-child { margin-bottom: 0; } .address__item a { color: #fff; } .address__item span { margin-bottom: 4px; color: #717171; display: block; } @media (max-width:1140px) { .address { display: block; } .address__item { font-size: 14px; line-height: 153%; color: #717171; width: 100%; margin-bottom: 2px; } .address__item:last-child, .address__item:nth-last-child(2) { display: none; } .address__item a { color: #717171; } .address__item span { display: initial; } }.faq__top { justify-content: space-between; cursor: pointer; } .faq__control, .faq__top { display: flex; align-items: center; } .faq__control { justify-content: center; height: 60px; width: 60px; } .faq__item { width: 100%; border-bottom: 1px solid #ede6e6; } .faq__body { padding-top: 15px; padding-bottom: 28px; display: none; } .faq__body p:last-child { margin-bottom: 0; } .faq__name { font-weight: 500; font-size: 18px; line-height: 150%; letter-spacing: -.01em; } .faq--inner { max-width: 100%; width: 988px; margin-bottom: 62px; } .plus-minus-toggle { cursor: pointer; height: 14px; position: relative; width: 14px; } .plus-minus-toggle:after, .plus-minus-toggle:before { background-color: #b5b5b5; content: ""; height: 2px; left: 0; position: absolute; top: 6px; width: 14px; transition: transform .5s, background-color .3s ease; } .plus-minus-toggle:after { transform-origin: center; } .plus-minus-toggle.collapsed:after { transform: rotate(90deg); } .plus-minus-toggle.collapsed:before { transform: rotate(180deg); } @media (min-width:960px) { .faq__top:hover .plus-minus-toggle:after, .faq__top:hover .plus-minus-toggle:before { background-color: #0c0c0c; } }@media (max-width:480px) { .faq__name { font-size: 16px; line-height: 150%} }.info-block { padding-bottom: 78px; } .info-block__img { width: 608px; height: 351px; flex: none; background-size: cover; background-position: 50%} .info-block__text { font-size: 18px; line-height: 150%; font-family: Bitter, serif; } .info-block__name { font-weight: 600; font-size: 24px; line-height: 29px; font-family: Bitter, serif; margin-bottom: 20px; } .info-block__item { display: flex; align-items: center; margin-bottom: 140px; } .info-block__item:last-child { margin-bottom: 0; } .info-block__item:nth-child(odd) .info-block__img { order: 1; } .info-block__item:nth-child(odd) .info-block__body { order: 2; padding-left: 119px; } .info-block__item:nth-child(2n) .info-block__img { order: 2; } .info-block__item:nth-child(2n) .info-block__body { padding-right: 120px; order: 1; } @media (max-width:960px) { .info-block { padding-bottom: 0; } .info-block__name { font-size: 18px; line-height: 150%} .info-block__img { width: calc(100% + 80px); margin-left: -40px; margin-right: -40px; height: 42vw; } .info-block__body { margin-bottom: 24px; } .info-block__text { font-size: 15px; line-height: 150%} .info-block__item { flex-direction: column; text-align: center; margin-bottom: 60px; } .info-block__item:nth-child(odd) .info-block__img { order: 2; } .info-block__item:nth-child(odd) .info-block__body { order: 1; padding-left: 0; } .info-block__item:nth-child(2n) .info-block__img { order: 2; } .info-block__item:nth-child(2n) .info-block__body { order: 1; padding-right: 0; } }.tech { display: flex; margin-bottom: 38px; } .tech__item { width: 33.3%; padding-right: 25px; } .tech__title { font-size: 14px; line-height: 100%; letter-spacing: -.02em; margin-bottom: 8px; } .tech__size { font-weight: 600; font-size: 18px; line-height: 22px; } @media (min-width:1141px) and (max-width:1440px) { .tech { margin-bottom: 32px; } .tech__title { font-size: .94vw; margin-bottom: 0; } .tech__size { font-size: 1.2vw; } }@media (max-width:1140px) { .tech { display: block; margin-bottom: 32px; } .tech__title { font-size: 16px; line-height: 150%; width: 144px; margin-right: 8px; flex: none; color: #717171; margin-bottom: 0; } .tech__item { padding-right: 0; margin-bottom: 8px; } .tech__item:last-child { margin-bottom: 0; } .tech__size { font-family: Fira Sans, sans-serif; font-size: 16px; line-height: 150%} .tech__item { width: 100%; display: flex; } }@media (max-width:960px) { .tech__size, .tech__title { font-size: 16px; line-height: 150%} }.total { display: flex; align-items: flex-start; } .total__body { width: 463px; flex: none; margin-right: 55px; } .total__body .btn { width: 100%; padding-left: 10px; padding-right: 10px; margin-bottom: 16px; } .total__body .btn span { margin-right: 5px; } .total__body p { color: #ff3868; } .total__info { font-weight: 600; font-size: 32px; line-height: 38px; } .total__info span { display: block; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: .05em; } @media (min-width:1141px) and (max-width:1440px) { .total__body { width: 32vw; flex: none; margin-right: 45px; } .total__info { font-size: 2.2vw; } .total__info span { font-size: 1.1vw; } }@media (max-width:1140px) { .total__body { width: 420px; margin-right: 48px; } .total__info { font-size: 22px; line-height: 100%} .total__info span { font-size: 14px; line-height: 100%; margin-bottom: 12px; } }@media (max-width:960px) { .total { flex-direction: column; } .total__body { order: 2; width: 100%} .total__info { display: flex; align-items: center; justify-content: flex-end; order: 1; margin-bottom: 24px; width: 100%} .total__info span { margin-bottom: -4px; margin-right: 12px; } }@media (max-width:640px) { .total__body .btn span { display: none; } }.text-block { display: flex; position: relative; justify-content: flex-end; } .text-block__head { color: #fff; margin-bottom: 49px; } .text-block__text { font-size: 18px; line-height: 150%; letter-spacing: normal; } .text-block__img { width: 853px; flex: none; left: -134px; top: -237px; position: absolute; } .text-block__title { color: #fff; } .text-block__body { position: relative; width: 572px; flex: none; margin-top: -59px; margin-bottom: -38px; } .text-block__item { font-family: Bitter, serif; color: #fff; text-align: center; margin-bottom: 32px; } .text-block__item:last-child { margin-bottom: 0; } .text-block__title { font-weight: 600; font-size: 24px; line-height: 29px; margin-bottom: 8px; } @media (min-width:1141px) and (max-width:1440px) { .text-block__img { width: 61vw; left: -8%; top: -247px; } .text-block__title { font-size: 1.7vw; margin-bottom: 3px; } .text-block__text { font-size: 1.3vw; } .text-block__head { margin-bottom: 3vw; } .text-block__item { margin-bottom: 20px; } .text-block__body { width: 40vw; margin-top: -87px; margin-bottom: -59px; } }@media (max-width:1140px) { .text-block__img { left: auto; top: -234px; width: 615px; right: 475px; } .text-block__item { text-align: left; margin-bottom: 25px; } .text-block__title { font-size: 18px; line-height: 22px; } .text-block__head { margin-bottom: 32px; } .text-block__text { font-size: 15px; opacity: .6; } .text-block__body { margin-bottom: -97px; width: 577px; margin-top: -128px; } }@media (max-width:960px) { .text-block__img { display: none; } .text-block__head, .text-block__text { text-align: center; } .text-block__body { margin-bottom: -88px; width: 100%; margin-top: -139px; padding: 0 60px; } .text-block__title { text-align: center; } }@media (max-width:640px) { .text-block__body { padding: 0; } }.doc { display: inline-flex; } .doc__section { width: 1008px; max-width: 100%} .doc__container { display: flex; flex-wrap: wrap; width: 100%} .doc__title { font-weight: 600; font-size: 24px; line-height: 29px; font-family: Bitter, serif; margin-bottom: 48px; } .doc__section { margin-bottom: 64px; } .doc__section:last-child { margin-bottom: 0; } .doc__body { display: flex; flex-direction: column; justify-content: center; } .doc__item { width: 33.3%; margin-bottom: 32px; padding-right: 35px; } .doc__icon { margin-right: 14px; flex: none; opacity: .5; transition: opacity .3s ease; } .doc__icon svg { display: block; } .doc__name { font-size: 18px; margin-bottom: 4px; color: #0c0c0c; } .doc__link, .doc__name { line-height: 100%; letter-spacing: -.02em; } .doc__link { font-size: 14px; color: #ff3868; opacity: .5; transition: opacity .3s ease; } @media (min-width:1140px) and (max-width:1440px) { .doc__title { font-size: 1.7vw; margin-bottom: 3vw; } .doc__link { font-size: 1vw; } .doc__name { font-size: 1.3vw; list-style: 1.2; } .doc__section { margin-bottom: 2vw; } .doc__item { margin-bottom: 1.4vw; } .doc__icon { width: 2.3vw; margin-right: .8vw; } .doc__icon svg { width: 100%; height: auto; display: block; } }@media (min-width:960px) { .doc__item:hover .doc__icon, .doc__item:hover .doc__link { opacity: 1; } }@media (max-width:1140px) { .doc__icon { margin-right: 10px; } .doc__title { font-size: 18px; line-height: 22px; margin-bottom: 24px; } .doc__container { margin-bottom: -16px; } .doc__section { width: 100%; margin-bottom: 40px; } .doc__link { font-size: 12px; } .doc__item { margin-bottom: 16px; } .doc__name { font-size: 16px; line-height: 100%} }@media (max-width:960px) { .doc__item { width: 50%} }@media (max-width:640px) { .doc__item { width: 100%} }@media (max-width:960px) { .dropmenu { display: none; padding: 20px 0 5px; } .dropmenu ul li { margin-bottom: 10px; } .dropmenu ul li:last-child { margin-bottom: 0; } }.tab-info { margin-top: 55px; } .tab-info__top { display: flex; } .tab-info__container { position: relative; z-index: 2; } .tab-info__block { display: none; background: #fff; } .tab-info__block form { display: block; width: 100%} .tab-info__block.is-active { display: flex; } .tab-info__block-form { padding: 45px 48px 51px; } .tab-info__link { cursor: pointer; flex: none; display: flex; background-color: #e6e6e6; padding: 22px 18px; position: relative; transition: background-color .3s ease; } .tab-info__link .stock-icon { position: absolute; right: 35px; top: -7px; } .tab-info__link.is-active { background-color: #fff; } .tab-info__link:last-child { flex-grow: 1; } .tab-info__link-icon { display: flex; align-items: center; margin-right: 12px; flex: none; } .tab-info__link-icon svg { display: block; } .tab-info__link-name { font-weight: 600; font-size: 20px; line-height: 150%} .tab-info__link-text { font-size: 14px; line-height: 132%; letter-spacing: -.02em; } .stock-icon { font-weight: 600; font-size: 15px; line-height: 90%; letter-spacing: -.01em; color: #fff; text-align: center; } .stock-icon, .stock-icon__container { display: flex; align-items: center; justify-content: center; border-radius: 50%} .stock-icon__container { z-index: 1; width: 105px; height: 105px; background: #42951b; } .stock-icon:before { content: " "; position: absolute; background-color: rgba(66, 149, 27, .16); width: 137px; height: 137px; border-radius: 50%} .stock-icon__wrap div { margin-top: 5px; font-size: 22px; line-height: 90%} .stock-icon__wrap div span { display: inline-flex; margin-left: 2px; opacity: .5; } @media (min-width:1141px) and (max-width:1440px) { .stock-icon:before { width: 9vw; height: 9vw; } .stock-icon__container { width: 7vw; height: 7vw; } .stock-icon__wrap div { font-size: 1.45vw; } .tab-info { margin-top: 20px; } .tab-info__block-form { padding: 33px 35px 36px; } .tab-info__link { padding: 15px 14px; } .tab-info__link-text { font-size: .9vw; } .tab-info__link-icon { margin-right: 10px; } .tab-info__link-name { font-size: 1.3vw; } .tab-info__link img { width: 31px; } .tab-info__link .stock-icon { font-size: 1vw; } }@media (max-width:1140px) { .tab-info { margin-top: 45px; } .tab-info__block-form { padding: 24px 0; } .tab-info__link { padding: 6px 8px 8px; width: 50%; flex-direction: column; align-items: center; text-align: center; flex: none; } .tab-info__link-icon img { width: 33px; } .tab-info__link .stock-icon { right: 11px; top: -28px; } .tab-info__link-text { font-size: 12px; line-height: 100%} .tab-info__link-name { font-size: 15px; line-height: 100%; margin-bottom: 2px; } .tab-info__link-icon { margin-right: 0; margin-bottom: 4px; } .tab-info__link-icon svg { display: block; width: 30px; height: auto; } .stock-icon { font-weight: 600; font-size: 12.4138px; line-height: 90%; letter-spacing: -.01em; } .stock-icon:before { width: 99px; height: 99px; } .stock-icon__container { width: 78px; height: 78px; } .stock-icon__wrap div { font-weight: 600; font-size: 16.1379px; line-height: 90%; letter-spacing: -.01em; } }@media (max-width:960px) { .tab-info { margin-top: 40px; } .tab-info__block-form { padding: 32px 32px 36px; } }@media (max-width:480px) { .tab-info__link .stock-icon { right: 5px; top: -32px; } .stock-icon { width: 63px; height: 63px; font-size: 9px; line-height: 90%; outline: 10px solid rgba(66, 149, 27, .16); } .stock-icon__wrap div { font-size: 13.2px; line-height: 90%} }.main-tech { display: flex; align-items: center; justify-content: space-between; } .main-tech__step { font-size: 13px; line-height: 150%; color: #6d6d6e; letter-spacing: .07em; font-weight: 400; margin-bottom: 16px; } .main-tech__item { display: flex; align-items: center; justify-content: space-between; flex-grow: 1; } .main-tech__wrap { position: fixed; transform: translateY(100vh); opacity: 0; background-color: #fff; transition: transform 1.2s, opacity .5s linear; width: 100%; height: 100vh; z-index: 2; } .main-tech__wrap.is-active { opacity: 1; transform: translateY(0); } .main-tech__wrap.is-top { transform: translateY(-100vh); } .main-tech__btn, .main-tech__tech { display: flex; align-items: center; } .main-tech__btn { margin-top: 64px; } .main-tech__btn .btn { margin-right: 20px; } .main-tech__info div { font-weight: 700; font-size: 17px; line-height: 132%; display: flex; align-items: center; margin-bottom: 20px; } .main-tech__info div span { width: 87px; font-size: 29px; font-weight: 400; line-height: 33px; flex: none; margin-right: 5px; } .main-tech__info div:last-child { margin-bottom: 0; } .main-tech__schema { width: 765px; height: 603px; flex: none; position: relative; } .main-tech__schema .schema { width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; transition: opacity .3s ease; } .main-tech__schema .schema.is-active { pointer-events: auto; opacity: 1; } .main-tech__schema .schema__container, .main-tech__schema .schema__img { height: 603px; } .main-tech__schema .schema.is-active { display: block; } .main-tech__name { font-weight: 700; font-size: 30px; line-height: 132%; max-width: 89%; margin-bottom: 40px; } .main-tech__title { position: fixed; right: 0; left: 0; top: 149px; z-index: 9; pointer-events: none; opacity: 0; transition: opacity .3s ease; } .main-tech__title.is-active { pointer-events: auto; opacity: 1; } .main-tech__title .container { display: flex; align-items: center; justify-content: space-between; } .main-tech__title-body { display: flex; align-items: center; font-size: 12px; line-height: 14px; letter-spacing: .13em; font-weight: 700; text-transform: uppercase; } .main-tech__control { display: flex; } .main-tech__control-item { display: inline-flex; align-items: flex-start; cursor: pointer; font-size: 13px; line-height: 150%; letter-spacing: .07em; margin-left: 50px; color: #6d6d6e; transition: color .3s ease; margin-bottom: 18px; } .main-tech__control-item:last-child { margin-bottom: 0; } .main-tech__control-item.is-active { color: #007b32; } @media (max-width:960px) { .main-tech__wrap { position: relative; transform: translateY(0); } .main-tech__name { font-size: 20px; line-height: 132%; margin-bottom: 16px; } .main-tech__info div { font-size: 14px; line-height: 150%; margin-bottom: 10px; } .main-tech__info div span { width: 56px; font-size: 22px; line-height: 25px; } }.news__img { height: 530px; background-position: 50%; background-size: cover; margin-bottom: 24px; } .news__date { font-size: 12px; line-height: 150%; color: #6d6d6e; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 8px; } .news__name { color: #292929; font-weight: 700; font-size: 21px; line-height: 132%} .news__item { display: block; margin-bottom: 56px; } .news__item--line { display: flex; align-items: center; } .news__item--line .news__img { width: 240px; height: 240px; margin-right: 40px; margin-bottom: 0; flex: none; } .news__item--line .news__date { margin-bottom: 4px; } .news__item--line .news__text { font-size: 15px; line-height: 182%; color: #292929; } .news__item--line .news__link { margin-top: 16px; display: inline-flex; font-weight: 700; font-size: 12px; line-height: 150%; color: #007b32; letter-spacing: .13em; text-transform: uppercase; } .news__item--line .news__name { font-size: 19px; line-height: 132%; margin-bottom: 16px; } @media (max-width:960px) { .news__img { height: 386px; } .news__date { font-size: 10px; line-height: 150%} .news__name { font-size: 15px; line-height: 132%} .news__item { margin-bottom: 40px; } .news__item--line .news__img { width: 160px; height: 160px; margin-right: 24px; } .news__item--line .news__text { font-size: 14px; line-height: 168%} .news__item--line .news__name { font-size: 15px; line-height: 132%; margin-bottom: 8px; } .news__item--line .news__link { margin-top: 16px; font-size: 10px; line-height: 150%} }@media (max-width:640px) { .news__img { height: 59vw; } .news__item--line .news__img { display: none; } }.form-ok { position: relative; padding: 43px 30px 60px; width: 478px; background: #fff; box-shadow: 0 3px 7px rgba(51, 51, 51, .15); } .form-ok__close { right: 24px; top: 24px; cursor: pointer; position: absolute; } .form-ok__close .svg-icon use { fill: #b5b5b5; } .form-ok__wrap { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; z-index: 11; bottom: 0; right: 0; left: 0; opacity: 0; text-align: center; pointer-events: none; transition: opacity .3s ease; } .form-ok__wrap-inner { background-color: rgba(31, 47, 88, .7); } .form-ok__wrap.is-active { opacity: 1; pointer-events: auto; } .form-ok__icon { flex: none; margin-bottom: 12px; } .form-ok__title { font-weight: 600; font-size: 32px; line-height: 38px; color: #0c0c0c; margin-bottom: 5px; } .form-ok__text { font-weight: 400; font-size: 16px; line-height: 153%; color: #0c0c0c; letter-spacing: -.02em; } .tooltip { margin-left: 8px; margin-bottom: -1px; position: relative; } .tooltip__wrap { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background-color: #e0e0e0; transition: background-color .3s ease; } .tooltip__body { font-size: 14px; line-height: 150%; color: #000; width: 276px; padding: 8px 12px; color: #fff; position: absolute; left: 0; bottom: 20px; pointer-events: none; opacity: 0; transition: opacity .3s ease; } .tooltip.is-active .tooltip__wrap, .tooltip__body { background-color: #000; } .tooltip.is-active .tooltip__body { opacity: 1; } .tooltip:hover .tooltip__wrap { background-color: #000; } .tooltip:hover .tooltip__body { opacity: 1; } @media (min-width:1141px) and (max-width:1440px) { .tooltip { margin-left: 5px; } .tooltip__body { bottom: 1.3vw; font-size: 1vw; max-width: 214px; } .tooltip__wrap { width: 1.3vw; height: 1.3vw; background-color: #000; } .tooltip__wrap svg { width: .4vw; } }@media (max-width:961px) { .tooltip__wrap { width: 16px; height: 16px; } .tooltip__wrap svg { width: 5px; height: auto; } .tooltip__body { bottom: 16px; right: 0; font-size: 10px; width: 165px; left: inherit; } }.question__name { font-weight: 600; font-size: 22px; line-height: 120%; margin-bottom: 9px; } .question__item { margin-bottom: 48px; } .question__item:last-child { margin-bottom: 0; } .question__text { font-weight: 300; font-size: 17px; line-height: 160%} .question__btn { margin-top: 48px; } .question__btn .btn { width: 100%} @media (min-width:1141px) and (max-width:1440px) { .question__name { font-size: 1.58vw; margin-bottom: 7px; } .question__item { margin-bottom: 34px; } .question__text { font-size: 1.22vw; } }@media (max-width:960px) { .question__name { font-size: 17px; margin-bottom: 9px; } .question__text { font-size: 14px; } .question__item { margin-bottom: 24px; } }@media (min-width:1500px) { .a-banner__big-back img { width: 2500px; } .a-text:after { right: -398px; } .a-banner__big-back { top: -613px; } } .b-catalog:not(:hover) .b-catalog__menu-ul>li .b-catalog__drop { pointer-events: none; } .count .counter-input::-webkit-outer-spin-button, .count .counter-input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .e-catalog { position: relative; padding-bottom: 130px; padding-top: 80px; } .e-catalog--empty { width: 100%; } .e-catalog__left { position: absolute; top: 46px; left: 12%; } .e-catalog__right { position: absolute; top: 46px; right: 12%; } .e-catalog__btn { display: flex; align-items: center; justify-content: center; } .e-catalog__btn .btn { margin: 0 5px; font-size: 20px; line-height: normal; padding: 16px 32px 15px 32px; } .e-catalog__text { color: #000; width: 443px; margin: 0 auto 60px; text-align: center; font-size: 24px; font-style: normal; font-weight: 400; line-height: 140%; /* 33.6px */ letter-spacing: -0.72px; } @media(max-width: 1260px) { .e-catalog__left { left: 8%; } .e-catalog__right { right: 8%; } } @media(max-width: 1150px) { .e-catalog__left { display: none; } .e-catalog__right { display: none; } } @media(max-width: 560px) { .e-catalog { position: relative; padding-bottom: 0; padding-top: 16px; } .e-catalog__btn { display: block; } .e-catalog__btn .btn { width: 100%; margin: 0 0 15px; font-size: 16px; line-height: normal; padding: 11px 20px 11px 20px; } .e-catalog__text { width: 100%; font-size: 20px; padding: 0 9%; margin-bottom: 25px; } } #pvz_btn a { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; text-align: center; font-family: Geometria; font-style: normal; font-weight: 400; font-size: 17px; line-height: 23px; padding: 14px 20px 14px; background-color: transparent; border: 1px solid #000; text-decoration: none; border-radius: 50px; text-transform: uppercase; transition: background-color .3s, border-color .3s, box-shadow .3s, color .3s ease; } #pvz_btn a:hover { background-color: #000; border-color: #000; color: #fff; } #pvz_btn { margin-top: 15px; position: relative; z-index: 5; } .upload-wrap-error { opacity: 0; color: #ff3868; transition: opacity 0.3s ease; } .file.is-error .upload-wrap-error { opacity: 1; } .file.is-error .file__wrap input[type=file] { border-color: #ff3868; } .tag__slider .slick-list { margin: 0 -12px; } .tag__slider.slider-common .slick-arrow { width: 32px; height: 32px; top: 24px; } .tag__slider.slider-common .slick-arrow.slick-prev { left: -50px; } .tag__slider.slider-common .slick-arrow svg use { fill: #CBCBCB; } .tag__slider.slider-common .slick-arrow.slick-next { right: -50px; } @media(max-width: 1440px) { .tag__slider .slick-list { margin: 0 15px; } .tag__slider.slider-common .slick-arrow svg{ width: 27px; height: auto; } .tag__slider.slider-common .slick-arrow.slick-prev { left: -18px; } .tag__slider.slider-common .slick-arrow.slick-next { right: -18px; } } @media(max-width: 1310px) { .tag__slider.slider-common .slick-arrow { top: 10px; } } .tag__mobile { display: none; } @media(max-width: 768px) { .tag__slider { display: none; } .tag__mobile { display: block; overflow-x: auto; margin: 0 -22px; } .tag__mobile { padding-right: 22px; padding-left: 22px; margin-bottom: 45px; } .tag__mobile-wrap { display: flex; padding-bottom: 15px; } .tag__mobile .tag__img { width: 100px; height: 100px; margin-bottom: 8px; border-radius: 50%; background-position: center; background-size: cover; } .tag__mobile .tag__item { display: flex; flex-direction: column; width: 140px; margin-right: 4px; text-align: center; align-items: center; font-family: Zt Chablis; font-size: 18px; font-style: normal; font-weight: 400; line-height: 110%; flex: none; } } .mCSB_inside>.mCSB_container { margin-right: 0; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #CBCBCB !important; } .mCSB_scrollTools { top: 10px; bottom: 10px; opacity: 1; } .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent !important; } .filter { position: relative; z-index: 10; } .smart-filter-popup-result.is-active { opacity: 1; } .smart-filter-popup-result { margin-top: 0; /* font-weight: bold; */ margin-bottom: 0; position: absolute; left: 86%; top: 0; white-space: nowrap; color: #131417; background-color: #f9f3e9; padding: 8px; opacity: 0; pointer-events: none; } p img { height: auto; }/* .is-active{ width: 100%; font-size: 18px; line-height: 150%; padding: 8px 24px; transition: background-color .3s ease; }*/ .order__title { display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 28px; } .order__title svg { margin-right: 10px; } .order__sub-title { text-align: center; margin: 0 auto; margin-bottom: 28px; font-size: 18px; } @media(max-width: 1310px) { .card__img .price, .card__slider .price { width: 70px; height: 70px; right: 10px; top: 10px; font-size: 20px; } } @media(max-width: 500px) { .card__img .price, .card__slider .price { width: 55px; height: 55px; font-size: 16px; } } .mob__lang { display: none; align-items: center; margin-top: 55px; margin-bottom: 11px; } @media(max-width: 1310px) { .mob__lang { display: flex; } } @media(max-width: 960px) { .mob__lang { margin-top: auto; } } .mob__lang-item { display: block; width: fit-content; color: #6D6D6E; font-family: Geometria; font-size: 20px; font-style: normal; font-weight: 400; line-height: 130%; } .mob__lang-item-active { color: #ce603a; } .mob__lang-item + .mob__lang-item { margin-left: 7px; } .slick-dots { list-style: none; } .btn-favor-item.tooltip2 .tooltiptext { right: 50%; top: -52px; transform: translateX(50%); } .btn-favor-item.tooltip2 .tooltiptext:before { border-color: #000 transparent transparent transparent; top: calc(100% + 5px); left: 50%; margin-top: -5px; transform: translateX(-50%); } /* Tooltip container */ .tooltip2 { display: inline-block; } /* Tooltip text */ .tooltip2 .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 6px; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; right: 32px; top: -8px; font-size: 16px; } .tooltip2 .tooltiptext:before { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #000; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip2:hover .tooltiptext { visibility: visible; } .whatsapp-float { position: fixed; bottom: 200px; right: 30px; z-index: 11; } .whatsapp-float img { width: 55px; height: auto; } .whatsapp-float--text { background-color: #fff; box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.1); border-radius: 6px; font-size: 14px; position: absolute; top: 50%; left: 0; transform: translateY(-50%) translateX(-107%); padding: 5px; width: 120px; text-align: center; } .whatsapp-float--text:before { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -7px; border-width: 6px; border-style: solid; border-color: transparent transparent transparent #fff; box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.1); } .whatsapp-float--text:after { content: ""; position: absolute; width: 2px; height: 10px; background-color: #fff; top: 50%; right: -1px; transform: translateY(-50%); } @media(max-width:768px) { .whatsapp-float{ bottom: 120px; right: 8px; } .whatsapp-float--text{ border-radius: 4px; font-size: 11px; width: 95px; padding-top: 4px; } .whatsapp-float img{ width: 40px; } .whatsapp-float--text:before { margin-top: -6px; border-width: 5px; } } /* End */ /* /js/node_modules/slick-carousel/slick/slick.css?17035924671776 */ /* /js/plugins/jquery.mCustomScrollbar.min.css?170359246842839 */ /* /js/node_modules/jquery-form-styler/dist/jquery.formstyler.css?17035924682175 */ /* /js/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css?170359246712795 */ /* /css/styles.css?1730277385302189 */