/* Start:/local/templates/yapona/css/libs.min.css?151445521842736*/ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translateZ(0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:a}@keyframes a{0%{opacity:1}to{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/yapona/css/../libs/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{transform:scale(1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.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;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;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;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{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{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:hsla(0,0%,100%,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:hsla(0,0%,100%,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:hsla(0,0%,100%,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-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:hsla(0,0%,100%,.1);border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:hsla(0,0%,100%,.75);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:hsla(0,0%,100%,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:hsla(0,0%,100%,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:hsla(0,0%,100%,.1);border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:hsla(0,0%,100%,.75);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:hsla(0,0%,100%,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:hsla(0,0%,100%,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:hsla(0,0%,100%,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin: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:hsla(0,0%,100%,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 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:50%}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin: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:linear-gradient(90deg,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0))}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:linear-gradient(180deg,hsla(0,0%,100%,.5) 0,hsla(0,0%,100%,0))}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px hsla(0,0%,100%,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px hsla(0,0%,100%,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin: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{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{border-radius:5px;box-shadow:inset 1px 0 0 hsla(0,0%,100%,.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 hsla(0,0%,100%,.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 hsla(0,0%,100%,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.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:hsla(0,0%,100%,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:hsla(0,0%,100%,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin: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:1px solid hsla(0,0%,100%,.2);box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:hsla(0,0%,100%,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:hsla(0,0%,100%,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:hsla(0,0%,100%,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:hsla(0,0%,100%,.9)} /* End */ /* Start:/local/templates/yapona/css/main.css?1686822378161640*/ @charset 'UTF-8'; @font-face { font-family: 'Impact'; font-weight: normal; font-style: normal; src: url('/local/templates/yapona/css/../fonts/impact/impact.eot'); src: url('/local/templates/yapona/css/../fonts/impact/impact.woff') format('woff'), url('/local/templates/yapona/css/../fonts/impact/impact.ttf') format('truetype'); } @font-face { font-family: 'Georgia'; font-weight: normal; font-style: normal; src: url('/local/templates/yapona/css/../fonts/georgia/georgiai.eot'); src: url('/local/templates/yapona/css/../fonts/georgia/georgiai.woff') format('woff'), url('/local/templates/yapona/css/../fonts/georgia/georgiai.ttf') format('truetype'); } @font-face { font-family: 'Icon'; font-weight: normal; font-style: normal; src: url('/local/templates/yapona/css/../fonts/Icon/icomoon.eot'); src: url('/local/templates/yapona/css/../fonts/Icon/icomoon.eot') format('embedded-opentype'), url('/local/templates/yapona/css/../fonts/Icon/icomoon.woff') format('woff'), url('/local/templates/yapona/css/../fonts/Icon/icomoon.ttf') format('truetype'), url('/local/templates/yapona/css/../fonts/Icon/icomoon.svg') format('svg'); } a { cursor: pointer; } [class^='icon-'], [class*='icon-'] { font-family: 'Icon' !important; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^='icon-']:before, [class*='icon-']:before { display: inline-block; } /*========= КНОПКА ПРОКНУТКИ ВВЕРХ =========*/ .b-scroll-top__container { position: fixed; right: 21.7%; bottom: -10%; transition: all .3s ease-in-out; } .b-scroll-top__block { position: relative; width: 40px; height: 40px; padding: 1px 1px 1px 1px; cursor: pointer; border-radius: 3px; background: linear-gradient(0deg, #ff723b 0%, #ff463e 100%); } .b-scroll-top__overlay { width: 100%; height: 100%; transition: all .2s ease-in-out; border-radius: 3px; background-color: white; } .b-scroll-top__arrow { position: absolute; top: 13px; left: 13px; transition: all .2s ease-in-out; } .b-scroll-top__arrow.active { opacity: 0; } @media (min-width: 992px) { .b-scroll-top__block:hover .b-scroll-top__arrow { opacity: 0; } .b-scroll-top__block:hover .b-scroll-top__arrow.active { opacity: 1; } .b-scroll-top__block:hover .b-scroll-top__overlay { opacity: 0; } } @media (max-width: 991px) { .scrolling .b-scroll-top__block .b-scroll-top__arrow { opacity: 0; } .scrolling .b-scroll-top__block .b-scroll-top__arrow.active { opacity: 1; } .scrolling .b-scroll-top__block .b-scroll-top__overlay { opacity: 0; } } @media (max-width: 1199px) { .b-scroll-top__container { right: 3.5px; /*bottom: 100px;*/ } } @media (max-width: 991px) { .b-scroll-top__container { right: 13.5px; } } /*========= /КНОПКА ПРОКНУТКИ ВВЕРХ =========*/ /*========= МОДАЛЬНЫЕ ОКНА ===========*/ .fancybox-content { max-width: 750px !important; padding: 30px 40px !important; border-radius: 3px; background: #f1f1f1 !important; } .b-form__head { font-size: 22px; line-height: 25px; margin-bottom: 15px; /* identical to box height */ color: #333; } .b-form__subhead { font-size: 16px; line-height: 18px; margin-bottom: 30px; /* identical to box height */ color: rgba(0, 0, 0, .7); } .b-form__input:not(:last-child) { margin-bottom: 30px; } .b-form__input input { box-sizing: border-box; width: 100%; padding: 13px 14px; transition: all .3s ease-in-out; border: 1px solid #9999; border-radius: 3px; background: #ffff; } .b-form__submit { display: flex; align-items: flex-start; justify-content: space-between; } .b-form__privacy { line-height: 123%; margin-left: 20px; padding-right: 100px; } .b-form__privacy span, .b-form__privacy a { color: #e99a69; } .b-form__privacy a { transition: all .2s ease-in-out; text-decoration: none; border-bottom: 1px solid #e99a69; } .b-form__privacy a:hover { border-bottom: 1px solid transparent; } .b-form__content .confirm-text { line-height: 130%; display: none; text-align: center; color: green; } .b-form__content .error-text { display: none; text-align: center; color: red; } .b-form__input input.required { border: 1px solid #c02828; } .b-form__input input.required::placeholder { color: #c02828; } @media (max-width: 608px) { .fancybox-content { padding: 40px 15px !important; } .b-form__head { margin-bottom: 10px; } .b-form__subhead { font-size: 14px; text-align: center; } .b-form__submit { flex-direction: column-reverse; align-items: center; } .b-form__privacy { margin-bottom: 30px; margin-left: 0; padding-right: 0; } } /*========= /МОДАЛЬНЫЕ ОКНА ===========*/ /* ----- Классы для иконок ----- */ .icon-arrow-right:before { content: '\e900'; } .icon-arrow-left:before { content: '\e900'; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-close:before { content: '\e901'; } .icon-menu:before { content: '\e902'; } .icon-order:before { content: '\e903'; } .icon-basket:before { content: '\e904'; margin-right: 3px; } * { box-sizing: border-box; margin: 0; padding: 0; border: 0; } *:focus { outline: none; } body { font-family: Arial, sans-serif; font-size: 14px; line-height: 1; overflow-x: hidden; flex-direction: column; min-height: 100vh; color: #010101; } a { text-decoration: underline; color: inherit; } a:hover { text-decoration: none; } input { -webkit-border-radius: 0; -webkit-appearance: none; } input:focus { outline: none; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; -webkit-text-fill-color: #010101; } textarea { -webkit-appearance: none; } textarea:focus { outline: none; } textarea:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; -webkit-text-fill-color: #010101; } .clearfix:after, .clearfix:before { display: table; content: ''; } .clearfix:after { clear: both; } .container { margin: 0 calc(24% - 320px); } @media (max-width: 1300px) { .container { margin: 0 20px; } } @media (min-width: 991px) { .container { padding: 0 100px; } } .overflow { overflow: hidden; -webkit-overflow-scrolling: auto; } .btn { display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; color: #fff; border-radius: 3px; background: linear-gradient(to bottom, #ff723b, #ff463e); } .btn:hover { background: #ff463e; } .btn_green { background: linear-gradient(to bottom, #8bcb4c, #a7c310); } .btn_plus, .btn_minus { font-size: 36px; position: relative; width: 36px; height: 36px; text-align: center; } .btn_plus::before, .btn_plus::after, .btn_minus::before, .btn_minus::after { position: absolute; content: ''; background-color: #fff; } .btn_plus::before, .btn_minus::before { top: 17px; left: 10px; width: 16px; height: 2px; } .btn_plus::after { top: 10px; left: 17px; width: 2px; height: 16px; } .btn a { text-decoration: none; } .btn[disabled] { cursor: default; background: #eee; } h1 { font-size: 26px; font-weight: normal; margin-bottom: 25px; color: #010101; } h2 { font-size: 24px; font-weight: normal; display: inline-block; margin-top: 25px; margin-bottom: 15px; } h3 { font-size: 22px; color: #010101; } .hide { visibility: hidden; } .imp { font-family: Impact; } .fz32 { font-size: 32px; } .fz31 { font-size: 31px; } .fz53 { font-size: 53px; } .fz47 { font-size: 47px; } .fz45 { font-size: 45px; } .fz66 { font-size: 66px; line-height: .8; } .fz48 { font-size: 48px; } .fz20 { font-size: 20px; } .fz17 { font-size: 17px; } .fz28 { font-size: 28px; } .textBlock { display: flex; flex-direction: column; border: 4px solid; border-radius: 10px; justify-content: center; align-items: center; } .textBlock_gray { font-weight: 900; width: 96px; height: 61px; letter-spacing: -.1em; color: #666; } .textBlock_white { font-family: Impact; width: 102px; height: 73px; border-width: 7px; border-radius: 15px; } .test__order { clear: both; margin: 100px 0; padding-right: 100px; } .test__order::after { display: block; clear: both; content: ''; } .test__order .order { float: right; } .test__order .order__desk { width: 320px; } .innerPage .main__center:not(.main_product) .breadcrumbs, .innerPage .main__center:not(.main_product) .title { padding-left: 20px; } .innerPage h1.title { text-align: left; } @media (min-width: 768px) and (max-width: 1280px) { .innerPage .header__center { background-color: #fff; } } @media (min-width: 1280px) { .innerPage .products { /*Umin-height: 600px;*/ } .innerPage .main__leftContent, .innerPage .main__center { padding-top: 0; } } .header { position: relative; /*background-image: linear-gradient(#c09aa4, #ffa1a7 20%, #ffc5a4 36%, #ffe3c3 49%, #ffe3c3 52%, #ffd5ac 72%,#ffd5ac 76%, #fff) */ z-index: 100; overflow: hidden; width: 100%; height: 380px; background-image: url('/local/templates/yapona/css/../img/header_bg.png'); background-repeat: repeat-x; background-position: center bottom; background-size: auto 148%; } .header > * { float: left; } .header a { text-decoration: none; } .header__text { font-size: 15px; margin-bottom: 0; } .header__back { display: none; } .header__left { display: flex; width: 24%; height: 100%; padding-top: 10px; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; } .header__left__phone { margin-top: 20px; margin-right: 30px; color: #372a30; } .header__left img { margin-top: 10px; margin-left: -400px; } .header__center { width: 52%; padding-top: 50px; text-align: center; } .header__right { position: relative; width: 24%; color: #fff; } .header__right__text { position: absolute; top: 99px; left: 131px; -webkit-transform: rotate(3deg); transform: rotate(3deg); text-align: center; } .header__logo { margin-bottom: 15px; } .header__menu { font-size: 13px; display: flex; /*overflow: hidden;*/ margin-top: 30px; padding-top: 25px; color: #069; border-top: 1px solid rgba(51, 51, 51, .2); /* -webkit-flex-wrap: wrap; */ /*-ms-flex-wrap: wrap;*/ /* flex-wrap: wrap; */ /* -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;*/ justify-content: space-between; align-items: center; } .header__menu > * { /* line-height: 25px; float: left; height: 25px;*/ } .header__menu > * + * { margin-left: 15px; } .header__menu .btn { padding: 0 20px; } .b-header__links { display: flex; width: 75%; align-items: center; justify-content: space-between; } .button__block .button { padding: 13px 30px; cursor: pointer; transition: all .2s ease-in-out; text-align: center; color: transparent; border-radius: 3px; background: transparent; } .button__block .button-big { font-size: 19px; } .button__block .button-orange { color: #fff; background: linear-gradient(180deg, #ff6d3c 0%, #ff473e 100%); } .button__block .button-orange:hover { color: #fff; background: #d33e38; } .header__menu .btn a { text-decoration: none; } .header__menu a { transition: all .3s ease-in-out; text-decoration: none; color: #333; border-bottom: 1px solid transparent; } .header__menu a:hover, .header__menu .active a { text-decoration: none; color: #ff473e; border-bottom: 1px solid #ff473e; } /*.header__menu .active a{ cursor: default; text-decoration: none; color: #010101; }*/ .header__menu .active a.open { top: 0; right: auto; bottom: auto; left: 0; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; } .header__phone, .header__menuBtn, .header__mainMenu, .header__sections { display: none; } .header__mainMenu, .header__sections { visibility: hidden; } .header__mainMenu { position: relative; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; } .header__menuBtn.open { position: absolute; } @media (max-width: 1280px) { .header { position: fixed; height: 380px; min-height: 100px; margin-bottom: 10px; background-image: url('/local/templates/yapona/css/../img/header_bg_lg.png'); background-size: auto; } .header.header_mini { position: static; height: 55px; margin-bottom: 30px; text-align: center; } .header.header_mini .header__center { height: 70px; padding: 10px; } .header.header_mini .header__logo { display: none; } .header.header_mini .header__back { font-size: 0; position: absolute; top: 10px; left: 10px; display: block; width: 75px; height: 40px; padding: 13px; text-align: right; } .header.header_mini .header__back span { font-size: 13px; color: #d11e1e; } .header.header_mini .header__back::before { position: absolute; top: 50%; display: block; width: 10px; height: 10px; content: ''; -webkit-transform: rotate(-45deg) translate3d(13%, -61%, 0); transform: rotate(-45deg) translate3d(13%, -61%, 0); -webkit-transform-origin: center center; transform-origin: center center; border: 2px solid #333; border-right: none; border-bottom: none; } .header__phone, .header__menuBtn { position: absolute; top: 15px; display: block; } .header__phone { font: 25px Impact; left: 20px; } .header__menuBtn { font-size: 20px; top: 0; right: 0; width: 50px; height: 50px; padding-top: 15px; cursor: pointer; text-align: center; color: #d11e1e; } .header__menuBtn .icon-close { display: none; } .header__menuBtn.open { font-size: 16px; line-height: 40px; position: absolute; z-index: 110; top: 6px; right: 10px; width: 40px; height: 40px; padding-top: 0; text-align: center; color: #fff; border-radius: 999px; background-color: #010101; } .header__menuBtn.open .icon-close { display: inline-block; } .header__menuBtn.open .icon-menu { display: none; } .header__mainMenu { z-index: 100; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow-x: hidden; overflow-y: auto; transition: visibility .4s, opacity .4s; opacity: 0; } .header__mainMenu.open { visibility: visible; opacity: 1; } .header__mainMenu__container { display: flex; height: -webkit-max-content; height: -moz-max-content; height: max-content; min-height: 100vh; background-color: #fff; background-image: url('/local/templates/yapona/css/../img/footer_bg_lg.png'); background-repeat: repeat-x; background-position: bottom; flex-flow: column wrap; } .header__mainMenu__container > * { margin: 0 auto; } .header__mainMenu .header__menu { display: block; margin-bottom: 15px; color: #808080; } .header__mainMenu .header__menu > * + * { margin-left: 40px; } .header__mainMenu .header__menu a { text-decoration: none; } .header__mainMenu .header__menu a:hover { text-decoration: underline; } .header__mainMenu__phone { font: 28px Impact; } .header__mainMenu__image { height: 125px; margin-top: auto; margin-bottom: 40px; padding-top: 20px; } .header__left, .header__right, .header__menu, .header__text { display: none; } .header__center { width: 100%; padding-top: 70px; } .header__logo { height: 80px; margin-bottom: 20px; } .header__slider__item { height: 140px; background-repeat: no-repeat; background-position: center; } .header__logo, .header__slider { transition: visibility .4s, opacity .4s; } .header__logo.hide, .header__slider.hide { opacity: 0; } .header__sections { position: absolute; right: 0; bottom: 0; left: 0; margin-top: 30px; padding: 0 0 10px 15px; } .header__sections.owl-carousel.owl-loaded { visibility: visible; } .header__sections a { font-size: 11px; display: block; height: 35px; padding: 2px 10px 0; text-transform: uppercase; color: #d11e1e; border-radius: 999px; background-color: #fff; } .header__sections a::after { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .header.header_mini { height: 55px; background: none; /*.header__menuBtn */ /* font-size: 16px */ /* color: $color18 */ /* .icon-close */ /* color: $white */ } .header.header_mini .header__sections.owl-carousel, .header.header_mini .header__slider { display: none; } .header.header_mini .header__logo { position: static; top: 10px; left: 20px; height: 42px; margin: 0; opacity: 0; } .header.header_mini .header__phone { top: 10px; right: 55px; left: auto; } .header.header_thanks { height: 185px; margin-bottom: 0; background-image: url('/local/templates/yapona/css/../img/header_thanks.png'); background-position: center; } } @media (max-width: 1023px) { .header__mainMenu .header__menu { margin-top: auto; margin-bottom: 40px; } } @media (max-width: 767px) { .header { position: fixed; top: 0; height: 362px; min-height: 100px; background-image: linear-gradient(to top, #ffdd9e, #ffc2be, #fea7c6); background-position: center top; background-size: auto; } .header.header_mini { position: static; height: 40px; min-height: auto; /*.header__menuBtn */ /* font-size: 15px */ } .header.header_mini .header__phone { font-size: 19px; top: 14px; } .header.header_mini .header__logo { height: 30px; } .header.header_mini .header__back { width: 70px; height: 30px; padding: 8px; text-align: right; } .header.header_mini .header__back span { font-size: 13px; color: #d11e1e; } .header.header_mini .header__back::before { left: 14px; } .header__center { padding-top: 40px; } .header__sections { position: absolute; right: 0; bottom: 0; left: 0; } .header__logo { margin-top: 30px; } .header__slider { position: relative; } .header__slider .owl-dots { position: absolute; z-index: 10; right: 0; bottom: 0; left: 0; text-align: center; } .header__slider .owl-dot { display: inline-block; width: 5px; height: 5px; margin: 3px; border-radius: 999px; background-color: #fff; } .header__slider .owl-dot.active { border: 1px solid #fff; background-color: transparent; } .header.header_thanks { height: 230px; background-color: #fdc2a2; background-image: url('/local/templates/yapona/css/../img/header_thanks.png'); background-repeat: no-repeat; background-position: center bottom; } .header__mainMenu__container { padding-bottom: 40px; background-image: none; } .header__mainMenu__container > * { width: 260px; } .header__mainMenu__image { display: none; } .header__mainMenu .header__menu { padding-top: 0; } .header__mainMenu .header__menu > * { line-height: 30px; float: none; height: 30px; margin: 0; } } @media (max-width: 360px) { .header.header_mini .header__center { padding-right: 80px; } } @media (max-width: 1670px) { .header__menu { height: 85px; margin-top: 25px; padding-top: 15px; justify-content: center; flex-wrap: wrap; } .b-header__links { width: 100%; } .b-header__btns { margin-top: 20px; } .b-header__social { display: none; } } /*1199 было*/ @media (max-width: 1280px) { .main { margin-top: 0px; } .header.header_mini { box-shadow: 0 5px 20px rgba(0, 0, 0, .15); } .header { top: 0 !important; } .header__menu { height: unset !important; margin-top: 30px !important; padding-top: 30px; } .b-header__links { width: 600px; flex-wrap: wrap; } .b-header__links div:not(:last-child) { margin-right: 20px; } .b-header__links div { margin-bottom: 20px; } .b-header__btns { display: flex; margin-top: 30px; margin-bottom: 20px; margin-left: 0 !important; justify-content: center; } } @media (max-width: 608px) { .header__menu { margin-bottom: 0; border: 0; } .b-header__links { flex-direction: column; width: 100%; height: unset !important; align-items: flex-start; } .b-header__links div { margin-bottom: 10px; } .b-header__btns { margin-top: 30px !important; justify-content: flex-start; } } @-webkit-keyframes bounce { 0%, 20% { transition-timing-function: ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 30% { transition-timing-function: ease-in-out; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } 40% { transition-timing-function: ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounce { 0%, 20% { transition-timing-function: ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 30% { transition-timing-function: ease-in-out; -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } 40% { transition-timing-function: ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounce { -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation: bounce 8s infinite; animation: bounce 8s infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .main { position: relative; overflow: hidden; width: 100%; } .main > * { float: left; } .main_menu { padding-left: calc(24% - 320px); } .main__left, .main__right { margin-top: 0; } .main__left { width: 24%; } .main__leftContent { width: 76%; } .main__leftContent .title { font-size: 30px; padding-left: 30px; text-align: left; } .main__leftContent .breadcrumbs { padding-left: 30px; } .main__center { width: 52%; } .main__right { float: right; width: 24%; } .main__basket { float: none; width: 1000px; margin: auto; } .main__other { line-height: 22px; float: none; width: 750px; margin: auto; color: #333; } .main__other p { margin-top: 20px; } .main__other p a { margin-right: 10px; color: #069; } .main__other ul { margin-top: 20px; margin-left: 15px; } .main__block { font-size: 17px; display: flex; margin: 0 -80px; flex-wrap: wrap; } .main__block h3 { width: 100%; margin: 80px 0 20px; padding-left: 300px; } .main__block__right { width: 270px; padding-top: 20px; } .main__block__center { width: 440px; padding: 0 30px; } .main__block__left { width: 200px; padding-top: 20px; } .main__block img { max-width: 100%; max-height: 100%; } .main__block img + div { font-size: 12px; } @media (max-width: 1280px) { .main_product { padding: 0 14px; } .main__leftContent { width: 100%; padding-top: 400px; } .main__leftContent .title { padding-left: 0; text-align: center; } .main__left, .main__right { display: none; } /*.main__center { padding-top: 400px; }*/ .main__center, .main__basket, .main__other { width: 100%; } .main__other { padding: 0 15px; } .main__block { margin: 0; justify-content: center; } .main__block h3 { padding: 0; text-align: center; } } @media (max-width: 1023px) { .main__block > * { width: 100%; } .main__block__right, .main__block__left { margin-bottom: 20px; padding: 0; } .main__block__center { padding: 0; order: 1; } .main__block h3 { margin-top: 45px; text-align: left; } } @media (max-width: 991px) { .main__leftContent { padding: 0 100px; } } .footer { position: relative; clear: both; padding: 100px 0 40px; color: #fff; background-image: url('/local/templates/yapona/css/../img/footer_bg.png'); background-repeat: repeat-x; background-position: bottom; } .footer_index .footer__text_express { display: block; } .footer__24 { position: absolute; bottom: 40px; left: 10%; } .footer__image { height: 225px; margin-bottom: 30px; background-image: url('/local/templates/yapona/css/../img/slider.png'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; } .footer__image img { display: none; } .footer__text { padding: 5px 40px; text-align: center; } .footer__text_express { display: none; } .footer_thank { padding-top: 80px; } .footer__text-24 { display: none; } @media (max-width: 1280px) { .footer { font-size: 12px; color: #e89a69; background-image: url('/local/templates/yapona/css/../img/footer_bg_lg.png'); } .footer_index { padding-bottom: 85px; } .footer__24 { display: none; } .footer__text:nth-of-type(2), .footer__text:nth-of-type(3) { display: none; } .footer_basket { padding-top: 80px; background-color: #f1f1f1; } .footer_thank { padding-top: 30px; } .footer__image { height: auto; background: unset; } .footer__image img { display: block; width: 90%; margin: auto; } } @media (max-width: 1023px) { .footer_thank { padding-top: 60px; } } @media (max-width: 1280px) { .footer__social { display: block; text-align: center; margin-bottom: 20px; } } @media (max-width: 767px) { .footer { padding: 40px 0 20px; background-image: unset; } .footer_index { padding: 20px 0; } .footer__image { margin-bottom: 20px; } .footer__image img { width: 100%; } .footer_basket { padding-top: 10px; } .footer_thank { display: none; } .footer .footer__text_express { display: none; } .footer > * { display: none; } .footer__text { display: block; } .footer__social { display: block; } } .menu { width: 250px; margin-left: auto; } .menu__divide { position: relative; margin-bottom: 30px; } .menu__title { font-size: 22px; margin-bottom: 15px; } .menu__sections { margin-bottom: 15px; } .menu__sections > * { line-height: 27px; height: 27px; } .menu__sections a { text-decoration: none; } .menu__sections a:hover { text-decoration: underline; } .menu__sections a.active, .menu__sections a:active { position: relative; } .menu__sections a.active::before, .menu__sections a:active::before { position: absolute; z-index: -1; top: -5px; right: -8px; bottom: -5px; left: -8px; content: ''; border-radius: 5px; background-color: #f0f0f0; } .menu__image { position: absolute; right: 60px; bottom: -10px; } .menu__image_mini { height: 90%; } .menu__image_mini img { max-height: 100%; } @media (min-width: 1366px) and (max-width: 1440px) { .menu { width: 270px; } .menu__image { right: 90px; } } @media (max-width: 1280px) { .menu { overflow: hidden; width: auto; max-width: 600px; margin-top: 50px; } .menu__divide { float: left; width: 300px; height: 450px; margin-bottom: 10px; } .menu__title { font-size: 26px; } .menu__title::first-letter { text-transform: uppercase; } .menu__image { height: 330px; } .menu__image img { height: 100%; } .menu__sections { font-size: 16px; } .menu__sections > * { line-height: 35px; height: 35px; } } @media (max-width: 767px) { .menu { overflow: unset; width: 260px; margin-top: 0; } .menu__divide { width: 100%; height: auto; margin: 30px 0; } .menu__divide::after { position: absolute; right: 30%; bottom: 0; left: 0; height: 1px; content: ''; background-color: #dfdfdf; } .menu__image { top: 60px; right: 0; bottom: auto; width: 30%; text-align: center; text-align: center; } } @-webkit-keyframes nextDesk { 0% { -webkit-transform: scale(.85) translateY(-5%); transform: scale(.85) translateY(-5%); } 45% { -webkit-transform: scale(1) translateY(-60%); transform: scale(1) translateY(-60%); } 50% { -webkit-transform: scale(1) translateY(-65%); transform: scale(1) translateY(-65%); } 55% { -webkit-transform: scale(1) translateY(-60%); transform: scale(1) translateY(-60%); } 100% { z-index: 2; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } @keyframes nextDesk { 0% { -webkit-transform: scale(.85) translateY(-5%); transform: scale(.85) translateY(-5%); } 45% { -webkit-transform: scale(1) translateY(-60%); transform: scale(1) translateY(-60%); } 50% { -webkit-transform: scale(1) translateY(-65%); transform: scale(1) translateY(-65%); } 55% { -webkit-transform: scale(1) translateY(-60%); transform: scale(1) translateY(-60%); } 100% { z-index: 2; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } @-webkit-keyframes prevDesk { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 45% { -webkit-transform: scale(1) translateY(60%); transform: scale(1) translateY(60%); } 50% { -webkit-transform: scale(1) translateY(65%); transform: scale(1) translateY(65%); } 55% { -webkit-transform: scale(1) translateY(60%); transform: scale(1) translateY(60%); opacity: 1; } 100% { z-index: 1; -webkit-transform: scale(.85) translateY(-5%); transform: scale(.85) translateY(-5%); } } @keyframes prevDesk { 0% { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } 45% { -webkit-transform: scale(1) translateY(60%); transform: scale(1) translateY(60%); } 50% { -webkit-transform: scale(1) translateY(65%); transform: scale(1) translateY(65%); } 55% { -webkit-transform: scale(1) translateY(60%); transform: scale(1) translateY(60%); opacity: 1; } 100% { z-index: 1; -webkit-transform: scale(.85) translateY(-5%); transform: scale(.85) translateY(-5%); } } .orderState { padding: 0 25px; } .orderState__total { font-size: 20px; line-height: 1.4em; margin-bottom: 10px; color: #372a30; } .orderState__total b { display: block; } .orderState__text { line-height: 1.2em; margin-bottom: 10px; } .orderState__text.danger { color: red; } .orderState__message { color: #959595; } .orderState .btn { line-height: 40px; display: block; width: 170px; height: 40px; text-decoration: unset; } .orderState_empty { display: none; } .orderState_empty .orderState__text { color: #aaa; } .orderState_empty .orderState__total { color: red; } .orderState_notAllowed { display: none; } .orderState_notAllowed .orderState__text { color: #aaa; } .orderState.empty { overflow: visible; width: auto; height: auto; } .orderState.empty .orderState_empty { display: block; } .orderState.empty .orderState_notAllowed { display: none; } .orderState.empty .orderState_allRight { display: none; overflow: visible; width: auto; height: auto; } .orderState.notAllowed .orderState_notAllowed { display: block; } .orderState.notAllowed .orderState_allRight { display: none; } .order { width: 320px; } .order > div { position: relative; } .order__title { font-size: 22px; z-index: 4; padding: 0 25px 20px; } .order__sale { margin: 10px 0; padding: 0 25px; color: #f00; } .order__sale__title { font: 30px Impact; } .order__sale__text { font-size: 16px; } .order__deskList { position: relative; height: 370px; } .order__deskList .orderDesk { position: absolute; top: 0; right: 0; left: 0; width: 320px; height: 350px; background-color: rgba(0, 0, 0, .2); box-shadow: 0 10px 20px 5px rgba(0, 0, 0, .2); } .order__deskList .orderDesk__items { overflow: visible; height: auto; } .order__deskList .orderDesk.first { z-index: 1; -webkit-transform: scale(.95) translateY(-20px); transform: scale(.95) translateY(-20px); } .order__deskList .orderDesk.second { z-index: 2; } .order__deskList:hover .orderDesk.first { -webkit-animation: nextDesk .8s 1 ease-out; animation: nextDesk .8s 1 ease-out; } .order__deskList:hover .orderDesk.second { -webkit-animation: prevDesk .8s 1 ease-out; animation: prevDesk .8s 1 ease-out; } .order__slideControl { height: 65px; transition: .2s; } .order__slideControl.hidden { height: 0; -webkit-transform: translateY(-65px); transform: translateY(-65px); } .order__deskSlider { position: relative; height: 400px; margin-bottom: 10px; } .order__deskSlider.notControl + .order__deskSlider { pointer-events: none; } .order__deskSlider.fast .orderDesk.active { transition: opacity .3s, -webkit-transform .6s; transition: transform .6s, opacity .3s; transition: transform .6s, opacity .3s, -webkit-transform .6s; } .order__deskSlider.fast .orderDesk.prev, .order__deskSlider.fast .orderDesk.notActive { transition: .6s; } .order__deskSlider.fast.toPrev .orderDesk.active { transition: opacity .3s, -webkit-transform .6s; transition: transform .6s, opacity .3s; transition: transform .6s, opacity .3s, -webkit-transform .6s; } .order__deskSlider.fast.toPrev .orderDesk.next { transition: opacity .3s .15s, -webkit-transform .6s; transition: transform .6s, opacity .3s .15s; transition: transform .6s, opacity .3s .15s, -webkit-transform .6s; } .order__deskSlider .orderDesk { position: absolute; width: 320px; height: 100%; } .order__deskSlider .orderDesk__items { overflow: visible; height: 100% !important; } .order__deskSlider .orderDesk.active { z-index: 1; transition: opacity .4s, -webkit-transform .8s; transition: transform .8s, opacity .4s; transition: transform .8s, opacity .4s, -webkit-transform .8s; -webkit-transform: none; transform: none; opacity: 1; } .order__deskSlider .orderDesk.prev { transition: .8s; -webkit-transform: scale(.9); transform: scale(.9); } .order__deskSlider .orderDesk.notActive { -webkit-transform: scale(.9); transform: scale(.9); opacity: 0; } .order__deskSlider .orderDesk.next { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .order__deskSlider.toPrev .orderDesk__items { overflow: visible; height: auto; } .order__deskSlider.toPrev .orderDesk.active { transition: opacity .4s, -webkit-transform .8s; transition: transform .8s, opacity .4s; transition: transform .8s, opacity .4s, -webkit-transform .8s; -webkit-transform: none; transform: none; opacity: 1; } .order__deskSlider.toPrev .orderDesk.prev { -webkit-transform: translateX(0) scale(.9); transform: translateX(0) scale(.9); opacity: 0; } .order__deskSlider.toPrev .orderDesk.next { z-index: 2; transition: opacity .4s .2s, -webkit-transform .8s; transition: transform .8s, opacity .4s .2s; transition: transform .8s, opacity .4s .2s, -webkit-transform .8s; -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } .order__desk { position: relative; width: 320px; padding: 10px 0; } .order__desk::before { position: absolute; z-index: 2; right: 0; bottom: 100%; left: 0; display: block; height: 100px; content: ''; background-color: #fff; background-size: 100%; } .order__desk::after { position: absolute; top: 100%; right: 0; left: 0; display: block; height: 150px; content: ''; background-color: #fff; background-size: 100%; } .order__desk img { max-width: 100%; max-height: 100%; } .order__desk.start .orderDesk__item { -webkit-animation-duration: 0s; animation-duration: 0s; } .order__deskModal { width: 760px; height: 620px; } .order__deskModal__title { font-size: 20px; } .order__deskModal .order__sale { margin: 20px 0; text-align: center; } .order__deskModal .order__sale__title { font-size: 50px; } .order__deskModal .order__sale__text { font-size: 18px; } .order__deskModal__slider { padding: 0 20px; } .order__deskModal__slider__item { height: 390px; padding: 40px 50px; background-image: url('/local/templates/yapona/css/../img/board.png'); background-repeat: no-repeat; background-size: contain; } .order__deskModal__slider img { display: inline-block !important; width: auto !important; height: auto; vertical-align: top; } .order__deskModal__slider .owl-nav { font-size: 40px; } .order__deskModal__slider .owl-prev, .order__deskModal__slider .owl-next { position: absolute; top: 0; bottom: 0; height: 40px; margin: auto; } .order__deskModal__slider .owl-prev { left: -23px; } .order__deskModal__slider .owl-next { right: -23px; } .order__deskModal__slider .owl-dots { position: absolute; right: 0; bottom: -30px; left: 0; text-align: center; } .order__deskModal__slider .owl-dot { display: inline-block; width: 7px; height: 7px; border-radius: 99px; background-color: #bdbdbd; } .order__deskModal__slider .owl-dot.active { background-color: #464646; } .order__deskModal__slider .owl-dot + .owl-dot { margin-left: 3px; } @media (min-width: 1366px) and (max-width: 1440px) { .order { width: 260px; } .order__sale, .order__state, .order__title { padding: 0; } .order__deck { width: 100%; height: 256px; } } div.product { display: flex; flex-direction: column; max-width: 300px; margin: 0 auto; } .main__center._main__center.list_cat .products__item, .main__center._main__center.list_cat .product__info { display: flex; flex-direction: column; justify-content: flex-end; } div.product { height: 100%; justify-content: space-between; } .new_card.slider .product { flex-direction: unset; } .product__image { width: 100%; height: 220px; cursor: pointer; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; } .product__info { padding: 10px 14px 0; } .product__name { font-size: 16px; min-height: 35px; color: #777; } .product__order { display: flex; margin-top: auto; padding-bottom: 11px; color: #333; justify-content: space-between; align-items: center; } .product__order.current { color: #f00; align-items: center; } .product__mod { font-size: 16px; line-height: 20px; color: #747474; max-width: 101px; margin-right: 5px; } .product__price__num { font-size: 25px; line-height: 130%; color: #000000; } .product__price__val { font-size: 18px; line-height: 130%; color: #000000; } .product__counter { overflow: hidden; border-radius: 3px; align-self: flex-end; } .product__counter .counter__inc { line-height: 30px; width: 30px; } .product__counter > * { line-height: 30px; float: left; width: 30px; height: 30px; text-align: center; } .product__counter__basket { font-size: 16px; line-height: unset; text-align: center; color: #666; background-color: #f0f0f0; } .product__counter__basket i { vertical-align: middle; } .product__counter__basket::after { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .product__counter__inc { font-size: 31px; border-radius: 0; } @media (max-width: 640px) { .product__image { background-size: contain; } .product__info { padding-top: 0; } .product__order { padding-top: 10px; } } a.product { text-decoration: none; } .productModal { font-size: 16px; width: 600px; height: 560px; color: #333; } .productModal__name { font-size: 20px; max-width: 97%; margin-bottom: 30px; } .productModal__composition { color: #666; } .productModal__composition > * { padding-bottom: 10px; } .productModal__image { width: 100%; max-height: 340px; margin-bottom: 10px; text-align: center; } .productModal__image img { max-width: 100%; max-height: 100%; } .productModal__order:after { display: table; clear: both; content: ''; } .productModal__order__divide { position: relative; float: left; width: 50%; padding-bottom: 15px; } .productModal__order__divide.current { color: #f00; } .productModal__price { font-size: 26px; float: left; margin-right: 15px; } .productModal__mod { font-size: 14px; position: absolute; bottom: 0; left: 0; } @media (max-width: 767px) { .productModal__order__divide { display: flex; width: 100%; align-items: baseline; } .productModal__name { font-size: 16px; padding-right: 30px; } .productModal__composition { font-size: 14px; } .productModal__image { width: calc(100% + 60px); margin-left: -30px; } .productModal__price { font-size: 26px; } .productModal__mod { font-size: 14px; position: static; } .productModal .product__counter { margin-left: auto; } } .products { position: relative; z-index: 4; display: flex; flex-wrap: wrap; } .products__item { width: 33.3%; min-width: 320px; padding: 0 10px 45px; transition: width .4s; } @media screen and (min-width: 481px) and (max-width: 768px) { .products .products__item.is-modal { width: 50%; min-width: auto; padding: 0 8px 30px; } } @media screen and (max-width: 480px) { .products .products__item.is-modal { width: 50%; min-width: auto; padding: 0 8px 20px; } .products .products__item.is-modal .product { justify-content: space-between; } .products .products__item.is-modal .product__image { height: auto; } .products .products__item.is-modal .product__info { padding: 0; } .products .products__item.is-modal .product__info ._newsail_, .products .products__item.is-modal .product__info ._stock_, .products .products__item.is-modal .product__info ._hotsail_ { bottom: 0; display: block; margin-bottom: 3px; } .products .products__item.is-modal .product__info .product__name { font-size: 14px; max-height: 40px; min-height: 43px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .products .products__item.is-modal .product__info .product__price__num, .products .products__item.is-modal .product__info .product__price__val { font-size: 18px; line-height: 23px; } .products .products__item.is-modal .product__info .product__order { flex-wrap: wrap; position: relative; padding-top: 4px; } .products .products__item.is-modal .product__info .product__order + .product__order { padding-top: 10px; } .products .products__item.is-modal .product__info .product__mod, .products .products__item.is-modal .product__info .product__price { width: 100%; } .products .products__item.is-modal .product__info .product__counter { position: absolute; right: 0; bottom: 0; } } @media (max-width: 1850px) { .products__item { width: 50%; } } @media (max-width: 1280px) { .products__item { width: 33.3%; } } @media (max-width: 1023px) { .products__item { width: 50%; } } @media (max-width: 640px) { .products__item { width: 100%; } .products__item__item { padding-bottom: 30px; } } .title { font-family: Georgia; font-size: 30px; padding: 10px; text-align: center; color: #d4d4d4; } .pointer { position: fixed; z-index: 200; top: 0; right: 0; bottom: 0; left: 0; display: none; opacity: .4; background-color: #fff; } .pointer_black { background-color: #010101; } .modal { position: fixed; z-index: 250; top: 50%; right: auto; bottom: auto; left: 50%; display: none; height: auto; margin: auto; padding: 30px 40px 40px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid #c6c6c6; border-radius: 10px; background-color: #fff; } .modalClose { line-height: 40px; position: absolute; top: 17px; right: 15px; width: 40px; height: 40px; cursor: pointer; text-align: center; color: #fff; border-radius: 999px; background-color: #010101; } @media (max-width: 767px) { .modal { overflow: auto; width: auto; height: auto; padding: 30px; border: none; border-radius: 0; } } @media (max-width: 767px) { .modal { width: 98%; max-width: 500px; border-radius: 10px; box-shadow: 0 0 100px 100px rgba(0, 0, 0, .5); } } .orderList__header { overflow: hidden; width: 100%; padding-bottom: 65px; border-bottom: 1px solid #eee; } .orderList__title { font-size: 30px; float: left; } .orderList__link { font-size: 16px; float: right; text-decoration: none; color: #ff4d3d; border-bottom: 2px dotted; } .orderList__link:hover { border-bottom: none; } .orderList__summ { font-size: 26px; margin-top: 20px; text-align: right; } .orderList__product.inDeleted { height: 0 !important; transition: .3s; -webkit-transform: scale(.8); transform: scale(.8); -webkit-transform-origin: center center; transform-origin: center center; opacity: 0; } .orderList__product__image { width: 200px; height: 100%; margin-right: 20px; background-position: center; background-size: cover; } .orderList__product__name { font-size: 18px; padding-bottom: 15px; color: #222; } .orderList__product__mod { font-size: 15px; color: #999; } .orderList__product__price { font-size: 18px; margin-left: auto; color: #c02828; } .orderList__product__price .orderList__product__mod { display: none; } .orderList__product .counter { margin: 0 45px 0 30px; } .orderList__product__delete { margin-right: 10px; cursor: pointer; color: #bababa; } .orderList__product__info { padding-right: 30px; flex: 1 0; } @media (max-width: 1280px) { .orderList__header { padding: 0 10px 35px; } .orderList__link { margin-top: 5px; } .orderList__summ { padding: 0 20px; } .orderList__product { padding: 0 10px; } .orderList__product__delete { margin-right: 15px; } .orderList .counter { margin: 0 35px 0 15px; } } @media (max-width: 767px) { .orderList__header { padding: 0 15px 30px; } .orderList__title { font-size: 26px; float: none; } .orderList__link { display: inline-block; float: none; margin-top: 20px; border-bottom: 1px dotted; } .orderList__summ { font-size: 22px; line-height: 29px; padding: 0 10px; } .main__basket .order-bottom .minimum-zakaz { width: 100%; padding: 0 10px; } .main__basket .order-bottom .minimum-zakaz .min-zakaz img { display: none; } .main__basket .order-bottom .minimum-zakaz .min-zakaz .min-text { font-size: 14px; line-height: 16px; } .orderList__product { position: relative; display: block; height: auto; padding: 0; } .orderList__product__image { float: left; width: 150px; height: 100px; margin: 0; } .orderList__product__info { max-width: unset; padding: 25px 30px 0 0; } .orderList__product__mod { font-size: 12px; } .orderList__product__delete { position: absolute; top: 10px; right: 0; } .orderList__product .counter { margin-bottom: 15px; } .orderList__product .counter, .orderList__product__info, .orderList__product__price { margin-left: 160px; } .orderList__product__name { font-size: 14px; padding: 0; } .orderList__product__price { font-size: 14px; padding: 10px 0; } .orderList__product__price .orderList__product__mod { font-size: 14px; position: relative; display: inline-block; padding-left: 25px; } .orderList__product__price .orderList__product__mod::before { position: absolute; top: 0; bottom: 0; left: 5px; width: 15px; height: 1px; margin: auto; content: ''; background-color: #999; } } .orderListProduct { position: relative; height: 140px; padding: 20px; padding-left: 220px; border-bottom: 1px solid #eee; align-items: center; } .orderListProduct .counter { margin: 0; } .orderListProduct .counter__inc { border-radius: 0 3px 3px 0; } .orderListProduct .counter__dec { border-radius: 3px 0 0 3px; } .orderListProduct .counter__num { line-height: 25px; width: 40px; text-align: center; } .orderListProduct__image { position: absolute; top: 0; bottom: 0; left: 0; width: 200px; padding: 20px; background-repeat: no-repeat; background-position: center; background-size: contain; } .orderListProduct__info, .orderListProduct__price, .orderListProduct .counter, .orderListProduct__delete { display: inline-block; vertical-align: middle; } .orderListProduct__info { width: calc(100% - 300px); } .orderListProduct__name { font-size: 18px; padding-bottom: 15px; color: #222; } .orderListProduct__mod { display: block; margin-top: 5px; } .orderListProduct__mod { font-size: 15px; color: #999; } .orderListProduct .counter { width: 120px; } .orderListProduct__price { font-size: 18px; width: 100px; margin-left: auto; color: #c02828; } .orderListProduct__price .orderList__product__mod { display: none; } .orderListProduct__delete { width: 50px; height: 100%; text-align: right; color: #bababa; } .orderListProduct__delete::after { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .orderListProduct__delete i { cursor: pointer; } @media (max-width: 767px) { .orderListProduct { position: relative; display: block; height: auto; padding: 10px 10px 10px 120px; } .orderListProduct__info { width: calc(100% - 250px); } .orderListProduct__image { width: 100px; padding: 10px; } .orderListProduct__mod { font-size: 12px; } .orderListProduct__delete { width: 30px; } .orderListProduct__name { font-size: 14px; padding: 0; } .orderListProduct__price { font-size: 14px; width: 80px; padding: 10px 0; } .orderListProduct__price .orderList__product__mod { font-size: 14px; position: relative; display: inline-block; padding-left: 25px; } .orderListProduct__price .orderList__product__mod::before { position: absolute; top: 0; bottom: 0; left: 5px; width: 15px; height: 1px; margin: auto; content: ''; background-color: #999; } } @media (max-width: 767px) and (max-width: 560px) { .orderListProduct__info { margin-right: 40px; } .orderListProduct__image { padding: 10px; } .orderListProduct__mod { display: block; } .orderListProduct__info, .orderListProduct__price { display: block; width: auto; } .orderListProduct__delete { position: absolute; top: 0; right: 0; width: auto; height: auto; padding: 10px; } } @-webkit-keyframes loadingBtn { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes loadingBtn { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(100%); transform: translateY(100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } .orderForm { width: 100%; padding: 30px; border-radius: 2px; background-color: #f1f1f1; } .orderForm__title { font-size: 22px; margin-bottom: 5px; } .orderForm__form { font-size: 14px; margin: 30px 0 0; } .orderForm__label { display: block; margin-top: 25px; } .orderForm__label_persons { overflow: hidden; } .orderForm .counter__num { text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .orderForm__input { font-size: 16px; width: 100%; height: 45px; margin-top: 9px; padding: 10px 15px; transition: .3s; border: 1px solid #E6E6E6; border-radius: 2px; background: #FAFAFA; } .orderForm__label .zag { font-size: 23px; line-height: 105.47%; margin-bottom: 18px; } .suggestions-wrapper { height: 100px; position: absolute !important; } .orderForm__input_textarea { font-family: Arial, sans-serif; overflow: hidden; height: auto; resize: none; word-wrap: wrap; } .orderForm__input.error { border-color: red; background-color: rgba(224, 62, 38, .06); box-shadow: 0 0 1px 0 red; } .orderForm__radio { font-size: 16px; position: relative; display: inline-block; padding: 10px 0 10px 30px; cursor: pointer; } .orderForm__radio + .orderForm__radio { margin-left: 40px; } .orderForm__radio span { font-size: 16px; } .orderForm__radio span::before { position: absolute; top: 0; bottom: 0; left: 0; width: 20px; height: 20px; margin: auto; content: ''; border: 1px solid #d4d4d4; border-radius: 999px; } .orderForm__radio:hover span::before { border-color: #4f4f4f; } .orderForm__radio input:checked + span::after { position: absolute; top: 0; bottom: 0; left: 5px; width: 12px; height: 12px; margin: auto 0; content: ''; border-radius: 999px; background-color: #F44336; } .orderForm__radio:hover input:checked + span::before { border: 1px solid #d4d4d4; } .orderForm__info { overflow: hidden; } .orderForm__info > * { float: left; } .orderForm__info .orderForm__label:nth-of-type(1) { width: 260px; margin-right: 10px; } .orderForm__info .orderForm__label:nth-of-type(2) { width: calc(100% - 270px); } .orderForm .counter { float: left; margin-top: 10px; } .orderForm .counter__num { color: #010101; } .orderForm__order { display: flex; margin-top: 40px; align-items: center; } .orderForm__order > * { float: left; } .orderForm__submit { font-size: 20px; position: relative; z-index: 1; overflow: hidden; max-width: 260px; height: 60px; flex: 1 0 260px; } .orderForm__submit.loading { pointer-events: none; } .orderForm__submit.loading::before { position: absolute; z-index: -1; top: -100%; right: 0; left: 0; display: block; height: 150%; content: ''; -webkit-animation: loadingBtn 2s infinite ease-in-out; animation: loadingBtn 2s infinite ease-in-out; background: linear-gradient(to top, transparent, #ff8c4b, transparent); } .orderForm__submit.success { pointer-events: none; background: linear-gradient(to bottom, #8bcb4c, #a7c310); } .orderForm__submit.success .icon-order { font-size: 15px; display: inline-block; margin-left: 10px; } .orderForm__confirm { padding: 0 25px; color: #AAAAAA; width: 439px; } .orderForm__confirm a { color: #FF4C3D; } @media (max-width: 1023px) { .orderForm__confirm { font-size: 12px; } } @media (max-width: 767px) { .orderForm { padding-bottom: 10px; background-image: url('/local/templates/yapona/css/../img/orderForm_bg.png'); background-repeat: no-repeat; background-position: right 20px; } .orderForm__title { padding: 0 100px 40px 0; } .orderForm__label { width: 100% !important; } .orderForm__label_persons > *:first-child { float: left; width: 50%; } .orderForm .counter { float: right; margin: 0; } .orderForm__radio { display: block; padding: 7px 0 7px 30px; } .orderForm__radio:first-of-type { margin-top: 10px; } .orderForm__radio + .orderForm__radio { margin: 0; } .orderForm__order { flex-wrap: wrap; } .orderForm__submit { margin: auto; } .orderForm__confirm { margin-bottom: 50px; padding: 20px 0; text-align: left; } .orderForm__confirm br { display: none; } } .counter { overflow: hidden; min-width: 117px; border-radius: 3px; } .counter > * { line-height: 36px; float: left; height: 36px; } .counter__inc, .counter__dec { font-size: 36px; position: relative; width: 36px; text-align: center; border-radius: unset; } .counter__inc:before, .counter__inc:after, .counter__dec:before, .counter__dec:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; content: ''; background-color: #fff; } .counter__dec:before, .counter__inc:before { width: 16px; height: 2px; } .counter__inc:after { width: 2px; height: 16px; } .counter__dec:after { content: none; } .counter__num { font-size: 16px; width: 45px; padding: 5px 8px; color: #555; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .counter__numBlock { font-size: 16px; line-height: unset !important; width: 45px; padding: 10px 8px; text-align: center; color: #010101; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #fff; } .remind { margin: 35px 0 35px; } .remind__title { font-size: 20px; padding-bottom: 25px; } .remind__list { display: flex; width: calc(100% + 10px); margin-left: -5px; flex-wrap: wrap; justify-content: space-between; } .remind__item { margin: 5px; margin-top: 10px; border-radius: 2px; background-repeat: no-repeat; background-position: center; background-size: cover; } .remind__item__name { font-size: 22px; margin-bottom: 10px; } .remind__item__price { font-size: 16px; margin-bottom: 30px; } .remind__item__button { font-size: 14px; line-height: 36px; width: 118px; height: 36px; } .remind .col2 { width: 50%; } .remind .col2 .remind__item { height: 210px; padding: 40px 0 0 50px; } .remind .col3 { width: 33.33%; } .remind .col3 .remind__item { height: 140px; padding: 25px 0 0 30px; } .remind .col3 .remind__item__name { font-size: 16px; } .remind .col3 .remind__item__price { margin-bottom: 10px; } .remind .black { color: #010101; } .remind .white { color: #fff; } @media (max-width: 1280px) { .remind { margin: 45px 0 80px; padding: 0 15px; } } @media (max-width: 1023px) { .remind { margin: 40px 0 70px; } .remind .col2, .remind .col3 { width: 50%; } .remind .col2 .remind__item, .remind .col3 .remind__item { height: 150px; padding: 30px; } .remind .col2 .remind__item__name, .remind .col3 .remind__item__name { font-size: 16px; } .remind .col2 .remind__item__price, .remind .col3 .remind__item__price { margin-bottom: 10px; } } @media (max-width: 767px) { .remind { margin: 55px 0 35px; } .remind .col2, .remind .col3 { width: 100%; } .remind .col2 .remind__item, .remind .col3 .remind__item { height: 120px; margin: 2.5px; padding: 20px 15px; } } @media (max-width: 767px) and (min-width: 540px) { .remind .col2, .remind .col3 { width: 50%; } } .thank { position: relative; overflow: hidden; max-width: 390px; padding-top: 65px; text-align: center; border-radius: 5px; background-image: linear-gradient(to bottom, #febcc0 0%, #efccb3 27%, #fff 51%); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .5); } .thank__content { padding: 10px 50px; } .thank__footer { padding: 20px 60px; background-color: #f3f3f3; } .thank__title { font-size: 28px; margin-bottom: 20px; } .thank__icon { font-size: 30px; line-height: 90px; display: inline-block; width: 90px; height: 90px; margin-bottom: 20px; color: #fff; border-radius: 999px; background-color: #94be00; } .thank__icon_error { line-height: unset !important; background-color: #ff4d3d; } .thank__icon_error * { vertical-align: middle; } .thank__icon_error::after { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .thank__icon_error i { position: relative; display: inline-block; width: 40px; height: 40px; } .thank__icon_error i::after, .thank__icon_error i::before { position: absolute; top: 15px; left: 0; width: 40px; height: 10px; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; transform-origin: center; border-radius: 3px; background-color: #fff; } .thank__icon_error i::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .thank__info { font-size: 17px; margin-bottom: 50px; } .thank__text { font-size: 13px; line-height: 1.2em; color: #585858; } .thank__close { font-size: 16px; margin-bottom: 20px; cursor: pointer; color: #ff4d3d; } @media (max-width: 991px) { .thank { max-width: 350px; padding-top: 40px; } .thank__icon { font-size: 20px; line-height: 60px; width: 60px; height: 60px; } .thank__content { padding: 10px 30px; } .thank__info { margin-bottom: 30px; } .thank__close { margin-bottom: 10px; } .thank__footer { padding: 20px 40px; } } @media (max-width: 768px) { .thank__title { font-size: 25px; } } .slider { padding: 0 20px; } .slider__item { height: 390px; padding: 40px 50px; background-image: url('/local/templates/yapona/css/../img/board.png'); background-repeat: no-repeat; background-size: contain; } .slider img { display: inline-block !important; width: auto !important; height: auto; vertical-align: top; } .slider .owl-nav { font-size: 40px; } .slider .owl-prev, .slider .owl-next { position: absolute; top: 0; bottom: 0; height: 40px; margin: auto; } .slider .owl-prev { left: -23px; } .slider .owl-next { right: -23px; } .slider .owl-dots { position: absolute; right: 0; bottom: -30px; left: 0; text-align: center; } .slider .owl-dot { display: inline-block; width: 7px; height: 7px; border-radius: 99px; background-color: #bdbdbd; } .slider .owl-dot.active { background-color: #464646; } .slider .owl-dot + .owl-dot { margin-left: 3px; } .basket { position: relative; z-index: 100; display: none; } .basket .basketMobile__message { display: none; } .basket.empty .basketMobile__message { display: block; } .basket.empty .basket__products { display: none; } .basket.empty.safariFix .basketMobile__bottomLine { height: 44px; } .basket.empty.safariFix .basketMobile__bottomLine .basket__products, .basket.empty.safariFix .basketMobile__bottomLine .basketMobile__orderBtn { display: none; } .basket.safariFix .basketMobile__message { line-height: 60px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; text-align: center; color: red; background-color: #fff; } .basket.safariFix .smallBasketItem__info { bottom: 105px !important; } .basket__products { overflow-x: scroll; overflow-y: hidden; height: auto; margin-bottom: -15px; padding-bottom: 30px; white-space: nowrap; direction: rtl; -webkit-overflow-scrolling: touch; } /* === basket cross-sale === */ .cross-sale { padding: 50px 0 0 0; } .cross-sale__title { display: block; font-size: 30px; margin: 0 0 20px 0; font-weight: bolder; } .cross-sale__wrapper { display: flex; flex-wrap: wrap; margin: -8px; } .cross-sale__item { border: 1px solid #ff0000; border-radius: 5px; padding: 20px 15px; display: flex; margin: 8px; width: calc(100% / 3 - 16px); align-items: center; } .cross-sale__img-wrapper { height: 115px; width: 115px; display: flex; justify-content: center; align-items: center; margin: 0 20px 0 0; } .cross-sale__img { max-width: 100%; max-height: 100%; width: auto; } .owl-carousel .owl-item img.cross-sale__img { max-width: 100%; max-height: 100%; width: auto; } .cross-sale__info { display: flex; flex-direction: column; justify-content: space-between; } .cross-sale__name { color: #626262; font-size: 18px; height: 20px; } .cross-sale-price { color: #ff0000; margin: 20px 0 10px 0; } .cross-sale-price__amount { font-size: 23px; } .cross-sale-price__currency { font-size: 14px; } .cross-sale__button { cursor: pointer; border-radius: 3px; font-size: 16px; padding: 10px 40px; max-width: 150px; } .cross-sale__button-wrapper { display: flex; height: 40px; } .cross-sale__button_bordered { color: #ff473e; background: #fff; border: 1px solid #ff473e; } .cross-sale__button_filled { background: linear-gradient(180deg, #ff723b 0%, #ff473e 100%); color: #fff; } .cross-sale__button_bordered:hover { background: linear-gradient(180deg, #ff723b 0%, #ff473e 100%); color: #fff; border: none; padding: 11px 41px; } .cross-sale__button_bordered:active { background: linear-gradient(#d33e38, #d33e38); } .cross-sale__button_filled:hover { background: linear-gradient(#d33e38, #d33e38); } .cross-sale__quantity-choose { display: flex; } .cross-sale__plus-button, .cross-sale__minus-button { cursor: pointer; background: #fff; display: flex; justify-content: center; align-items: center; border: 1px solid #ff473e; height: 40px; width: 40px; border-radius: 3px; } .cross-sale__plus-button:hover, .cross-sale__minus-button:hover { background: linear-gradient(180deg, #ff723b 0%, #ff473e 100%); border: none; padding: 1px; } .cross-sale__plus-button:active, .cross-sale__minus-button:active { background: linear-gradient(#d33e38, #d33e38); } .cross-sale__plus-button:hover svg rect, .cross-sale__minus-button:hover svg rect { fill: #fff; } .cross-sale__quantity { max-width: 60px; height: 40px; text-align: center; padding: 0 3px; } .cross-sale__quantity::-webkit-inner-spin-button, .cross-sale__quantity::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .cross-sale__quantity { -moz-appearance: textfield; } .cross-sale__quantity:hover, .cross-sale__quantity:focus { -moz-appearance: number-input; } .additional-sale { width: 100%; padding: 50px 0 0 0; } .additional-sale__item { display: flex; padding: 30px 15px; border: 1px solid #eee; border-radius: 5px; } .additional-sale__img-wrapper { height: 130px; min-width: 160px; display: flex; justify-content: center; align-items: center; margin: 0 20px 0 0; } .additional-sale .owl-nav { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 15px; pointer-events: none; opacity: 0; transition: opacity .2s; } .additional-sale .owl-nav .owl-prev, .additional-sale .owl-nav .owl-next { pointer-events: all; } .additional-sale__slider-btn { display: flex; cursor: pointer; width: 35px; height: 35px; background: #fff; border: 1px solid #ff723b; border-radius: 3px; justify-content: center; align-items: center; } .additional-sale__wrapper:hover .owl-nav { opacity: 1; } .additional-sale__slider-btn:hover { background: linear-gradient(180deg, #ff723b 0%, #ff473e 100%); border: none; padding: 1px; } .additional-sale__slider-btn:hover svg path { stroke: #fff; } .additional-sale__slider-btn:active { background: linear-gradient(#d33e38, #d33e38); } .additional-sale__slider-btn_next { transform: rotate(180deg); } @media (max-width: 1280px) { .cross-sale { padding: 50px 10px 0 10px; } .additional-sale { padding: 50px 0 50px 0; } } @media (max-width: 1000px) { .cross-sale__item { width: auto; min-width: 325px; } .cross-sale__wrapper { flex-direction: column; align-items: flex-start; align-items: stretch; } .cross-sale__img-wrapper { height: 90px; min-width: 100px; max-width: 100px; } } @media (max-width: 768px) { .cross-sale__item { width: auto; min-width: unset; } } @media (max-width: 500px) { .additional-sale__name { font-size: 15px; } .additional-sale__img-wrapper { height: 70px; min-width: 70px; align-items: flex-start; } .additional-sale__button { padding: 10px 30px; } } @media (max-width: 320px) { .additional-sale__name { font-size: 14px; } .additional-sale__button { width: 140px; } } /* === /basket cross-sale === */ @media (max-width: 1280px) { .basket { display: block; } .basket.empty .basket__message { display: block; } .basket.lacks .basket__order__info { display: block; } .basket.lacks .basket__order__button { display: none; } .basket__message { display: none; margin: auto; color: #c02828; } .basket__order { width: 120px; } .basket__order__info { display: none; height: 100%; padding: 10px 10px 5px; background-color: #f1f1f1; } .basket__order__button { font-size: 18px; display: block; height: 100%; padding: 15px 0; cursor: pointer; text-align: center; text-decoration: none; color: #fff; background: linear-gradient(to bottom, #ff723b, #ff463e); } .basket__order__button i { font-size: 16px; } .basket__order__summ { margin-left: 10px; } .basket__order__lacks { font-size: 16px; padding-bottom: 3px; color: #7b7b7b; } .basket__order__lacks small { font-size: 13px; } .basket__order__message { font-size: 11px; color: #724848; } .basket__products { width: calc(100% - 120px); } .basket__products__name { line-height: 18px; padding-bottom: 10px; } .basket__products__count { font-size: 11px; line-height: 20px; position: absolute; right: 3px; bottom: 3px; min-width: 20px; height: 20px; padding: 0 3px; text-align: center; color: #fff; border-radius: 999px; background-color: #c02828; } .basket__products__icon { font-size: 16px; float: left; padding: 10px 10px 8px 20px; cursor: pointer; color: #98c831; } .basket__products__info { position: absolute; z-index: -10; right: 0; bottom: 55px; left: 0; visibility: hidden; width: 190px; margin: auto; padding: 11px; transition: opacity .3s, visibility .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s, visibility .3s; transition: transform .3s, opacity .3s, visibility .3s, -webkit-transform .3s; transition-timing-function: easy; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; border-radius: 7px; background-color: #fff; box-shadow: 0 -3px 20px rgba(200, 200, 200, .75); } .basket__products__info.open { visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .basket__products__info .counter { float: left; } } .basket.test.empty { display: none; } .thanksModal { position: fixed; z-index: 1000; top: 0; right: 0; bottom: 0; left: 0; visibility: hidden; overflow: auto; padding-top: 100px; padding-bottom: 100px; transition: .3s; opacity: 0; background-color: transparent; } .thanksModal .thank { margin: 0 auto; transition: .3s; -webkit-transform: translateY(-50px); transform: translateY(-50px); } .thanksModal.open { visibility: visible; opacity: 1; background-color: rgba(0, 0, 0, .4); } .thanksModal.open .thank { -webkit-transform: translateY(0); transform: translateY(0); } @media (max-width: 768px) { .thanksModal { padding: 50px 10px; } } @-webkit-keyframes newItem { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes newItem { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .orderDesk { position: relative; max-height: 350px; margin-top: 5px; margin-bottom: 15px; padding-right: 10px; padding-left: 10px; background: url('/local/templates/yapona/css/../img/desc_middle.png') repeat-y center; background-size: 100%; } .orderDesk::before { position: absolute; z-index: 2; right: 0; bottom: 100%; left: 0; display: block; height: 100px; content: ''; background: url('/local/templates/yapona/css/../img/desc_top.png') no-repeat center bottom; background-color: #fff; background-size: 100%; } .orderDesk::after { position: absolute; top: 100%; right: 0; left: 0; display: block; height: 150px; content: ''; background: url('/local/templates/yapona/css/../img/desc_bottom.png') no-repeat center top; background-color: #fff; background-size: 100%; } .orderDesk__grid { position: relative; } .orderDesk__items { position: relative; overflow: auto; max-height: 350px; } .orderDesk__items.scroll { top: -100px; right: -100px; bottom: -150px; left: -100px; width: 500px; max-height: 600px; } .orderDesk__items::after { display: block; clear: both; content: ''; } .orderDesk__itemsContainer { padding: 100px; padding-bottom: 150px; } .orderDesk__itemsContainer::after { display: block; clear: both; content: ''; } .orderDesk__item { float: left; transition: .8s; -webkit-animation: newItem .5s 1; animation: newItem .5s 1; } .orderDesk__item.inDeleted { transition: .3s ease-in; -webkit-transform: scale(1.1); transform: scale(1.1); pointer-events: none; opacity: 0; } .orderDesk__item.w1 { width: 50px; } .orderDesk__item.w1 .orderDeskItem__counter { left: 38px; } .orderDesk__item.w2 { width: 100px; } .orderDesk__item.w2 .orderDeskItem__counter { right: -20px; } .orderDesk__item.w3 { width: 150px; } .orderDesk__item.w4 { width: 200px; } .orderDesk__item.w5 { width: 250px; } .orderDesk__item.w6 { width: 300px; } .orderDesk__item.h1 { height: 50px; } .orderDesk__item.h1 .orderDeskItem__hover { padding-top: 50px; } .orderDesk__item.h2 { height: 100px; } .orderDesk__item.h2 .orderDeskItem__hover { padding-top: 100px; } .orderDesk__item.h3 { height: 150px; } .orderDesk__item.h3 .orderDeskItem__hover { padding-top: 150px; } .orderDesk__item.h4 { height: 200px; } .orderDesk__item.h4 .orderDeskItem__hover { padding-top: 200px; } .orderDesk__item.h5 { height: 250px; } .orderDesk__item.h5 .orderDeskItem__hover { padding-top: 250px; } .orderDesk__item.h6 { height: 300px; } .orderDesk__item.h6 .orderDeskItem__hover { padding-top: 300px; } .orderDesk__item.left .orderDeskItem__hover { right: -5px; left: auto; } .orderDesk__item.left .orderDeskItem__counter { left: -71px; text-align: left; } .orderDeskItem { position: relative; padding: 5px; } .orderDeskItem img { position: relative; width: 100%; cursor: pointer; } .orderDeskItem__counter { position: absolute; top: 0; right: 0; left: 0; padding: 3px; transition: .3s; -webkit-transform: translateX(20px); transform: translateX(20px); text-align: right; white-space: nowrap; opacity: 0; } .orderDeskItem__counter .btn { display: inline-block; } .orderDeskItem__title { font-size: 14px; line-height: 16px; display: block; margin-bottom: 10px; padding-top: 15px; color: #222; text-shadow: 0 0 .5px rgba(0, 0, 0, .5); } .orderDeskItem__price, .orderDeskItem__count { display: inline-block; } .orderDeskItem__count { color: #999; text-shadow: 0 0 .5px rgba(153, 153, 153, .5); } .orderDeskItem__price { color: #f00; text-shadow: 0 0 .5px rgba(255, 0, 0, .5); } .orderDeskItem__hover { position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); min-width: 130px; padding: 10px; padding-top: 50px; transition: .3s; -webkit-transform: scale(.95); transform: scale(.95); pointer-events: none; opacity: 0; border-radius: 4px; background-color: #fff; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .5); } .orderDeskItem:hover { z-index: 2; } .orderDeskItem:hover .orderDeskItem__hover { -webkit-transform: scale(1); transform: scale(1); pointer-events: all; opacity: 1; } .orderDeskItem:hover .orderDeskItem__counter { -webkit-transform: none; transform: none; opacity: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: rgba(51, 51, 51, .7); } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #333; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(51, 51, 51, .8); } .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(255, 255, 255, .4); } .mCustomScrollBox .mCSB_scrollTools_vertical { top: 100px; right: 90px; bottom: 150px; } .orderSlideControl { padding-top: 20px; text-align: center; } .orderSlideControl__prev, .orderSlideControl__next { display: inline-block; vertical-align: middle; } .orderSlideControl__prev .btn::before, .orderSlideControl__next .btn::before { top: 11px; width: 12px; height: 12px; border-top: 2px solid #fff; border-left: 2px solid #fff; background-color: transparent; } .orderSlideControl__prev .btn::after, .orderSlideControl__next .btn::after { display: none; } .orderSlideControl__prev .btn::before { left: 14px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .orderSlideControl__next .btn::before { left: 8px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .orderSlideControl__pagination { display: inline-block; width: 180px; vertical-align: middle; } .orderSlideControl__pagination span { display: inline-block; width: 10px; height: 10px; margin: 0 2px; cursor: pointer; border-radius: 999px; background-color: #ddd; } .orderSlideControl__pagination span.active { background: linear-gradient(to bottom, #ff723b, #ff463e); } .basketMobile { position: relative; z-index: 10; width: 100%; height: 65px; } .basketMobile .orderList__product { background-color: #fff; } .basketMobile .orderList__product.inDeleted { height: 0 !important; transition: .3s; -webkit-transform: scale(.8); transform: scale(.8); opacity: 0; } .basketMobile .screenSize { position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; } .basketMobile__slidedList { position: fixed; top: 100%; right: 0; bottom: -40px; left: 0; display: none; margin-top: -65px; } .basketMobile__slidedList.open { top: 85px !important; transition: .3s; } .basketMobile__slidedList.close { top: 100% !important; transition: .3s; } .basketMobile__slidedList.draggable .basketMobile__touchLine { background-color: rgba(0, 0, 0, .1); } .basketMobile__touchLine { position: relative; display: none; height: 20px; transition: .2s; text-align: center; background-color: rgba(255, 255, 255, .5); } .basketMobile__touchLine::before { display: inline-block; width: 20px; height: 2px; content: ''; vertical-align: middle; border-top: 2px solid #eee; border-bottom: 2px solid #eee; } .basketMobile__touchLine::after { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .basketMobile__touchLine:hover { background-color: #f5f5f5; } .basketMobile__touchLine:hover::before { border-color: #ddd; } .basketMobile__list { position: absolute; top: 20px; right: 0; bottom: 45px; left: 0; overflow: auto; background-color: #f5f5f5; } .basketMobile__bottomLine { position: fixed; right: 0; bottom: 0; left: 0; height: 60px; background-color: #fff; box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2); } .basketMobile__bottomLine.safariFix { height: 104px; } .basketMobile__bottomLine.safariFix .basket__products { height: 75px; } .basketMobile__bottomLine.safariFix .basketMobile__message { line-height: 44px; position: relative; display: block; height: 44px; text-align: center; color: #ff4d3d; background-color: #f5f5f5; } .basketMobile__bottomLine.safariFix .basketMobile__orderBtn { bottom: 44px; } .basketMobile__bottomLine.safariFix .basketMobile__orderBtn .basketMobileBtn { height: 60px; } .basketMobile__orderBtn { line-height: 60px; position: absolute; top: 0; right: 0; bottom: 0; width: 114px; transition: .5s; text-decoration: none; border-radius: 0; } .basketMobile__orderBtn .basketMobileBtn__word { margin: 0; -webkit-transform: scale(0); transform: scale(0); } .basketMobile__slidedList.open + .basketMobile__bottomLine .basketMobile__orderBtn { width: 100%; } .basketMobile__slidedList.open + .basketMobile__bottomLine .basketMobile__orderBtn .basketMobileBtn__word { margin: 0 50px; -webkit-transform: scale(1); transform: scale(1); } .basketMobile__message { line-height: 60px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; color: #ff4d3d; background-color: #f0f0f0; } .basketMobileBtn { line-height: 60px; width: 100%; padding: 0 20px 0 15px; text-align: center; text-decoration: none; border-radius: 0; } .basketMobileBtn.btn:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; transition: .3s; opacity: 0; background: linear-gradient(to top, #ff723b, #ff463e); } .basketMobileBtn.btn:hover { background: linear-gradient(to bottom, #ff723b, #ff463e); } .basketMobileBtn.btn:hover::before { opacity: 1; } .basketMobileBtn i { position: relative; float: left; } .basketMobileBtn__sum { position: absolute; top: 0; right: 15px; bottom: 0; } .basketMobileBtn__word { display: block; margin: 0 50px; transition: .5s; } .basketMobileBtn__message { font-size: 15px; line-height: 1em; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; padding: 5px 8px; background-color: #f0f0f0; box-shadow: 0 0 2px 0 rgba(0, 0, 0, .2); } .basketMobileBtn__message > div { margin: auto 0; } .basketMobileBtn__message.open { display: flex; } .basketMobileBtn__message span { font-size: .7em; color: #66000a; } .basketMobileBtn__message strong { font-weight: 100; display: block; } @-webkit-keyframes newBasketItem { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); background-color: #fff; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes newBasketItem { 0% { -webkit-transform: scale(1.2); transform: scale(1.2); background-color: #fff; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes pulseNumber { 0% { box-shadow: 0 0 0 0 #c02828; } 50% { box-shadow: 0 0 0 2px #c02828; } 100% { box-shadow: 0 0 0 0 #c02828; } } @keyframes pulseNumber { 0% { box-shadow: 0 0 0 0 #c02828; } 50% { box-shadow: 0 0 0 2px #c02828; } 100% { box-shadow: 0 0 0 0 #c02828; } } .smallBasketItem { position: relative; display: inline-block; height: 60px; padding: 7px 15px; -webkit-animation: newBasketItem .2s 1 ease-in; animation: newBasketItem .2s 1 ease-in; vertical-align: middle; } .smallBasketItem.inDeleted { overflow: hidden; width: 0 !important; height: 45px; padding-right: 0 !important; padding-left: 0 !important; transition: .3s; -webkit-transform-origin: center; transform-origin: center; opacity: 0; } .smallBasketItem.selected { background-color: #f1f1f1; } .smallBasketItem img { width: auto !important; max-width: 100%; max-height: 100%; margin: auto; } .smallBasketItem__name { line-height: 18px; padding-bottom: 10px; } .smallBasketItem__count { font-size: 11px; line-height: 20px; position: absolute; right: 3px; bottom: 3px; min-width: 20px; height: 20px; padding: 0 3px; text-align: center; color: #fff; border-radius: 999px; background-color: #c02828; } .smallBasketItem__count.updated { -webkit-animation: pulseNumber .5s 1 ease-in-out; animation: pulseNumber .5s 1 ease-in-out; } .smallBasketItem__icon { font-size: 16px; float: left; margin-left: 10px; padding: 10px; cursor: pointer; color: #98c831; border-radius: 999px; } .smallBasketItem__icon:hover { background-color: #f5f5f5; } .smallBasketItem__info { position: fixed; z-index: 10; right: 0; bottom: 55px; left: 0; visibility: hidden; width: 190px; margin: auto; padding: 11px; transition: transform .3s, opacity .3s, visibility .3s, -webkit-transform .3s; transition-timing-function: easy; -webkit-transform: translateY(10px); transform: translateY(10px); text-align: left; opacity: 0; border-radius: 7px; background-color: #fff; box-shadow: 0 -3px 20px rgba(200, 200, 200, .75); } .smallBasketItem__info .counter__num { line-height: 25px; text-align: center; } .smallBasketItem__info.open { visibility: visible; -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .smallBasketItem__info .counter { float: left; } .smallBasketItem__info .counter input { text-align: center; } .mobileMenu { position: fixed; z-index: 1000; top: 0; left: 0; visibility: hidden; width: 100%; height: 100%; transition: .3s; -webkit-transform: translateX(100%); transform: translateX(100%); background: #fff; } .mobileMenu.open { visibility: visible; -webkit-transform: none; transform: none; } .restaurantItem { margin-bottom: 20px; } .restaurantItem::after { display: block; clear: both; content: ''; } .restaurantItem p.name { float: left; width: 50%; margin: 0; } .restaurantItem > a { display: inline-block; float: right; margin-left: 20px; } @media (max-width: 450px) { .restaurantItem p.name { font-variant: normal; clear: both; width: 100%; margin-bottom: 5px; } .restaurantItem > a { display: block; float: none; margin-bottom: 5px; margin-left: 0; } } #galleryWindow .owl-nav > * { display: inline-block; width: 20px; height: 20px; margin: 13px 20px 0; } .modal #gMapWindow, .modal #galleryWindow { display: none; } .modal #gMap { height: 340px; } @media (max-width: 1280px) { .header__sections { display: block; visibility: visible; overflow-x: auto; margin-top: 25px; margin-bottom: -15px; padding: 0 30px 24px 15px; white-space: nowrap; -webkit-overflow-scrolling: touch; } .header__sections > * { display: inline-block; float: none; } } @media (min-width: 1281px) and (max-width: 1365px) { .main__left { width: calc(30% - 105px); } .main__center { width: calc(70% - 245px); } .main__right { width: 350px; } } .sectionPreview { font-size: 18px; display: block; height: 270px; padding-top: 30px; text-align: center; text-decoration: none; } .sectionPreview:hover { color: #c02828; } .sectionPreview__img { height: 180px; background-repeat: no-repeat; background-position: center; background-size: contain; } @media (max-width: 768px) { .sectionPreview { height: 190px; padding-top: 16px; } .sectionPreview__img { height: 140px; } } .sections__row { margin-right: -10px; margin-bottom: 27px; margin-left: -10px; } .sections__row::after { display: block; clear: both; content: ''; } .sections__col { float: left; width: 25%; padding-right: 10px; padding-left: 10px; } @media (max-width: 1366px) { .sections__col { width: 33.33%; } } @media (max-width: 690px) { .sections__col { width: 50%; } } @media (max-width: 500px) { .sections__col { width: 100%; } } .sectionFooter { padding-top: 50px; color: #333; } .sectionFooter__row { margin-right: -10px; margin-left: -10px; } .sectionFooter__row::after { display: block; clear: both; content: ''; } .sectionFooter__col { float: left; width: 60%; padding: 0 10px; padding-right: 9%; } .sectionFooter__col_sm { width: 20%; } .sectionFooter__col_sm h2 { color: #ff553d; } .sectionFooter__col:nth-child(2) { width: 20%; padding-right: 20px; } .sectionFooter__col:nth-child(3) { width: 20%; padding-right: 0; padding-left: 20px; } .sectionFooter__col h2 { line-height: 1.0em; display: block; } .sectionFooter__text h3 { font-size: 18px; margin: 30px 0 20px; } .sectionFooter__text h2 { font-size: 22px; display: block; margin: 30px 0 20px; } .sectionFooter h3 { font-size: 22px; font-weight: bold; margin-bottom: 20px; color: #010101; } .sectionFooter p { font-size: 16px; line-height: 1.4em; margin: 1.4em 0 .5em; } .sectionFooter a { font-size: 16px; text-decoration: none; color: #ff553d; border-bottom: 1px dotted #ff553d; } .sectionFooter a:hover, .sectionFooter a:active { border-bottom: none; } @media (max-width: 1500px) { .sectionFooter__col { width: 50%; padding-right: 20px; } .sectionFooter__col:nth-child(2) { width: 25%; padding-right: 20px; padding-left: 20px; } .sectionFooter__col:nth-child(3) { width: 25%; padding-left: 20px; } } @media (max-width: 1200px) { .sectionFooter__col { width: 100%; margin-bottom: 50px; padding: 0 10px; } .sectionFooter__col:nth-child(2), .sectionFooter__col:nth-child(3) { width: 50%; padding: 0 10px; } } @media (max-width: 768px) { .sectionFooter__col { width: 100%; margin-bottom: 30px; } .sectionFooter__col_sm { width: 50%; } } @media (max-width: 600px) { .sectionFooter__col:nth-child(2), .sectionFooter__col:nth-child(3) { width: 100%; } } ._seoFooterText { font-size: 16px; line-height: 1.4em; /* overflow: hidden;*/ /*max-height: 112px;*/ margin: 1.4em 0 .5em; transition: .4s; } ._seoFooterText li { list-style: disc inside; } ._seoFooterText > div p:first-child { margin-top: 0; } .productCard { position: relative; margin-bottom: 60px; } .productCard::after { display: block; clear: both; content: ''; } .productCard__picture { float: left; width: 66.66%; height: 370px; background-repeat: no-repeat; background-position: center; background-size: contain; } .productCard__info { float: left; width: 240px; padding-top: 75px; padding-left: 10px; } .productCard__offer { margin-bottom: 28px; } .productCard__price { display: inline-block; width: 130px; vertical-align: middle; color: #f00; } .productCard__price span { font-size: 28px; display: block; margin-bottom: 4px; } .productCard__price small { font-size: 14px; } .productCard__prop { font-size: 17px; margin-bottom: 10px; } .productCard__prop em { font-style: normal; color: #aeaeae; } .productCard .product__counter { display: inline-block; vertical-align: middle; min-width: 116px; margin-left: 30px; } .productCard .product__counter__basket { font-size: 22px; } .productCard .product__counter > * { width: 46px; height: 46px; } .productCard .product__counter .counter__inc::before { width: 4px; height: 24px; } .productCard .product__counter .counter__inc::after { width: 24px; height: 4px; } .productCard__price span._old_price_ { display: none; } @media (max-width: 1460px) { .productCard__picture { width: 60%; } } @media (max-width: 1370px) { .productCard__picture { width: 100%; } .productCard__info { width: 100%; } .productCard__offers::after { display: block; clear: both; content: ''; } .productCard__offer { float: left; width: 50%; } .productCard__prop { max-width: 50%; } } @media (max-width: 1280px) { .productCard__info { padding: 0 20px; } } @media (max-width: 767px) { .productCard__picture { height: 300px; } .productCard__prop { max-width: 100%; } } @media (max-width: 600px) { .productCard__offer { width: 100%; } .productCard__price { width: calc(100% - 96px); } } @media (max-width: 500px) { .productCard__picture { height: 200px; } } .breadcrumbs { font-size: 14px; margin-bottom: 12px; color: #a3a3a3; } .breadcrumbs__item { position: relative; display: inline-block; text-decoration: none; } .breadcrumbs__item:not(:last-child) { margin-right: 20px; } .breadcrumbs__item:not(:last-child)::after { position: absolute; top: 0; left: 100%; padding-left: 5px; content: '→'; } .breadcrumbs__item:hover { text-decoration: underline; } .relatedProducts__owl { position: relative; } .relatedProducts__owl::after { display: block; clear: both; content: ''; } .relatedProducts__owl .owl-item .relatedProducts__item { float: none; width: 100%; } .relatedProducts__owl .owl-next, .relatedProducts__owl .owl-prev { position: absolute; top: 0; bottom: 0; width: 30px; text-align: center; background-color: transparent; } .relatedProducts__owl .owl-next::after, .relatedProducts__owl .owl-prev::after { display: inline-block; height: 100%; content: ''; vertical-align: middle; } .relatedProducts__owl .owl-next { right: 0; padding-right: 10px; text-align: right; } .relatedProducts__owl .owl-prev { left: 0; padding-left: 10px; } .relatedProducts__owl .owl-stage-outer::after, .relatedProducts__owl .owl-stage-outer::before { position: absolute; z-index: 2; top: 0; bottom: 0; width: 40px; content: ''; } .relatedProducts__owl .owl-stage-outer::after { right: 0; background-image: linear-gradient(to left, #fff, transparent); background-image: -webkit-linear-gradient(180deg, #fff 10%, rgba(255, 255, 255, 0) 100%); } .relatedProducts__owl .owl-stage-outer::before { left: 0; background-image: linear-gradient(to right, #fff, transparent); background-image: -webkit-linear-gradient(0deg, #fff 10%, rgba(255, 255, 255, 0) 100%); } .relatedProducts__owl .arrow { position: relative; display: inline-block; width: 18px; height: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border: 3px solid #000; } .relatedProducts__owl .arrow_right { -webkit-transform-origin: center; transform-origin: center; border-bottom: none; border-left: none; } .relatedProducts__owl .arrow_left { -webkit-transform-origin: center; transform-origin: center; border-top: none; border-right: none; } .relatedProducts__item { float: left; width: 33.33%; padding: 0 20px; } .relatedProducts__item:nth-child(3) ~ .relatedProducts__item { display: none; } .relatedProducts__item .product__image { width: auto; max-width: 100%; height: auto; } .relatedProducts__item .product__info { padding-right: 15px; padding-left: 15px; } .relatedProducts__item .product__name { min-height: 35px; } @media (max-width: 1700px) { .relatedProducts__item { width: 50%; } .relatedProducts__item:nth-child(2) ~ .relatedProducts__item { display: none; } } @media (max-width: 1280px) { .relatedProducts { padding: 0 20px; } .relatedProducts__owl { padding: 0 10px; } } @media (max-width: 768px) { .relatedProducts { margin-right: -15px; margin-left: -15px; } } @media (max-width: 670px) { .relatedProducts__item { width: 100%; } .relatedProducts__item:nth-child(1) ~ .relatedProducts__item { display: none; } } .orderDesk { max-height: none; } .orderDesk::after { left: -20px; padding-left: 20px; background-origin: content-box; } .orderDesk__items { position: absolute; height: auto !important; max-height: none; } .orderDesk__items.scroll { bottom: -170px; max-height: none; } .orderDeskItem:hover { z-index: 4; } .orderList__summ.summSale { display: none; } .orderForm__link { cursor: pointer; text-decoration: none; color: #ff4d3d; border-bottom: 1px solid; } .orderForm__label .orderForm__link { font-size: 12px; display: inline-block; margin-top: 5px; margin-left: 5px; } .orderForm__link:hover { border-bottom-color: transparent; } /*.infoModal { max-width: 600px; }*/ .infoModal h4 { font-size: 18px; padding-right: 20px; } .infoModal p { margin-top: 20px; } .relative { position: relative; } .orderForm__status { position: absolute; z-index: 10; top: 26px; right: 8px; } .orderForm__status img { display: none; height: 30px; } .orderForm__status.silver .silver { display: block; } .orderForm__status.gold .gold { display: block; } .orderForm__status.platinum .platinum { display: block; } .orderList__row { font-size: 26px; margin-top: 20px; text-align: right; } @media (max-width: 1280px) { .orderList__row { padding: 0 20px; } } @media (max-width: 767px) { .orderList__row { font-size: 19px; padding: 0 10px; } } .red { color: #ff4d3d; } .customForm { width: 100%; padding: 30px; border-radius: 2px; background-color: #f1f1f1; } .customForm__title { font-size: 22px; margin-bottom: 5px; } .customForm__form { font-size: 14px; margin: 30px 0 0; } .customForm__label { display: block; margin-top: 25px; } .customForm__input { font-size: 16px; width: 100%; height: 45px; margin-top: 5px; padding: 10px 15px; transition: .3s; border: 1px solid #ccc; border-radius: 2px; } .customForm__input.error { border-color: red; background-color: rgba(224, 62, 38, .06); box-shadow: 0 0 1px 0 red; } .customForm__order { display: flex; margin-top: 40px; align-items: center; } .customForm__order > * { float: left; } .customForm__submit { font-size: 20px; position: relative; z-index: 1; overflow: hidden; width: 200px; height: 60px; } .customForm__submit.loading { pointer-events: none; } .customForm__submit.loading::before { position: absolute; z-index: -1; top: -100%; right: 0; left: 0; display: block; height: 150%; content: ''; -webkit-animation: loadingBtn 2s infinite ease-in-out; animation: loadingBtn 2s infinite ease-in-out; background: linear-gradient(to top, transparent, #ff8c4b, transparent); } .customForm__submit.success { pointer-events: none; background: linear-gradient(to bottom, #8bcb4c, #a7c310); } .customForm__submit.success .icon-order { font-size: 15px; display: inline-block; margin-left: 10px; } .customForm__confirm { padding: 0 25px; color: #e89a69; } .main__other .orderForm__link { margin: 0; color: #ff4d3d; } @media (max-width: 767px) { .customForm__order { flex-wrap: wrap; } .customForm__submit { margin: auto; } .customForm__confirm { font-size: 12px; padding: 20px 0; text-align: center; } .customForm__confirm br { display: none; } } .stock__img { width: 230px; height: 148px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 20px 20px 0 0; margin-bottom: 11px; } .stock__items { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .stock__item { max-width: 230px; width: 33%; margin-bottom: 22px; margin-left: 15px; margin-right: 15px; text-decoration: none; } .stock__item:hover .stock__detail { color: #d33e38; } .stock__text { font-size: 14px; line-height: 16px; max-height: 32px; overflow: hidden; } .stock__detail { color: #a6a6a6; font-size: 12px; line-height: 14px; text-decoration: none; } .stock__detail:hover { color: #d33e38; } @media (max-width: 1280px) { .stock__items { justify-content: center; } .stock__item { max-width: 290px; width: 100%; } .stock__img { width: 100%; height: 148px; border-radius: 20px 20px 0 0; } main.stock { margin-top: 0; } } .stockDetail__item { display: flex; justify-content: space-between; } .stockDetail__text { width: 360px; } .stockDetail__text-full { width: 100%; } .stockDetail__img { width: 360px; height: 232px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 20px; } .stockDetail__img-right { float: right; } @media (max-width: 1280px) { .stockDetail__text { width: calc(100% - 390px); } } @media (max-width: 767px) { .stockDetail__item { flex-wrap: wrap; justify-content: center; } .stockDetail__text { order: 1; width: 100%; } .stockDetail__img { margin-bottom: 21px; } } .product__info ._newsail_, .product__info ._hotsail_, .product__info ._stock_ { font-size: 12px; } .productModal ._newsail_, .productModal ._hotsail_, .productModal ._stock_ { bottom: 20px; } ._newsail_, ._hotsail_, ._stock_ { position: relative; margin-right: 15px; /*bottom: 15px;*/ margin-top: 10px; } ._newsail_ { color: #76BE00; } ._hotsail_ { color: #F2994A; } ._stock_ { color: #FF0000; } ._old_price_ { font-size: 15px; color: #333333; text-decoration-line: line-through; display: none; } .product__info ._old_price_ { margin-left: 55px; } .new_hot_stock_buttons { width: 100%; display: flex; padding: 20px 80px; } .new_hot_stock_buttons .nhsbtn { padding-top: 10px; border-radius: 100px; width: 82px; height: 40px; border: 1px solid; text-align: center; font-size: 20px; margin-right: 10px; cursor: pointer; } .new_hot_stock_buttons svg { position: absolute; top: 51px; } .new_hot_stock_buttons .all_new_hot_stock { border-color: #333333; background-color: #333333; color: white; } .new_hot_stock_buttons ._new_button_ { border-color: #76BE00; width: 108px; } .new_hot_stock_buttons ._stock_button_ { border-color: #FF0000; } .new_hot_stock_buttons ._hot_button_ { border-color: #F2994A; } .all_new_hot_stock svg { left: 97px; } ._new_button_ svg { left: 190px; } ._stock_button_ svg { left: 307px; } ._hot_button_ svg { left: 399px; } .new_hot_stock_buttons .all_new_hot_stock:hover { background-color: #333333 !important; color: white !important; } .new_hot_stock_buttons ._new_button_:hover { background-color: #76BE00 !important; color: white !important; } .new_hot_stock_buttons ._stock_button_:hover { background-color: #FF0000 !important; color: white !important; } .new_hot_stock_buttons ._hot_button_:hover { background-color: #F2994A !important; color: white !important; } .new_hot_stock_select { width: 290px; display: none; font-size: 20px; line-height: 23px; } .selected_item { width: inherit; height: 40px; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 100px; padding-left: 20px; padding-top: 7px; background-color: white; z-index: 10; position: relative; } .new_hot_stock_select .select-small_arrow { position: relative; top: 28px; left: 260px; z-index: 11; } .new_hot_stock_select .select-small_triengle { position: relative; left: 20px; top: -10px; } .select_container { top: 42px; position: absolute; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 20px; z-index: 9; width: inherit; height: 147px; padding-top: 45px; padding-left: 20px; background-color: white; } .orderForm__label .suggestions-promo a { display: none; } .hide-input { display: none; } @media screen and (max-width: 554px) { .new_hot_stock_buttons .nhsbtn { display: none; } .new_hot_stock_buttons { justify-content: center; } .new_hot_stock_select { display: block; } } .main__basket .order-bottom { display: flex; justify-content: space-between; margin-top: 20px; } .main__basket .order-bottom .text-greyy { width: 46%; font-size: 15px; line-height: 22px; color: #626262; } .main__basket .order-bottom .minimum-zakaz { width: 42.5%; } .main__basket .order-bottom .minimum-zakaz .min-zakaz { display: flex; background: #C02828; padding: 10px 16px; } .main__basket .order-bottom .minimum-zakaz .min-zakaz img { width: auto; height: 100%; margin-right: 13px; } .main__basket .order-bottom .minimum-zakaz .min-zakaz .min-text { display: flex; align-items: center; font-weight: 500; font-size: 18px; line-height: 21px; color: #FFFFFF; } .main__basket .button-bottom { display: flex; justify-content: space-between; margin-top: 35px; } .main__basket .button-bottom .nazad-menu { width: 188px; border: 1px solid #FF473E; border-radius: 3px; } .main__basket .button-bottom .nazad-menu a.button.button-orange { text-decoration: none; display: flex; justify-content: center; align-items: center; height: 48px; color: #FF473E; background: none; border-radius: 3px; } .main__basket .button-bottom .nazad-menu a.button.button-orange:hover { background: #d33e38; color: white; border-color: #d33e38; } .main__basket .button-bottom .oform-zakaz.button__block { width: 188px; } .main__basket .button-bottom .oform-zakaz.button__block a.button.button-orange { text-decoration: none; height: 48px; padding: 0; display: flex; align-items: center; justify-content: center; } .orderForm { background: none; } .orderForm__title { font-size: 30px; margin-bottom: 5px; } .pop-up-back { position: absolute; top: calc(50% - 125px); left: calc(50% - 150px); display: flex; align-items: center; justify-content: center; z-index: 99999; } .pop-up-back .pop-up-min { position: relative; padding: 41px 29px 46px; background: white; border-radius: 3px; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15); text-align: center; width: 300px; } .pop-up-back .pop-up-min .price-min { font-weight: bold; font-size: 32px; line-height: 105.47%; color: #000000; margin-bottom: 7px; } .pop-up-back .pop-up-min .min-price-text { font-weight: normal; font-size: 18px; line-height: 126.97%; color: #000000; margin-bottom: 9px; } .pop-up-back .pop-up-min .min-text-down { font-size: 14px; line-height: 126.97%; color: #AAAAAA; margin-bottom: 20px; } .pop-up-back .pop-up-min .min-price-button { background: linear-gradient(180deg, #FF6C3C 0%, #FF473E 100%); border-radius: 3px; } .pop-up-back .pop-up-min .min-price-button a { text-decoration: none; color: white; height: 37px; display: flex; align-items: center; justify-content: center; } .main__basket .order-bottom .text-greyy { display: none; } .main__basket ._basketList .order-bottom .text-greyy { display: block; } @media (max-width: 1277px) { .main__basket .button-bottom { padding: 0 10px; } .main__basket .order-bottom .minimum-zakaz { width: 410px; } .main__basket .order-bottom { padding: 0 10px; } } @media (max-width: 768px) { .main__basket .button-bottom { padding: 0 10px; } .main__basket .order-bottom .minimum-zakaz .min-zakaz .min-text { font-size: 16px; line-height: 21px; } .main__basket .order-bottom .minimum-zakaz { width: 50%; } .main__basket .order-bottom .text-greyy { width: 100%; } } @media (max-width: 480px) { .main__basket .button-bottom { flex-direction: column-reverse; } .main__basket .button-bottom .oform-zakaz.button__block, .main__basket .button-bottom .nazad-menu { width: calc(320px - 10px); margin: 0 auto 10px; } .main__basket .order-bottom .minimum-zakaz { width: 295px; margin-left: auto; padding: 0; } .main__basket .remind { margin: 27px; } .main__basket .order-bottom .minimum-zakaz .min-zakaz .min-text { font-size: 14px; line-height: 16px; } .main__basket .button-bottom { padding: 0; } .main__basket .order-bottom .text-greyy { display: block; } .main__basket ._basketList .order-bottom .text-greyy { display: none; } .main__basket .order-bottom .text-greyy { width: 100%; } } /*29.07.20*/ .header__losung, .header__callbackButton { display: none; } @media (max-width: 1280px) { .header { height: auto !important; } .header__center { padding-top: 6px; } .header__logo { height: 59px; margin-bottom: 6px; } .header__slider { display: none !important; } .header__sections { padding: 0 30px 25px 15px; margin-top: 0px; position: relative; } .header__losung { display: inline-block; position: absolute; left: 115px; top: 29px; } .header__callbackButton { display: inline-block; position: absolute; right: 82px; top: 32px; } .header__menuBtn { color: #333; padding-top: 28px; } .header__phone { top: 23px; font-size: 20px; } .header { background: linear-gradient(180deg, #FDA3C6 0%, #FFDD9E 70%); } .header__callbackButton .button__block .button-orange { font-size: 13px; padding: 9px 14px; } .header.header_mini .header__phone { top: 26px; right: 55px; left: auto; } .header__callbackButton { right: 150px; top: 32px; } } @media (max-width: 1024px) { .header__losung { top: 23px; max-width: 161px; font-size: 13px; } .slick-slider { margin-top: 120px !important; } } @media (max-width: 767px) { .header__losung { display: none; } .header__callbackButton { display: none; } .header__logo { margin-top: 0; margin-bottom: 13px; height: 40px; padding-left: 35px; } .header__center { padding-top: 17px; } .header__menuBtn { margin-right: 18px; } } @media (max-width: 480px) { .header.header_mini .header__phone { top: 27px; right: 70px; } .header.header_mini .header__back { top: 22px; left: 10px; } } /* Uncomment and set these variables to customize the grid. */ .container-fluid { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .container { box-sizing: border-box; max-width: 100%; margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } @media (max-width: 1200px) { .container { width: 100%; } } @media (min-width: 1200px) { .container { width: 1370px; } } .row { display: flex; display: -webkit-flex; flex-direction: row; margin-right: -15px; margin-left: -15px; flex: 0 1 auto; -o-flex-wrap: wrap; flex-wrap: wrap; } .row.reverse { flex-direction: row-reverse; } .col.reverse { flex-direction: column-reverse; } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { box-sizing: border-box; padding-right: 15px; padding-left: 15px; flex: 0 0 auto; } .col-xs { max-width: 100%; flex-grow: 1; flex-basis: 0; } .col-xs-1 { max-width: 8.333%; flex-basis: 8.333%; } .col-xs-2 { max-width: 16.667%; flex-basis: 16.667%; } .col-xs-3 { max-width: 25%; flex-basis: 25%; } .col-xs-4 { max-width: 33.333%; flex-basis: 33.333%; } .col-xs-5 { max-width: 41.667%; flex-basis: 41.667%; } .col-xs-6 { max-width: 50%; flex-basis: 50%; } .col-xs-7 { max-width: 58.333%; flex-basis: 58.333%; } .col-xs-8 { max-width: 66.667%; flex-basis: 66.667%; } .col-xs-9 { max-width: 75%; flex-basis: 75%; } .col-xs-10 { max-width: 83.333%; flex-basis: 83.333%; } .col-xs-11 { max-width: 91.667%; flex-basis: 91.667%; } .col-xs-12 { max-width: 100%; flex-basis: 100%; } .col-xs-offset-1 { margin-left: 8.333%; } .col-xs-offset-2 { margin-left: 16.667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.333%; } .col-xs-offset-5 { margin-left: 41.667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.333%; } .col-xs-offset-8 { margin-left: 66.667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.333%; } .col-xs-offset-11 { margin-left: 91.667%; } .start-xs { text-align: start; justify-content: flex-start; } .center-xs { text-align: center; justify-content: center; } .end-xs { text-align: end; justify-content: flex-end; } .top-xs { align-items: flex-start; } .middle-xs { align-items: center; } .bottom-xs { align-items: flex-end; } .around-xs { justify-content: space-around; } .between-xs { justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 768px) { .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { box-sizing: border-box; padding-right: 15px; padding-left: 15px; flex: 0 0 auto; } .col-sm { max-width: 100%; flex-grow: 1; flex-basis: 0; } .col-sm-1 { max-width: 8.333%; flex-basis: 8.333%; } .col-sm-2 { max-width: 16.667%; flex-basis: 16.667%; } .col-sm-3 { max-width: 25%; flex-basis: 25%; } .col-sm-4 { max-width: 33.333%; flex-basis: 33.333%; } .col-sm-5 { max-width: 41.667%; flex-basis: 41.667%; } .col-sm-6 { max-width: 50%; flex-basis: 50%; } .col-sm-7 { max-width: 58.333%; flex-basis: 58.333%; } .col-sm-8 { max-width: 66.667%; flex-basis: 66.667%; } .col-sm-9 { max-width: 75%; flex-basis: 75%; } .col-sm-10 { max-width: 83.333%; flex-basis: 83.333%; } .col-sm-11 { max-width: 91.667%; flex-basis: 91.667%; } .col-sm-12 { max-width: 100%; flex-basis: 100%; } .col-sm-offset-1 { margin-left: 8.333%; } .col-sm-offset-2 { margin-left: 16.667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.333%; } .col-sm-offset-5 { margin-left: 41.667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333%; } .col-sm-offset-8 { margin-left: 66.667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.333%; } .col-sm-offset-11 { margin-left: 91.667%; } .start-sm { text-align: start; justify-content: flex-start; } .center-sm { text-align: center; justify-content: center; } .end-sm { text-align: end; justify-content: flex-end; } .top-sm { align-items: flex-start; } .middle-sm { align-items: center; } .bottom-sm { align-items: flex-end; } .around-sm { justify-content: space-around; } .between-sm { justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media only screen and (min-width: 992px) { .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { box-sizing: border-box; padding-right: 15px; padding-left: 15px; flex: 0 0 auto; } .col-md { max-width: 100%; flex-grow: 1; flex-basis: 0; } .col-md-1 { max-width: 8.333%; flex-basis: 8.333%; } .col-md-2 { max-width: 16.667%; flex-basis: 16.667%; } .col-md-3 { max-width: 25%; flex-basis: 25%; } .col-md-4 { max-width: 33.333%; flex-basis: 33.333%; } .col-md-5 { max-width: 41.667%; flex-basis: 41.667%; } .col-md-6 { max-width: 50%; flex-basis: 50%; } .col-md-7 { max-width: 58.333%; flex-basis: 58.333%; } .col-md-8 { max-width: 66.667%; flex-basis: 66.667%; } .col-md-9 { max-width: 75%; flex-basis: 75%; } .col-md-10 { max-width: 83.333%; flex-basis: 83.333%; } .col-md-11 { max-width: 91.667%; flex-basis: 91.667%; } .col-md-12 { max-width: 100%; flex-basis: 100%; } .col-md-offset-1 { margin-left: 8.333%; } .col-md-offset-2 { margin-left: 16.667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.333%; } .col-md-offset-5 { margin-left: 41.667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333%; } .col-md-offset-8 { margin-left: 66.667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.333%; } .col-md-offset-11 { margin-left: 91.667%; } .start-md { text-align: start; justify-content: flex-start; } .center-md { text-align: center; justify-content: center; } .end-md { text-align: end; justify-content: flex-end; } .top-md { align-items: flex-start; } .middle-md { align-items: center; } .bottom-md { align-items: flex-end; } .around-md { justify-content: space-around; } .between-md { justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media only screen and (min-width: 1200px) { .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { box-sizing: border-box; padding-right: 15px; padding-left: 15px; flex: 0 0 auto; } .col-lg { max-width: 100%; flex-grow: 1; flex-basis: 0; } .col-lg-1 { max-width: 8.333%; flex-basis: 8.333%; } .col-lg-2 { max-width: 16.667%; flex-basis: 16.667%; } .col-lg-3 { max-width: 25%; flex-basis: 25%; } .col-lg-4 { max-width: 33.333%; flex-basis: 33.333%; } .col-lg-5 { max-width: 41.667%; flex-basis: 41.667%; } .col-lg-6 { max-width: 50%; flex-basis: 50%; } .col-lg-7 { max-width: 58.333%; flex-basis: 58.333%; } .col-lg-8 { max-width: 66.667%; flex-basis: 66.667%; } .col-lg-9 { max-width: 75%; flex-basis: 75%; } .col-lg-10 { max-width: 83.333%; flex-basis: 83.333%; } .col-lg-11 { max-width: 91.667%; flex-basis: 91.667%; } .col-lg-12 { max-width: 100%; flex-basis: 100%; } .col-lg-offset-1 { margin-left: 8.333%; } .col-lg-offset-2 { margin-left: 16.667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.333%; } .col-lg-offset-5 { margin-left: 41.667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333%; } .col-lg-offset-8 { margin-left: 66.667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.333%; } .col-lg-offset-11 { margin-left: 91.667%; } .start-lg { text-align: start; justify-content: flex-start; } .center-lg { text-align: center; justify-content: center; } .end-lg { text-align: end; justify-content: flex-end; } .top-lg { align-items: flex-start; } .middle-lg { align-items: center; } .bottom-lg { align-items: flex-end; } .around-lg { justify-content: space-around; } .between-lg { justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-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; } th.visible-xs, td.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; } th.visible-sm, td.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; } th.visible-md, td.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; } th.visible-lg, td.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; } th.visible-print, td.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; } } /*------- Фиксированное меню -----------*/ @media (min-width: 1281px) { .main__center, .main__left, .main__right, .menu { width: 100%; } .main__left .menu { right: unset !important; } .menu__image { right: 0; } .products__item { width: 50%; } .index .products__item { width: 25%; } .sectionPreview__img { transition: all .55s ease-in-out; } .sectionPreview__name { position: relative; z-index: 3; } .sections__col:hover .sectionPreview__img { transform: scale(1.07); } .sections__col { width: calc(100% / 5 * 1); } .new_hot_stock_buttons { padding-left: 50px; padding-right: 50px; } } @media (max-width: 1280px) { .col-md-7 { max-width: 100%; flex-basis: 100%; } } .container { float: unset; } .main_product { position: relative; z-index: 3; } /*------- /Фиксированное меню -----------*/ @media all and (max-width: 475px) { .basketMobileBtn { background-image: url('/local/templates/yapona/svg/busk.svg') !important; background-repeat: no-repeat !important; height: 80px; } .basket__products { display: none; } .basketMobileBtn__sum { display: none; } /* .basketMobileBtn { padding: 0 20px 0 15px; } */ .basketMobile__bottomLine { background-color: #fff0; } .basketMobile__bottomLine.safariFix .basketMobile__orderBtn .basketMobileBtn { height: 80px; } .basketMobileBtn.btn:hover::before { opacity: 0 !important; } .basketMobileBtn.btn::before { content: attr(data-countb); } .basketMobile__bottomLine { height: 80px; box-shadow: none; } .basketMobile__message { display: none !important; } .basketMobileBtn__message { display: none !important; } .basketMobileBtn.btn:hover::before { opacity: 0 !important; } .icon-basket::before { content: none; } .basketMobileBtn { position: relative; } .basketMobileBtn > i:nth-child(1) { position: absolute; left: 42px; top: 17px; bottom: 22px; background: #FF0000; border-radius: 50%; width: 20px; height: 20px; padding-top: 0px; margin-top: 0px; } .basketMobileBtn > i:nth-child(1) > span:nth-child(1) { position: relative; top: -22px; left: 1px; } #notes { position: fixed; bottom: 3%; top: 89%; width: 100%; cursor: default; transition: height .45s ease-in-out; -webkit-transition: height .45s ease-in-out; pointer-events: none; z-index: 999; } #notes .note-item { max-height: 12em; opacity: 1; will-change: opacity, transform; transition: all .2s linear; -webkit-transition: all .2s linear; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; width: 50vw; -webkit-touch-callout: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; z-index: 2; pointer-events: auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -ms-flexbox; display: flex; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; max-width: 20em; font: inherit; line-height: 1.25em; color: #fff; margin: 0 auto 1em auto; transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); padding: .75em 1em; } #notes .note-item[data-show="false"] { pointer-events: none; opacity: 0 !important; max-height: 0 !important; margin-bottom: 0 !important; } .note-item:last-child { margin-bottom: 0px !important; } #notes .note-item[data-type="info"] { width: 260px; background: rgba(0, 0, 0, 0.9); border-radius: 5px; margin-left: 1em; position: relative; } #notes .note-item .note-item-text { flex: auto; -webkit-flex: auto; -moz-flex: auto; -ms-flex: auto; padding-right: .5em; max-width: calc(100% - 1.25em); max-width: -webkit-calc(100% - 1.25em); } #notes .note-item .note-item-btn { width: 1.25em; height: 1.25em; cursor: pointer; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain; transition: opacity .2s; -webkit-transition: opacity .2s; } #notes .note-item .note-item-btn:hover { opacity: .6; } } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); -webkit-transform: translate3d(-1px, 0, 0); -ms-transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0 0); -webkit-transform: translate3d(2px, 0, 0); -ms-transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); -webkit-transform: translate3d(-4px, 0, 0); -ms-transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); -webkit-transform: translate3d(4px, 0, 0); -ms-transform: translate3d(4px, 0, 0); } } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); } } /* EOS */ .title .group_url { text-decoration: none; } .new_header { width: 100%; } .new_header .header__menu .b-header__phone a:before { content: ""; background: url("/local/templates/yapona/img/phone-call.svg"); width: 16px; height: 16px; margin-right: 12px; } .new_header .header { background: linear-gradient(180deg, #FFD6AB 0.01%, #FFFFFF 100%); height: 169px; overflow: unset; } .new_header .new_head_right { display: flex; align-items: center; width: 23%; } .new_header .new_head_right .logo-head { margin-right: 25px; } .new_header .new_head_right .head-text { font-size: 14px; line-height: 140%; color: #333333; opacity: 0.4; } .new_header .new_header-top { display: flex; margin-bottom: 18px; position: relative; } .new_header .new_head_left { width: 74%; margin-left: 43px; } .new_header .b-header__phone { margin-left: 60px; } .new_header .b-header__btns { margin-left: 29px; margin-top: 0; } .new_header .b-header__links { display: flex; width: 66%; align-items: center; justify-content: space-between; } .new_header .header__logo { margin-bottom: 0px; } .new_header .header__menu, .new_footer-center .header__menu { font-size: 16px; line-height: 120%; height: 100%; display: flex; color: #069; justify-content: space-between; margin-top: 0; padding-top: 0; border-top: 0; align-items: center; } .new_header .header__menu a, .new_footer-center .header__menu a { transition: all .3s ease-in-out; text-decoration: none; color: #A69686;; border-bottom: 1px solid transparent; } .new_footer-center .header__menu .b-header__phone { display: none; } .new_header .header__menu .b-header__phone a { font-size: 18px; line-height: 120%; color: #000000; display: flex; align-items: center; } .new_header .b-header__btns a { font-size: 18px; line-height: 120%; color: #FF473E; } .more .new_dropdown .new_dropdown { position: relative; right: auto; } .more .new_dropdown .new_dropdown { position: unset; max-width: 160px; word-break: break-all; } .new_header .header__menu a:hover, .new_footer-center .header__menu a:hover, .new_header .header__menu .b-header__phone a:hover { color: #FF0000; } .new_footer-center .b-header__btns { display: none; } .new_header .new_header-top:before { content: ""; background-image: url('/local/templates/yapona/img/img-head-left.png'); width: 103px; display: inline-table; position: absolute; height: 157px; top: 0; left: -11%; background-size: contain; } .new_header .new_header-top:after { content: ""; background-image: url('/local/templates/yapona/img/img-head-right.png'); width: 194px; display: inline-table; position: absolute; height: 120px; top: 23px; right: -17%; background-repeat: no-repeat; background-size: contain; } @media (min-width: 1281px) { .header { background: linear-gradient(180deg, #FFD6AB 0.01%, #FFFFFF 100%); height: 169px; overflow: unset; } .old_basket { display: none; } .old_menu { display: none; } .header__center { display: none; } .new_header { display: block; /*position: fixed;*/ background: linear-gradient(180deg, #FFD6AB 0.01%, #FFFFFF 100%); height: 140px; } .footer { display: none; } .products__item { width: 25%; } } @media (max-width: 1280px) { .new_header { display: none; } .new_footer { display: none; } } @media (max-width: 1353px) { .new_header .b-header__links { width: 63%; } .index .products__item { width: 33%; } } .new_footer { background: linear-gradient(0deg, #FFD6AB 0.01%, #FFFFFF 100%); margin-top: 123px; } .new_footer .new_footer-top { display: flex; justify-content: space-between; width: 100%; } .new_footer .new_footer-right { max-width: 209px; } .new_footer .foot-text { font-size: 17.7952px; line-height: 140%; color: #333333; opacity: 0.4; } .new_footer .new_footer-center { max-width: 734px; } .new_footer .header__menu { height: auto; margin-bottom: 23px; } .new_footer .b-header__links { width: 100%; } .new_footer-img img { width: 100%; } .new_footer-left { max-width: 276px; } .new_footer .b-header__btns { font-size: 18px; line-height: 120%; color: #FF473E; margin-bottom: 22px; } .new_footer a { text-decoration: none; } .new_footer a:hover { color: #FF0000; } .new_footer-phone { margin-bottom: 22px; } .footer_phone { margin-bottom: 12px; font-size: 18px; line-height: 120%; color: #000000; } .footer_mail { font-size: 18px; line-height: 120%; color: #000000; } .new_footer-pay { display: flex; align-items: center; justify-content: space-between; } .new_footer-pay img { margin: 0 7.5px; } .new_footer-pay img:last-child { margin-right: 0; } .new_footer-pay img:first-child { margin-left: 0; } .new_footer-social { display: flex; align-items: center; margin-top: 20px; } a .vk-social { width: 32px; height: 19px; margin-right: 19px; } a .inst-social { width: 25px; height: 25px; } .new_footer-bottom { font-size: 12px; line-height: 120%; color: #DABA98; margin-top: 20px; margin-bottom: 30px; } .new_card .productCard__price { color: #000000; } .new_card .productCard__price span { font-size: 30px; line-height: 130%; } .new_card .productCard__price small { font-size: 20px; line-height: 23px; color: #747474; } .new_card .product__counter .counter__inc { font-size: 16px; line-height: 18px; color: #FF723B; background: white; border: 1px solid #FF723B; border-radius: 66px; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 14px 20px 16px; width: auto; height: auto; } .new_card .product__counter .counter__inc:hover { background: linear-gradient(180deg, #FF723B 0%, #FF473E 100%); color: #FFFFFF; } .new_card .product__counter .counter__inc:before, .new_card .product__counter .counter__inc:after { content: unset; } .new_card .productCard__offer { display: flex; align-items: center; justify-content: space-between; } .productCard .new_card .product__counter > * { width: auto; } .new_card .product_plus_basket_fly, .new_card .product_minus_basket_fly { background: unset; display: flex; align-items: center; justify-content: center; width: 12px; height: 12px; position: relative; } .new_card .product_plus_basket_fly:after, .new_card .product_minus_basket_fly:after { content: ""; background: black; width: 12px; height: 2px; display: block; position: absolute; } .new_card .product_plus_basket_fly:before { content: ""; background: black; width: 2px; height: 12px; display: block; margin: 0 auto; position: absolute; } .new_card .product__counter .product_count_basket_fly.new_count_detail { width: auto; padding: 14px 21px; background: none; border: 1px solid #333333; box-sizing: border-box; border-radius: 85px; height: 50px; } .new_card .product_cnt_basket_fly { font-size: 18px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } .new_card .product__counter.basket_click .product_count_basket_fly.new_count_detail { display: none; } .new_card.productCard__info { width: 286px; } .new_card .product__counter .counter__inc { display: none; } .new_card .product__counter.basket_click .counter__inc { display: flex; } .productModal__order.new_card .product__order { justify-content: normal; } .productModal__order.new_card .product__mod { margin: 0 20px; width: 80px; } .new_card .product__price { width: 71px; } @media (max-width: 1370px) { .new_card.productCard__info { width: 100%; } .productCard__offers { display: flex; flex-direction: row; flex-wrap: wrap; } .new_card .productCard__offer { width: auto; margin-right: 50px; } } @media (max-width: 600px) { .new_card .productCard__offer { margin-right: 0; } .productCard .product__counter { margin-left: 13px; } .products .products__item.is-modal .product__info { justify-content: center; max-width: 123px; margin: 7px auto 0; } .products .products__item.is-modal .product__info .product__counter { margin-top: 7px; position: relative; } .product__mod { max-width: unset; } } @media (max-width: 450px) { .relatedProducts__item .product__info.new_card.slider .product { flex-direction: column; align-items: center; } .relatedProducts__item .product__info.new_card .product__price, .relatedProducts__item .product__info .product__mod { margin-bottom: 5px; } .relatedProducts__item .product__info.new_card .product__counter { align-self: unset; } .productModal__order.new_card .product__mod { margin: 0 0; } .productModal__order.new_card .product__counter .counter__inc { font-size: 15px; padding: 9px 15px 10px; } .productModal__order.new_card .product__counter .product_count_basket_fly.new_count_detail { height: 44px; padding: 6px 13px; } } /* End */ /* Start:/local/inc/assets_fly_basket/style.css?16321663335009*/ .new_basket_fon{ position: fixed; width: 100%; height: 100%; top: 0; background: rgba(0, 0, 0, 0.3); z-index: 100; display: none; } .new_basket_fly{ height: 100%; float: right; background: #FFFFFF; padding-top: 33px; position: relative; min-width: 483px; } .bottom_basket_fly{ bottom: 0; position: absolute; font-weight: bold; font-size: 27px; line-height: 120%; color: #FFFFFF; width: 100%; } .bottom_basket_fly.notallow{ padding: 34px 0; } .bottom_basket_fly a{ padding: 34px 0; display: block; } .head_basket_fly, .body_basket_fly{ padding:0 30px; } .head_basket_fly{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; } .name_basket_fly{ font-size: 36px; line-height: 120%; color: #000000; } .clear_basket_fly{ font-size: 18px; line-height: 120%; text-align: right; color: #E4E4E4; cursor: pointer; } .list_basket_fly{ margin-bottom: 27px; height: auto; max-height: calc(100vh - 425px); overflow-y: auto; } .itog_basket_fly{ display: flex; justify-content: space-between; align-items: center; } .itog_text_basket_fly{ font-size: 16px; line-height: 120%; color: #4B4B4B; } .itog_summ_basket_fly{ font-weight: bold; font-size: 27px; line-height: 120%; color: #010101; } .list_basket_fly{ margin-bottom: 27px; height: auto; } .product_basket_fly{ display: flex; align-items: center; border-bottom: 1px solid #F3F3F7; padding-bottom: 20px; margin-bottom: 17px; } .pic_basket_fly{ width: 84px; margin-right: 13px; text-align: center; } .pic_basket_fly img{ max-width: 100%; } .product_name_osn_basket_fly{ font-size: 16px; line-height: 120%; } .product_name_opis_basket_fly{ font-size: 14px; line-height: 120%; color: #979797; margin-top: 5px; } .product_bottom_basket_fly{ display: flex; justify-content: space-between; margin-top: 14px; } .product_price_basket_fly{ font-size: 20px; line-height: 120%; color: #979797; } .itog_basket_fly{ display: flex; justify-content: space-between; align-items: center; } .itog_text_basket_fly{ font-size: 16px; line-height: 120%; color: #4B4B4B; } .itog_summ_basket_fly{ font-weight: bold; font-size: 27px; line-height: 120%; color: #010101; } .product_count_basket_fly{ background: #F3F3F7; border-radius: 5px; display: flex; padding: 6px 11px; align-items: center; } .product_cnt_basket_fly{ font-size: 16px; line-height: 120%; color: #010101; margin: 0 18px; } .product_plus_basket_fly{ background: url("/local/inc/assets_fly_basket/plus.svg"); width: 10px; height: 10px; background-size: contain; cursor: pointer; } .product_minus_basket_fly{ background: url("/local/inc/assets_fly_basket/minus.svg"); width: 10px; height: 10px; background-size: contain; cursor: pointer; } .product_del_basket_fly{ background: url("/local/inc/assets_fly_basket/delete.svg"); cursor: pointer; width: 16px; height: 16px; background-size: contain; margin-left: 21px; } .product_head_basket_fly{ display: flex; justify-content: space-between; } .product_name_basket_fly{ width: 290px; } .close_basket_fly{ background: url("/local/inc/assets_fly_basket/close.svg"); position: absolute; top: 12px; width: 30px; height: 30px; left: -46px; cursor: pointer; } .bottom_basket_fly.btn.notallow{ background: #BDBDBD; } .bottom_basket_fly.btn .allow_text{ display: none; font-size: 16px; line-height: 120%; color: #333333; } .bottom_basket_fly.btn.notallow .allow_text{ display: block; } .body_basket_clear{ width: 100%; line-height: 100%; text-align: center; position: absolute; top: 45%; color: #E4E4E4; font-size: 30px; } /* End */ /* Start:/local/templates/yapona/components/bitrix/news.list/dop_zakaz3/style.css?16793984771071*/ .dop_zakaz .additional-sale__item{ border: 1px solid #F3F3F7; box-sizing: border-box; border-radius: 20px; background: #FFFFFF; padding: 17px 24px; } .dop_zakaz .additional-sale__img-wrapper{ height: 62px; width: 62px; min-width: auto; margin-right: 15px; } .dop_zakaz .cross-sale__name{ font-size: 14px; line-height: 120%; color: #4B4B4B; height: auto; margin-bottom: 11px; } .dop_zakaz .additional-sale{ padding: 0; max-width: 483px; } .dop_zakaz{ padding: 0 0 0 30px; } .dop_zakaz .cross-sale__button_bordered { color: #ff473e; border: 0; padding: 7px 20px; background: rgba(255, 0, 0, 0.1); border-radius: 5px; } .dop_zakaz .cross-sale__button-wrapper { display: flex; height: auto; } .dop_zakaz .cross-sale__button_bordered:hover{ padding: 7px 20px; } .dop_zakaz .dop_name{ font-size: 16px; line-height: 120%; color: #4B4B4B; margin-bottom: 14px; } .dop_zakaz{ position: absolute; bottom: 110px; } /* End */ /* Start:/local/templates/yapona/template_styles.css?17068124719417*/ @media(max-width: 1280px){ .main__slider .discount-slider-wrap .slick-initialized .slick-slide{ background-size: contain !important; height: 397px; } } @media(max-width: 1024px){ .main__slider .discount-slider-wrap .slick-initialized .slick-slide{ background-size: contain!important; height: 246px; } } @media(max-width: 768px){ .main__slider .discount-slider-wrap .slick-initialized .slick-slide{ background-size: contain!important; height: 250px; } .col-sm-12.col-md-12{ width: 100%; } } @media(max-width: 500px){ .main__slider .discount-slider-wrap .slick-initialized .slick-slide{ background-size: contain!important; height: 170px; } .main__slider .discount-slider-wrap .slick-initialized .slick-list{ height: 250px; } } .product__mod { padding: 0 15px; } .productModal__image{ display: flex; align-items: center; justify-content: center; } .product__order .product__mod{ width: 100% !important; } .productModal__composition{ margin-bottom: 7px; } .productModal__order.new_card .product__order{ justify-content: space-between; } .productModal__name-wrap{ display: flex; align-items: center; flex-direction: row; margin-bottom: 20px; } .productModal__name-wrap span{ margin: 0; bottom: 0 !important; margin-left: 15px; font-size: 18px; width: 100%; max-width: 100px; } .productModal__name{ margin-bottom: 0; } .new_card .product__price{ width: 80px; } .product__info.new_card .product__name{ min-height: 20px; margin-bottom: 8px; } .product__info.new_card .product__mod{ max-width: 60px; padding: 0; } .products__item.is-modal{ display: flex !important; flex-direction: column !important; /*justify-content: flex-start !important;*/ justify-content: space-between !important; } .products__item.is-modal .product__order.current{ margin-top: 5px; } .products__item.is-modal .product{ justify-content: flex-start; } .hideen__stock{ height: 14px; } .product__info.new_card .product__name{ min-height: 48px; } .new_card .product__counter .counter__inc.um_more{ display: block; } .new_card .product__order.um_current .product__price{ height: 100%; margin-top: 18px; } .new_card .product__order.um_current .product__counter{ height: 100%; min-height: 50px; } .new_card .product__order.um_current .product__counter a{ width: 100%; max-width: 130px; text-decoration: unset; } @media screen and (max-width: 480px) { .products .products__item.is-modal .product__info .product__name{ min-height: 28px; } ._newsail_, ._hotsail_, ._stock_{ margin-top: 0; } .products .products__item.is-modal .product__info .product__mod, .products .products__item.is-modal .product__info .product__price{ min-height: 20px; } .new_card .product__order.um_current .product__price{ margin-top: 0; height: unset; } .product__order .product__mod{ width: 100px !important; } .productModal__image{ width: 100%; margin-left: 0; } } .product__calories{ font-style: normal; font-weight: 400; font-size: 16px; line-height: 140%; /* or 22px */ font-feature-settings: 'tnum' on, 'lnum' on; color: #777777; margin-bottom: 5px; height: 23px; } .orderForm__label_person__twoz{ display: none; } .owl-stage .owl-item:last-child{ display: none; } .order-page{ max-width: 1030px; margin: 0 auto; color:#010101; } .order-page .tabs-block{ margin-top: 30px; display: flex; width: 294px; background: #FAFAFA; border-radius: 3px; border: 1px solid #E6E6E6; } .order-page .tabs-item{ display: flex; width: 144px; height: 45px; justify-content: center; align-items: center; background: white; margin: 3px; cursor: pointer; } .order-page .tabs-item.active{ background: white; } .order-page .tabs-item.active span{ color:#FF473E; background: linear-gradient(180deg, #FF723B 0%, #FF473E 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .order-page .tabs-item{ background: transparent; } .order-page .tabs-item span{ -webkit-text-fill-color: unset; color: #010101; } .order-page .tabs-inner-item{ display: none; } .order-page .tabs-inner-item.active{ display: block; } .order-page .mt20{ margin-top: 20px; } .order-page .orderForm__label .zag{ margin-bottom: 23px; } .order-page .orderForm__input_textarea{ height: 45px; overflow-y: auto; } .order-page .orderForm__label_persons .counter{ margin-top: 7px; } .order-page .counter__inc, .order-page .counter__dec{ width: 45px; height: 45px; background: #FAFAFA; border: 1px solid #E6E6E6; } .order-page .counter__numBlock{ margin-left: 5px; margin-right: 5px; width: 54px; height: 45px; background: #FAFAFA; border: 1px solid #E6E6E6; display: flex; align-items: center; justify-content: center; } .order-page .counter__inc:before, .order-page .counter__inc:after, .order-page .counter__dec:before, .order-page .counter__dec:after{ background: #E6E6E6; } .order-page .counter__inc:hover:before,.order-page .counter__inc:hover:after, .order-page .counter__dec:hover:before{ background: linear-gradient(180deg, #FF723B 0%, #FF473E 100%); } .order-page .orderForm{ padding: 0; } .order-page .orderForm__payment{ display: flex; align-items: center; margin-top: 35px; } .order-page .orderForm__payment .zag{ margin-bottom: 0; margin-right: 20px; } .orderForm__radio-block{ display: flex; gap: 15px; } .order-page .orderForm__radio{ border: 1px solid #E6E6E6; border-radius: 3px; width: 224px; height: 45px; display: flex; align-items: center; } .order-page .orderForm__radio{ margin-left: 0; padding: 0; } .order-page .orderForm__radio span::before{ width: 18px; height: 18px; border-radius: 50%; left:13px; border: 1px solid #E6E6E6; } .order-page .orderForm__radio input:checked + span::after{ left:14px; width: 18px; height: 18px; background: linear-gradient(180deg, #FF723B 0%, #FF473E 100%); } .order-page .orderForm__radio input:checked + span::after{ border:none; } .order-page .orderForm__radio input:checked + span::before{ border:none; } .order-page .orderForm__radio span{ display: flex; width: 100%; height: 100%; padding: 14px; padding-left: 40px; } .order-page .orderForm__radio input:checked + span{ background: #FAFAFA; } .order-page .orderForm__place{ display: flex; align-items: center; } .order-page .orderForm__place .orderForm__radio{ width: 224px; height: 66px; } .order-page .orderForm__place .orderForm__radio span{ display: flex; flex-direction: column; padding: 12px; padding-left: 40px; } .order-page .orderForm__place .orderForm__radio span p{ margin-bottom: 0; font-size: 13px; line-height: 15px; color: #757575; padding-top: 6px; } .order-page .orderForm__place .orderForm__radio span::before{ top:-25px; } .order-page .orderForm__place .orderForm__radio span::after{ top:-25px; } .order-page .row{ margin-right: -7.5px; margin-left: -7.5px; } .order-page .col-xs-12, .order-page .col-sm-12, .order-page .col-md-12,.order-page .col-lg-4,.order-page .col-lg-3{ padding-left: 7.5px; padding-right: 7.5px; } .order-page .tab-pickup .orderForm__input_textarea{ max-width: 462px; } .order-page .form-block{ display: flex; gap: 15px; } .order-page .form-block-delivery{ flex-wrap: wrap; } .order-page .form-block label.textarea{ width: 100%; } .order-page .form-block input{ width: 224px; } .order-page .form-block textarea{ max-width: 462px; padding: 12px 15px; } .order-page .mt45{ margin-top: 45px; } .order-page .form-block-delivery input{ width: 303px; } .order-page .form-block-delivery textarea{ max-width: 622px; } .order-page .error-text{ color:#FF0000; } @media screen and (max-width: 991px) { .order-page .form-block{ flex-wrap: wrap; } .order-page .form-block label{ flex-basis: calc(50% - 15px); } .order-page .form-block label.textarea{ flex-basis: 100%; margin-right: 15px; } .order-page .form-block input{ width: 100%; } .order-page .form-block{ margin-right: -15px; } .order-page .form-block textarea{ max-width: unset; } .order-page .orderForm__payment{ flex-wrap: wrap; } .order-page .orderForm__payment .zag{ flex-basis: 100%; margin-bottom: 20px; margin-right: 0; } .order-page .orderForm__radio-block{ margin-right: -15px; width: 100%; } .order-page .orderForm__radio{ flex-basis: 33%; } .order-page .tab-pickup .orderForm__input_textarea{ max-width: unset; } .order-page .orderForm__place .orderForm__radio-block{ flex-wrap: wrap; } .order-page .orderForm__place .orderForm__radio{ flex-basis: calc(50% - 15px); } .order-page .orderForm__place{ margin-right: -15px; } } @media (max-width: 767px){ .order-page .orderForm__label_persons.orderForm{ display: flex; flex-direction: column; align-items: flex-start; } .order-page .orderForm .counter{ float: unset; } .orderForm__radio:first-of-type{ margin-top: 0; } .order-page .orderForm__confirm{ margin: 0 auto; text-align: center; } .order-page .orderForm__title{ padding: 0; } } @media (max-width: 576px){ .orderForm__label_persons > *:first-child{ float: unset; width: 100%; } .order-page .form-block label { flex-basis: calc(100% - 15px); } .order-page .orderForm__radio{ flex-basis: 100%; } .orderForm__radio-block{ gap: 10px; } .order-page .orderForm__radio-block{ flex-wrap: wrap; margin-right: -10px; } .order-page .orderForm__confirm{ text-align: left; } .order-page .orderForm__place .orderForm__radio{ flex-basis: 100%; } } /* End */ /* /local/templates/yapona/css/libs.min.css?151445521842736 */ /* /local/templates/yapona/css/main.css?1686822378161640 */ /* /local/inc/assets_fly_basket/style.css?16321663335009 */ /* /local/templates/yapona/components/bitrix/news.list/dop_zakaz3/style.css?16793984771071 */ /* /local/templates/yapona/template_styles.css?17068124719417 */