@charset "UTF-8";
.bsearch_results_page{max-width:90%;margin:20px;padding:20px}.bsearch_thumb_wrapper img{max-width:100%}.bsearch-form-container{text-align:center;margin:10px auto;clear:both}.bsearchform{display:flex;flex-wrap:wrap;flex-direction:row;flex-flow:row wrap;justify-content:space-between;gap:10px}.bsearchform .bsearch-form-search-field{flex:auto}.bsearchform input[type=search],.bsearchform select{background-color:#fff;border:thin solid #999;display:inline-block;font:inherit;line-height:1.5em;padding:.5em 3.5em .5em 1em;width:100%;height:100%}.bsearchform select{background-image:linear-gradient(45deg,transparent 50%,gray 50%),linear-gradient(135deg,gray 50%,transparent 50%),linear-gradient(to right,#ccc,#ccc);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none}.bsearch_footer{text-align:center}.bsearch_highlight{background:#ffc;color:#000}.bsearch-post{margin:30px auto}ul.bsearch_post_meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}ul.bsearch_post_meta li{flex:auto;list-style-type:none;padding:2px;margin:0;text-align:left}.bsearch-entry-title{text-align:left}@media all and (max-width:600px){.bsearchform,ul.bsearch_post_meta{flex-direction:column}}
 dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}address,dl,ol,p,pre,ul{margin-bottom:1rem}img,svg:not(:root){vertical-align:middle}body,caption{text-align:left}button,hr,input{overflow:visible}pre,textarea{overflow:auto}article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section{display:block}dd,h1,h2,h3,h4,h5,h6,label,legend{margin-bottom:.5rem}address,legend{line-height:inherit}progress,sub,sup{vertical-align:baseline}label,output{display:inline-block}*,::after,::before{box-sizing:border-box;box-sizing:inherit}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;box-sizing:border-box;-ms-overflow-style:scrollbar}@-ms-viewport{width:device-width}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0}address{font-style:normal}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{-ms-overflow-style:scrollbar}img{border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;caption-side:bottom}th{text-align:inherit}button{border-radius:0}button:focus{outline:dotted 1px;outline:-webkit-focus-ring-color auto 5px}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{width:100%;max-width:100%;padding:0;font-size:1.5rem;color:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.container,.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1230px}} .arcticmodal-error{padding:20px;border-radius:10px;background:#000;color:#fff}.arcticmodal-loading{width:80px;height:80px;border-radius:10px;background:url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/loading.gif) 50% 50% no-repeat #000}.arcticmodal-container,.arcticmodal-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000}.arcticmodal-container{overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse}:first-child+html .arcticmodal-container{height:100%}.arcticmodal-container_i{margin:0 auto;height:100%}.arcticmodal-container_i2{padding:0;margin:0;border:0;vertical-align:middle} .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:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,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,.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{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:-webkit-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s}.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;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(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav,.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-carousel .owl-item img{width:auto;display: inline-block;} .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,.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{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}.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,.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}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.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_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,.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.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}.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,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;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{left:20px}.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}.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:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{bottom:0;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-thin.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,.15)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.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-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.75)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.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-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.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: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,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.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-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.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,.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:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp,.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown,.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft,.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight,.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:rgba(255,255,255,.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:rgba(255,255,255,.75);border-radius:1px}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.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:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,.1);border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.75);border-radius:1px}.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:rgba(255,255,255,.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:rgba(255,255,255,.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_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:rgba(0,0,0,.1);border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.75);border-radius:2px}.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:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .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_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 .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-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,.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_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp,.mCS-3d.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown,.mCS-3d.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft,.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight,.mCS-3d.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{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,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp,.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-3d-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown,.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-3d-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft,.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-3d-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight,.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-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 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{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-3d-thick.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{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.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:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: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: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: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_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-dark-3.mCSB_scrollTools .mCSB_draggerRail,.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:rgba(0,0,0,.1)}.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: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-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border:1px solid rgba(255,255,255,.2);box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(255,255,255,.75)} .slick-list,.slick-slider,.slick-track{display:block;position:relative}.slick-dots li,.slick-list,.slick-slider,.slick-track{position:relative}.slick-dots li,.slick-dots li button,.slick-next,.slick-prev{cursor:pointer;width:20px;height:20px}.slick-dots li button,.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(https://xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/fonts/slick.eot);src:url(https://xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/fonts/slick.eot?#iefix) format("embedded-opentype"),url(https://xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/fonts/slick.woff) format("woff"),url(https://xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/fonts/slick.ttf) format("truetype"),url(https://xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/fonts/slick.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);border:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before,.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before,[dir=rtl] .slick-next:before{content:'←'}.slick-next:before,[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{display:inline-block;margin:0 5px;padding:0}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;border:0}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000} .leaflet-tile,.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden;-webkit-tap-highlight-color:transparent;background:#ddd;outline:0;font:12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-overlay-pane svg,.leaflet-tooltip{-moz-user-select:none}.leaflet-tile::-moz-selection{background:0 0}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-control-layers label,.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,0.4);color:#0078a8}.leaflet-tile{-webkit-filter:inherit;filter:inherit}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane,.leaflet-pane{z-index:400}.leaflet-map-pane svg,.leaflet-tile-pane{z-index:200}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto;float:left;clear:both}.leaflet-bottom,.leaflet-top{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-right .leaflet-control{float:right;margin-right:10px}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;transition:transform .25s cubic-bezier(0, 0, .25, 1);transition:transform .25s cubic-bezier(0, 0, .25, 1),-webkit-transform .25s cubic-bezier(0, 0, .25, 1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container a.leaflet-active{outline:orange solid 2px}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/css/images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:rgba(255,255,255,.7);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;box-sizing:border-box;background:rgba(255,255,255,.5)}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:700 16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;background:0 0}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{position:absolute;pointer-events:none;border:6px solid transparent;background:0 0;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff} #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:'';display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s,-webkit-transform .4s;transition:left .4s,transform .4s,-webkit-transform .4s;-o-transition:left .4s,transform .4s}#baguetteBox-slider.bounce-from-right{-webkit-animation:.4s ease-out bounceFromRight;animation:.4s ease-out bounceFromRight}#baguetteBox-slider.bounce-from-left{-webkit-animation:.4s ease-out bounceFromLeft;animation:.4s ease-out bounceFromLeft}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;border-radius:15%;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s;-o-transition:background-color .4s;transition:background-color .4s}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:2s ease-in-out infinite bounce;animation:2s ease-in-out infinite bounce}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}@font-face {
font-family: 'Oswald';
font-display: swap;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Oswald-Light.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Oswald-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
font-display: swap;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Oswald-Regular.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Oswald-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
font-display: swap;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Oswald-Medium.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Oswald-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
font-display: swap;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Oswald-SemiBold.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Oswald-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Gotham Pro';
font-display: swap;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/GothamPro-Medium.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/GothamPro-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Gotham Pro';
font-display: swap;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/GothamPro-Bold.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/GothamPro-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Gotham Pro';
font-display: swap;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/GothamPro.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/GothamPro.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoLight';
font-display: swap;
font-style: normal;
font-weight: normal;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Roboto-Light.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Roboto-Light.woff) format('woff');
}
@font-face {
font-family: 'RobotoRegular';
font-display: swap;
font-style: normal;
font-weight: normal;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Roboto-Regular.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
font-family: 'RobotoMedium';
font-display: swap;
font-style: normal;
font-weight: normal;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Roboto-Medium.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Roboto-Medium.woff) format('woff');
}
@font-face {
font-family: 'RobotoBold';
font-display: swap;
font-style: normal;
font-weight: normal;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Roboto-Bold.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/Roboto-Bold.woff) format('woff');
}
@font-face {
font-family: 'icomoon';
font-display: swap;
src:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/icomoon.woff2) format('woff2'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/icomoon.woff) format('woff'),
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/fonts/icomoon.svg#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
._hidden {
display: none !important;
}
[class^='icon-'],
[class*=' icon-'] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arr-bot-white:before {
content: '\e900';
color: #fff;
}
.icon-b1-sosiska:before {
content: '\e901';
color: #fff;
}
.icon-close-popup-gray:before {
content: '\e902';
color: #d5d5d5;
}
.icon-coal-icon:before {
content: '\e903';
}
.icon-download-icon:before {
content: '\e904';
color: #9b0c00;
}
.icon-fb-icon .path1:before {
content: '\e905';
color: #717171;
}
.icon-fb-icon .path2:before {
content: '\e906';
margin-left: -0.9619140625em;
color: white;
}
.icon-firewood-icon:before {
content: '\e907';
}
.icon-info-icon:before {
content: '\e909';
color: #ff6b00;
}
.icon-left-arr-white:before {
content: '\e90a';
color: #fff;
}
.icon-next-slider-icon:before {
content: '\e90b';
}
.icon-ok-icon .path1:before {
content: '\e90c';
color: #717171;
}
.icon-ok-icon .path2:before {
content: '\e90d';
margin-left: -0.9619140625em;
color: white;
}
.icon-one-wawe-icon:before {
content: '\e90e';
}
.icon-play-arr-orange:before {
content: '\e90f';
color: #ffa100;
}
.icon-prev-slider-icon:before {
content: '\e910';
}
.icon-right-arr-white:before {
content: '\e911';
color: #fff;
}
.icon-ruble-icon:before {
content: '\e912';
color: #717171;
}
.icon-s1_text:before {
content: '\e913';
color: #fff;
}
.icon-sosiska-icon:before {
content: '\e914';
color: #fff;
}
.icon-strelka-lego:before {
content: '\e915';
color: #717171;
}
.icon-tg-icon .path1:before {
content: '\e916';
color: #717171;
}
.icon-tg-icon .path2:before {
content: '\e917';
margin-left: -0.9619140625em;
color: white;
}
.icon-truck:before {
content: '\e918';
color: #fff;
}
.icon-vk-icon .path1:before {
content: '\e91a';
color: #717171;
}
.icon-vk-icon .path2:before {
content: '\e91b';
margin-left: -1em;
color: white;
} html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
iframe {
max-width: 100%;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
list-style-type: none;
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} html {
height: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
body {
font-family: 'Gotham Pro', sans-serif;
font-size: 14px;
line-height: 1.2;
color: #2b2b2b;
height: 100%;
}
body.not-scroll {
overflow-y: hidden;
padding-right: 18px;
}
textarea,
input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'],
input[type='tel'] {
font-family: 'Gotham Pro', sans-serif;
border: 1px solid #666;
background: #fff;
color: #000;
outline: none;
}
input[type='submit'],
button {
margin: 0;
-webkit-appearance: none;
outline: none;
cursor: pointer;
}
.form-policy__text {
margin-top: 18px;
text-align: center;
font-size: 12px;
line-height: 1.35;
}
.inner {
min-width: 280px;
max-width: 1240px;
margin: 0 auto;
}
.clearfix:after {
content: '';
display: table;
clear: both;
}
a {
color: #f44336;
text-decoration: underline;
outline: none;
}
a:hover {
text-decoration: none;
}
.slick-slide {
outline: none !important;
}
img {
max-width: 100%;
height: auto;
}
:invalid {
-webkit-box-shadow: none;
box-shadow: none;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
.grecaptcha-badge {
z-index: 999;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes colorBtnBlick {
0% {
-webkit-transform: skew(-25deg) translateX(0);
transform: skew(-25deg) translateX(0);
}
20% {
-webkit-transform: skew(-25deg) translateX(80px);
transform: skew(-25deg) translateX(80px);
}
100% {
-webkit-transform: skew(-25deg) translateX(80px);
transform: skew(-25deg) translateX(80px);
}
}
@keyframes colorBtnBlick {
0% {
-webkit-transform: skew(-25deg) translateX(0);
transform: skew(-25deg) translateX(0);
}
20% {
-webkit-transform: skew(-25deg) translateX(80px);
transform: skew(-25deg) translateX(80px);
}
100% {
-webkit-transform: skew(-25deg) translateX(80px);
transform: skew(-25deg) translateX(80px);
}
}
@-webkit-keyframes colorBtnBlickModal {
0% {
-webkit-transform: skew(-25deg) translateX(0);
transform: skew(-25deg) translateX(0);
}
20% {
-webkit-transform: skew(-25deg) translateX(100px);
transform: skew(-25deg) translateX(100px);
}
100% {
-webkit-transform: skew(-25deg) translateX(100px);
transform: skew(-25deg) translateX(100px);
}
}
@keyframes colorBtnBlickModal {
0% {
-webkit-transform: skew(-25deg) translateX(0);
transform: skew(-25deg) translateX(0);
}
20% {
-webkit-transform: skew(-25deg) translateX(100px);
transform: skew(-25deg) translateX(100px);
}
100% {
-webkit-transform: skew(-25deg) translateX(100px);
transform: skew(-25deg) translateX(100px);
}
}
@-webkit-keyframes animateArrow {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
@keyframes animateArrow {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
}
@-webkit-keyframes sheenBtn {
0% {
-webkit-transform: skewX(-45deg) translateX(0);
transform: skewX(-45deg) translateX(0);
}
20% {
-webkit-transform: skewX(-45deg) translateX(650px);
transform: skewX(-45deg) translateX(650px);
}
100% {
-webkit-transform: skewX(-45deg) translateX(650px);
transform: skewX(-45deg) translateX(650px);
}
}
@keyframes sheenBtn {
0% {
-webkit-transform: skewX(-45deg) translateX(0);
transform: skewX(-45deg) translateX(0);
}
20% {
-webkit-transform: skewX(-45deg) translateX(650px);
transform: skewX(-45deg) translateX(650px);
}
100% {
-webkit-transform: skewX(-45deg) translateX(650px);
transform: skewX(-45deg) translateX(650px);
}
}
.site-header__container .site-header__right {
margin-left: 12px;
width: 45%;
}
.site-header__container .header-btn {
margin-left: 20px;
}
.site-header__container .s1__catalog {
margin-left: 15px;
text-decoration: none;
}
* {
padding: 0;
margin: 0;
}
body.home {
font-size: 16px;
line-height: 1.25;
color: #1f1f35;
overflow-x: hidden !important;
overflow-y: visible;
-webkit-font-smoothing: antialiased;
background-color: #efeee9;
margin-right: 0 !important;
}
section a,
section a:visited,
section a:focus {
text-decoration: none;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
a:not(.simple-basket-buy-now):hover {
text-decoration: none;
outline: none;
color: #ff6b00;
}
a.simple-basket-buy-now {
color: #fff;
}
a:focus,
.btn:focus,
button:focus {
outline: none;
text-decoration: none;
}
input:focus,
textarea:focus,
select:focus {
outline: 0;
}
img {
max-width: 100%;
height: auto;
}
ul,
ol {
padding-left: 0;
}
li {
list-style: none;
}
.container-v2 {
padding: 0 20px;
margin: 0 auto;
width: 100%;
max-width: 1400px;
}
@media screen and (max-width: 1170px) {
.container-v2 {
padding: 0 15px;
}
}
.section-photoslider__container .slick-prev:before,
.section-photoslider__container .slick-next:before,
.section-review .slick-prev:before,
.section-review .slick-next:before {
content: '';
display: none;
}
.section-photoslider__container .slick-prev:hover,
.section-photoslider__container .slick-next:hover,
.section-review .slick-prev:hover,
.section-review .slick-next:hover {
background: linear-gradient(to bottom, rgba(251, 84, 73, 1) 0%, rgba(225, 61, 49, 1) 100%);
}
.clear,
.clearfix {
clear: both;
}
.clear:after,
.clearfix:after {
content: '';
display: block;
clear: both;
}
.hidden-block {
display: none;
}
.error-input {
border-color: #ee102e !important;
}
.btn-gradient {
width: 100%;
height: 64px;
margin-top: 25px;
position: relative;
cursor: pointer;
border: none;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ff6b00 2.46%, #ffd600 85.03%);
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
margin-bottom: 30px;
text-decoration: none;
}
.btn-gradient-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 64px;
line-height: 63px;
z-index: 3;
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
text-align: center;
color: #9b0c00;
font-size: 25px;
font-family: 'RobotoBold', sans-serif;
padding: 2px;
}
.grill-tables .btn-gradient-wrap {
color: #9b0c00;
line-height: 63px;
padding: 0px;
}
.new-quiz .btn-gradient.quiz__final-submit {
margin-left: 0px;
padding: 15px 13px;
}
.new-quiz .quiz__final-submit .btn-gradient-wrap {
padding: 0;
height: auto;
}
a.button-white:hover {
color: #fff;
}
.btn-gradie.nt-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 64px;
z-index: 2;
opacity: 0;
border-radius: 19px;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ffa800 2.46%, #ffd600 85.03%);
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.btn-gradient:hover .btn-gradient-hover {
opacity: 1;
}
.btn-gradient:hover {
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
}
.addtocart-btn {
padding: 10px;
display: block;
position: relative;
width: 54px;
height: 54px;
color: #000;
background-color: #fff;
border: none;
border-radius: 8px;
cursor: pointer;
overflow: hidden;
border: 1px solid transparent;
transition: border 0.2s ease;
animation: addtocartPulse 0.6s linear 0s infinite alternate;
}
@-webkit-keyframes addtocartPulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes addtocartPulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@media (any-hover: hover) {
.addtocart-btn:hover {
border: 1px solid #000;
}
}
.addtocart-btn::after {
content: '✓';
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
z-index: 3;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 700;
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition:
opacity 0.3s ease,
visibility 0.3s ease;
-o-transition:
opacity 0.3s ease,
visibility 0.3s ease;
transition:
opacity 0.3s ease,
visibility 0.3s ease;
}
.addtocart-btn.is-added::after {
opacity: 1;
visibility: visible;
}
.addtocart-btn > span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 65%;
height: 65%;
z-index: 2;
}
.addtocart-btn > span img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
b {
font-family: 'RobotoBold', sans-serif;
}
.main-wrapper {
overflow: hidden;
max-width: 100vw;
}
.cart-link {
position: fixed;
top: 30%;
right: 23px;
width: 84px;
height: 84px;
z-index: 999;
background: -o-linear-gradient(left, #ffc100 0%, #ff6e00 100%);
background: -webkit-gradient(linear, left top, right top, from(#ffc100), to(#ff6e00));
background: linear-gradient(90deg, #ffc100 0%, #ff6e00 100%);
border-radius: 50%;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-animation: cartLinkJumpLoop 30s linear 20s infinite;
animation: cartLinkJumpLoop 30s linear 20s infinite;
}
.cart-link:hover {
opacity: 0.9;
}
.cart-link._blink::before {
-webkit-animation: cartLinkBlink 0.4s linear 0s;
animation: cartLinkBlink 0.4s linear 0s;
}
.cart-link::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: 1;
background: -o-linear-gradient(left, #ffc100 0%, #ff6e00 100%);
background: -webkit-gradient(linear, left top, right top, from(#ffc100), to(#ff6e00));
background: linear-gradient(90deg, #ffc100 0%, #ff6e00 100%);
border-radius: 50%;
pointer-events: none;
}
.cart-counter {
position: absolute;
top: -5px;
right: -10px;
width: 2.6em;
height: 1.8em;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #ffffff;
font-size: 14px;
font-family: 'RobotoBold', sans-serif;
background-color: #393939;
border-radius: 50%;
border: 2px solid #ffffff;
overflow: hidden;
}
.cart-link img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 54%;
height: 54%;
z-index: 2;
-o-object-fit: contain;
object-fit: contain;
}
@-webkit-keyframes cartLinkJumpLoop {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
1% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
2% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
4% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
5% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
6% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes cartLinkJumpLoop {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
1% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
2% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
4% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
5% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
6% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes cartLinkBlink {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.3);
-ms-transform: translate(-50%, -50%) scale(1.3);
transform: translate(-50%, -50%) scale(1.3);
}
}
@keyframes cartLinkBlink {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.3);
-ms-transform: translate(-50%, -50%) scale(1.3);
transform: translate(-50%, -50%) scale(1.3);
}
}
@media (max-width: 1200px) {
.cart-link {
width: 70px;
height: 70px;
}
}
.cbk-phone-circle,
.cbk-phone-second_circle,
.cbk-phone-third_circle {
display: none !important;
}
.header-colors {
padding: 8px;
margin: 10px 10px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 395px;
flex: 0 0 395px;
width: 395px;
height: 60px;
color: #5c5d5d;
font-family: 'RobotoMedium', sans-serif;
background: rgba(248, 248, 248, 0.7);
border-radius: 10px;
-webkit-transition:
color 0.2s ease,
background-color 0.2s ease;
transition:
color 0.2s ease,
background-color 0.2s ease;
}
@media (any-hover: hover) {
.header-colors:hover {
color: #fff;
background-color: #ff6b00;
}
}
.header-colors__title {
font-size: 14px;
}
.header-colors__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.header-colors__item {
padding: 0 7px 0 44px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 115px;
flex: 0 0 115px;
width: 115px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #5c5d5d;
font-family: 'RobotoMedium', sans-serif;
font-size: 12px;
background: #f8f8f8;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
border-radius: 6px;
}
.header-colors__item:first-child {
margin: 0px 9px 0px 0px;
}
.header-colors__item img {
position: absolute;
bottom: 0;
left: 7px;
width: auto;
height: 112%;
}
.button-red {
background: linear-gradient(to right, #ffc100, #ff6e00);
}
.button-red:hover {
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ffa800 2.46%, #ffd600 85.03%);
}
.section-delivery__tab.active {
background: linear-gradient(to right, #ffa50c, #ff7104);
}
.section-title span {
background: -webkit-linear-gradient(#ff7104, #ffa50c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff6b00;
}
.section-delivery__tab:hover {
color: #ff6b00;
}
.section-delivery__tab.active:hover {
color: #fff;
}
@media (max-width: 1470px) {
.header-colors {
margin: 0px 10px 0px 0px;
height: 50px;
}
.header-colors__item {
padding: 0 7px 0 38px;
-webkit-box-flex: 0;
-ms-flex: 0 0 110px;
flex: 0 0 110px;
width: 110px;
}
}
@media (max-width: 1257px) {
.header-btn .button-white {
padding: 13px 15px 16px;
}
}
@media (max-width: 1200px) {
.header-colors {
-webkit-box-flex: 0;
-ms-flex: 0 0 340px;
flex: 0 0 340px;
width: 340px;
}
.header-colors__title {
font-size: 13px;
}
}
@media (max-width: 960px) {
.header-colors {
padding: 6px;
margin: -8px auto 0;
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
width: 200px;
height: 66px;
}
.header-colors__title {
margin-bottom: 6px;
display: block;
text-align: center;
}
.header-colors__item {
padding: 0 7px 0 29px;
-webkit-box-flex: 0;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
width: 90px;
height: 30px;
font-size: 10px;
}
.header-colors__item:first-child {
margin: 0px 6px 0px 0px;
}
}
.s1__city {
position: relative;
cursor: pointer;
}
.s1__city:after {
content: '*';
position: absolute;
top: -5px;
right: -8px;
}
.s1__city-wrap {
font-family: 'RobotoBold', sans-serif;
color: #ff6b00;
cursor: pointer;
white-space: nowrap;
}
.s1__catalog {
padding: 0 10px;
flex-shrink: 0;
width: 80px;
height: 54px;
border-radius: 4px;
text-align: center;
background-color: #ff6b00;
margin-top: 10px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
justify-content: center;
transition: background-color 0.2s ease;
}
.s1__catalog:hover {
background-color: #e45f00;
}
.s1__catalog img {
margin: 0px 8px 0px 0px;
display: inline-block;
}
.s1__catalog span {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
color: #fff;
font-family: 'RobotoMedium', sans-serif;
}
.s1__scroll {
width: 300px;
text-align: center;
position: absolute;
bottom: 60px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
}
.s2 .s1__scroll {
display: none;
}
.s1__scroll:hover .s1__scroll-text {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.s1__scroll-arr {
width: 77px;
height: 31px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/uploads/2023/02/arr-down-sect1.png);
position: absolute;
left: calc(50% - 38px);
-webkit-animation: animateArrow 1s ease-in-out infinite alternate;
animation: animateArrow 1s ease-in-out infinite alternate;
}
.orange_text {
color: #ff6b00;
}
.city-detect__wrapper {
position: relative;
}
.city-detect {
position: absolute;
top: -10px;
left: 15px;
padding: 11px 15px;
border-radius: 10px;
background-color: rgba(150, 150, 150, 0.3);
width: 180px;
z-index: 9;
-webkit-transition: all 0.6s;
transition: all 0.6s;
visibility: hidden;
opacity: 0;
}
.city-detect.active {
opacity: 1;
visibility: visible;
}
.city-detect:before {
content: '';
border: 10px solid transparent;
border-right: 8px solid rgba(150, 150, 150, 0.3);
position: absolute;
top: 10px;
right: 100%;
}
.city-detect__title {
display: inline-block;
font-size: 14px;
line-height: 1.2;
color: #666;
text-align: center;
margin-bottom: 8px;
white-space: initial;
}
.city-detect__btns {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.city-detect__btn {
width: 66px;
height: 32px;
text-align: center;
line-height: 32px;
font-size: 14px;
color: #666;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 20px;
cursor: pointer;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.city-detect__btn:hover {
background-color: #fff;
}
#cities-modal,
#oplata-modal {
position: relative;
}
#cities-modal .box-modal_close,
#oplata-modal .box-modal_close {
z-index: 2;
top: 20px;
right: 20px;
width: 20px;
height: 20px;
}
#cities-modal .box-modal_close:before,
#oplata-modal .box-modal_close:before {
font-size: 20px;
}
.cities-modal {
background-color: #fff;
border-radius: 20px;
padding: 35px;
width: 635px;
max-width: 95vw;
position: relative;
}
.cities-modal .mCSB_container {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cities-modal .mCSB_scrollTools {
width: 10px;
}
.cities-modal .mCSB_inside > .mCSB_container {
margin-right: 0;
}
.cities-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.2);
}
.cities-modal .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(255, 107, 0, 0.7);
}
.cities-modal .mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0, 0, 0, 0.1);
}
.cities-modal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.cities-modal .mCustomScrollBox:hover .mCSB_scrollTools .mCSB_dragger_bar {
background-color: rgba(255, 107, 0, 0.6);
}
.cities-modal__title {
font-size: 28px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 13px;
}
.cities-modal__input {
margin-bottom: 20px;
}
.cities-modal__input input {
display: block;
width: 100%;
height: 56px;
line-height: 56px;
padding: 0 25px;
font-size: 16px;
color: #666;
font-family: 'RobotoBold', sans-serif;
border-radius: 15px;
border: 1px solid #e4e4e4;
}
.cities-modal__input ::-webkit-input-placeholder {
color: #999;
}
.cities-modal__input :-ms-input-placeholder {
color: #999;
}
.cities-modal__input ::-moz-placeholder {
color: #999;
}
.cities-modal__input ::-ms-input-placeholder {
color: #999;
}
.cities-modal__input ::placeholder {
color: #999;
}
.cities-modal__citylist {
max-height: 330px;
overflow: hidden;
border: 1px solid #e4e4e4;
border-radius: 15px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cities-modal__bukva,
.cities-modal__city {
width: 50%;
min-height: 41px;
line-height: 1.2;
padding: 7px 7px 8px 25px;
border-bottom: 1px solid #e4e4e4;
cursor: pointer;
}
.cities-modal__city {
font-size: 16px;
color: #999;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cities-modal__city:nth-child(2n-1) {
border-right: 1px solid #e4e4e4;
}
.cities-modal__city:not(.cities-modal__bukva):hover {
color: #fff;
background-color: #ff6b00;
}
.cities-modal__city-region {
font-size: 10px;
display: inline-block;
padding-left: 5px;
height: 10px;
}
.cities-modal__bukva {
text-transform: uppercase;
font-size: 24px;
color: #ff6b00;
font-family: 'RobotoBold', sans-serif;
cursor: default;
}
.cities-modal .easy-autocomplete {
width: auto !important;
}
.cities-modal .easy-autocomplete-container ul {
border: 1px solid #eee;
border-radius: 15px;
background: #fff;
padding: 15px 0;
-webkit-box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.15);
box-shadow: 0 3px 10px -1px rgba(0, 0, 0, 0.15);
}
.cities-modal .easy-autocomplete-container ul li {
border: none;
color: #999;
font-size: 16px;
}
#oplata-modal {
position: relative;
}
#oplata-modal input {
display: block;
width: 100%;
height: 56px;
line-height: 56px;
padding: 0 25px;
font-size: 16px;
color: #666;
font-family: 'RobotoBold', sans-serif;
border-radius: 15px;
border: 1px solid #e4e4e4;
margin: 0 0 10px 0;
}
#oplata-modal ::-webkit-input-placeholder {
color: #999;
}
#oplata-modal :-ms-input-placeholder {
color: #999;
}
#oplata-modal ::-moz-placeholder {
color: #999;
}
#oplata-modal ::-ms-input-placeholder {
color: #999;
}
#oplata-modal ::placeholder {
color: #999;
}
#oplata-modal input[type='submit'] {
background-color: #ff6b00;
color: #fff;
cursor: pointer;
font-size: 20px;
margin-top: 25px;
}
#oplata-modal .box-modal_close {
top: -40px;
right: -40px;
}
.oplata-modal__h1 {
font-size: 34px;
text-align: center;
font-family: 'RobotoBold', sans-serif;
color: #ff6b00;
margin-bottom: 20px;
}
#quiz-modal .quiz__content {
min-height: 450px;
}
.wait-modal {
width: 1095px;
min-height: 580px;
border-radius: 20px;
margin: 30px auto;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
background-color: #fff;
position: relative;
font-family: 'RobotoBold', sans-serif;
}
.wait-modal--blackfriday {
background-color: #152437;
}
.wait-modal .box-modal_close {
width: 30px;
height: 30px;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
}
.wait-modal .box-modal_close svg path {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wait-modal .box-modal_close:hover path {
fill: #ff6b00;
}
.wait-modal__left {
position: relative;
min-width: 585px;
padding-left: 46px;
padding-top: 40px;
}
.wait-modal__left-skidka {
position: absolute;
z-index: 7;
top: -90px;
left: -60px;
}
.wait-modal__left-img {
position: relative;
z-index: 5;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.wait-modal__left-img img {
max-width: 105%;
}
.wait-modal__blackfriday {
position: absolute;
bottom: 10px;
right: 10px;
width: 150px;
height: 150px;
z-index: 5;
text-align: center;
background:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/uploads/2023/02/blackfriday-bage-bg-1.png) center/cover no-repeat,
#000;
border-radius: 50%;
}
.wait-modal__blackfriday img {
margin-top: -30px;
width: 60%;
}
.wait-modal__blackfriday-pretitle {
color: #ffdd09;
font-size: 14px;
font-weight: 700;
}
.wait-modal__blackfriday-title {
color: #fff;
font-size: 24px;
font-weight: 700;
}
.wait-modal__right {
min-width: 510px;
padding: 53px 85px 0 68px;
background-color: #f5f5f5;
border-radius: 0 20px 20px 0;
}
.wait-modal__right--blackfriday {
background-color: #011023;
}
.wait-modal__h1 {
line-height: 42px;
font-size: 40px;
color: #ff6b00;
padding-left: 26px;
margin-bottom: 50px;
}
.wait-modal__p {
margin-bottom: 20px;
margin-top: 20px;
}
.wait-modal__t1 {
display: inline-block;
font-size: 45px;
border-radius: 10px;
background-color: #fff;
padding: 5px 10px;
color: #717171;
position: relative;
margin-top: -50px;
top: -50px;
margin-left: 30px;
}
.wait-modal__t1:after {
content: '';
position: absolute;
width: 140px;
height: 8px;
background: #ff6b00;
border-radius: 4px;
-webkit-transform: rotate(13.2deg);
transform: rotate(13.2deg);
left: 5px;
top: 29px;
}
.wait-modal__t2 {
display: inline-block;
font-size: 74px;
border-radius: 10px;
background-color: #fff;
padding: 5px 10px;
color: #717171;
margin-top: -70px;
margin-left: 40px;
}
.wait-modal__rub {
display: inline-block;
width: 32px;
height: 32px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/ruble-icon.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.wait-modal__h2 {
line-height: 41px;
font-size: 35px;
margin-bottom: 10px;
}
.wait-modal__h2--blackfriday {
color: #fff;
}
.wait-modal__h3 {
line-height: 54px;
font-size: 25px;
color: #1b2026;
margin-top: 5px;
}
.wait-modal__p {
line-height: 22px;
font-size: 16px;
color: #717171;
}
.wait-modal__p--blackfriday {
color: #fff;
}
.wait-modal__input-tel {
width: 100%;
height: 60px;
line-height: 60px;
padding: 0 23px;
background: #ffffff;
border: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 15px;
font-size: 16px;
color: #999999;
display: block;
margin-top: 25px;
margin-bottom: 18px;
}
.wait-modal__submit {
width: 100%;
height: 64px;
position: relative;
cursor: pointer;
border: none;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ff6b00 2.46%, #ffd600 85.03%);
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.wait-modal__submit-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 64px;
line-height: 64px;
z-index: 3;
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
font-size: 25px;
text-align: center;
color: #9b0c00;
}
.wait-modal__submit-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 64px;
z-index: 2;
opacity: 0;
border-radius: 19px;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ffa800 2.46%, #ffd600 85.03%);
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.wait-modal__submit:hover .wait-modal__submit-hover {
opacity: 1;
}
.wait-modal__submit:hover {
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
}
.intro {
position: relative;
min-height: 800px;
}
@media screen and (max-width: 1400px) {
.intro {
min-height: 600px;
}
}
.intro-container {
margin: 0 auto;
padding: 0 15px;
width: 100%;
max-width: 1260px;
}
.intro-plashka__wrapper.intro-container {
position: absolute;
top: 140px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
z-index: 2;
}
.intro-plashka {
width: 205px;
height: 214px;
position: absolute;
left: 15px;
top: 0;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/uploads/2023/02/plashka-sect1.png);
}
.intro-plashka > p {
padding: 31px 0 31px 70px;
font-family: 'RobotoBold', sans-serif;
font-size: 18px;
margin-bottom: 0;
}
.intro-plashka__installment {
padding: 20px 0 20px 70px;
position: relative;
font-size: 18px;
}
.intro-plashka__installment .s4__prod-rass-block {
top: 3px;
left: auto;
right: 15px;
-webkit-transform: translateX(105%);
-ms-transform: translateX(105%);
transform: translateX(105%);
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
pointer-events: none;
}
.intro-plashka__installment .s4__prod-rass-block:after {
left: -7px;
right: auto;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.intro-plashka__installment:hover .s4__prod-rass-block {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(95%);
-ms-transform: translateX(95%);
transform: translateX(95%);
pointer-events: auto;
}
.intro-plashka__installment-content-txt1 {
margin-bottom: 5px;
font-family: 'RobotoBold', sans-serif;
line-height: 1.1em;
}
.intro-plashka__installment-content-txt2 {
font-size: 10px;
}
.intro-plashka__installment-circle {
position: absolute;
bottom: -30px;
right: -55px;
width: 85px;
height: 85px;
display: -webkit- box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: absolute;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #ffd903;
border-radius: 50%;
}
.intro-plashka__installment-circle-txt1 {
font-size: 16px;
font-family:
apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.intro-plashka__installment-circle-txt2 {
font-size: 16px;
font-weight: 500;
}
.intro-slider {
position: relative;
z-index: 1;
}
.intro-slider.owl-carousel .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.intro-slider.owl-carousel .owl-item {
height: auto;
}
.intro-slider.owl-theme .owl-nav {
margin: 0;
padding: 0 15px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
max-width: 1400px;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.intro-slider.owl-theme .owl-nav .owl-prev,
.intro-slider.owl-theme .owl-nav .owl-next {
margin: 0;
padding: 0;
width: 0;
height: 0;
background: transparent;
display: inline-block;
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
border-radius: 0;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
@media (pointer: fine) {
.intro-slider.owl-theme .owl-nav .owl-prev:hover,
.intro-slider.owl-theme .owl-nav .owl-next:hover {
opacity: 0.85;
}
}
.intro-slider.owl-theme .owl-nav .owl-prev {
border-right: 28px solid #ff6b00;
}
.intro-slider.owl-theme .owl-nav .owl-next {
border-left: 28px solid #ff6b00;
}
.intro-slide {
padding: 180px 45px 88px;
position: relative;
height: 100%;
}
.intro-slide .intro-container {
position: relative;
z-index: 2;
}
.intro-slide__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: hidden;
}
.intro-slide__bg::after {
content: '';
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 133%;
height: 100%;
z-index: 2;
background: -o-radial-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 60%);
background: radial-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 60%);
}
.intro-slide__bg img {
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.5;
}
.intro-slide__body {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.intro-slide__img-wrapper {
margin-right: 32px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.intro-slide__img {
padding-bottom: 82%;
position: relative;
width: 100%;
height: 0;
transform: scale(1.12);
transform-origin: left center;
}
.intro-slide__img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.intro-slide__content {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 520px;
text-align: right;
position: relative;
z-index: 2;
}
.intro-slide__content-top {
margin-bottom: 72px;
}
.intro-slide__title > span,
.intro-slide__text > span,
.intro-subbtn__text > span {
color: #ff6b00;
}
.intro-slide__title {
margin-bottom: 24px;
font-family: RobotoBold, sans-serif;
font-size: 60px;
line-height: 1.1;
text-transform: uppercase;
}
.intro-slide__text {
color: #2b2b2b;
font-family: RobotoMedium, sans-serif;
font-size: 24px;
line-height: 1.2;
}
.intro-btn {
margin: 0 0 20px auto;
padding: 12px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
position: relative;
width: 368px;
min-height: 100px;
font-size: 24px;
background-color: #ffc200;
border: none;
border-radius: 20px;
-webkit-box-shadow:
0 15px 25px rgba(255, 125, 11, 0.4),
0 4px 0 #f7720f,
inset 0 -1px 0 rgba(255, 255, 255, 0.1);
box-shadow:
0 15px 25px rgba(255, 125, 11, 0.4),
0 4px 0 #f7720f,
inset 0 -1px 0 rgba(255, 255, 255, 0.1);
outline: none;
-webkit-transition:
-webkit-transform 0.2s ease,
-webkit-box-shadow 0.2s ease;
transition:
-webkit-transform 0.2s ease,
-webkit-box-shadow 0.2s ease;
-o-transition:
transform 0.2s ease,
box-shadow 0.2s ease;
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
-webkit-transform 0.2s ease,
-webkit-box-shadow 0.2s ease;
}
@media (pointer: fine) {
.intro-btn:hover::after {
opacity: 0;
visibility: hidden;
}
}
.intro-btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: -o-linear-gradient(216deg, #ff6b00 2.5%, #ffc200 85%);
background: linear-gradient(234deg, #ff6b00 2.5%, #ffc200 85%);
border-radius: inherit;
pointer-events: none;
-webkit-transition:
opacity 0.2s ease,
visibility 0.2s ease;
-o-transition:
opacity 0.2s ease,
visibility 0.2s ease;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
}
.intro-btn > span {
position: relative;
z-index: 2;
color: #9b0c00;
font-family: RobotoBold, sans-serif;
line-height: 1.2;
border-radius: inherit;
}
.intro-subbtn__text {
color: #2b2b2b;
font-family: RobotoMedium, sans-serif;
font-size: 18px;
line-height: 1.2;
}
@media screen and (max-width: 1300px) {
.intro-slide__img-wrapper {
margin-right: 20px;
}
.intro-slide__content {
width: 428px;
}
.intro-slide__title {
font-size: 48px;
}
.intro-slide__text {
font-size: 20px;
}
.intro-btn {
width: 320px;
min-height: 92px;
font-size: 22px;
}
}
@media screen and (max-width: 1170px) {
.intro-plashka__wrapper.intro-container {
top: 96px;
}
.intro-slider.owl-theme .owl-nav {
padding: 0 8px;
}
.intro-slider.owl-theme .owl-nav .owl-prev,
.intro-slider.owl-theme .owl-nav .owl-next {
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
}
.intro-slider.owl-theme .owl-nav .owl-prev {
border-right: 20px solid #ff6b00;
}
.intro-slider.owl-theme .owl-nav .owl-next {
border-left: 20px solid #ff6b00;
}
.intro-slide {
padding: 140px 30px 64px;
}
}
@media screen and (max-width: 1100px) {
.intro-plashka {
display: none;
}
}
@media screen and (max-width: 992px) {
.intro-slider.owl-theme .owl-nav {
top: auto;
bottom: calc(184px + 32vw);
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.intro-slide__body {
display: block;
}
.intro-slide .intro-container,
.intro-slide__body {
height: 100%;
}
.intro-slide__img-wrapper {
margin: 0 0 120px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 92%;
z-index: 1;
}
.intro-slide__img {
transform: scale(1);
transform-origin: center center;
}
.intro-slide__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
}
.intro-slide__content-top {
margin-bottom: 62vw;
}
.intro-btn {
margin: 0 auto 20px;
}
}
@media screen and (max-width: 767px) {
.intro-slide__title {
font-size: 40px;
}
.intro-slide__text {
font-size: 18px;
}
}
@media screen and (max-width: 575px) {
.intro-slider.owl-theme .owl-nav {
padding: 0 4px;
}
.intro-slider.owl-theme .owl-nav .owl-prev,
.intro-slider.owl-theme .owl-nav .owl-next {
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.intro-slider.owl-theme .owl-nav .owl-prev {
border-right: 14px solid #ff6b00;
}
.intro-slider.owl-theme .owl-nav .owl-next {
border-left: 14px solid #ff6b00;
}
.intro-slide {
padding: 108px 0 48px;
}
.intro-slide__title {
margin-bottom: 20px;
font-size: 28px;
}
.intro-slide__text,
.intro-subbtn__text {
font-size: 16px;
}
.intro-btn {
width: 100%;
max-width: 320px;
min-height: 84px;
font-size: 20px;
}
}
.catalog {
min-height: 900px; background-size: cover;
padding: 40px 0 0;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/img/christmas/catalog-christmas.jpg);
}
.catalog__container {
position: relative;
}
.catalog__img {
position: absolute;
left: -130px;
top: 0;
z-index: 1;
}
.catalog__img--v2 {
width: 80%;
left: -100px;
-webkit-transform: translateY(13%);
transform: translateY(13%);
}
.catalog-blackfriday {
position: absolute;
top: 15px;
left: 45px;
width: 180px;
height: 180px;
text-align: center;
background:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/blackfriday-bage-bg.png) center/cover no-repeat,
#000;
border-radius: 50%;
}
.catalog-blackfriday img {
margin-top: -30px;
width: 60%;
}
.catalog-blackfriday__pretitle {
color: #ffdd09;
font-size: 14px;
font-weight: 700;
}
.catalog-blackfriday__title {
margin-bottom: 5px;
color: #fff;
font-size: 24px;
font-weight: 700;
}
.catalog-blackfriday__link {
display: inline-block;
color: #9b0c00;
font-size: 18px;
font-weight: 700;
line-height: 1;
}
.catalog__skidka {
position: absolute;
left: 10px;
top: 0;
z-index: 2;
}
.catalog__form {
position: absolute;
z-index: 5;
width: 630px;
right: 0;
top: 0px;
border-radius: 20px;
background-color: #fff;
padding: 78px 145px 43px 100px;
}
.catalog__form.catalog__form--v2 {
top: 10px;
}
.catalog__t1 {
line-height: 45px;
font-size: 45px;
font-family: 'RobotoBold', sans-serif;
background: -webkit-gradient(linear, left top, left bottom, from(#ff7104), to(#ffa50c));
background: linear-gradient(#ff7104, #ffa50c);
background: -webkit-linear-gradient(#ff7104, #ffa50c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff6b00;
margin-bottom: 28px;
}
.catalog__t2 {
line-height: 28px;
font-size: 22px;
letter-spacing: 1px;
color: #1b2026;
margin-bottom: 42px;
font-family: 'RobotoBold', sans-serif;
}
.catalog input[type='tel'],
.catalog input[type='email'] {
background-color: #fff;
border: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 15px;
height: 60px;
width: 100%;
line-height: 60px;
padding: 0 22px;
margin-bottom: 15px;
font-family: 'RobotoBold', sans-serif;
color: #999;
}
.catalog__submit {
width: 100%;
height: 64px;
position: relative;
cursor: pointer;
border: none;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ff6b00 2.46%, #ffd600 85.03%);
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
margin-bottom: 8px;
margin-top: 20px;
}
.catalog__submit-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 64px;
line-height: 64px;
z-index: 3;
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
font-size: 25px;
text-align: center;
color: #9b0c00;
font-size: 25px;
font-family: 'RobotoBold', sans-serif;
}
.catalog__submit-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 64px;
z-index: 2;
opacity: 0;
border-radius: 19px;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ffa800 2.46%, #ffd600 85.03%);
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.catalog__submit:hover .catalog__submit-hover {
opacity: 1;
}
.catalog__submit:hover {
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
}
.catalog__t3 {
line-height: 22px;
font-size: 16px;
letter-spacing: 0.7px;
color: #717171;
}
.quality {
padding: 125px 0px 0px 0px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/quality/bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.quality-inner {
margin: 0px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 85%;
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.quality-column__left {
position: relative;
z-index: 2;
padding: 30px 0px 50px;
-webkit-box-flex: 0;
-ms-flex: 0 1 43%;
flex: 0 1 43%;
width: 43%;
}
.quality-title {
margin: 0px 0px 30px 0px;
color: #403b3b;
font-size: 45px;
font-family: 'RobotoBold', sans-serif;
line-height: 1.3em;
font-weight: 700;
white-space: nowrap;
}
.quality-title > span {
color: #ff6b00;
}
.quality-content {
margin-bottom: 25px;
color: #403b3b;
font-size: 20px;
line-height: 1.5em;
font-weight: 300;
font-style: italic;
}
.quality-content > p {
margin: 0px 0px 25px 0px;
}
.quality-content > p:last-child {
margin: 0;
}
.quality-content > p > span {
font-weight: 600;
}
.quality .pechki__video {
position: static;
width: auto;
}
.quality-column__right {
-webkit-box-flex: 0;
-ms-flex: 0 1 57%;
flex: 0 1 57%;
width: 57%;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.quality-column__right > img {
height: auto;
min-width: 580px;
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
}
.quality-info {
position: absolute;
top: 100px;
right: 10px;
max-width: 200px;
z-index: 2;
color: #403b3b;
font-size: 15px;
line-height: 1.3em;
font-weight: 300;
}
.quality-info__name {
margin: 0px 0px 10px 0px;
font-size: 22px;
font-weight: 700;
}
.quality-info__txt1 {
margin: 0px 0px 15px 0px;
}
.quality-info__txt2 {
margin: 0px 0px 5px 0px;
}
.quality-info__phone {
display: inline-block;
color: #403b3b;
font-size: 24px;
line-height: 1.3em;
font-weight: 500;
white-space: nowrap;
-webkit-transition: -webkit-transform 0.3s linear 0s;
transition: -webkit-transform 0.3s linear 0s;
transition: transform 0.3s linear 0s;
transition:
transform 0.3s linear 0s,
-webkit-transform 0.3s linear 0s;
text-decoration: none;
}
.quality-info__phone:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.quality-play {
position: absolute;
top: 42%;
left: 23%;
width: 250px;
height: 250px;
z-index: 2;
border: 1px solid #707070;
border-radius: 50%;
cursor: pointer;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.4s linear 0s;
transition: -webkit-transform 0.4s linear 0s;
transition: transform 0.4s linear 0s;
transition:
transform 0.4s linear 0s,
-webkit-transform 0.4s linear 0s;
}
.quality-play:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.quality-play:hover img {
opacity: 0.8;
}
.quality-play::before,
.quality-play::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid #707070;
border-radius: 50%;
}
.quality-play::before {
width: 75%;
height: 75%;
}
.quality-play::after {
width: 50%;
height: 50%;
}
.quality-play img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
-webkit-transition: opacity 0.4s linear 0s;
transition: opacity 0.4s linear 0s;
}
.catalog.final {
padding: 90px 0;
margin-bottom: 60px;
min-height: auto;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/final-bg__new.jpg);
background-size: cover;
background-position: right bottom;
background-repeat: no-repeat;
} .catalog.final .catalog__form {
padding: 60px 75px 45px;
margin: 0 0 0 auto;
position: relative;
width: 590px;
}
.form__podarok-list {
margin: 0px 0px 20px 0px;
}
.form__podarok-list-title {
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
}
.form__podarok-label {
position: relative;
cursor: pointer;
font-size: 14px;
}
.form__podarok-label .radio-input {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
.form__podarok-label .radio-txt {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-size: 14px;
}
.form__podarok-label .radio-txt:before {
margin: 0px 10px 0px 0px;
content: '';
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
width: 20px;
height: 20px;
border: 2px solid #666666;
border-radius: 50%;
-webkit-transition: border 0.3s ease 0s;
transition: border 0.3s ease 0s;
}
.form__podarok-label .radio-txt:after {
content: '';
position: absolute;
top: 5px;
left: 5px;
width: 10px;
height: 10px;
z-index: 1;
background-color: #000;
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
transition:
transform 0.3s ease 0s,
-webkit-transform 0.3s ease 0s;
}
.radio-input:checked ~ .radio-txt:before {
border: 2px solid #000;
}
.radio-input:checked ~ .radio-txt:after {
-webkit-transform: scale(1);
transform: scale(1);
}
.form__podarok-oldprice { display: inline-block;
position: relative;
white-space: nowrap;
}
.form__podarok-oldprice:after {
content: '';
position: absolute;
top: 11px;
left: -2.5%;
width: 105%;
height: 1px;
z-index: 2;
background-color: #ff0000;
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
.form__podarok-txt {
margin-bottom: 25px;
color: #1b2026;
font-family: 'RobotoBold', sans-serif;
font-size: 18px;
line-height: 1.3em;
}
.catalog.catalog-kniga {
position: relative;
margin-top: 150px;
background-image: none;
}
.catalog.catalog-kniga .catalog__form {
padding-right: 100px;
}
.catalog.catalog-kniga .catalog__img {
top: 40px;
left: 20px;
}
.catalog.catalog-kniga .catalog-kniga__img1,
.catalog.catalog-kniga .catalog-kniga__img2 {
position: absolute;
}
.catalog.catalog-kniga .catalog-kniga__img1 {
right: -220px;
top: 0px;
}
.catalog.catalog-kniga .catalog-kniga__img2 {
left: -150px;
top: 250px;
}
.footer {
line-height: 22px;
font-size: 16px;
letter-spacing: 0.8px;
color: #717171;
padding-top: 50px;
}
.footer .container {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.footer .container.container--2 {
margin-top: 15px;
display: block;
}
.footer__logo {
display: inline-block;
margin-bottom: 40px;
}
.footer__logo-wrap {
min-width: 180px;
margin-right: 126px;
}
.footer__col2 {
min-width: 305px;
margin-right: 78px;
}
.footer p {
line-height: 22px;
font-size: 16px;
letter-spacing: 0.8px;
color: #717171;
margin-bottom: 0;
}
.footer p a {
display: inline-block;
color: #717171;
}
.footer p a:hover {
text-decoration: underline;
}
.footer__copy {
margin-top: 50px;
color: #cbcbcb;
}
.footer__col3 {
position: relative;
min-width: 260px;
margin-right: 50px;
}
.footer__whatsapp {
display: block;
position: absolute;
top: 24px;
right: 35px;
width: 40px;
height: 40px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/whatsapp.svg) center/100% 100% no-repeat;
-webkit-transition: -webkit-transform 0.2s linear;
transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear;
transition:
transform 0.2s linear,
-webkit-transform 0.2s linear;
}
.footer__whatsapp:hover {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
.footer__mail {
display: inline-block;
font-family: 'RobotoBold', sans-serif;
margin-top: 15px;
color: #ff6b00;
text-decoration: underline;
margin-bottom: 35px;
}
.footer__mail:hover {
text-decoration: none;
}
.footer__callback {
max-width: 100%;
width: 221px;
height: 44px;
position: relative;
cursor: pointer;
border: none;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ff6b00 2.46%, #ffd600 85.03%);
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
margin-bottom: 30px;
}
.footer__callback-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 44px;
line-height: 47px;
z-index: 3;
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
text-align: center;
color: #9b0c00;
font-size: 18px;
font-family: 'RobotoBold', sans-serif;
}
.footer__callback-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 44px;
z-index: 2;
opacity: 0;
border-radius: 19px;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ffa800 2.46%, #ffd600 85.03%);
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.footer__callback:hover .footer__callback-hover {
opacity: 1;
}
.footer__callback:hover {
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
}
.footer__soc {
margin-top: 15px;
margin-bottom: 30px;
}
.footer__soc-item {
display: inline-block;
margin-right: 10px;
width: 25px;
height: 25px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/social_sprite.png);
-webkit-transition: all 0.25s;
transition: all 0.25s;
border-radius: 3px;
}
.footer__soc-item:hover {
opacity: 0.85;
}
.footer__soc-vk {
background-position: -100px -10px;
}
.footer__soc-youtube {
background-position: -55px -56px;
}
.footer__soc-insta {
background-position: -10px -56px;
}
.footer__soc-fb {
background-position: -55px -10px;
}
.footer__soc-odnoklas {
background-position: -10px -10px;
}
.footer__potipako {
display: block;
margin-top: 10px;
}
.footer__callback.footer__tinkoff-btn {
width: 180px;
}
.quiz {
min-height: 700px;
margin: 65px 0;
position: relative;
z-index: 1;
}
.new-quiz .quiz__inner {
width: 1600px;
margin: auto;
max-width: calc(100vw - 40px);
border-radius: 20px;
background-color: #fff;
position: relative;
overflow: hidden;
display: inherit;
}
.new-quiz .quiz__inner .container {
position: relative;
z-index: 10;
}
.new-quiz .quiz__inner:before,
.new-quiz .quiz__inner:after,
#quiz-modal .quiz__inner:before,
#quiz-modal .quiz__inner:after {
content: '';
width: 700px;
height: 300px;
background-color: #ff9c0b;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
z-index: 9;
}
.new-quiz .quiz__inner:before {
left: -250px;
bottom: -250px;
}
.new-quiz .quiz__inner:after {
right: -210px;
top: -80px;
}
.new-quiz .quiz__content {
padding-bottom: 15px;
}
.new-quiz .quiz__plashka {
width: 161px;
height: 211px;
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
position: absolute;
top: 30px;
right: -150px;
z-index: 12;
color: #fff;
padding: 57px 17px 17px;
}
.new-quiz .quiz__plashka-icon {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/percend-icon.png);
width: 93px;
height: 96px;
position: absolute;
left: 5px;
top: -17px;
}
.new-quiz .quiz__plashka-t1 {
font-size: 22px;
line-height: 22px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 5px;
}
.new-quiz .quiz__plashka-t2 {
font-size: 14px;
line-height: 15px;
}
.new-quiz .quiz__h1 {
font-size: 50px;
line-height: 54px;
padding-right: 160px;
font-family: 'RobotoBold', sans-serif;
padding-top: 60px;
padding-bottom: 40px;
}
.new-quiz .quiz__question {
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.new-quiz .quiz__num {
position: absolute;
color: #2d2d2d;
line-height: 50px;
font-size: 35px;
font-family: 'RobotoBold', sans-serif;
top: -5px;
left: -85px;
}
.new-quiz .quiz__h2 {
display: inline-block;
color: #717171;
line-height: 38px;
font-size: 35px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 40px;
}
.new-quiz .quiz__items-wrap {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quiz__items-wrap.quiz__step0 .quiz__item {
width: 20%;
}
.new-quiz .quiz__items-wrap--many-steps .quiz__item {
width: 18%;
}
.new-quiz .quiz__item {
margin-right: 15px;
width: 25%;
position: relative;
}
.new-quiz .quiz__item-img {
border-radius: 28px;
height: calc(100% - 10px);
width: calc(100% - 10px);
overflow: hidden;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #ffffff;
}
.new-quiz .quiz__item-img img {
border-radius: 10px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.new-quiz .quiz__item-img-wrap {
padding-bottom: 100%;
width: 100%;
border-radius: 32px;
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.new-quiz .quiz__item-gradient {
background: rgba(255, 110, 3, 0.5);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 107, 0, 0.6)),
to(rgba(255, 195, 4, 0.2))
);
background: linear-gradient(to bottom, rgba(255, 107, 0, 0.6) 0%, rgba(255, 195, 4, 0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99ff6b00", endColorstr="#33ffc304", GradientType=0);
}
.new-quiz .quiz__item-gradient-bg {
background: #ff6e03;
background: -webkit-gradient(linear, left top, left bottom, from(#ff6e03), to(#ffa40c));
background: linear-gradient(to bottom, #ff6e03 0%, #ffa40c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6e03", endColorstr="#ffa40c", GradientType=0);
}
.new-quiz .quiz__item-gradient,
.new-quiz .quiz__item-gradient-bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transition: all 0.1s;
transition: all 0.1s;
opacity: 0;
}
.new-quiz .quiz__item-checks {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
margin-bottom: 8px;
}
.new-quiz .quiz__item-check {
width: 19px;
height: 19px;
border: 2px solid #1b2026;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
margin-right: 12px;
position: relative;
margin-top: 2px;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
.new-quiz .quiz__item-check:after {
content: '';
opacity: 0;
width: 20px;
height: 20px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/galka-icon.svg);
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.1s;
transition: all 0.1s;
position: absolute;
top: -5px;
left: 0px;
}
.new-quiz .quiz__item-name {
font-size: 20px;
font-family: 'RobotoBold', sans-serif;
line-height: 1.2;
}
.new-quiz .quiz__item-descr {
line-height: 18px;
font-size: 14px;
letter-spacing: 0.2px;
color: #717171;
}
.new-quiz .quiz__footer {
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
min-height: 180px; position: relative;
}
.new-quiz .quiz__footer-center {
width: 328px;
height: 328px;
background-color: #f0f0f0;
border-radius: 50%;
text-align: center;
padding-top: 55px;
position: absolute;
margin: auto;
top: 25px;
left: 0;
right: 0;
}
.new-quiz .quiz__footer-center p {
margin-top: 15px;
font-family: 'RobotoBold', sans-serif;
font-size: 22px;
letter-spacing: 1px;
}
.new-quiz .quiz__footer > .container {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.new-quiz .quiz__footer-h1 {
line-height: 40px;
font-size: 35px;
font-family: 'RobotoBold', sans-serif;
padding-top: 0;
margin-bottom: 20px;
}
.new-quiz .quiz__footer-left,
.new-quiz .quiz__footer-right {
max-width: 50%;
}
.new-quiz .quiz__footer-lwrap {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
height: 75px;
}
.new-quiz .quiz__footer-skidka {
width: 190px;
height: 75px;
margin-right: 15px;
position: relative;
border-radius: 20px;
overflow: hidden;
background: #ffc102;
background: -webkit-gradient(linear, left top, right top, from(#ffc102), to(#ff7701));
background: linear-gradient(to right, #ffc102 0%, #ff7701 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc102", endColorstr="#ff7701", GradientType=1);
}
.new-quiz .quiz__footer-skidka-inner {
width: 180px;
height: 65px;
line-height: 65px;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
font-size: 45px;
font-family: 'RobotoBold', sans-serif;
background-color: #f7f7f7;
border-radius: 15px;
}
.new-quiz .quiz__footer-skidka-inner span {
background: -webkit-gradient(linear, left top, left bottom, from(#ff7104), to(#ffa50c));
background: linear-gradient(#ff7104, #ffa50c);
background: -webkit-linear-gradient(#ff7104, #ffa50c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff6b00;
}
.new-quiz .quiz__footer-text1 {
width: 170px;
line-height: 22px;
font-size: 16px;
letter-spacing: 0.5px;
color: #717171;
font-family: 'RobotoBold', sans-serif;
}
.new-quiz .quiz__footer-right {
width: 325px;
height: 130px;
margin-top: 0;
margin-left: 62px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
position: relative;
}
.new-quiz .quiz__footer-progress {
width: 180px;
height: 22px;
background-color: #eee;
border-radius: 5px;
position: relative;
}
.new-quiz .quiz__footer-progress:after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
background:
linear-gradient(84.97deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(257.22deg, #ff6b00 2.46%, #ffd600 85.03%);
-webkit-box-shadow: 0px 5px 15px rgba(255, 125, 11, 0.4);
box-shadow: 0px 5px 15px rgba(255, 125, 11, 0.4);
border-radius: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.new-quiz .quiz__footer-quest {
line-height: 22px;
font-size: 22px;
font-family: 'RobotoBold', sans-serif;
letter-spacing: 0.5px;
height: 25px;
}
.new-quiz .quiz__footer-nextquest {
height: 69px;
margin-top: 10px;
}
.new-quiz .quiz__footer-nextquest-wrap {
height: 70px;
line-height: 68px;
padding: 2px;
}
.new-quiz .quiz__footer-nextquest-hover {
height: 69px;
}
.new-quiz .quiz__footer-prevquest {
display: none;
font-size: 22px;
line-height: 24px;
font-family: 'RobotoBold', sans-serif;
cursor: pointer;
color: #ff6b00;
border-bottom: 2px dashed #ff6b00;
position: absolute;
bottom: 72px;
right: -90px;
}
.new-quiz .quiz__footer-prevquest:hover {
border-color: transparent;
}
.new-quiz .quiz__final {
display: none;
width: 1600px;
height: 655px;
margin: 50px auto 0;
max-width: calc(100vw - 40px);
border-radius: 20px;
background-color: #fff;
}
.new-quiz .quiz__final-cont {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
position: relative;
overflow: hidden;
min-height: 100%;
}
.new-quiz .quiz__final-left {
width: 400px;
position: relative;
z-index: 5;
}
.new-quiz .quiz__final-bg {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
width: 820px;
height: 530px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/quiz/final_quiz.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center right;
}
.new-quiz .quiz__final-h1 {
line-height: 52px;
font-size: 48px;
color: #1b2026;
font-family: 'RobotoBold', sans-serif;
padding-top: 60px;
padding-bottom: 35px;
white-space: nowrap;
}
.new-quiz .quiz__final-h2 {
line-height: 30px;
font-size: 27px;
color: #717171;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 25px;
}
.new-quiz .quiz__final-tel {
width: 399px;
height: 60px;
line-height: 60px;
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 15px;
padding: 0 25px;
line-height: 22px;
font-size: 18px;
color: #999;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 5px;
}
.new-quiz .quiz__final-promocode {
width: 260px;
height: 45px;
line-height: 45px;
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 15px;
padding: 0 25px;
line-height: 22px;
font-size: 18px;
color: #999;
font-family: 'RobotoBold', sans-serif;
margin-bottom: -5px;
}
.new-quiz .quiz__final-p1 {
font-size: 14px;
line-height: 23px;
color: #717171;
margin-top: 8px;
margin-bottom: 3px;
}
.new-quiz .quiz__persskidka {
color: #717171;
font-size: 16px;
line-height: 1.4;
}
.quiz .check_inp,
#quiz-modal .check_inp {
position: absolute;
bottom: 0;
z-index: -1;
opacity: 0;
margin: 10px 0 0 20px;
}
.quiz .check_inp:checked ~ .quiz__item-wrap .quiz__item-gradient-bg,
.quiz .check_inp:checked ~ .quiz__item-wrap .quiz__item-gradient,
#quiz-modal .check_inp:checked ~ .quiz__item-wrap .quiz__item-gradient-bg,
#quiz-modal .check_inp:checked ~ .quiz__item-wrap .quiz__item-gradient {
opacity: 1;
}
.quiz .check_inp:checked ~ .quiz__item-wrap .quiz__item-check,
#quiz-modal .check_inp:checked ~ .quiz__item-wrap .quiz__item-check {
border-color: #ff6b00;
}
.quiz .check_inp:checked ~ .quiz__item-wrap .quiz__item-check:after,
#quiz-modal .check_inp:checked ~ .quiz__item-wrap .quiz__item-check:after {
opacity: 1;
}
.quiz .check_inp:checked ~ .quiz__item-wrap .quiz__item-name,
#quiz-modal .check_inp:checked ~ .quiz__item-wrap .quiz__item-name {
color: #ff6b00;
}
.quiz.new-quiz .quiz__item-wrap,
#quiz-modal .quiz__item-wrap {
display: block;
cursor: pointer;
margin-bottom: 10px;
}
#quiz-modal {
position: relative;
}
.quiz-modal {
margin: 60px auto;
}
.quiz-modal .new-quiz .quiz__form {
padding-top: 0 !important;
}
.orange-color {
color: #ff6b00;
}
.new-quiz .quiz__foot-step1 .new-quiz .quiz__footer-progress:after {
width: 20%;
}
.new-quiz .quiz__foot-step2 .new-quiz .quiz__footer-progress:after {
width: 40%;
}
.new-quiz .quiz__foot-step3 .new-quiz .quiz__footer-progress:after {
width: 60%;
}
.new-quiz .quiz__foot-step4 .new-quiz .quiz__footer-progress:after {
width: 80%;
}
.new-quiz .quiz__foot-step5 .new-quiz .quiz__footer-progress:after {
width: 100%;
}
.modal_not_check,
.modal_add_basket {
position: relative;
border-radius: 20px;
background-color: #f5f5f5;
width: 780px;
max-width: 95vw;
padding: 80px 20px;
}
.modal_not_check p,
.modal_add_basket p {
text-align: center;
font-size: 30px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 0;
}
.modal_not_check .box-modal_close,
.modal_add_basket .box-modal_close {
width: 30px;
height: 30px;
position: absolute;
top: 25px;
right: 25px;
cursor: pointer;
}
.modal_not_check .box-modal_close svg path,
.modal_add_basket .box-modal_close svg path {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.modal_not_check .box-modal_close:hover path,
.modal_add_basket .box-modal_close:hover path {
fill: #ff6b00;
}
.s2 {
padding-top: 70px;
overflow: hidden; }
.s2__h1 {
line-height: 57px;
font-size: 43px;
color: #1b2026;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 30px;
}
.s2__tabs {
position: relative;
height: 140px;
}
.s2__tabs-prev,
.s2__tabs-next,
.s2__tabs .s3__tabs-prev,
.s2__tabs .s3__tabs-next {
position: absolute;
width: 64px;
height: 45px;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
top: calc(50% - 22.5px);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.s2__tabs-prev,
.s2__tabs .s3__tabs-prev {
left: 0;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/prev-slider-icon.svg);
}
.s2__tabs-prev:hover,
.s2__tabs .s3__tabs-prev:hover {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.s2__tabs-next,
.s2__tabs .s3__tabs-next {
right: 0;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/next-slider-icon.svg);
}
.s2__tabs-next:hover,
.s2__tabs .s3__tabs-next:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.s2__tabs-line {
width: 100%;
height: 5px;
background-color: #fff;
border-radius: 4px;
position: relative;
overflow: hidden;
}
.s2__tabs-line-inner {
position: absolute;
width: 20%;
height: 5px;
background-color: #ff6b00;
background: linear-gradient(270.16deg, #ff6d03 0.28%, #ffa80d 100%);
border-radius: 10px;
top: 0;
left: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.s2__tabs-line-inner.i1 {
left: 0 !important;
}
.s2__tabs-line-inner.i2 {
left: 20% !important;
}
.s2__tabs-line-inner.i3 {
left: 40% !important;
}
.s2__tabs-line-inner.i4 {
left: 60% !important;
}
.s2__tabs-line-inner.i5 {
left: 80% !important;
}
.s2__tabs-wrap {
width: 1024px;
margin: 0 auto;
}
.s2__tabs-text {
height: 69px;
}
.s2__slider {
margin: auto;
}
.s2__slider-item {
width: 1600px;
max-width: 100%;
height: 595px;
margin: auto;
background-color: #fff;
position: relative;
border-radius: 20px;
}
.s2__slider-item:after,
.s2__slider-item:before {
content: '';
position: absolute;
height: 100%;
width: 400px;
border: 5px solid rgba(255, 255, 255, 0.4);
border-radius: 20px;
top: 0;
}
.s2__slider-item:before {
left: 0;
-webkit-transform: translateX(-115%);
transform: translateX(-115%);
border-left-color: transparent;
}
.s2__slider-item:after {
right: 0;
-webkit-transform: translateX(115%);
transform: translateX(115%);
border-right-color: transparent;
}
.s2 .owl-dots {
position: absolute;
top: -140px;
left: 0;
right: 0;
width: 1024px;
margin: 0 auto;
height: 54px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 15px;
}
.s2 .owl-dot {
width: 20%;
height: 74px;
text-align: center;
line-height: 25px;
font-size: 22px;
color: #999;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
position: relative;
font-family:
apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.s2 .owl-dot:hover {
color: #ff6b00;
}
.s2 .owl-dot.active {
font-family: 'RobotoBold', sans-serif;
color: #ff6b00;
background: -webkit-gradient(linear, left top, left bottom, from(#ff7104), to(#ffa50c));
background: linear-gradient(#ff7104, #ffa50c);
background: -webkit-linear-gradient(#ff7104, #ffa50c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.s2 .owl-dot.active:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 5px;
background-color: #ff6b00;
background: linear-gradient(270.16deg, #ff6d03 0.28%, #ffa80d 100%);
border-radius: 10px;
left: 0;
bottom: 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.s2 .owl-dot:after {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.s2 .owl-carousel .owl-stage-outer {
overflow: visible;
}
.s2__slide {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
height: 595px;
}
.s2__slide-left,
.s2__slide-right {
width: 50%;
}
.s2__slide-left {
padding-top: 75px;
padding-right: 30px;
position: relative;
z-index: 2;
}
.s2__slide-right {
height: 100%;
position: relative;
z-index: 1;
}
.s2__slide-caption {
height: 295px;
}
.s2__slide-h1 {
position: relative;
line-height: 48px;
font-size: 43px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 20px;
}
.s2__slide-numb {
position: absolute;
color: #dfdfdf;
left: -50px;
}
.s2__slide-h2 {
margin-bottom: 20px;
line-height: 22px;
font-size: 16px;
letter-spacing: 0.5px;
font-family: 'RobotoBold', sans-serif;
color: #717171;
}
.s2__slide-text {
color: #717171;
line-height: 22px;
font-size: 16px;
letter-spacing: 0.5px;
}
.s2__slide-bottom {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.s2__slide-bottom-col1 {
min-width: 219px;
width: 219px;
margin-left: -10px;
cursor: pointer;
}
.s2__slide-bottom-col2 {
min-width: 180px;
width: 180px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
padding-top: 25px;
position: relative;
}
.s2__slide-bottom-col2:after {
content: '';
width: 50px;
height: 60px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/strelka-lego.svg);
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
position: absolute;
top: -30px;
right: -30px;
}
.s2__slide-3 .s2__slide-bottom-col2:after {
top: -100px;
}
.s2__slide-bottom-col2 span,
.s2__slide-bottom-col2 a {
font-family: 'RobotoBold', sans-serif;
color: #fc9a0f;
line-height: 28px;
font-size: 22px;
border-bottom: 2px dashed #ffa50c;
cursor: pointer;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.s2__slide-bottom-col2 span:hover,
.s2__slide-bottom-col2 a:hover {
border-color: transparent;
}
.s2__slide-bottom-col3 {
padding-top: 0px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.s2__slide-bottom-col3 p {
line-height: 22px;
font-size: 16px;
color: #717171;
margin-bottom: 0;
}
.s2__slide-bottom-col3 a {
color: #ff6b00;
text-decoration: underline;
}
.s2__slide-bottom-col3 a:hover {
text-decoration: none;
}
.s2__slide-shashlik {
position: absolute;
bottom: 0;
left: -70px;
}
.s2__slide-shashlik img {
max-width: 1000px;
}
.s2__slide-rtext {
padding-left: 400px;
padding-top: 95px;
position: relative;
z-index: 2;
}
.s2__slide-rtext1 {
font-family: 'RobotoBold', sans-serif;
font-size: 30px;
margin-bottom: 15px;
}
.s2__slide-rtext2 {
font-family: 'RobotoBold', sans-serif;
line-height: 22px;
font-size: 16px;
color: #717171;
margin-bottom: 50px;
}
.s2__slide-circle {
width: 617px;
height: 617px;
background-color: #f7f7f7;
border-radius: 50%;
position: absolute;
top: 140px;
left: -40px;
}
.s2__slide-lego-slider {
margin: 0 auto;
width: 370px;
height: 580px;
position: relative;
bottom: 50px;
}
.s2__slide-lego-slider .owl-stage-outer {
overflow: hidden !important;
height: 100%;
}
.s2__slide-lego-slider .owl-stage,
.s2__slide-lego-slider .owl-item {
height: 100%;
}
.s2__slide-lego-slider .owl-nav {
margin: 0;
}
.s2__slide-lego-slider .owl-nav .owl-prev,
.s2__slide-lego-slider .owl-nav .owl-next {
margin: 0 20px;
width: 30px;
height: 20px;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition:
transform 0.2s ease,
-webkit-transform 0.2s ease;
}
.s2__slide-lego-slider .owl-nav .owl-prev {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/prev-slider-icon.svg) center/contain no-repeat;
}
.s2__slide-lego-slider .owl-nav .owl-next {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/next-slider-icon.svg) center/contain no-repeat;
}
.s2__slide-lego-slider .owl-nav .owl-prev:hover {
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/prev-slider-icon.svg) center/contain no-repeat;
}
.s2__slide-lego-slider .owl-nav .owl-next:hover {
-webkit-transform: translateX(3px);
transform: translateX(3px);
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/next-slider-icon.svg) center/contain no-repeat;
}
.s2__slide-lego {
width: 100%;
height: 100%;
}
.s2__slide-lego > img {
display: block !important;
width: 100% !important;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.s2__slide-cursor {
width: 145px;
height: 70px;
line-height: 22px;
font-size: 16px;
color: #717171;
position: absolute;
bottom: 55px;
right: 60px;
}
.s2__slide-cursor:before {
content: '';
width: 50px;
height: 60px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/strelka-lego.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -75px;
left: -25px;
}
.s2__slide-lego_item1,
.s2__slide-lego_item2 {
position: absolute;
}
.s2__slide-lego_item1 {
top: 250px;
left: -50px;
}
.s2__slide-lego_item2 {
top: 130px;
left: 670px;
}
.s2__slide-rightimg {
width: 50%;
height: 100%;
position: absolute;
top: 0;
left: 50%;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background-size: 90%;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
}
.s2__slide-rightimg1 {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/na_podstavke_left.jpg);
}
.s2__slide-rightimg4 {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/slide4_right.jpg);
background-size: cover;
left: 55%;
width: 35%;
}
.s2__slide-rightimg5 {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/slide5_right.jpg);
background-position: center left;
background-size: cover;
left: 50%;
width: 50%;
}
.s2__slide-1 .s2__slide-bottom-col2:after {
top: -50px;
right: 0;
}
.s2__slide-2 .s2__slide-bottom-col2 {
padding-left: 15px;
padding-top: 30px;
}
.s2__slide-1 .s2__slide-bottom-col2 {
width: 230px;
min-width: 230px;
padding-top: 0px;
}
.s2__slide-3 .s2__slide-bottom,
.s2__slide-2 .s2__slide-bottom,
.s2__slide-1 .s2__slide-bottom {
margin-top: 30px;
}
.s2__slide-4 .s2__slide-bottom-col2 {
width: 220px;
min-width: 220px;
}
.s2__slide-4 .s2__slide-bottom-col3 p,
.s2__slide-5 .s2__slide-bottom-col3 p {
margin-top: 5px;
}
.s2__slide-4 .s2__slide-shashlik {
left: -30px;
}
.s2__slide-5 .s2__slide-bottom-col1 {
margin-left: -50px;
}
.s2__slide-5 .s2__slide-bottom-col2 {
min-width: 230px;
padding-left: 15px;
padding-top: 0px;
}
.s2__slide-5 .s2__slide-bottom-col2:after {
display: none;
}
.s2__slide-5 .s2__slide-shashlik {
left: -30px;
}
.s2__slide-lego > div {
position: absolute;
-webkit-transition: all 1s;
transition: all 1s;
}
.truba1 {
z-index: 0;
left: 110px;
top: 9px;
}
.truba2 {
z-index: 1;
left: 124px;
top: 34px;
}
.truba3 {
z-index: 2;
left: 124px;
top: 101px;
}
.truba4 {
z-index: 3;
left: 68px;
top: 166px;
}
.truba5 {
z-index: 4;
left: 59px;
top: 233px;
}
.stenka1 {
z-index: 1;
top: 269px;
left: 39px;
}
.stenka2 {
z-index: 0;
top: 269px;
left: 126px;
}
.stenka3 {
z-index: 0;
top: 270px;
left: 193px;
}
.stenka4 {
z-index: 9;
top: 288px;
left: 225px;
}
.kirpich1 {
z-index: 1;
top: 327px;
left: 132px;
}
.kirpich2 {
z-index: 2;
top: 319px;
left: 168px;
}
.kirpich3 {
z-index: 3;
top: 336px;
left: 200px;
}
.kolosnik1 {
z-index: 4;
top: 346px;
left: 81px;
}
.kolosnik2 {
z-index: 4;
top: 356px;
left: 140px;
}
.reshetka1 {
z-index: 5;
top: 310px;
left: 60px;
}
.reshetka2 {
z-index: 7;
top: 353px;
left: 48px;
}
.dno {
z-index: 3;
top: 361px;
left: 45px;
}
.noga1 {
z-index: 2;
top: 397px;
left: 75px;
}
.noga2 {
z-index: 1;
top: 463px;
left: 70px;
}
.noga3 {
z-index: 0;
top: 441px;
left: 140px;
}
.s2__slide-lego:hover > div {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.s2__slide-lego .truba1 {
-webkit-transform: translate(0px, 73px);
transform: translate(0px, 73px);
}
.s2__slide-lego .truba2 {
-webkit-transform: translate(0px, 61px);
transform: translate(0px, 61px);
}
.s2__slide-lego .truba3 {
-webkit-transform: translate(0px, 48px);
transform: translate(0px, 48px);
}
.s2__slide-lego .truba4 {
-webkit-transform: translate(0px, 36px);
transform: translate(0px, 36px);
}
.s2__slide-lego .truba5 {
-webkit-transform: translate(0px, 21px);
transform: translate(0px, 21px);
}
.s2__slide-lego .stenka1 {
-webkit-transform: translate(35px, 13px);
transform: translate(35px, 13px);
}
.s2__slide-lego .stenka2 {
-webkit-transform: translate(1px, 8px);
transform: translate(1px, 8px);
}
.s2__slide-lego .stenka3 {
-webkit-transform: translate(-21px, 7px);
transform: translate(-21px, 7px);
}
.s2__slide-lego .stenka4 {
-webkit-transform: translate(-44px, -6px);
transform: translate(-44px, -6px);
}
.s2__slide-lego .kirpich1 {
-webkit-transform: translate(0px, 15px);
transform: translate(0px, 15px);
}
.s2__slide-lego .kirpich2 {
-webkit-transform: translate(-2px, 27px);
transform: translate(-2px, 27px);
}
.s2__slide-lego .kirpich3 {
-webkit-transform: translate(0px, 14px);
transform: translate(0px, 14px);
}
.s2__slide-lego .kolosnik1 {
-webkit-transform: translate(12px, 7px);
transform: translate(12px, 7px);
}
.s2__slide-lego .kolosnik2 {
-webkit-transform: translate(-2px, 5px);
transform: translate(-2px, 5px);
}
.s2__slide-lego .reshetka1 {
-webkit-transform: translate(-1px, 13px);
transform: translate(-1px, 13px);
}
.s2__slide-lego .reshetka2 {
-webkit-transform: translate(33px, -4px);
transform: translate(33px, -4px);
}
.s2__slide-lego .dno {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.s2__slide-lego .noga1 {
-webkit-transform: translate(-3px, -36px);
transform: translate(-3px, -36px);
}
.s2__slide-lego .noga2 {
-webkit-transform: translate(3px, -53px);
transform: translate(3px, -53px);
}
.s2__slide-lego .noga3 {
-webkit-transform: translate(-31px, -40px);
transform: translate(-31px, -40px);
}
.s3 .s2__slide-bottom-col2:after {
display: none;
}
.s3 {
margin-bottom: 120px;
}
.s3 .s2__h1,
.s3__h2,
.s3__h3 {
text-align: center;
}
.s3 .s2__h1 {
padding-left: 45px;
}
.s3__h2 {
font-size: 26px;
color: #333;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 25px;
}
.s3__h3 {
font-size: 22px;
color: #ff6b00;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 40px;
}
.s3 .owl-dot {
width: 25%;
font-size: 20px;
}
.s3 .s2__slide-rightimg {
left: 0;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.s3 .s2__slide-left {
padding-left: 80px;
}
.s3 .s3__slide-1 .s2__slide-rightimg {
background-size: 470px;
background-position: bottom right;
background-color: #fafafa;
}
.s3 .s3__slide-3 .s2__slide-bottom-col2,
.s3 .s3__slide-4 .s2__slide-bottom-col2 {
min-width: 320px;
padding-left: 15px;
cursor: default;
}
.s3 .s3__slide-3 .s2__slide-bottom-col2 span,
.s3 .s3__slide-4 .s2__slide-bottom-col2 span {
border: none;
cursor: default;
}
.s3__help {
display: inline-block;
cursor: pointer;
position: relative;
top: -10px;
left: 10px;
}
.s3__help-icon {
display: inline-block;
height: 35px;
width: 35px;
border-radius: 50%;
background-color: #fff;
text-align: center;
line-height: 35px;
color: #ff6b00;
font-family: 'RobotoBold', sans-serif;
font-size: 20px;
font-weight: bold;
}
.s3__help-content {
background-color: #fff;
position: absolute;
-webkit-box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.05);
border-radius: 10px;
width: 430px;
padding: 25px 35px;
line-height: 20px;
font-size: 16px;
letter-spacing: 0.5px;
right: 45px;
top: -5px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.95) translate(-15px, 0);
transform: scale(0.95) translate(-15px, 0);
opacity: 0;
visibility: hidden;
}
.s3__help-content:before {
content: '';
width: 7px;
height: 14px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/ugol-white-quest.svg);
position: absolute;
right: -7px;
top: 40px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.s3__help:hover .s3__help-content {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
}
.s3__slide-bottom-col1 {
width: 170px;
height: 140px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/oval-gradient.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.s3__slide-bottom-col1 img {
max-width: 80%;
max-height: 90%;
}
.s3 .s2__slide-bottom-col2.without-padding {
padding-top: 0;
}
.s3 .s2__slide-bottom-col2 {
padding-left: 10px;
}
.s3 .s2__slide-rightimg {
background-size: cover;
}
.s3 .s2__slide-2 .s2__slide-h1 {
font-size: 38px;
line-height: 45px;
}
.s3 .s2__slide-2 .s2__slide-caption {
height: auto;
}
.s3 .owl-carousel .owl-stage-outer {
overflow: hidden;
}
.s3__innerslider {
position: relative;
}
.s3__innerslider-item {
width: 100%;
height: 100%;
min-height: 595px;
background-size: cover;
background-position: center;
position: relative;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.s3__innerslider-texts {
margin-top: 30px;
}
.s3__innerslider-itemtext {
cursor: pointer;
width: 410px;
min-height: 65px;
padding: 10px 20px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: start;
-webkit-box-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-transition: all 0.25s;
transition: all 0.25s;
margin-bottom: 15px;
border: 1px solid #cacaca;
border-radius: 20px;
}
.s3__innerslider-itemtext.active {
-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-color: transparent;
}
.s3__innerslider-itemtext.active .s3__innerslider-numb,
.s3__innerslider-itemtext.active .s3__innerslider-text {
color: #ff6b00;
}
.s3__innerslider-text {
font-size: 13px;
line-height: 16px;
color: #717171;
letter-spacing: 0.2px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.s3__innerslider-numb {
font-size: 36px;
font-family: 'RobotoBold', sans-serif;
min-width: 34px;
line-height: 1;
color: #717171;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.s2__slide-2 .s2__slide-left {
padding-top: 35px;
}
.s2__slide-bottom-col1.sborka_popup {
position: relative;
width: 200px;
min-width: 200px;
height: 113px;
margin-right: 20px;
overflow: hidden;
}
.s2__slide-bottom-col1.sborka_popup video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.s2__slide-bottom-col1.sborka_popup:after {
content: '';
position: absolute;
width: 80px;
height: 60px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/orange-play.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: 65px;
top: 30px;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.s2__slide-bottom-col1.sborka_popup:hover:after {
-webkit-transform: scale(0.96);
transform: scale(0.96);
}
.s3 .s3__slide-3 .s2__slide-bottom-col2 {
padding-left: 45px;
}
.box-modal_close {
width: 30px;
height: 30px;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
}
.box-modal_close svg path {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.box-modal_close:hover path {
fill: #ff6b00;
}
.examples_popup_block {
width: 1200px;
height: auto;
position: relative;
}
.examples_popup_block .box-modal_close {
top: -40px;
right: -40px;
}
.examples_popup_block .examples_popup-item {
text-align: center;
}
.examples_popup_block .examples_popup-item img {
max-height: 90vh;
}
.examples_popup_block .examples_popup-prev,
.examples_popup_block .examples_popup-next {
position: absolute;
width: 64px;
height: 45px;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
top: calc(50% - 22.5px);
-webkit-transition: all 0.2s;
transition: all 0.2s;
z-index: 5;
}
.examples_popup_block .examples_popup-prev {
left: -75px;
}
.examples_popup_block .examples_popup-prev:hover {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.examples_popup_block .examples_popup-next {
right: -75px;
}
.examples_popup_block .examples_popup-next:hover {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
.sertificate_popup_block {
width: auto;
height: auto;
position: relative;
background-color: #fff;
}
.sertificate_popup_block .box-modal_close {
top: -40px;
right: -40px;
}
.sborka_popup_block,
.video_popup {
position: relative;
background-color: #111;
width: 1200px;
height: auto;
max-width: 95vw;
max-height: 90vh;
}
.video_popup__iframe-error {
padding: 32px 20px;
color: #ffffff;
font-size: 18px;
line-height: 1.2;
text-align: center;
}
.callback-modal-img {
text-align: center;
}
.callback-modal-img img {
max-height: 380px;
display: inline-block;
}
#opt-modal .wait-modal__h1 {
margin-bottom: 10px;
}
#opt-modal .wait-modal {
min-height: 435px;
}
#opt-modal .wait-modal__right {
padding-top: 40px;
}
#zayavka-modal .wait-modal {
min-height: 470px;
}
.s2__slide-2 .s2__slide-shashlik {
bottom: 30px;
left: -52px;
}
.s2__slide-2 .s2__slide-shashlik img {
max-width: 500px;
}
.sertificate_popup_block {
max-height: 90vh;
}
.sertificate_popup_block img {
max-height: 90vh;
}
.sertificate_popup-wrapper {
position: relative;
width: 1280px;
max-width: 95vw;
}
.sertificate_popup-img {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/popup_razrez.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
max-width: 95vw;
width: 720px;
height: 720px;
margin: auto;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.sertificate_popup-img:hover {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/popup_razrez_hover.jpg);
}
#installment-modal,
#defender-modal,
#callback-modal,
#vistavka-modal {
text-align: center;
}
#installment-modal .wait-modal__right,
#defender-modal .wait-modal__right,
#callback-modal .wait-modal__right,
#vistavka-modal .wait-modal__right {
padding: 70px 50px;
min-width: 400px;
}
#installment-modal .wait-modal,
#defender-modal .wait-modal,
#callback-modal .wait-modal,
#vistavka-modal .wait-modal {
width: 450px;
min-height: 450px;
}
#installment-modal .wait-modal .box-modal_close,
#defender-modal .wait-modal .box-modal_close,
#callback-modal .wait-modal .box-modal_close,
#vistavka-modal .wait-modal .box-modal_close {
top: 25px;
right: 28px;
}
#installment-modal .wait-modal__h2,
#defender-modal .wait-modal__h2,
#callback-modal .wait-modal__h2,
#vistavka-modal .wait-modal__h2 {
font-size: 38px;
}
.s4 {
padding-top: 88px;
max-width: 100vw;
overflow: hidden;
}
.s4.s4--sets {
padding: 80px 0 0;
margin-bottom: 48px;
}
.s4__container {
position: relative;
max-width: 1080px;
}
.s4__bg1,
.s4__bg2,
.s4__bg3,
.s4__bg4 {
position: absolute;
z-index: 0;
opacity: 0.85;
}
.s4__bg1 {
left: -660px;
top: 20px;
}
.s4__bg2 {
top: 380px;
right: -820px;
}
.s4__bg3 {
bottom: 5%;
left: -580px;
}
.s4__bg4 {
bottom: 5%;
right: -480px;
}
.s4__h1 {
font-family: 'RobotoBold', sans-serif;
line-height: 50px;
font-size: 45px;
margin-bottom: 40px;
position: relative;
z-index: 3;
text-align: center;
}
.s4__prod {
position: relative;
z-index: 3;
}
.s4__prod-skidka {
display: none;
position: absolute;
text-align: center;
border: 2px solid #4caf50;
border-radius: 15px;
padding: 10px;
background: #fff;
right: 10px;
top: 60px;
font-size: 11px;
line-height: 14px;
font-weight: bold;
color: #4caf50;
}
.s4__prod-wrap {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
margin-top: 24px;
margin-bottom: 88px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s4__prod-wrap.s4__prod-wrap--sets {
margin-bottom: 20px;
}
.s4__prod-item {
padding-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
width: 330px;
border-radius: 20px;
position: relative;
margin: 0 20px 24px 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.s4__prod-item._active[data-product-color] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-catalog__col-small .product-item-small {
background-color: #fff;
border-radius: 20px;
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.section-catalog__col-small .product-item-small__price {
width: 45%;
padding: 0 10px 0 0;
}
@media screen and (min-width: 960px) {
.s4__prod-item:hover,
.section-catalog__col-small .product-item-small:hover {
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
-webkit-transform: scale(1.02);
transform: scale(1.02);
z-index: 5;
}
}
.s4__prod-item._saleinfo .s4__prod-bottom {
display: block;
}
.s4__prod-item._selectColor .s4__prod-colors {
display: block;
}
.s4__prod-colors {
display: none;
position: absolute;
top: 40px;
left: 8px;
z-index: 2;
}
.s4__prod-colors > span {
margin: 0px 0px 10px 0px;
display: inline-block;
color: #000000;
font-family: 'RobotoMedium';
font-size: 12px;
line-height: 1.4;
}
.s4__prod-colors-btn {
display: block;
position: relative;
width: auto;
min-width: 65px;
border: 0;
outline: none;
background: none;
text-align: left;
cursor: pointer;
}
.s4__prod-colors-btn::after {
content: '';
position: absolute;
top: 7px;
right: 0;
width: 0;
height: 0;
border-top: 9px solid transparent;
border-left: 16px solid #e1e1e1;
border-bottom: 9px solid transparent;
}
.s4__prod-colors-btn:hover > span:last-child {
color: #000000;
text-decoration: underline;
}
.s4__prod-colors-btn.active::after {
border-left: 16px solid #ff6b00;
}
.s4__prod-colors-btn > span:first-child {
position: relative;
display: block;
width: 42px;
height: 33px;
border-radius: 10px;
overflow: hidden;
}
.s4__prod-colors-btn > span:first-child::before {
content: '';
position: absolute;
top: -5px;
left: -20px;
width: 1px;
height: calc(100% + 10px);
z-index: 1;
background-color: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 3px 6px rgba(255, 255, 255, 0.6);
box-shadow: 0 0 3px 6px rgba(255, 255, 255, 0.6);
-webkit-animation: colorBtnBlick 4s ease-in-out 0s infinite;
animation: colorBtnBlick 4s ease-in-out 0s infinite;
}
.s4__prod-colors-btn > span:last-child {
color: #4d4d4d;
font-family: 'RobotoLight';
font-size: 12px;
line-height: 1.4;
}
.s4__prod-colors-btn[data-filter-color='brick'] {
margin: 0px 0px 10px 0px;
}
.s4__prod-colors-btn[data-filter-color='brick'] > span:first-child {
background-color: #f5c980;
}
.s4__prod-colors-btn[data-filter-color='white'] > span:first-child {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px rgba(23, 23, 23, 0.25);
box-shadow: 0px 0px 10px rgba(23, 23, 23, 0.25);
}
.s4__prod-colors-btn[data-filter-color='white'] > span:first-child::before {
background-color: rgba(240, 240, 240, 0.6);
-webkit-box-shadow: 0 0 3px 6px rgba(240, 240, 240, 0.6);
box-shadow: 0 0 3px 6px rgba(240, 240, 240, 0.6);
}
.s4__prod-rassrochka {
position: absolute;
width: 78px;
height: 78px;
line-height: 1.4;
text-align: center;
top: 40px;
right: 20px;
z-index: 4;
cursor: pointer;
border: 1px solid #ff6b00;
border-radius: 50%;
background-color: #fff;
cursor: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.s4__prod-rassrochka > span {
padding: 10px 0px 0px 0px;
display: inline-block;
color: #000000;
font-size: 12px;
font-family: 'RobotoBold', sans-serif;
}
.s4__prod-rassrochka:hover .s4__prod-rass-block {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.s4__prod-rass-block {
position: absolute;
background-color: #fff;
width: 380px;
padding: 30px;
-webkit-box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.05);
border-radius: 10px;
text-align: left;
z-index: 9;
-webkit-transform: translateX(-108%);
transform: translateX(-108%);
left: -5px;
top: -35px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
}
.s4__prod-rass-block p {
line-height: 20px;
font-size: 16px;
letter-spacing: 0.5px;
margin-bottom: 25px;
}
.s4__prod-rass-block:after {
content: '';
position: absolute;
right: -7px;
top: 38px;
width: 12px;
height: 18px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/ugol-white-quest.svg);
background-size: contain;
background-repeat: no-repeat;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.s4__prod-rass-h2 {
font-family: 'RobotoBold', sans-serif;
line-height: 31px;
font-size: 30px;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.s4__prod-rass-item {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-bottom: 10px;
}
.s4__prod-rass-item img {
margin-right: 10px;
}
.s4__prod-rass-item span {
font-family: 'RobotoBold', sans-serif;
line-height: 23px;
font-size: 22px;
letter-spacing: 0.5px;
}
.s4__prod-iamges {
position: relative;
}
.s4__prod-addtocart-btn.addtocart-btn {
position: absolute;
bottom: 10px;
right: 25px;
width: 46px;
height: 46px;
z-index: 2;
}
.s4 .inner {
padding-top: 80px;
padding-bottom: 40px;
z-index: 10;
position: relative;
}
@media screen and (max-width: 575.98px) {
.s4 .inner {
padding-top: 60px;
}
}
.section-catalog__btn .button-red:hover {
color: #fff;
}
.arcticmodal-container #quiz-modal {
max-width: max-content;
}
.section-contacts,
.site-footer {
background-color: #fff;
}
.site-footer .site-logo {
margin-bottom: 24px;
}
.site-footer__tinkoff-btn.button-red {
padding: 0 20px;
width: 200px;
height: 52px;
}
@media screen and (max-width: 1470px) {
.s4__prod-addtocart-btn.addtocart-btn {
right: 0;
}
}
.s4__prod-img {
display: none;
height: 400px;
padding-top: 30px;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
overflow: hidden;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.s4__prod-img.active {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-animation: fadeIn 0.4s ease 0s forwards;
animation: fadeIn 0.4s ease 0s forwards;
}
.s4__prod-img img {
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.s4__prod-title,
.product-item-small .product-item-small__title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 28px;
line-height: 1.1;
font-family: 'RobotoBold', sans-serif;
padding: 12px 28px 12px;
text-align: center;
}
.s4__prod-title {
padding-bottom: 24px;
}
.s4__prod-btn-wrap {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
padding: 0 28px;
}
.s4__prod-price {
display: none;
min-width: 155px;
font-family: 'RobotoBold', sans-serif;
}
.s4__prod-price.active {
display: block;
-webkit-animation: fadeIn 0.4s ease 0s forwards;
animation: fadeIn 0.4s ease 0s forwards;
}
.s4__prod-price-new {
font-size: 28px;
line-height: 20px;
margin-top: 5px;
}
.product-item-small__price span {
font-size: 28px;
}
.product-item-small__price span:first-child {
display: block;
}
.s4__prod-price-old {
display: inline-block;
line-height: 1;
font-size: 20px;
letter-spacing: 0.5px;
color: #717171;
position: relative;
}
.product-item-small__price span:nth-child(2),
.product-item__price span:nth-child(2) {
display: inline-block;
font-size: 20px;
color: #717171;
position: relative;
}
.s4__prod-price-old:after,
.product-item-small__price span:nth-child(2):after,
.product-item__price span:nth-child(2):after {
content: '';
height: 2px;
width: 105%;
background: #999;
border-radius: 4px;
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
position: absolute;
top: 0.4em;
left: -2.7%;
}
.s4 .s4__prod-wrap .btn-gradient,
.s4 .s4__other-btn.btn-gradient,
.section-catalog__small .btn-gradient {
margin: 0;
width: 133px;
height: 45px;
line-height: 44px;
}
.section-catalog__small .btn-gradient-wrap {
font-size: 18px;
height: 45px;
line-height: 44px;
padding: 0;
}
a.s4__btn-wrap {
text-decoration: none;
color: #9b0c00;
}
.s4 .s4__prod-wrap .btn-gradient-wrap,
.s4 .s4__prod-wrap .btn-gradient-hover,
.s4 .s4__prod-wrap .btn-gradient,
.s4 .s4__other-btn .btn-gradient-wrap,
.s4 .s4__other-btn .btn-gradient-hover,
.s4 .s4__other-btn.btn-gradient {
height: 50px;
line-height: 51px;
padding: 2px;
}
.s4 .s4__prod-wrap .btn-gradient-wrap {
line-height: 47px;
}
.s4 .s4__prod-wrap .btn-gradient-wrap,
.s4 .s4__other-btn .btn-gradient-wrap {
font-size: 20px;
}
.s4__prod-bottom {
display: none;
padding: 0 15px;
margin: 20px 0 10px;
text-align: center;
}
.s4__prod-bottom-txt {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: red;
font-family: 'RobotoBold', sans-serif;
font-size: 14px;
}
.s4__prod-bottom-info {
margin: 0px 7px 0px 0px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 23px;
flex: 0 0 23px;
width: 23px;
height: 23px;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/info-circle.svg) center/100% 100% no-repeat;
border-radius: 50%;
} .s4__prod-bottom-tooltip {
padding: 10px;
position: absolute;
top: calc(100% + 10px);
left: -11px;
width: 170px;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
z-index: 2;
display: block;
color: #000;
font-size: 12px;
font-family: 'RobotoBold', sans-serif;
text-align: center;
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: transform;
-webkit-transition:
opacity 0.3s ease,
visibility 0.3s ease,
-webkit-transform 0.3s ease;
transition:
opacity 0.3s ease,
visibility 0.3s ease,
-webkit-transform 0.3s ease;
transition:
transform 0.3s ease,
opacity 0.3s ease,
visibility 0.3s ease;
transition:
transform 0.3s ease,
opacity 0.3s ease,
visibility 0.3s ease,
-webkit-transform 0.3s ease;
}
.s4__promo {
width: 1600px;
max-width: 100vw;
min-height: 330px;
margin: 0 auto 65px;
background-color: #f7f7f7;
border-radius: 20px;
position: relative;
}
.s4__promo-overflow {
overflow: hidden;
}
.s4__promo-circle-wrap {
position: absolute;
max-width: 100%;
width: 1400px;
height: 100%;
min-height: 100%;
overflow: hidden;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.s4__promo-circlebg {
width: 1289px;
height: 1289px;
border-radius: 50%;
background-color: #fff;
position: absolute;
left: 370px;
top: -300px;
}
.s4__promo-cont {
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.s4__promo-left {
margin-right: 20px;
width: 450px;
font-family: 'RobotoBold', sans-serif;
min-height: 330px;
}
.s4__promo-p1 {
margin-top: 35px;
line-height: 70px;
font-size: 50px;
}
.s4__promo-p2 {
line-height: 77px;
font-size: 48px;
position: relative;
}
.s4__promo-p3 {
position: absolute;
top: 70px;
left: 250px;
line-height: 22px;
font-size: 25px;
letter-spacing: 0.5px;
color: #717171;
}
.s4__promo-btn {
width: 325px;
margin-bottom: 0;
margin-top: 20px;
}
.s4__promo-btn-wrap,
.s4__promo-btn-hover {
width: 325px;
}
.s4__promo-right {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
max-width: 600px;
position: relative;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-align: end;
-webkit-box-align: end;
align-items: flex-end;
margin-right: 80px;
}
.s4__promo-right-content {
margin-bottom: 25px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
position: relative;
z-index: 2;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between; }
.s4__promo-right p {
font-size: 14px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 10px;
margin-right: 20px;
}
.s4__promo-slider {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: -75px;
z-index: 1;
}
.s4__promo-slider .owl-stage-outer,
.s4__promo-slider .owl-stage,
.s4__promo-slider .owl-item {
height: 100%;
}
.s4__promo-slide {
width: 100%;
height: 100%;
}
.s4__promo-slide img {
display: block;
width: 100% !important;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.s4__promo-slider .owl-nav {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
bottom: 30%;
left: -40px;
width: calc(100% + 80px);
pointer-events: none;
}
.s4__promo-slider .owl-nav .owl-prev,
.s4__promo-slider .owl-nav .owl-next {
margin: 0;
width: 30px;
height: 20px;
pointer-events: all;
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
transition:
transform 0.2s ease,
-webkit-transform 0.2s ease;
}
.s4__promo-slider .owl-nav .owl-prev {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/prev-slider-icon.svg) center/contain no-repeat;
}
.s4__promo-slider .owl-nav .owl-next {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/next-slider-icon.svg) center/contain no-repeat;
}
.s4__promo-slider .owl-nav .owl-prev:hover {
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/prev-slider-icon.svg) center/contain no-repeat;
}
.s4__promo-slider .owl-nav .owl-next:hover {
-webkit-transform: translateX(3px);
transform: translateX(3px);
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/next-slider-icon.svg) center/contain no-repeat;
}
.s4__promo-bottom {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
color: red;
font-size: 18px;
font-family: 'RobotoBold', sans-serif;
text-align: center;
}
.s4__promo-item {
position: relative;
}
.s4__promo-item:nth-child(1) .s4__promo-img img {
left: -100px;
bottom: -110px;
}
.s4__promo-item:nth-child(2) .s4__promo-img img {
left: -84px;
bottom: -103px;
}
.s4__promo-item:nth-child(3) .s4__promo-img img {
left: -115px;
bottom: -45px;
}
.s4__promo-item:nth-child(1) {
margin-right: 80px;
}
.s4__promo-item:nth-child(2) {
margin-right: 70px;
}
.s4__promo-item:nth-child(1),
.s4__promo-item:nth-child(2) {
position: relative;
}
.s4__promo-item:nth-child(1):after,
.s4__promo-item:nth-child(2):after {
content: '';
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/plus-icon.svg);
width: 28px;
height: 28px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 116px;
right: -53px;
}
.s4__promo-img {
height: 205px;
position: relative;
}
.s4__promo-img img {
position: absolute;
max-width: 500px;
}
.s4__promo-title,
.s4__promo-price {
display: inline-block;
line-height: 34px;
padding: 0 10px;
background-color: #fff;
font-family: 'RobotoBold', sans-serif;
position: relative;
z-index: 5;
}
.s4__promo-title {
font-size: 22px;
}
.s4__promo-price {
font-size: 24px;
position: relative;
}
.s4__promo-price:after {
content: '';
height: 3px;
width: 75%;
background: #111;
border-radius: 4px;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
position: absolute;
top: 17px;
left: 4px;
}
.s4__promo-oldprice {
position: relative;
z-index: 5;
display: inline-block;
font-family: 'RobotoBold', sans-serif;
padding: 0 10px;
line-height: 22px;
font-size: 18px;
letter-spacing: 0.5px;
color: #717171;
position: relative;
margin-top: 4px;
}
.s4__promo-oldprice:after {
content: '';
height: 3px;
width: 90%;
background: #999;
border-radius: 4px;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
position: absolute;
top: 10px;
left: 5px;
}
.s4__other {
position: relative;
z-index: 3;
}
.s4__other .container {
position: relative;
}
.s4__other-h1 {
line-height: 57px;
font-size: 45px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 65px;
position: relative;
z-index: 3;
}
.s4__other-wrap {
display: block;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 3;
}
.section-catalog__container.s4__other-wrap {
display: flex;
}
.s4__other-wrap.active {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-animation: fadeIn 0.4s ease 0s forwards;
animation: fadeIn 0.4s ease 0s forwards;
}
.s4__other-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 292px;
min-height: 396px;
background-color: #fff;
border-radius: 20px;
padding: 12px 12px 30px;
margin-bottom: 11px;
margin-right: 10px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.s4__other-item:hover {
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}
.s4__other-item:nth-child(4n) {
margin-right: 0;
}
.s4__other-item._saleinfo .s4__other-bottom {
display: block;
}
.s4__other-item-img {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
height: 238px;
text-align: center;
overflow: hidden;
}
.s4__other-item-img img {
max-height: 100%;
}
.s4__other-item-title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
font-size: 28px;
line-height: 1.1;
text-align: center;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 24px;
}
.s4__other-item .s4__other-btn.btn-gradient {
margin: auto;
}
.s4__other-bottom {
display: none;
margin: 25px 0 -10px;
text-align: center;
}
.s4__other-bottom-txt {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: red;
font-family: 'RobotoBold', sans-serif;
font-size: 14px;
}
.s4__other-bottom-info {
margin: 0px 7px 0px 0px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 23px;
flex: 0 0 23px;
width: 23px;
height: 23px;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/info-circle.svg) center/100% 100% no-repeat;
border-radius: 50%;
} .s4__other-bottom-tooltip {
padding: 10px;
position: absolute;
top: calc(100% + 10px);
left: -11px;
width: 170px;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
z-index: 2;
display: block;
color: #000;
font-size: 12px;
font-family: 'RobotoBold', sans-serif;
text-align: center;
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: transform;
-webkit-transition:
opacity 0.3s ease,
visibility 0.3s ease,
-webkit-transform 0.3s ease;
transition:
opacity 0.3s ease,
visibility 0.3s ease,
-webkit-transform 0.3s ease;
transition:
transform 0.3s ease,
opacity 0.3s ease,
visibility 0.3s ease;
transition:
transform 0.3s ease,
opacity 0.3s ease,
visibility 0.3s ease,
-webkit-transform 0.3s ease;
}
#promo3in1-modal .promo3in1-modal__images img._brickColor {
display: block;
}
#promo3in1-modal .promo3in1-modal__images img._whiteColor {
display: none;
}
#promo3in1-modal[data-promo-color='white'] .promo3in1-modal__images img._brickColor {
display: none;
}
#promo3in1-modal[data-promo-color='white'] .promo3in1-modal__images img._whiteColor {
display: block;
}
#promo3in1-modal .s4__promo-img img {
max-width: 170px;
}
#promo3in1-modal .s4__promo-right {
margin-left: 45px;
margin-right: 0;
padding-top: 375px;
max-width: 100%;
}
#promo3in1-modal .s4__promo-right img {
display: block;
position: absolute;
width: 95%;
left: 0;
bottom: 85px;
z-index: 1;
object-fit: contain;
}
#promo3in1-modal .s4__promo-item:nth-child(1) {
margin-right: 60px;
}
#promo3in1-modal .s4__promo-item:nth-child(2) {
margin-right: 80px;
}
#birthday-modal .wait-modal__h2,
#promo3in1-modal .wait-modal__h2 {
margin-bottom: 60px;
}
#birthday-modal .wait-modal__left,
#promo3in1-modal .wait-modal__left {
padding: 0 35px;
min-width: 53%;
}
#birthday-modal .wait-modal__right,
#promo3in1-modal .wait-modal__right {
padding: 53px 85px 60px 68px;
min-width: 47%;
width: 100%;
}
#promo3in1-modal .s4__promo-title {
font-size: 17px;
line-height: 24px;
}
#promo3in1-modal .s4__promo-price {
font-size: 20px;
line-height: 26px;
}
#promo3in1-modal .s4__promo-price:after {
display: none;
}
#promo3in1-modal .s4__promo-oldprice {
font-size: 16px;
line-height: 20px;
}
#promo3in1-modal .s4__promo-item:nth-child(1) .s4__promo-img img {
left: -45px;
bottom: -30px;
}
#promo3in1-modal .s4__promo-item:nth-child(2) .s4__promo-img img {
left: -54px;
bottom: -50px;
}
#promo3in1-modal .s4__promo-item:nth-child(3) .s4__promo-img img {
left: -61px;
bottom: 6px;
}
#promo3in1-modal .s4__promo-item:nth-child(1):after {
right: -15px;
}
#promo3in1-modal .s4__promo-item:nth-child(2):after {
right: -38px;
}
#promo3in1-modal .s4__promo-oldprice:after {
top: 8px;
}
#birthday-modal .wait-modal,
#promo3in1-modal .wait-modal {
min-height: 460px;
}
#birthday-modal .wait-modal__left img {
width: 100%;
height: 100%;
object-fit: contain;
}
.opt-modal__left {
padding-left: 0;
padding-top: 0;
}
.opt-modal__left img {
max-height: 1000px;
}
.rassrochka_popup {
position: relative;
width: 580px;
max-width: 95vw;
background-color: #fff;
border-radius: 20px;
padding: 50px;
margin: 60px auto;
}
.rassrochka_popup__h1 {
line-height: 35px;
font-size: 35px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 25px;
}
.rassrochka_popup p {
line-height: 20px;
font-size: 16px;
color: #717171;
margin-bottom: 0;
}
.rassrochka_popup__banks {
padding: 35px 0;
}
.rassrochka_popup__banks img {
margin-right: 25px;
}
.rassrochka_popup ul {
margin-bottom: 0;
}
.rassrochka_popup li {
position: relative;
padding-left: 16px;
color: #717171;
margin-bottom: 3px;
}
.rassrochka_popup li:after {
content: '';
position: absolute;
width: 5px;
height: 5px;
background: -webkit-gradient(linear, left top, left bottom, from(#ff6d03), to(#ffa80d));
background: linear-gradient(180deg, #ff6d03 0%, #ffa80d 100%);
border-radius: 50%;
left: 3px;
top: 8px;
}
.rassrochka_popup__h2 {
margin-top: 35px;
margin-bottom: 10px;
font-size: 22px;
line-height: 1;
font-family: 'RobotoBold', sans-serif;
}
.rassrochka_popup__link {
display: inline-block;
margin: 15px 0;
color: #ff6b00;
text-decoration: underline;
}
.rassrochka_popup__link:hover {
text-decoration: none;
}
.rassrochka_popup__bot {
text-align: center;
padding-top: 15px;
}
.rassrochka_popup__bot p {
font-family: 'RobotoBold', sans-serif;
font-size: 22px;
color: #ff6b00;
margin-top: 8px;
}
.tovar-modal._oldprice .prodpopup__main-oldprice {
display: inline-block;
}
.tovar-modal._saleinfo .discount-badge,
.tovar-modal._saleinfo .prodpopup__main-price-info {
display: block;
}
.tovar-modal._selectColor .prodpopup__main-colors {
display: block !important;
}
#tovar1-modal,
#tovar2-modal,
#tovar3-modal,
#tovar4-modal,
#tovar5-modal,
#tovar6-modal,
#tovar7-modal,
#tovar8-modal,
#tovar10-modal,
#tovar11-modal,
#tovar12-modal,
#tovar13-modal {
position: relative;
}
.prodpopup-blackfriday {
position: absolute;
top: 35%;
right: 15px;
width: 160px;
height: 160px;
z-index: 3;
text-align: center;
background:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/blackfriday-bage-bg.png) center/cover no-repeat,
#000;
border-radius: 50%;
}
.prodpopup-blackfriday img {
margin-top: -30px;
width: 60%;
}
.prodpopup-blackfriday__pretitle {
color: #ffdd09;
font-size: 14px;
font-weight: 700;
}
.prodpopup-blackfriday__title {
margin-bottom: 5px;
color: #fff;
font-size: 24px;
font-weight: 700;
}
.prodpopup-blackfriday__link {
display: inline-block;
color: #9b0c00;
font-size: 16px;
font-weight: 700;
line-height: 1;
}
.prodpopup {
background-color: #fff;
border-radius: 20px;
width: 1095px;
min-height: 700px;
position: relative;
overflow: hidden;
margin: 50px auto;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.prodpopup__left {
width: 585px;
min-width: 585px;
min-height: 700px;/*/*/padding: 10px;
position: relative;
}
.prodpopup__left-slider {
display: none;
}
.prodpopup__left-slider.active {
display: block;
-webkit-animation: fadeIn 0.4s ease 0s forwards;
animation: fadeIn 0.4s ease 0s forwards;
}
.prodpopup__komplektphoto {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 7;
background-color: #fff;
padding: 40px;
text-align: center;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateX(-110%);
transform: translateX(-110%);
}
.prodpopup__komplektphoto img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.prodpopup__komplektphoto.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.prodpopup__mainphoto {
background-size: contain;
background-position: center;
background-repeat: no-repeat;/*/*/height: 655px;
width: 100%;
}
.prodpopup__thumb {
padding: 0 30px 30px;
margin-top: 10px;
max-width: 535px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-height: 150px;
overflow-x: auto;
white-space: nowrap;
}
.prodpopup__thumb-item {
display: inline-block;
width: auto;
height: 120px;
margin: 0 15px;
position: relative;
-webkit-transition: all 0.25s;
transition: all 0.25s;
padding-bottom: 15px;
cursor: pointer;
}
.prodpopup__thumb-item img {
max-height: 95%;
}
.prodpopup__thumb-item:hover {
opacity: 0.75;
}
.prodpopup__thumb-item.active:after {
content: '';
width: 100%;
height: 5px;
border-radius: 5px;
background-color: #ff6b00;
position: absolute;
left: 0;
bottom: 20px;
opacity: 0;
}
.prodpopup .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.prodpopup .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #ff6b00;
}
.prodpopup .mCSB_scrollTools .mCSB_draggerRail {
background-color: rgba(0, 0, 0, 0.2);
}
.prodpopup .mCustomScrollbar,
.prodpopup .mCustomScrollbar.mCS_touch_action,
.prodpopup .mCustomScrollbar.mCS_touch_action .mCS-aviva.mCSB_scrollTools {
-ms-touch-action: auto;
touch-action: auto;
}
.prodpopup .mCustomScrollBox {
-ms-touch-action: pan-x pinch-zoom;
touch-action: pan-x pinch-zoom;
}
.prodpopup .mCustomScrollBox.mCSB_vertical_horizontal {
-ms-touch-action: pinch-zoom;
touch-action: pinch-zoom;
}
.prodpopup .mCustomScrollBox.mCSB_horizontal {
-ms-touch-action: pan-y pinch-zoom;
touch-action: pan-y pinch-zoom;
}
.prodpopup__right {
min-height: 700px;
width: 510px;
background-color: #eee;
padding: 50px 65px;
position: relative;
}
.prodpopup__main {
position: relative;
z-index: 1;
}
.prodpopup__main-title {
line-height: 41px;
font-size: 35px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 15px;
}
.prodpopup__main-options {
margin-bottom: 35px;
}
.prodpopup__main-options p {
margin-bottom: 0;
font-family: 'RobotoBold', sans-serif;
line-height: 22px;
font-size: 16px;
color: #717171;
}
.prodpopup__main-colors {
margin: 0px 0px 35px 0px;
display: none;
}
.prodpopup__main-colors > p {
margin: 0px 0px 15px 0px;
font-family: 'RobotoBold', sans-serif;
font-size: 18px;
}
.prodpopup__main-colors-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.prodpopup__main-colors-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 0;
outline: none !important;
background: none;
text-align: left;
cursor: pointer;
}
.prodpopup__main-colors-btn:not(:last-child) {
margin: 0px 30px 0px 0px;
}
.prodpopup__main-colors-btn:hover > span:last-child {
color: #000000;
text-decoration: underline;
}
.prodpopup__main-colors-btn.active > span:first-child {
border: 2px solid #ff8024;
}
.prodpopup__main-colors-btn > span:first-child {
margin: 0px 10px 0px 0px;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 63px;
flex: 0 0 63px;
width: 63px;
height: 27px;
border-radius: 10px;
border: 2px solid transparent;
overflow: hidden;
}
.prodpopup__main-colors-btn > span:first-child::before {
content: '';
position: absolute;
top: -5px;
left: -20px;
width: 1px;
height: calc(100% + 10px);
z-index: 1;
background-color: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 3px 6px rgba(255, 255, 255, 0.6);
box-shadow: 0 0 3px 6px rgba(255, 255, 255, 0.6);
-webkit-animation: colorBtnBlickModal 4s ease-in-out 0s infinite;
animation: colorBtnBlickModal 4s ease-in-out 0s infinite;
}
.prodpopup__main-colors-btn > span:last-child {
color: #4d4d4d;
font-family: 'RobotoLight';
font-size: 12px;
line-height: 1.4;
}
.prodpopup__main-colors-btn[data-filter-color='brick'] > span:first-child {
background-color: #f5c980;
}
.prodpopup__main-colors-btn[data-filter-color='white'] > span:first-child {
background-color: #ffffff;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.prodpopup__main-colors-btn[data-filter-color='white'] > span:first-child::before {
background-color: rgba(240, 240, 240, 0.6);
-webkit-box-shadow: 0 0 3px 6px rgba(240, 240, 240, 0.6);
box-shadow: 0 0 3px 6px rgba(240, 240, 240, 0.6);
}
.prodpopup__main-links {
margin: 0px 0px 35px 0px;
font-size: 25px;
font-family: 'RobotoBold', sans-serif;
color: #ff862e;
}
.prodpopup__main-links > div {
margin-bottom: 15px;
text-decoration: underline;
cursor: pointer;
display: inline-block;
}
.prodpopup__main-links > div:hover {
text-decoration: none;
}
.prodpopup__main-links-video {
margin-left: 55px;
position: relative;
padding-top: 2px;
}
.prodpopup__main-links-video:before {
content: '';
width: 43px;
height: 31px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/video-icon.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -55px;
top: 3px;
}
.prodpopup__main-prices-item {
display: none;
position: relative;
}
.prodpopup__main-prices-item.active {
display: block;
-webkit-animation: fadeIn 0.4s ease 0s forwards;
animation: fadeIn 0.4s ease 0s forwards;
}
.prodpopup__addtocart-btn {
position: absolute;
bottom: 2px;
right: 14px;
}
.prodpopup__main-price {
position: relative;
font-size: 48px;
font-family: 'RobotoBold', sans-serif;
}
.prodpopup__main-oldprice {
display: none;
font-family: 'RobotoBold', sans-serif;
line-height: 22px;
font-size: 22px;
letter-spacing: 0.5px;
color: #b3aaaa;
position: relative;
margin-top: 4px;
}
.prodpopup__main-oldprice:after {
content: '';
height: 2px;
width: 105%;
background: #999;
border-radius: 4px;
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
position: absolute;
top: 9px;
left: -2.5%;
}
.discount-badge {
display: none;
padding-top: 26px;
position: absolute;
top: 2%;
left: -105px;
width: 88px;
height: 88px;
z-index: 1;
color: #fff;
font-size: 18px;
font-family: 'RobotoBold', sans-serif;
text-align: center;
text-transform: uppercase;
background-color: #f5b423;
border-radius: 50%;
}
.prodpopup__main-price-info {
display: none;
color: #ff862e;
font-size: 12px;
}
.prodpopup__main-ozon {
position: absolute;
bottom: 105px;
right: 0;
width: 84px;
height: 84px;
z-index: 2;
overflow: hidden;
border-radius: 15px;
border: 2px solid transparent;
-webkit-transition: border 0.2s ease;
transition: border 0.2s ease;
}
.prodpopup__main-ozon:hover {
border: 2px solid #ff862e;
}
.prodpopup__main-ozon > a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/ozon.png) center/cover no-repeat;
}
.prodpopup__btn-dopskidka,
.prodpopup__btn-buy {
height: 87px;
margin-top: 50px;
margin-bottom: 40px;
}
.prodpopup__btn-dopskidka .btn-gradient-wrap,
.prodpopup__btn-dopskidka .btn-gradient-hover,
.prodpopup__btn-buy .btn-gradient-wrap,
.prodpopup__btn-buy .btn-gradient-hover {
height: 87px;
line-height: 1.1;
}
.prodpopup__btn-dopskidka .btn-gradient-wrap,
.prodpopup__btn-buy .btn-gradient-wrap {
padding-top: 16px;
}
.prodpopup__btn-rassrochka {
width: 100%;
height: 65px;
line-height: 56px;
text-align: center;
font-size: 25px;
border-radius: 20px;
color: #ff8024;
border: 3px solid #ff8024;
font-family: 'RobotoBold', sans-serif;
cursor: pointer;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.prodpopup__btn-rassrochka:hover {
background-color: #ff8024;
color: #fff;
}
.prodpopup .box-modal_close {
z-index: 10;
}
.prodpopup__btn-back {
display: inline-block;
font-size: 25px;
margin-bottom: 55px;
font-size: 25px;
font-family: 'RobotoBold', sans-serif;
cursor: pointer;
color: #ff8933;
text-decoration: underline;
}
.prodpopup__btn-back:hover {
text-decoration: none;
}
.prodpopup__descr,
.prodpopup__komplekt {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #f5f5f5;
z-index: 6;
padding: 50px 75px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: translateX(110%);
transform: translateX(110%);
}
.prodpopup__descr.active,
.prodpopup__komplekt.active {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.prodpopup__descr-text {
min-height: 200px;
margin-bottom: 20px;
line-height: 22px;
font-size: 16px;
color: #717171;
max-width: 290px;
letter-spacing: 0.5px;
}
.prodpopup__descr-toplivo {
margin-top: 20px;
}
.prodpopup__descr-toplivo-item {
padding-left: 60px;
position: relative;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 15px;
font-size: 25px;
}
.prodpopup__descr-toplivo-item:after {
content: '';
width: 42px;
height: 31px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: absolute;
left: 0;
top: 0;
}
.prodpopup__descr-toplivo-item.drova:after {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/firewood-icon.svg);
}
.prodpopup__descr-toplivo-item.ugol:after {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/coal-icon.svg);
}
.prodpopup__descr-toplivo-item.rubbish:after {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/rubbish.svg);
}
.prodpopup__komplekt-list {
display: none;
line-height: 33px;
font-size: 16px;
letter-spacing: 0.5px;
color: #717171;
}
.prodpopup__komplekt-list.active {
display: block;
}
.prodpopup__komplekt-list p {
margin-bottom: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.prodpopup__komplekt-list p span:first-child {
font-family: 'RobotoBold', sans-serif;
min-width: 260px;
width: 260px;
}
.prodpopup__komplekt-list p span:last-child {
width: 55px;
min-width: 55px;
}
.prodpopup__btn-buy {
margin-top: 0;
margin-bottom: 20px;
}
.prodpopup__form {
padding-top: 50px;
}
.prodpopup__form input {
background-color: #fff;
border: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 15px;
height: 60px;
width: 100%;
line-height: 60px;
padding: 0 22px;
margin-bottom: 20px;
font-family: 'RobotoBold', sans-serif;
color: #999;
}
.prodpopup__main-price span {
display: inline-block;
}
.prodpopup__main-price .old-price {
margin-left: 20px;
position: relative;
color: #aaa;
font-size: 26px;
}
.prodpopup__main-price .old-price:before {
content: '';
width: 100%;
height: 3px;
background-color: #aaa;
border-radius: 3px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}/**/.buypopup .prodpopup__left .prodpopup__main-title {
text-align: center;
}
.buypopup .prodpopup__right {
padding-top: 70px;
}
.buypopup .month-small {
font-size: 24px;
}
.buypopup__rekomend {
cursor: pointer;
margin: 75px 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.buypopup__rekomend:last-child {
margin-top: 130px;
}
.buypopup__rekomend-left {
width: 280px;
min-width: 280px;
padding-left: 20px;
}
.buypopup__rekomend-circle {
margin: auto;
width: 138px;
height: 138px;
border-radius: 50%;
background-color: #f7f7f7;
position: relative;
}
.buypopup__rekomend-circle img {
max-width: 200px;
max-height: 250px;
position: absolute;
bottom: -35px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.buypopup__rekomend-right {
font-size: 25px;
font-family: 'RobotoBold', sans-serif;
color: #ff862e;
text-decoration: underline;
cursor: pointer;
display: inline-block;
}
.buypopup__rekomend-right:hover {
text-decoration: none;
}
.buypopup .prodpopup__price-skidka,
.buypopup .prodpopup__price-rassrochka {
display: none;
} .modal-block {
margin: 30px auto;
position: relative;
}
#catalog-modal,
#imperator-modal {
position: relative;
max-width: 90vw;
width: 1150px;
height: 630px;
margin: 30px auto;
}
#catalog-modal .catalog__img,
#imperator-modal .catalog__img {
max-width: 950px;
left: -80px;
}
.modal-form input[type='tel'],
.modal-form input[type='email'],
#catalog-modal input[type='tel'],
#catalog-modal input[type='email'],
#imperator-modal input[type='tel'],
#imperator-modal input[type='email'] {
background-color: #fff;
border: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 15px;
height: 60px;
width: 100%;
line-height: 60px;
padding: 0 22px;
margin-bottom: 15px;
font-family: 'RobotoBold', sans-serif;
color: #999;
}
#catalog-modal .box-modal_close,
#imperator-modal .box-modal_close {
top: -40px;
right: -40px;
}
#catalog-modal .catalog__form,
#imperator-modal .catalog__form {
top: 60px;
}
.modal-inner {
position: relative;
}
.modal-inner .box-modal_close {
top: 20px;
right: 20px;
}
.modal-body {
position: relative;
z-index: 5;
width: 100%;
max-width: 600px;
border-radius: 20px;
background-color: #ffffff;
padding: 48px;
}
.ws-quiz-container,
.callbackkiller {
-webkit-transition: all 0.25s;
transition: all 0.25s;
opacity: 0 !important;
}
.ws-quiz-container.scrollShowBlock,
.callbackkiller.scrollShowBlock {
opacity: 1 !important;
}
.ws-quiz-container {
position: fixed;
}
.map {
margin-top: 100px;
}
.map__wrap {
position: relative;
width: 850px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.map .main-map__wrapper {
width: 850px;
border-radius: 50%;
overflow: hidden;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-shadow: 2px 12px 0 #e7e6e2;
box-shadow: 2px 12px 0 #e7e6e2;
}
.map .map_marker {
width: 140px;
background-color: #fff;
position: relative;
display: block;
text-align: center;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
padding: 10px 5px;
border-radius: 10px;
}
.map .map_marker .map_sosiska {
z-index: -1;
width: 56px;
height: 64px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/map_sosiska.png);
position: absolute;
left: 50%;
top: -43px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.map .map_marker .map_text {
display: block;
position: relative;
z-index: 2;
text-align: center;
font-size: 14px;
font-family: 'RobotoBold', sans-serif;
color: #ff6b00;
}
.map .gm-style .gm-style-iw-c {
-webkit-box-shadow: none;
box-shadow: none;
}
.map .gm-style-iw button {
display: none !important;
}
.map .gm-style-iw-a * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: visible !important;
}
.map .gm-style .gm-style-iw-c {
padding: 0;
}
.map__circle1,
.map__circle2,
.map__circle3,
.map__circle4,
.map__circle5,
.map__circle6 {
position: absolute;
background-color: #fff;
border-radius: 50%;
}
.map__circle1 {
width: 67px;
height: 67px;
top: 70px;
left: -90px;
}
.map__circle2,
.map__circle3,
.map__circle4 {
width: 14px;
height: 14px;
}
.map__circle2 {
top: 60%;
left: -240px;
}
.map__circle3 {
top: 90px;
right: -300px;
}
.map__circle4 {
top: 70%;
right: -200px;
}
.map__circle5 {
width: 97px;
height: 97px;
top: 30%;
right: -390px;
}
.map__circle6 {
width: 29px;
height: 29px;
top: 90%;
right: -30px;
}
.map__sosiska1,
.map__sosiska2,
.map__sosiska3,
.map__sosiska4 {
position: absolute;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/sosiska-icon.svg);
background-size: contain;
background-repeat: no-repeat;
}
.map__sosiska1 {
width: 130px;
height: 260px;
bottom: 0;
left: -105px;
-webkit-transform: rotate(-123deg);
transform: rotate(-123deg);
}
.map__sosiska2 {
width: 100px;
height: 200px;
top: 0;
right: -24px;
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.map__sosiska3 {
width: 65px;
height: 130px;
top: 600px;
right: -40px;
-webkit-transform: rotate(117deg);
transform: rotate(117deg);
}
.map__sosiska4 {
width: 30px;
height: 60px;
top: 170px;
left: 18px;
-webkit-transform: rotate(-55deg);
transform: rotate(-55deg);
}
.map__text1 {
font-size: 45px;
line-height: 53px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 25px;
text-align: center;
}
.map__text2 {
font-size: 35px;
line-height: 38px;
color: #717171;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 40px;
text-align: center;
}
.catalog:not(.final) .catalog__submit-wrap,
.catalog-modal .catalog__submit-wrap,
#catalog-modal .catalog__submit-wrap,
#imperator-modal .catalog__submit-wrap,
#wait-modal .wait-modal__submit-wrap {
padding-left: 35px;
position: relative;
}
.catalog:not(.final) .catalog__submit-wrap:before,
.catalog-modal .catalog__submit-wrap:before,
#catalog-modal .catalog__submit-wrap:before,
#imperator-modal .catalog__submit-wrap:before,
#wait-modal .wait-modal__submit-wrap:before {
content: '';
width: 35px;
height: 35px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/download-icon.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -15px;
top: -2px;
}
#installment-modal .wait-modal__right,
#defender-modal .wait-modal__right,
#callback-modal .wait-modal__right,
#vistavka-modal .wait-modal__right {
border-radius: 20px;
}
.reviews {
position: relative;
padding: 70px 0;
}
.reviews__bg1,
.reviews__bg2 {
position: absolute;
}
.reviews__bg1 {
left: -190px;
top: 65px;
}
.reviews__bg2 {
right: -220px;
bottom: -150px;
}
.reviews__h1 {
font-size: 45px;
line-height: 57px;
margin-bottom: 25px;
font-family: 'RobotoBold', sans-serif;
}
.reviews__slider-outer .owl-stage-outer {
min-height: 795px;
}
.reviews__item {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.reviews__left {
width: 590px;
}
.reviews__left .owl-nav {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.reviews__left .owl-prev,
.reviews__left .owl-next,
.reviews__left .slick-prev,
.reviews__left .slick-next {
position: absolute;
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0.5);
font-size: 0;
border-radius: 50%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.25s;
transition: all 0.25s;
background-position: center;
background-repeat: no-repeat;
z-index: 9;
}
.reviews__left .owl-prev:hover,
.reviews__left .owl-next:hover,
.reviews__left .slick-prev:hover,
.reviews__left .slick-next:hover {
background-color: rgba(255, 255, 255, 0.3);
}
.reviews__left .owl-prev:before,
.reviews__left .owl-next:before,
.reviews__left .slick-prev:before,
.reviews__left .slick-next:before {
display: none;
}
.reviews__left .owl-prev,
.reviews__left .slick-prev {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/left-arr-white.svg);
left: 5px;
}
.reviews__left .owl-next,
.reviews__left .slick-next {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/right-arr-white.svg);
right: 5px;
}
.reviews__left-mini {
margin-bottom: 50px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: start;
-webkit-box-align: start;
align-items: flex-start;
}
.reviews__left-mini img {
width: 180px !important;
height: auto !important;
max-height: 150px !important;
margin-right: 24px;
cursor: pointer;
-webkit-transition: all 0.25s;
transition: all 0.25s;
object-fit: cover;
}
.reviews__left-mini img:hover {
opacity: 0.8;
}
.reviews__left-mini img:last-child {
margin-right: 0;
}
.reviews__right {
width: 535px;
padding-left: 130px;
position: relative;
}
.reviews__right-head {
margin-bottom: 50px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.reviews__item,
.reviews__item p {
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.reviews__item b {
font-family: 'RobotoBold', sans-serif;
}
.reviews__right-head .photo {
width: 105px;
height: 105px;
border-radius: 50%;
overflow: hidden;
margin-right: 15px;
}
.reviews__right-head b {
display: block;
font-size: 28px;
line-height: 34px;
color: #717171;
margin-bottom: 8px;
margin-top: 6px;
font-family: 'RobotoBold', sans-serif;
}
.reviews__right-head span {
display: block;
font-size: 22px;
line-height: 25px;
color: #999;
}
.reviews__right-cont b {
display: block;
font-size: 22px;
line-height: 22px;
margin-bottom: 10px;
}
.reviews__right-cont p {
margin-bottom: 20px;
font-size: 18px;
line-height: 20px;
color: #717171;
}
.reviews__slider-inner {
margin-bottom: 45px;
}
.reviews__slide {
}
.reviews__slide-img {
padding-bottom: 80%;
position: relative;
width: 100%;
height: 0;
overflow: hidden;
}
.reviews__slide-img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.reviews__soc {
font-size: 28px;
line-height: 36px;
font-family: 'RobotoBold', sans-serif;
}
.reviews__soc .vk {
color: #4d7198;
}
.reviews__soc .yandex {
color: #f4a900;
}
.reviews__slider-next,
.reviews__slider-prev {
position: absolute;
width: 64px;
height: 45px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
cursor: pointer;
-webkit-transition: all 0.25s;
transition: all 0.25s;
top: 30px;
z-index: 9;
}
.reviews__slider-next:hover,
.reviews__slider-prev:hover {
opacity: 0.85;
}
.reviews__slider-prev {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/prev-slider-icon.svg);
left: 40px;
}
.reviews__slider-next {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/next-slider-icon.svg);
right: -70px;
}
.dzen {
padding: 50px 120px 70px;
position: relative;
overflow-x: hidden;
}
.dzen-inner {
margin: 0 auto;
position: relative;
max-width: 1600px;
z-index: 2;
border-radius: 20px;
background-color: #fff;
}
.dzen-slider__nav {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(100% + 190px);
pointer-events: none;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.dzen-slider__btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 55px;
flex: 0 0 55px;
width: 55px;
height: 40px;
pointer-events: all;
cursor: pointer;
border: 0;
outline: none;
}
.dzen-slider__btn.dzen-slider__btn--prev {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/prev-slider-icon.svg) center/contain no-repeat;
}
.dzen-slider__btn.dzen-slider__btn--next {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/next-slider-icon.svg) center/contain no-repeat;
}
.dzen-content {
padding: 70px 20px 60px;
overflow: hidden;
border-radius: 20px;
}
.dzen-top {
margin: 0px 0px 25px 0px;
}
.dzen-title {
margin: 0 0 25px;
font-size: 45px;
line-height: 57px;
font-family: 'RobotoBold', sans-serif;
}
.dzen-txt {
font-size: 26px;
line-height: 32px;
font-family: 'RobotoBold', sans-serif;
}
.dzen-txt > a {
color: #ff6b00;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
@media (any-hover: hover) {
.dzen-txt > a:hover {
opacity: 0.7;
}
}
.dzen-slider {
margin: 0px auto 40px;
position: relative;
z-index: 1;
width: 55%;
}
.dzen-slider .owl-stage-outer {
overflow: visible;
}
.dzen-slider .owl-stage {
padding: 20px 0;
}
.dzen-slider .owl-item,
.dzen-slider .owl-item.cloned {
opacity: 0.3;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
pointer-events: none;
}
.dzen-slider .owl-item.active,
.dzen-slider .owl-item.cloned.active {
opacity: 1;
pointer-events: all;
}
.dzen-slide {
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
background-color: #fff;
-webkit-transition: -webkit-box-shadow 0.2s ease;
transition: -webkit-box-shadow 0.2s ease;
transition: box-shadow 0.2s ease;
transition:
box-shadow 0.2s ease,
-webkit-box-shadow 0.2s ease;
}
.basketForm input {
line-height: normal;
overflow: inherit;
min-width: 45px;
}
@media (any-hover: hover) {
.dzen-slide:hover {
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}
}
.dzen-slide__img {
padding-bottom: 36%;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 43%;
flex: 0 0 43%;
width: 43%;
height: 0;
border-radius: 20px;
overflow: hidden;
}
.dzen-slide__img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100% !important;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.dzen-slide__info {
padding: 20px 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 57%;
flex: 0 0 57%;
width: 57%;
}
.dzen-slide__title {
margin: 0px 0px 20px 0px;
display: block;
color: #1f1f35;
font-size: 22px;
line-height: 28px;
font-family: 'RobotoBold', sans-serif;
}
.dzen-slide__txt {
display: block;
font-size: 16px;
line-height: 20px;
color: #717171;
}
.dzen-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.dzen-botttom__txt {
font-size: 34px;
line-height: 48px;
font-family: 'RobotoBold', sans-serif;
}
.dzen-bottom__arrow {
margin: 0 60px 0 70px;
width: 110px;
height: 110px;
}
.dzen-bottom__arrow svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform: translateY(-20px) rotate(38deg);
transform: translateY(-20px) rotate(38deg);
}
.dzen-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #1f1f35;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.dzen-link span {
margin: 0px 30px 0px 0px;
font-size: 38px;
line-height: 50px;
font-family: 'RobotoBold', sans-serif;
text-decoration: underline;
}
.dzen-link svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
width: 70px;
height: 70px;
}
@media (any-hover: hover) {
.dzen-link:hover {
color: #ff6b00;
}
}
@media (max-width: 1470px) {
.dzen {
padding: 50px 90px 70px;
}
.dzen-slider__nav {
width: calc(100% + 150px);
}
.dzen-slider {
width: 80%;
}
.dzen-botttom__txt {
font-size: 30px;
line-height: 42px;
}
.dzen-link span {
font-size: 34px;
line-height: 46px;
}
}
@media (max-width: 992px) {
.dzen {
padding: 50px 65px 70px;
}
.dzen-slider__nav {
width: calc(100% + 110px);
}
.dzen-slider__btn.dzen-slider__btn--prev,
.dzen-slider__btn.dzen-slider__btn--next {
-webkit-box-flex: 0;
-ms-flex: 0 0 44px;
flex: 0 0 44px;
width: 44px;
height: 44px;
}
.dzen-title {
font-size: 42px;
line-height: 50px;
}
.dzen-txt {
font-size: 24px;
line-height: 28px;
}
.dzen-slider {
width: 100%;
}
.dzen-slider .owl-nav {
width: calc(100% + 88px + 36px);
}
.dzen-slide__title {
font-size: 20px;
line-height: 26px;
}
.dzen-botttom__txt {
font-size: 22px;
line-height: 26px;
}
.dzen-bottom__arrow {
margin: 0 40px 0 45px;
width: 70px;
height: 70px;
}
.dzen-bottom__arrow svg {
-webkit-transform: translateY(-10px) rotate(38deg);
transform: translateY(-10px) rotate(38deg);
}
.dzen-link span {
margin: 0px 15px 0px 0px;
font-size: 26px;
line-height: 30px;
}
.dzen-link svg {
-webkit-box-flex: 0;
-ms-flex: 0 0 48px;
flex: 0 0 48px;
width: 48px;
height: 48px;
}
}
.prodpopup__komplekt-list .small-text {
font-size: 10px;
}
.preim {
padding: 60px 0;
margin-bottom: 60px;
}
.preim__h1 {
font-size: 45px;
line-height: 50px;
color: #1b2026;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 25px;
text-align: center;
}
.preim__h2 {
font-size: 35px;
line-height: 38px;
color: #717171;
font-family: 'RobotoBold', sans-serif;
max-width: 900px;
margin-bottom: 40px;
}
.preim__img {
height: 585px;
width: 100%;
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.preim__img img {
display: block;
max-height: 540px;
}
.preim__dot {
position: absolute;
width: 32px;
height: 32px;
cursor: pointer;
}
.preim__dot.active .preim__dot-content,
.preim__dot:hover .preim__dot-content {
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
cursor: pointer;
}
.preim__dot-1 {
left: 25px;
top: 30px;
}
.preim__dot-1 .preim__dot-content {
width: 180px;
}
.preim__dot-2 {
top: 150px;
left: 650px;
}
.preim__dot-2 .preim__dot-content {
width: 170px;
}
.preim__dot-3 {
top: 300px;
left: 350px;
}
.preim__dot-3 .preim__dot-content {
width: 170px;
}
.preim__dot-4 {
top: 380px;
left: 975px;
}
.preim__dot-4 .preim__dot-content {
width: 150px;
}
.preim__dot-content {
position: absolute;
background-color: #fff;
padding: 11px 16px;
border-radius: 10px;
min-height: 50px;
font-size: 14px;
line-height: 18px;
top: -10px;
left: 45px;
-webkit-transform: translateX(30px);
transform: translateX(30px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.preim__dot-content:before {
content: '';
display: block;
position: absolute;
border: 5px solid transparent;
border-right: 5px solid #fff;
left: -10px;
top: 20px;
}
.preim__dot-dot {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 2;
background:
linear-gradient(86.31deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(260.56deg, #ff6b00 2.46%, #ffd600 85.03%);
-webkit-box-shadow: 0px 15px 25px rgba(255, 125, 11, 0.4);
box-shadow: 0px 15px 25px rgba(255, 125, 11, 0.4);
border-radius: 50%;
}
.preim__dot:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
border: 3px solid rgba(255, 162, 0, 0.1);
-webkit-animation: pulse 3s linear infinite;
animation: pulse 3s linear infinite;
border-radius: 50%;
-webkit-box-shadow: inset 0px 0px 15px 10px rgba(255, 162, 0, 0.9);
box-shadow: inset 0px 0px 15px 10px rgba(255, 162, 0, 0.9);
z-index: 1;
}
.preim__dot:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
border: 3px solid rgba(255, 162, 0, 0.1);
-webkit-animation: pulse 3s 0.5s linear infinite;
animation: pulse 3s 0.5s linear infinite;
border-radius: 50%;
-webkit-box-shadow: inset 0px 0px 15px 10px rgba(255, 162, 0, 0.9);
box-shadow: inset 0px 0px 15px 10px rgba(255, 162, 0, 0.9);
z-index: 1;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 0;
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
}
60% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
opacity: 0.6;
}
70% {
-webkit-transform: scale(1.7);
transform: scale(1.7);
opacity: 0.85;
}
80% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0.6;
}
100% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0;
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(0.6);
transform: scale(0.6);
opacity: 0;
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
}
60% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
opacity: 0.6;
}
70% {
-webkit-transform: scale(1.7);
transform: scale(1.7);
opacity: 0.85;
}
80% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0.6;
}
100% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0;
}
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.leaflet-popup-content {
margin: 0 19px;
}
.map_marker {
position: relative;
}
.map_marker:after {
content: '';
background: white;
height: 15px;
position: absolute;
bottom: -7px;
left: 50%;
-webkit-transform: translate(-50%, 0) rotate(-45deg);
transform: translate(-50%, 0) rotate(-45deg);
width: 15px;
}
.s2video {
margin-top: 80px;
padding: 100px 0;
position: relative;
text-align: center;
}
@media screen and (max-width: 960px) {
.s2video {
margin-top: 0;
}
}
.s2video::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/s2_bg_new.jpg);
background-size: cover;
background-position: center;
opacity: 0.2;
}
.s2video .container {
position: relative;
z-index: 2;
width: 970px;
}
.s2video__ttl {
font-size: 48px;
line-height: 1;
margin-bottom: 32px;
font-family: 'RobotoBold', sans-serif;
color: #222;
}
.s2video__video3 {
width: 650px;
margin: auto;
background-color: #000;
border-radius: 19px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
position: relative;
cursor: pointer;
}
.s2video__video3 img {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.s2video__video3 video {
width: 100%;
height: 340px;
border-radius: 20px;
}
.vistavka-btn,
.vistavka-btn .s1video__btn-wrap,
.vistavka-btn .s1video__btn-hover {
width: 500px !important;
height: 108px !important;
margin: auto !important;
}
.s1video__btn,
.vistavka-btn__btn {
width: 500px;
height: 108px;
margin: auto;
}
.s1video__btn-wrap,
.vistavka-btn__btn-wrap {
height: 108px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
padding: 0 50px;
font-size: 32px !important;
line-height: 32px;
}
.s1video__btn-hover,
.vistavka-btn__btn-hover {
height: 108px;
}
.box-modal_close {
z-index: 99;
}
.box-modal_close:before {
content: '\e902';
color: #d5d5d5;
font-size: 30px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.box-modal_close:hover:before {
color: #ff6b00;
}
.examples_popup-next,
.examples_popup-prev,
.box-modal_close {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.examples_popup-next:before,
.examples_popup-prev:before {
font-size: 50px;
color: #eee;
}
.examples_popup-next:before:hover:before,
.examples_popup-prev:before:hover:before {
color: #ff6b00;
}
.examples_popup-next:before {
content: '\e90b';
}
.examples_popup-prev:before {
content: '\e910';
}
.canbroke {
width: 1600px;
max-width: 100%;
margin: 0 auto 80px;
background-color: #fff;
border-radius: 20px;
padding: 15px 0;
}
.canbroke__wrap {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.canbroke__left {
width: 700px;
}
.canbroke__h1 {
font-size: 50px;
line-height: 60px;
font-family: 'RobotoBold', sans-serif;
margin-top: 15px;
margin-bottom: 20px;
}
.canbroke__h2 {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.05em;
color: #717171;
font-family: 'RobotoBold', sans-serif;
}
.canbroke__right {
position: relative;
}
.canbroke__right img {
cursor: pointer;
}
.canbroke__see {
position: absolute;
left: -115px;
top: 150px;
cursor: pointer;
}
.canbroke__see span {
font-size: 22px;
line-height: 28px;
color: #ff6b00;
font-family: 'RobotoBold', sans-serif;
border-bottom: 2px dashed #ff6b00;
}
.canbroke__see span:hover {
border-color: transparent;
}
.photo-gallery {
margin: 0px 0px 70px 0px;
}
.photo-gallery__title {
font-size: 48px;
line-height: 1;
margin-bottom: 32px;
font-family: 'RobotoBold', sans-serif;
color: #222;
text-align: center;
}
.photo-gallery__slider {
margin: 0 auto;
position: relative;
width: calc(100% - 90px);
}
.photo-gallery__slider .owl-nav {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.photo-gallery__slider .owl-nav .owl-prev,
.photo-gallery__slider .owl-nav .owl-next {
position: absolute;
top: 0;
width: 35px;
height: 25px;
z-index: 3;
font-size: 0;
}
.photo-gallery__slider .owl-nav .owl-prev {
left: -45px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/prev-slider-icon.svg) center/100% 100% no-repeat;
}
.photo-gallery__slider .owl-nav .owl-next {
right: -45px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/next-slider-icon.svg) center/100% 100% no-repeat;
}
.photo-gallery__slider .owl-nav .owl-prev.disabled,
.photo-gallery__slider .owl-nav .owl-next.disabled {
opacity: 0.3;
}
.photo-gallery__slide {/*/*/padding: 0;
display: block;
position: relative;
}
.photo-gallery__slide img {/*/*/border-radius: 10px;
position: relative;
width: 100% !important;
height: 350px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.photo-gallery__slide:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.video-gallery {
margin: 88px 0px 120px;
}
.video-gallery__title {
font-size: 48px;
line-height: 1;
margin-bottom: 32px;
font-family: 'RobotoBold', sans-serif;
color: #222;
text-align: center;
}
.video-gallery__slider {
margin: 0 auto;
position: relative;
width: calc(100% - 90px);
}
.video-gallery__slider .owl-nav {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.video-gallery__slider .owl-nav .owl-prev,
.video-gallery__slider .owl-nav .owl-next {
position: absolute;
top: 0;
width: 35px;
height: 25px;
z-index: 3;
font-size: 0;
}
.video-gallery__slider .owl-nav .owl-prev {
left: -45px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/prev-slider-icon.svg) center/100% 100% no-repeat;
}
.video-gallery__slider .owl-nav .owl-next {
right: -45px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/icons/next-slider-icon.svg) center/100% 100% no-repeat;
}
.video-gallery__slider .owl-nav .owl-prev.disabled,
.video-gallery__slider .owl-nav .owl-next.disabled {
opacity: 0.3;
}
.video-gallery__slider .owl-dots {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.video-gallery__slider .owl-dots .owl-dot {
margin: 0 7px;
width: 12px;
height: 12px;
background: #ff6b00;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 3px transparent;
box-shadow: 0 0 0 3px transparent;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.video-gallery__slider .owl-dots .owl-dot.active {
background: transparent;
-webkit-box-shadow: 0 0 0 3px #ff6b00;
box-shadow: 0 0 0 3px #ff6b00;
}
.video-gallery__video-preview {
padding: 0 0 65% 0;
margin: 0px 0px 20px 0px;
display: block;
position: relative;
height: 0;
overflow: hidden;
border-radius: 20px;
cursor: pointer;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.video-gallery__video-preview:hover {
opacity: 0.85;
}
.video-gallery__video-preview img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.video-gallery__play-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 15%;
height: 30%;
z-index: 4;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/play-btn-big.png) center/100% 100% no-repeat;
}
.video-gallery__slide-title {
margin: 0px 0px 20px 0px;
font-size: 20px;
font-family: 'RobotoBold', sans-serif;
line-height: 1.2;
}
.video-gallery__slide-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.video-gallery__slide-bottom svg {
margin: 0px 10px 0px 0px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
width: 20px;
height: 20px;
}
.video-gallery__slide-bottom span {
font-size: 16px;
letter-spacing: 0.5px;
color: #717171;
font-family: 'RobotoBold', sans-serif;
}
.grill-tables {
padding: 55px 0 85px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/grill-tables/bg.jpg) center/cover no-repeat;
}
.grill-tables__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.grill-tables__col1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 430px;
flex: 0 0 430px;
width: 430px;
}
.grill-tables__content {
padding: 40px 45px 50px;
margin: 0px 0px 25px 0px;
border-radius: 20px;
background-color: #fff;
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
position: relative;
z-index: 1;
}
.grill-tables__title {
margin-bottom: 25px;
font-family: 'RobotoBold', sans-serif;
font-size: 45px;
line-height: 45px;
color: #403b3b;
}
.grill-tables__title > span {
color: #ff6b00;
}
.grill-tables__txt1 {
margin-bottom: 30px;
color: #403b3b;
font-family: 'RobotoBold', sans-serif;
font-size: 22px;
line-height: 28px;
letter-spacing: 1px;
}
.grill-tables__txt2 {
margin-bottom: 15px;
position: relative;
font-size: 16px;
font-weight: 600;
}
.grill-tables__txt2:before {
content: '';
position: absolute;
top: 23px;
left: -40px;
width: 35px;
height: 65px;
z-index: 2;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/grill-tables/arrow.png) center/100% 100% no-repeat;
}
.grill-tables .grill-tables__btn {
margin: 0;
display: block;
}
.grill-tables__btn .btn-gradient-wrap {
font-size: 20px;
display: block;
}
.grill-tables__btn .btn-gradient-wrap img {
margin: 0px 10px 0px 0px;
width: 35px;
height: 35px;
position: relative;
top: 15%;
}
.grill-tables__videos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.grill-tables__video {
margin: 0 3%;
-webkit-box-flex: 0;
-ms-flex: 0 0 38%;
flex: 0 0 38%;
width: 38%;
cursor: pointer;
}
.grill-tables__video:hover .grill-tables__video-txt span {
border-bottom: 2px dashed transparent;
}
.grill-tables__video-img {
padding: 0 0 64% 0;
margin: 0px 0px 10px 0px;
position: relative;
width: 100%;
overflow: hidden;
border-radius: 10px;
-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.7);
}
.grill-tables__video-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.grill-tables__video-txt {
text-align: center;
}
.grill-tables__video-txt span {
color: #1b2026;
font-family: 'RobotoBold', sans-serif;
font-size: 16px;
line-height: 22px;
border-bottom: 2px dashed #1b2026;
}
.grill-tables__col2 {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 100%;
}
.grill-tables__pic1,
.grill-tables__pic2,
.grill-tables__pic3,
.grill-tables__pic4 {
position: absolute;
background-color: #fff;
border: 10px solid #fff;
-webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.7);
}
.grill-tables__pic1 img,
.grill-tables__pic2 img,
.grill-tables__pic3 img,
.grill-tables__pic4 img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.grill-tables__pic1 {
width: 510px;
height: 345px;
top: 0;
left: 0;
z-index: 2;
-webkit-transform: rotate(6deg);
transform: rotate(6deg);
}
.grill-tables__pic2 {
width: 315px;
height: 215px;
top: 0;
right: -3%;
z-index: 1;
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.grill-tables__pic3 {
width: 220px;
height: 160px;
bottom: 6%;
left: 13%;
z-index: 4;
-webkit-transform: rotate(-13deg);
transform: rotate(-13deg);
}
.grill-tables__pic4 {
width: 370px;
height: 260px;
bottom: 0;
right: 3%;
z-index: 3;
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
}
.pechki {
padding: 20px 0;
margin: 50px 0;
}
.pechki__h1 {
font-size: 66px;
line-height: 70px;
color: #000;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 10px;
text-align: center;
}
.pechki__h2 {
font-size: 35px;
line-height: 38px;
color: #717171;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 40px;
text-align: center;
}
.pechki__wrap {
position: relative;
}
.pechki__item-prod {
position: absolute;
bottom: -60px;
left: 70px;
width: 292px;
text-align: center;
padding: 12px 25px 0 25px;
background: #fff;
border-radius: 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: default;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(20px);
transform: translateX(20px);
z-index: 9;
}
.pechki__item-prod:after {
content: '';
width: 40px;
height: 60px;
position: absolute;
left: -40px;
bottom: 45px;
}
.pechki__item-prod:before {
content: '';
border: 20px solid transparent;
border-right: 20px solid #fff;
position: absolute;
left: -38px;
bottom: 55px;
}
.pechki__item-prod p {
font-size: 28px;
font-family: 'RobotoBold', sans-serif;
text-align: center;
margin-bottom: 5px;
}
.pechki__item-prod .btn-gradient-wrap,
.pechki__item-prod .btn-gradient-hover,
.pechki__item-prod .btn-gradient {
height: 54px;
line-height: 53px;
}
.pechki .preim__dot {
display: none;
position: absolute;
}
.pechki .preim__dot:hover .pechki__item-prod {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
.pechki .preim__dot.left .pechki__item-prod {
left: auto;
right: 70px;
}
.pechki .preim__dot.left .pechki__item-prod:before {
content: '';
border: 20px solid transparent;
border-right: 20px solid transparent;
border-left: 20px solid #fff;
position: absolute;
left: auto;
right: -38px;
bottom: 55px;
}
.pechki__item1 {
left: 32%;
top: 67%;
}
.pechki__item2 {
left: 54%;
top: 61%;
}
.pechki__item3 {
left: 60%;
top: 81%;
}
.pechki__item4 {
left: 80%;
top: 53%;
}
.pechki__item5 {
left: 90%;
top: 44%;
}
.pechki__video {
width: 440px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
cursor: pointer;
position: absolute;
bottom: 60px;
left: 12vw;
}
.pechki__video--second {
left: calc(12vw + 460px);
}
.pechki__video:hover span {
border: none;
}
.pechki__video-text {
padding-left: 22px;
}
.pechki__video-text span {
display: inline;
border-bottom: 2px dashed #ff6b00;
color: #ff9100;
font-family: 'RobotoBold', sans-serif;
font-size: 22px;
line-height: 28px;
}
.reviews .pechki__video {
position: static;
}
@media (max-width: 1470px) {
.reviews .pechki__video {
width: 400px;
}
}
p.copyr {
text-align: center;
padding: 20px 0;
color: #333;
font-size: 14px;
line-height: 1.2;
max-width: 700px;
margin: auto;
}
.february23 {
padding: 40px 0;
}
.february23__wrap {
margin: auto;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/february23.jpg);
background-size: cover;
border-radius: 20px;
text-align: center;
padding-top: 59px;
padding-bottom: 35px;
}
.february23__p1 {
background: #ff6b00;
border-radius: 20px;
color: #ffffff;
text-align: center;
font-size: 35px;
line-height: 1.2;
padding: 17px 35px;
margin: 0 auto 30px;
font-family: 'RobotoBold', sans-serif;
width: 515px;
}
.february23__p2 {
font-size: 75px;
line-height: 1.2;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 35px;
color: #000;
}
.february23__p3 {
font-size: 35px;
line-height: 1.2;
margin-bottom: 53px;
font-family: 'RobotoBold', sans-serif;
}
.february23 .s1video__btn {
margin-bottom: 50px;
}
.february23__p4 {
font-size: 18px;
font-family: 'RobotoMedium', sans-serif;
}
.tel-mess {
font-size: 15px;
margin-bottom: 7px;
margin-top: 10px;
}/**/ .new-quiz .quiz__final input[type='tel']::-webkit-input-placeholder,
#wait-modal input[type='tel']::-webkit-input-placeholder {
opacity: 1;
}
.new-quiz .quiz__final input[type='tel']:-ms-input-placeholder,
#wait-modal input[type='tel']:-ms-input-placeholder {
opacity: 1;
}
.new-quiz .quiz__final input[type='tel']::-webkit-input-placeholder,
#wait-modal input[type='tel']::-webkit-input-placeholder {
opacity: 1;
}
.new-quiz .quiz__final input[type='tel']::-moz-placeholder,
#wait-modal input[type='tel']::-moz-placeholder {
opacity: 1;
}
.new-quiz .quiz__final input[type='tel']:-ms-input-placeholder,
#wait-modal input[type='tel']:-ms-input-placeholder {
opacity: 1;
}
.new-quiz .quiz__final input[type='tel']::-ms-input-placeholder,
#wait-modal input[type='tel']::-ms-input-placeholder {
opacity: 1;
}
.new-quiz .quiz__final input[type='tel']::placeholder,
#wait-modal input[type='tel']::placeholder {
opacity: 1;
}
.s2__slide-main {
display: none;
}
.section-content__container {
z-index: 2;
position: relative;
}
.reviews__readmore {
display: none;
}
.section-video.section-video_2 {
background: none;
}
@media screen and (max-width: 1520px) {
.catalog__img {
left: -40px;
}
.catalog__img--v2 {
width: 90%;
left: -100px;
}
.new-quiz .quiz__inner {
max-width: 100%;
}
#quiz-modal {
position: relative;
}
#quiz-modal .quiz__inner {
max-width: 95vw;
display: inherit;
}
#quiz-modal .quiz__h1 {
font-size: 60px;
line-height: 65px;
padding-top: 40px;
padding-right: 350px;
}
#quiz-modal .quiz__plashka {
right: 70px !important;
color: #000;
}
#quiz-modal .box-modal_close {
z-index: 999;
top: 30px;
right: 30px;
}
.new-quiz .quiz__num {
position: static;
display: inline-block;
margin-right: 25px;
}
.new-quiz .quiz__h2 {
padding-top: 5px;
}
.s4__prod-item:first-child .s4__prod-rass-block {
left: 115px;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.s4__prod-item:first-child .s4__prod-rassrochka:hover .s4__prod-rass-block {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.s4__prod-item:first-child .s4__prod-rass-block:after {
right: auto;
left: -7px;
-webkit-transform: none;
transform: none;
}
.s4__promo {
border-radius: 0;
}
.s4__bg1 {
left: -360px;
top: 320px;
width: 500px;
}
.reviews__bg1 {
left: -240px;
top: 115px;
}
.new-quiz .quiz__plashka {
right: -110px;
}
#quiz-modal .quiz__plashka {
right: -110px !important;
}
.new-quiz .quiz__inner:after,
#quiz-modal .quiz__inner:after {
right: -250px;
}
.new-quiz .quiz__inner:before,
#quiz-modal .quiz__inner:before {
left: -310px;
}
.february23__p2 {
font-size: 55px;
}
.february23__wrap {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 1470px) {
.s4__bg2 {
top: 140px;
}
.s2__slide-bottom-col1.sborka_popup:after {
width: 50px;
height: 40px;
left: 45px;
top: 20px;
}
.s2__slide-h1 {
font-size: 40px;
}
.s2__slide-lego-slider {
height: 560px;
}
.s4__promo-right {
margin-right: 0px;
}
.s4__bg3,
.s4__bg4 {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.s2__slide,
.s2__slider-item {
height: 555px;
}
.new-quiz .quiz__h1 {
font-size: 60px;
padding-right: 240px;
}
.new-quiz .quiz__plashka {
width: 130px;
right: -150px;
}
.new-quiz .quiz__plashka-t1 {
font-size: 16px;
line-height: 18px;
}
.new-quiz .quiz__plashka-icon {
background-size: contain;
width: 70px;
height: 70px;
}
.new-quiz .quiz__plashka {
padding: 40px 14px 14px;
}
.new-quiz .quiz__plashka-t2 {
line-height: 14px;
}
#quiz-modal .quiz__inner,
#quiz-modal .quiz__final {
width: 1200px;
}
#birthday-modal .wait-modal__right,
#promo3in1-modal .wait-modal__right {
padding: 50px;
}
.new-quiz .quiz__num {
font-size: 26px;
margin-right: 15px;
}
.new-quiz .quiz__h2 {
font-size: 26px;
margin-bottom: 25px;
}
.new-quiz .quiz__item-img-wrap {
margin-bottom: 15px;
}
.new-quiz .quiz__item-check {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
.new-quiz .quiz__item-name {
font-size: 16px;
}
.new-quiz .quiz__item-check {
width: 15px;
height: 15px;
margin-right: 9px;
}
.new-quiz .quiz__item-check:after {
width: 16px;
height: 16px;
}
.new-quiz .quiz__final-h1 {
font-size: 52px;
padding-bottom: 25px;
}
.new-quiz .quiz__final-h2 {
font-size: 24px;
line-height: 28px;
}
.new-quiz .quiz__final {
height: 630px;
}
.s2__slide-5 .s2__slide-bottom-col1 {
margin-left: -10px;
}
.s2__slide-bottom-col3 {
min-width: 170px;
position: relative;
z-index: 5;
}
.s2__slide-lego_item1,
.s2__slide-lego_item2 {
opacity: 0;
}
.prodpopup {
margin: 30px auto;
}
.s2__slide-rightimg4 {
width: 45%;
}
.s2__h1 {
font-size: 62px;
line-height: 65px;
}
.s4 .s4__prod-wrap .btn-gradient-wrap,
.s4 .s4__other-btn .btn-gradient-wrap {
font-size: 19px;
}
.s4__other-item-title {
font-size: 20px;
}
.container {
max-width: 960px;
}
.sertificate_popup-wrapper .s2__slide-cursor {
right: 20px;
}
.sertificate_popup_block .box-modal_close {
right: 0;
}
.s2__slide-2 .s2__slide-shashlik img {
max-width: 100%;
}
.s2__slide-2 .s2__slide-shashlik {
bottom: 100px;
left: -36px;
width: 440px;
}
.s2__slide-caption {
height: 285px;
}
.s2 .owl-dot {
height: 64px;
}
.new-quiz .quiz__h1,
#quiz-modal .quiz__h1 {
font-size: 37px;
line-height: 1.2;
padding-right: 190px;
}
.new-quiz .quiz__footer,
#quiz-modal .quiz__footer {
min-height: 195px;
}
.new-quiz .quiz__footer-h1,
#quiz-modal .quiz__footer-h1 {
font-size: 26px;
margin-bottom: 5px;
}
.new-quiz .quiz__footer-skidka,
#quiz-modal .quiz__footer-skidka {
width: 150px;
height: 65px;
}
.new-quiz .quiz__footer-skidka-inner,
#quiz-modal .quiz__footer-skidka-inner {
width: 140px;
font-size: 30px;
height: 55px;
line-height: 55px;
}
.new-quiz .quiz__footer-skidka,
#quiz-modal .quiz__footer-skidka {
margin-right: 25px;
}
.new-quiz .quiz__footer-center {
width: 200px;
height: 200px;
top: 30px;
}
.new-quiz .quiz__footer-center img,
#quiz-modal .quiz__footer-center img {
max-width: 50px;
}
.new-quiz .quiz__footer-right,
#quiz-modal .quiz__footer-right {
width: 230px;
margin-left: 40px;
margin-top: 10px;
}
.new-quiz .quiz__item-descr,
#quiz-modal .quiz__item-descr {
font-size: 13px;
line-height: 16px;
}
.new-quiz .quiz__footer-progress,
#quiz-modal .quiz__footer-progress {
width: 130px;
height: 18px;
}
.new-quiz .quiz__footer-quest,
#quiz-modal .quiz__footer-quest {
font-size: 15px;
height: 18px;
line-height: 18px;
}
.new-quiz .quiz__footer-nextquest,
#quiz-modal .quiz__footer-nextquest {
margin-top: 0;
margin-bottom: 10px;
}
.new-quiz .quiz__footer-nextquest,
.new-quiz .quiz__footer-nextquest-hover,
#quiz-modal .quiz__footer-nextquest,
#quiz-modal .quiz__footer-nextquest-hover {
height: 56px;
}
.btn-gradient-wrap {
font-size: 20px;
}
.grill-tables .btn-gradient-wrap {
padding: 0px;
}
.new-quiz .quiz__footer-nextquest-wrap {
height: 56px;
line-height: 58px;
}
.btn-gradient-wrap {
font-size: 22px;
padding: 0px;
}
.catalog__form {
width: 520px;
padding: 65px;
}
.modal_not_check,
.modal_add_basket {
width: 650px;
}
.modal_not_check br {
display: none;
}
.wait-modal__left {
min-width: 500px;
max-width: 450px;
}
.wait-modal__h1 {
font-size: 36px;
}
.wait-modal__t2 {
font-size: 64px;
}
.wait-modal__right {
min-width: 450px;
padding: 50px;
}
#zayavka-modal .wait-modal__right {
max-width: 500px;
}
#zayavka-modal .wait-modal__left {
padding-right: 20px;
}
.wait-modal {
width: 1020px;
max-width: 95vw;
}
.wait-modal__h2 {
font-size: 32px;
}
.wait-modal .box-modal_close {
top: 30px;
right: 30px;
}
.new-quiz .quiz__footer-center {
padding-top: 25px;
top: 130px;
}
.new-quiz .quiz__footer-prevquest {
font-size: 17px;
right: -70px;
bottom: 87px;
}
.new-quiz .quiz__footer-text1 {
width: 150px;
font-size: 14px;
line-height: 18px;
}
.new-quiz .quiz__item-checks {
min-height: 40px;
}
.modal_not_check p,
.modal_add_basket p {
font-size: 28px;
}
.new-quiz .quiz__footer-center p {
font-size: 18px;
}
.new-quiz .quiz__final-bg {
width: 610px;
}
.footer__logo-wrap {
margin-right: 10px;
min-width: 100px;
}
.footer__col2 {
min-width: 240px;
margin-right: 20px;
}
.s2 {
padding-top: 50px;
margin-bottom: 40px;
}
.s2__h1 {
font-size: 45px;
line-height: 47px;
}
.s2 .owl-dots,
.s2__tabs-wrap {
width: 780px;
}
.s2 .owl-dot {
font-size: 17px;
line-height: 20px;
}
.s2 .owl-dots {
top: -130px;
}
.s2__slide-bottom-col1 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
width: 130px;
min-width: 130px;
}
.s2__slide-bottom-col2 {
padding-left: 20px;
width: 150px;
min-width: 150px;
}
.s2__slide-bottom-col2 span,
.s2__slide-bottom-col2 a {
font-size: 18px;
line-height: 24px;
}
.s2__slide-bottom-col3 p {
font-size: 13px;
line-height: 16px;
}
.zayavka_modal_btn {
font-size: 14px;
}
.s2__slide-rightimg.s2__slide-rightimg1 {
background-size: 87%;
}
.s2__slide-2 .s2__slide-h1 {
font-size: 33px;
line-height: 38px;
}
.s2__slide-2 .s2__slide-bottom-col2 {
padding-top: 20px;
}
.s2__slide-2 .s2__slide-bottom-col3 {
padding-top: 23px;
}
.s2__slide-rtext {
padding-left: 300px;
}
.s2__slide-rtext2 {
font-size: 15px;
line-height: 20px;
}
.s2__slide-shashlik {
width: 500px;
}
.s2__slide-shashlik img {
max-width: 100%;
}
.s2__slide-h1 {
font-size: 32px;
line-height: 35px;
}
.s2__slide-text {
font-size: 14px;
line-height: 18px;
}
.s3 .s3__slide-1 .s2__slide-rightimg {
background-size: 430px;
}
.s2__slide-cursor {
right: -30px;
}
.s2__slide-lego img {
max-height: 100%;
}
.s2__slide-3 .s2__slide-bottom-col2 {
padding-top: 0px;
}
.s2__slide-5 .s2__slide-bottom-col2 {
min-width: 190px;
}
.s3 .owl-dot {
font-size: 16px;
}
.s3 .s2__slide-2 .s2__slide-h1 {
font-size: 28px;
line-height: 28px;
}
.s3__innerslider .owl-nav {
top: 150px;
}
.s3__innerslider-itemtext {
width: 410px;
}
.s3__slide-bottom-col1 {
min-width: 110px;
}
.s3 .s3__slide-3 .s2__slide-bottom-col2,
.s3 .s3__slide-4 .s2__slide-bottom-col2 {
min-width: 280px;
}
.s2__slide-numb {
left: -35px;
}
.catalog {
min-height: 790px;
}
.s4__h1 {
font-size: 45px;
}
.s4__prod-item {
padding: 20px;
width: 31%;
}
.s4__prod-title,
.product-item-small .product-item-small__title {
font-size: 24px;
}
.s4__prod-price {
min-width: 115px;
}
.s4__prod-price-new,
.product-item-small__price span {
font-size: 22px;
}
.s4__prod-price-old,
.product-item-small__price span:nth-child(2),
.product-item__price span:nth-child(2) {
font-size: 16px;
}
.s4 .s4__prod-wrap .btn-gradient,
.s4 .s4__other-btn.btn-gradient,
.section-catalog__small .btn-gradient {
width: 133px;
}
.s4 .s4__prod-wrap .btn-gradient-wrap,
.s4 .s4__prod-wrap .btn-gradient-hover,
.s4 .s4__prod-wrap .btn-gradient,
.s4 .s4__other-btn .btn-gradient-wrap,
.s4 .s4__other-btn .btn-gradient-hover,
.s4 .s4__other-btn.btn-gradient,
.section-catalog__small .btn-gradient,
.section-catalog__small .btn-gradient-hover,
.section-catalog__small .btn-gradient-wrap {
height: 45px;
line-height: 44px;
}
.s4 .s4__prod-wrap .btn-gradient-wrap {
line-height: 41px;
}
.s4 .s4__prod-wrap .btn-gradient-wrap,
.s4 .s4__other-btn .btn-gradient-wrap,
.section-catalog__small .btn-gradient,
.section-catalog__small .btn-gradient-wrap {
font-size: 18px;
}
.s4__prod-img {
height: 320px;
}
.s4__promo-left {
width: 300px;
}
.s4__promo-p1 {
font-size: 40px;
}
.s4__promo-p2 {
font-size: 32px;
}
.s4__promo-p3 {
left: 180px;
font-size: 18px;
}
.s4__promo-btn,
.s4__promo-btn-wrap,
.s4__promo-btn-hover {
width: 260px;
}
.s4__promo-item:nth-child(1),
.s4__promo-item:nth-child(2) {
margin-right: 55px;
}
.s4__promo-item:nth-child(1):after,
.s4__promo-item:nth-child(2):after {
right: -55px;
}
.s4__other-item {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.s4__other-wrap {
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.prodpopup {
width: 990px;
}
.prodpopup__left {
min-width: 515px;
width: 515px;
}
.prodpopup__mainphoto {
height: 540px;
}
.quiz {
min-height: 600px;
}
.prodpopup__btn-dopskidka .btn-gradient-wrap,
.prodpopup__btn-buy .btn-gradient-wrap {
padding-top: 18px;
}
#quiz-modal .quiz__h1 {
font-size: 36px;
line-height: 45px;
padding-top: 40px;
padding-right: 210px;
}
#quiz-modal .quiz__content {
min-height: 400px;
}
.s4__prod-btn-wrap {
padding: 0;
}
.s4__prod-title {
padding: 12px 0 24px;
}
.product-item-small .product-item-small__title {
padding: 12px 0 0;
}
.s4__other-item {
min-height: 340px;
width: 220px; margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
} .s4__other-item-img {
height: 210px;
}
.catalog.final .catalog__form {
padding: 45px 45px 30px;
width: 500px;
}
.s4__prod-rass-h2 {
font-size: 26px;
line-height: 27px;
}
.s4__prod-rass-block p {
font-size: 15px;
line-height: 17px;
margin-bottom: 20px;
}
.s4__prod-rass-item img {
max-width: 35px;
}
.s4__prod-rass-block {
width: 360px;
}
.s4__other-h1 {
line-height: 50px;
margin-bottom: 55px;
}
.s4__promo {
margin-bottom: 55px;
}
.catalog.final {
margin-bottom: 30px;
}
.city-detect__btn {
background-color: rgba(255, 255, 255, 0.8);
}
.catalog.catalog-kniga .catalog__form {
padding: 65px;
}
.catalog.catalog-kniga .catalog__t1 {
font-size: 41px;
}
.catalog.catalog-kniga .catalog-kniga__img2 {
width: 450px;
}
.catalog.catalog-kniga .catalog-kniga__img1 {
width: 550px;
}
.catalog.catalog-kniga .catalog__img {
left: -50px;
top: 70px;
width: 650px;
}
.reviews__bg1 {
left: -270px;
top: 165px;
}
.reviews__bg2 {
right: -300px;
}
.reviews__left {
width: 450px;
}
.reviews__slider-outer .owl-stage-outer {
min-height: 690px;
}
.reviews__left img {
max-width: 100%;
}
.reviews__left-mini img {
width: 135px !important;
max-height: 120px !important;
}
.reviews__right {
padding-left: 80px;
}
.reviews__slider-prev {
left: 10px;
}
.reviews__slider-next {
right: 0;
}
.preim__img {
height: 520px;
}
.preim__dot-1 {
left: 55px;
top: 140px;
}
.preim__dot-2 {
top: 210px;
left: 505px;
}
.preim__dot-3 {
top: 370px;
left: 350px;
}
.preim__dot-4 {
top: 420px;
left: 805px;
}
.s1video {
min-height: 600px;
background-size: cover;
}
.s1video__btn,
.s1video__btn-wrap,
.s1video__btn-hover {
width: 450px;
height: 90px;
}
.s1video__btn-wrap {
font-size: 28px !important;
line-height: 1.1;
}
.s1video__videos-big {
min-height: 100px;
}
.s1video__videos-text {
font-size: 16px;
line-height: 26px;
}
.s1video__videos-mini {
margin-top: 30px;
width: 180px;
}
.s1video__videos-big img {
width: 70px;
height: 70px;
}
.footer__col3 {
margin-right: 10px;
}
.s2__slide-bottom-col1.sborka_popup video {
max-width: 140px;
}
.s2__slide-bottom-col1.sborka_popup {
width: 140px;
min-width: 140px;
margin-right: 10px;
}
.s2__slide-bottom-col1.sborka_popup {
height: 81px;
}
.preim__img img {
max-height: 420px;
}
.preim__dot-1 {
top: 100px;
left: 15px;
}
.preim__dot-2 {
top: 200px;
left: 485px;
}
.preim__dot-3 {
top: 300px;
left: 245px;
}
.preim__dot-4 {
top: 300px;
left: 735px;
}
.canbroke {
margin-top: 80px;
}
.s1__catalog {
margin-top: 0;
padding: 0 10px;
width: 72px;
height: 50px;
}
.s1__catalog img {
margin: 0px 5px 0px 0px;
max-width: 20px;
}
.s1__catalog span {
font-size: 11px;
}
.quality-inner {
width: 100%;
}
.quality-title {
margin: 0px 0px 20px 0px;
font-size: 42px;
line-height: 1.2em;
}
.quality-content {
font-size: 19px;
}
.quality-column__left {
-ms-flex: 0 1 45%;
-webkit-box-flex: 0;
flex: 0 1 45%;
width: 45%;
}
.quality-column__right {
-ms-flex: 0 1 55%;
-webkit-box-flex: 0;
flex: 0 1 55%;
width: 55%;
}
.quality-column__right > img {
min-width: 540px;
}
.quality-info {
top: 95px;
right: -40px;
}
.grill-tables__pic1 {
width: 375px;
height: 265px;
left: -7%;
}
.grill-tables__pic2 {
width: 240px;
height: 170px;
top: 7%;
right: -12%;
}
.grill-tables__pic3 {
width: 190px;
height: 135px;
bottom: 9%;
left: 13%;
}
.grill-tables__pic4 {
width: 340px;
height: 240px;
bottom: 9%;
right: -15%;
}
}
@media screen and (max-width: 1300px) {
.s4__other-item {
width: 285px;
}
.s4__other-item:nth-child(4n) {
margin-right: 5px;
}
.new-quiz .quiz__inner:after {
right: -300px;
}
.new-quiz .quiz__plashka {
right: -110px;
}
}
@media screen and (max-width: 1240px) {
.new-quiz .quiz__plashka {
right: -60px;
}
#promo3in1-modal .s4__promo-item:nth-child(1) {
margin-right: 30px;
}
#promo3in1-modal .s4__promo-item:nth-child(2) {
margin-right: 40px;
}
#promo3in1-modal .s4__promo-item:nth-child(1):after,
#promo3in1-modal .s4__promo-item:nth-child(2):after {
right: -17px;
}
.wait-modal__right {
min-width: 450px;
}
}
@media screen and (max-width: 1200px) {
.catalog__img--v2 {
left: -40px;
}
.prodpopup-blackfriday {
top: 31%;
}
.prodpopup__mainphoto {
height: 440px;
}
.s2__h1 {
font-size: 50px;
line-height: 54px;
}
.s2__slide-left {
padding-top: 50px;
}
.s3__slider .s2__slider-item {
height: 480px;
}
.s3 .s3__slide-1 .s2__slide-rightimg {
background-size: 380px;
}
.catalog.final { }
.city-detect__btn {
background-color: #eee;
}
.prodpopup__main-price {
font-size: 44px;
}
.prodpopup__btn-dopskidka,
.prodpopup__btn-buy {
margin-top: 30px;
}
.prodpopup__left,
.prodpopup__right,
.prodpopup {
min-height: 650px;
}
.pechki .pechki__video {
width: 380px;
}
.pechki .pechki__video--second {
left: calc(12vw + 400px);
}
.pechki .pechki__video img {
max-width: 30%;
}
.pechki .pechki__video .pechki__video-text span {
border-bottom: 1px dashed #ff6b00;
font-size: 18px;
line-height: 26px;
}
.quality {
padding: 65px 0px 0px 0px;
}
}
@media screen and (max-width: 1200px) {
.grill-tables__pic1 {
padding: 0px 0px 49% 0px;
width: 70%;
height: 0;
}
.grill-tables__pic2 {
padding: 0px 0px 31% 0px;
width: 48%;
right: -3%;
height: 0;
}
.grill-tables__pic3 {
padding: 0px 0px 24% 0px;
width: 39%;
left: 4%;
height: 0;
}
.grill-tables__pic4 {
padding: 0px 0px 44% 0px;
width: 66%;
right: -2%;
height: 0;
}
}
@media (max-width: 1100px) {
.s4__promo-right {
margin-right: 45px;
max-width: 50%;
}
}
@media screen and (max-width: 1024px) {
.new-quiz .quiz__final-bg {
width: 60%;
}
.pechki .pechki__video {
width: 360px;
left: 3vw;
}
.pechki .pechki__video--second {
left: calc(3vw + 380px);
}
.photo-gallery__slide {
padding: 0 0 75% 0;
}
.photo-gallery__title,
.video-gallery__title {
font-size: 40px;
}
.video-gallery__video-preview {
margin: 0px 0px 15px 0px;
}
.video-gallery__slide-title {
margin: 0px 0px 15px 0px;
font-size: 18px;
}
.quality {
padding: 40px 0px 0px 0px;
}
}
@media screen and (max-width: 1020px) {
.wait-modal {
width: 100%;
flex-direction: column;
max-width: 445px;
}
.wait-modal__left {
min-width: 287px;
width: 94%;
margin: 0 auto;
padding-left: 0;
position: absolute;
}
.wait-modal__left-skidka {
display: none;
}
.wait-modal__left-img {
top: 180px;
transform: none;
margin: 0 auto;
left: 4px;
}
.wait-modal__right {
min-width: 300px;
background: #fff;
border-radius: 20px;
padding: 0;
}
.wait-modal__h2 {
padding: 43px 33px 0;
line-height: 35px;
font-size: 35px;
color: #ff6b00;
text-align: center;
}
.wait-modal__p {
padding: 0 43px;
margin-bottom: 369px;
line-height: 18px;
font-size: 14px;
color: #717171;
text-align: center;
}
.wait-modal__form.form__wait {
padding: 0 43px;
}
.wait-modal .box-modal_close {
top: 23px;
right: 23px;
width: 18px;
height: 18px;
}
.box-modal_close:before {
font-size: 18px;
}
.quality-column__left {
padding: 30px 0px 210px;
-ms-flex: 0 1 50%;
-webkit-box-flex: 0;
flex: 0 1 50%;
width: 50%;
}
.quality-content > p:last-child {
width: 80%;
}
.quality-column__right {
-ms-flex: 0 1 49%;
-webkit-box-flex: 0;
flex: 0 1 49%;
width: 49%;
}
.quality-column__right > img {
min-width: 630px;
}
.quality-info {
top: auto;
right: auto;
left: -180px;
bottom: 30px;
}
}
@media screen and (max-width: 1000px) {
.s1__scroll {
display: none;
}
.s1__catalog span {
font-size: 10px;
}
.catalog.final .catalog__form {
padding: 30px 30px 15px;
width: 450px;
}
.catalog.final .catalog__t1 {
line-height: 40px;
font-size: 40px;
}
.catalog.final .catalog__t2 {
line-height: 24px;
font-size: 20px;
margin-bottom: 35px;
}
.form__podarok-label .radio-txt {
font-size: 13px;
}
.grill-tables__pic1 {
padding: 0px 0px 52% 0px;
width: 85%;
}
.grill-tables__pic2 {
width: 45%;
right: 38%;
top: 73%;
}
.grill-tables__pic3 {
left: 4%;
left: 2%;
bottom: auto;
top: 47%;
}
.grill-tables__pic4 {
right: 2%;
bottom: auto;
top: 36%;
}
.s4__promo-p2 {
line-height: 45px;
}
}
@media (max-width: 960px) {
.s2 .owl-carousel .owl-stage-outer {
overflow: hidden;
}
.s2__slide-lego-slider {
bottom: 0;
}
.s4__other-wrap .section-catalog__col-small .product-item-small {
min-height: 454px;
}
.section-catalog__container.s4__other-wrap {
margin-bottom: 28px;
display: block;
}
.s4__carousel2 .section-catalog__col-small {
margin: 0 auto;
width: 310px;
}
.s4__other-wrap .product-item-small__btn {
width: 55%;
}
.s4__bg1,
.s4__bg2 {
display: none;
}
.s4 {
padding-top: 48px;
max-width: 100vw;
overflow: hidden;
}
.s4.s4--sets {
padding: 28px 0 0;
}
.s4__prod-wrap.s4__prod-wrap--sets {
margin-bottom: 0;
}
.s4__h1 {
font-family: RobotoBold, sans-serif;
line-height: 32px;
font-size: 30px;
margin: 40px 0;
text-align: center;
}
.s4__prod-item {
background-color: #fff;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/prod_bg.png);
background-size: cover;
background-position: top center;
width: 380px;
border-radius: 20px;
position: relative;
padding: 24px 28px 32px;
margin: 0 auto;
}
.s4__prod-item._oldprice .s4__prod-price-old,
.tovar-modal._oldprice .prodpopup__main-oldprice {
display: inline-block;
}
.s4__prod-item._saleinfo .s4__prod-bottom,
.s4__prod-item._selectColor .s4__prod-colors {
display: block;
}
.s4__prod-colors {
display: none;
position: absolute;
top: 40px;
left: 8px;
z-index: 2;
}
.s4__prod-colors > span {
margin: 0 0 10px;
display: inline-block;
color: #000;
font-family: RobotoMedium;
font-size: 12px;
line-height: 1.4;
}
.s4__other-colors-title,
.s4__other-h1,
.s4__prod-bottom-tooltip,
.s4__prod-bottom-txt,
.s4__prod-price,
.s4__prod-rass-h2,
.s4__prod-rass-item span,
.s4__prod-rassrochka > span,
.s4__prod-title,
.s4__promo-left,
.s4__promo-oldprice,
.s4__promo-price,
.s4__promo-right p,
.s4__promo-title {
font-family: RobotoBold, sans-serif;
}
.s4__prod-colors-btn {
display: block;
position: relative;
width: auto;
min-width: 65px;
border: 0;
outline: 0 !important;
background: 0 0;
text-align: left;
cursor: pointer;
}
.s4__prod-rass-block:after,
.s4__prod-rassrochka-close {
background-size: contain;
background-repeat: no-repeat;
position: absolute;
}
.s4__prod-colors-btn::after {
content: '';
position: absolute;
top: 7px;
right: 0;
width: 0;
height: 0;
border-top: 9px solid transparent;
border-left: 16px solid #e1e1e1;
border-bottom: 9px solid transparent;
}
.s4__prod-colors-btn.active > span:last-child {
color: #000;
text-decoration: underline;
}
.s4__prod-colors-btn > span:first-child {
position: relative;
display: block;
width: 42px;
height: 33px;
border-radius: 10px;
overflow: hidden;
}
.s4__prod-colors-btn > span:first-child::before {
content: '';
position: absolute;
top: -5px;
left: -20px;
width: 1px;
height: calc(100% + 10px);
z-index: 1;
background-color: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 3px 6px rgba(255, 255, 255, 0.6);
box-shadow: 0 0 3px 6px rgba(255, 255, 255, 0.6);
-webkit-animation: 4s ease-in-out infinite colorBtnBlick;
animation: 4s ease-in-out infinite colorBtnBlick;
}
.s4__prod-colors-btn > span:last-child {
color: #4d4d4d;
font-family: RobotoLight;
font-size: 12px;
line-height: 1.4;
}
.s4__prod-colors-btn[data-filter-color='brick'] {
margin: 0 0 10px;
}
.s4__prod-colors-btn[data-filter-color='brick'] > span:first-child {
background-color: #f5c980;
}
.s4__prod-colors-btn[data-filter-color='white'] > span:first-child {
background-color: #fff;
-webkit-box-shadow: 0 0 10px rgba(23, 23, 23, 0.25);
box-shadow: 0 0 10px rgba(23, 23, 23, 0.25);
}
.s4__prod-colors-btn[data-filter-color='white'] > span:first-child::before {
background-color: rgba(240, 240, 240, 0.6);
-webkit-box-shadow: 0 0 3px 6px rgba(240, 240, 240, 0.6);
box-shadow: 0 0 3px 6px rgba(240, 240, 240, 0.6);
}
.s4__prod-rassrochka {
position: absolute;
width: 78px;
height: 78px;
line-height: 1.4;
text-align: center;
top: 40px;
right: 20px;
z-index: 4;
border: 1px solid #ff6b00;
border-radius: 50%;
background-color: #fff;
cursor: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.s4__prod-rassrochka-close {
width: 25px;
height: 25px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/close-popup-icon.svg);
top: 15px;
right: 15px;
}
.s4__prod-rassrochka > span {
padding: 10px 0 0;
display: inline-block;
color: #000;
font-size: 13px;
}
.s4__prod-rassrochka.active .s4__prod-rass-block {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.s4__prod-rass-block {
position: absolute;
background-color: #fff;
width: 380px;
padding: 30px;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
border-radius: 10px;
text-align: left;
z-index: 110;
-webkit-transform: translateY(10px);
transform: translateY(10px);
left: -249px;
top: 40px;
-webkit-transition: 0.5s;
transition: 0.5s;
opacity: 0;
}
.s4__prod-item:first-child .s4__prod-rass-block {
left: -249px;
}
.s4__prod-wrap .owl-stage-outer {
overflow: visible !important;
}
.s4__prod-rass-block p {
line-height: 20px;
font-size: 16px;
letter-spacing: 0.5px;
margin-bottom: 25px;
}
.s4__prod-rass-block:after {
content: '';
right: 65px;
top: -10px;
width: 12px;
height: 18px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/ugol-white-quest.svg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.s4__prod-rass-h2 {
line-height: 31px;
font-size: 30px;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.s4__prod-rass-item {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
margin-bottom: 10px;
}
.s4__prod-rass-item img {
margin-right: 10px;
max-width: 45px;
}
.s4__prod-rass-item span {
line-height: 23px;
font-size: 22px;
letter-spacing: 0.5px;
}
.s4__prod-img {
position: relative;
display: none;
height: 270px;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.s4__prod-bottom-txt,
.s4__prod-btn-wrap,
.s4__prod-img.active {
display: -webkit-box;
display: -ms-flexbox;
}
.s4__prod-img.active {
display: flex;
-webkit-animation: 0.4s forwards fadeIn;
animation: 0.4s forwards fadeIn;
}
.s4__prod-addtocart-btn.addtocart-btn {
position: absolute;
bottom: 5px;
right: 0;
z-index: 2;
}
.s4__prod-img {
padding-top: 0;
}
.s4__prod-title {
font-size: 28px;
line-height: 1.1;
padding: 12px 0;
}
.s4__prod-btn-wrap {
margin-top: 15px;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
row-gap: 10px;
}
.s4__prod-price {
display: none;
min-width: 155px;
}
.s4__prod-price.active {
display: block;
-webkit-animation: 0.4s forwards fadeIn;
animation: 0.4s forwards fadeIn;
}
.s4__prod-price-new {
font-size: 28px;
line-height: 35px;
}
.s4__prod-wrap {
margin-bottom: 72px;
}
.s4__carousel1 {
z-index: 15;
}
.s4__carousel1-wrap,
.s4__carousel2-wrap {
position: relative;
}
.s4__carousel1-wrap .owl-dots {
text-align: center;
margin-top: 30px;
}
.s4__carousel2-wrap .owl-dots {
text-align: center;
margin-top: 20px;
}
.s4__carousel1-wrap .owl-dot,
.s4__carousel2-wrap .owl-dot {
width: 10px;
height: 10px;
background-color: #e7e7e7;
margin: 0 3px;
display: inline-block;
border-radius: 50%;
}
#catalog-modal .catalog__img,
#imperator-modal .catalog__img {
width: 90%;
left: 10px;
}
#catalog-modal .catalog__form,
#imperator-modal .catalog__form {
width: 90%;
right: auto;
left: 10px;
top: 195px;
}
.catalog__t1 {
font-size: 30px;
line-height: 1;
}
.catalog__t1 > br,
.catalog__t2 > br {
display: contents;
}
.catalog__t2 {
font-size: 22px;
line-height: 28px;
}
#catalog-modal .box-modal_close,
#imperator-modal .box-modal_close {
top: 0px;
right: 0px;
}
.container.s2__slide {
flex-direction: column-reverse;
height: auto;
min-height: 535px;
min-height: 535px;
align-items: center;
}
.s2__slide-caption {
display: none;
}
.s2__slide-left {
position: unset;
padding-top: 0px;
}
.s2__slide-right {
min-height: 599px;
}
.s2__slider-item {
height: auto;
}
.s2__slide-circle {
top: 0px;
left: 10%;
}
.s2__slide-left,
.s2__slide-right {
width: 100%;
}
.s2__slide-3 .s2__slide-bottom,
.s2__slide-bottom {
margin-bottom: 30px;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.s2__slide-3 .s2__slide-bottom-col2 {
font-size: 21px;
}
.s2__slide-bottom-col2:after {
display: none;
}
.s2__slide-rightimg5,
.s2__slide-rightimg4,
.s2__slide-rightimg.s2__slide-rightimg1 {
height: 578px;
width: 100%;
left: 0;
top: 280px;
}
.s2__slide {
margin: auto;
padding-bottom: 30px;
}
.s2__slide-main {
padding: 0 20px;
margin-top: 20px;
display: block;
}
.s2__slide-h2 {
font-family: RobotoBold, sans-serif;
line-height: 23px;
font-size: 22px;
padding-bottom: 15px;
color: #000;
text-align: center;
}
.city-detect__btn,
.modal_not_check,
.modal_add_basket,
.oplata-modal__h1,
.s2__slide-h2,
.s2__slide-h3,
.s2__slide-tab,
.s3__h1,
.s3__help-icon {
text-align: center;
}
.s2__slide-h3 {
font-family: RobotoBold, sans-serif;
line-height: 16px;
font-size: 16px;
color: #717171;
margin-bottom: 35px;
}
.s2__slide-tabs {
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
width: 390px;
margin: 0 auto 28px;
}
.s2__slide-line,
.s2__slide-line:after {
height: 5px;
border-radius: 10px;
margin: auto;
}
.s2__slide-tab {
min-width: 33.33%;
color: #999;
line-height: 18px;
padding: 0 3px;
}
.s2__slide-tab.active {
font-family: RobotoBold, sans-serif;
color: #ff6b00;
}
.s2__slide-landb {
position: relative;
padding-bottom: 35px;
}
.s2__slide-cont,
.s2__slide4 .s2__slide-main {
padding-bottom: 20px;
}
.s2__slide-line {
width: 360px;
background-color: #edece8;
position: relative;
}
.s2__slide-line:after {
content: '';
position: absolute;
right: 0;
left: 0;
width: 105px;
background: linear-gradient(270.09deg, #ff6d03 0.28%, #ffa80d 100%);
}
.s2__slide-lego1 {
position: absolute;
width: 78px;
height: 81px;
top: 115px;
left: -15px;
}
.s2__slide-lego2 {
position: absolute;
width: 88px;
height: 86px;
top: 165px;
right: -30px;
}
.s2__slide .s3__slide-next,
.s2__slide .s3__slide-prev,
.s2__slide-next,
.s2__slide-prev {
width: 44px;
height: 44px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -20px;
z-index: 5;
}
.s2__slide .s3__slide-prev,
.s2__slide-prev {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/prev-slider-icon.svg);
left: -10px;
}
.s2__slide .s3__slide-next,
.s2__slide-next {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/next-slider-icon.svg);
right: -10px;
}
.s2__slide-dots {
position: absolute;
top: 15px;
left: 0;
right: 0;
margin: auto;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.s2__slide-dot {
width: 10px;
height: 10px;
background-color: #edece8;
margin: 0 2.5px;
border-radius: 50%;
}
.s2__slide-dot.active {
background: -webkit-gradient(
linear,
right top,
left top,
color-stop(0.28%, #ff6d03),
to(#ffa80d)
);
background: linear-gradient(270deg, #ff6d03 0.28%, #ffa80d 100%);
}
.s2__slide-cont {
min-height: 225px;
position: relative;
overflow: hidden;
}
.s2__slide-circle {
width: 411px;
height: 411px;
background-color: #f7f7f7;
margin: auto;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
bottom: -90px;
}
.s2__slide-pechka-slider {
margin: 20px auto 0;
position: relative;
width: 100%;
height: 450px;
z-index: 2;
}
.s2__slide-pechka-slider .owl-stage-outer {
overflow: hidden !important;
height: 100%;
}
.s2__slide-pechka-slider .owl-item,
.s2__slide-pechka-slider .owl-stage {
height: 100%;
}
.s2__slide-pechka-slider .owl-nav {
margin: 10px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
}
.s2__slide-bottom,
.s3 .owl-nav,
.s3__innerslider-itemtext {
display: -ms-flexbox;
display: -webkit-box;
}
.s2__slide-pechka-slider .owl-nav .owl-next,
.s2__slide-pechka-slider .owl-nav .owl-prev {
margin: 0 15px;
width: 35px;
height: 30px;
}
.s2__slide-pechka-slider .owl-nav .owl-prev {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/prev-slider-icon.svg) center/contain no-repeat;
}
.s2__slide-pechka-slider .owl-nav .owl-next {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/next-slider-icon.svg) center/contain no-repeat;
}
.dzen-slider .owl-nav .owl-prev,
.s2__slide-pechka-slider .owl-nav .owl-prev:hover {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/prev-slider-icon.svg) center/contain no-repeat;
}
.dzen-slider .owl-nav .owl-next,
.s2__slide-pechka-slider .owl-nav .owl-next:hover {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/next-slider-icon.svg) center/contain no-repeat;
}
.s2__slide-touch:before,
.s3 .owl-next,
.s3 .owl-prev,
.s3__slide-bottom-left,
.sborka_popup .s2__slide-bottom-left:after,
.sertificate_popup-img {
background-size: contain;
background-repeat: no-repeat;
}
.box-modal_close:hover:after,
.box-modal_close:hover:before,
.s4__carousel1-wrap .owl-dot.active,
.s4__carousel2-wrap .owl-dot.active {
background-color: #ff6b00;
}
.s2__slide-pechka > img {
display: block !important;
width: 100% !important;
height: 100% !important;
-o-object-fit: contain;
object-fit: contain;
}
.s2__slide-touch {
line-height: 16px;
font-size: 12px;
color: #717171;
position: absolute;
bottom: 15px;
right: 10px;
}
.s2__slide-touch:before {
content: '';
width: 50px;
height: 60px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/strelka-lego.svg);
position: absolute;
top: -70px;
left: 30px;
}
.s2__slide-bottom {
padding-top: 20px;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.s2__slide-bottom-left {
min-width: 195px;
width: 195px;
}
.s2__slide-bottom-right {
padding-left: 30px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
padding-top: 30px;
padding-right: 40px;
}
.s2__slide-bottom-right br {
display: none;
}
.s2__slide-bottom-right a,
.s2__slide-bottom-right span {
font-family: RobotoBold, sans-serif;
color: #ff7b1a;
line-height: 26px;
font-size: 21px;
border-bottom: 2px dashed #ffa50c;
cursor: pointer;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.s2__slide-rtext {
position: absolute;
top: 20px;
left: 270px;
z-index: 2;
}
.s3__help,
.s3__help-icon {
position: relative;
display: inline-block;
}
.s2__slide-rtext1 {
font-family: RobotoBold, sans-serif;
font-size: 26px;
margin-bottom: 8px;
}
.s2__slide-rtext2 {
font-family: RobotoBold, sans-serif;
line-height: 18px;
font-size: 13px;
color: #717171;
margin-bottom: 25px;
}
.s2__slide-1 .s2__slide-line:after {
margin-left: 0;
}
.s2__slide-5 .s2__slide-line:after,
.s3 .s2__slide4 .s2__slide-line:after {
margin-right: 0;
}
.s2__slide2 .s2__slide-cont {
padding-top: 50px;
}
.s2__slide4 .s2__slide-cont img,
.s2__slide5 .s2__slide-cont img {
margin-bottom: -20px;
}
.s2__slide3 .s2__slide-cont {
min-height: 535px;
}
.s2__slide2 .s2__slide-cont img {
max-width: 270px;
margin-bottom: 50px;
margin-top: 40px;
}
.s2 > .container {
display: none;
}
.s2 {
padding-top: 80px;
background: #fff;
}
.s2 .s1__scroll {
display: block;
max-width: 300px;
margin: 15px auto 0;
text-align: center;
cursor: pointer;
position: relative;
transform: none;
left: 0;
}
.s2 .s1__scroll-arr {
width: 27px;
height: 11px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/arr-bot-black.svg);
position: absolute;
left: calc(50% - 13px);
top: 35px;
-webkit-animation: 1s ease-in-out infinite alternate animateArrow;
animation: 1s ease-in-out infinite alternate animateArrow;
}
.s2 .s1__scroll-text {
line-height: 28px;
font-size: 22px;
font-family: RobotoBold, sans-serif;
color: #000;
-webkit-transition: 0.25s;
transition: 0.25s;
}
.s2 .owl-dots {
top: 130px;
display: none;
}
.s2__slider-item:before {
display: none;
}
.s2video__ttl {
font-size: 36px;
}
.s2video .container {
width: 100%;
}
.reviews__item {
flex-direction: column-reverse;
}
.reviews__left,
.reviews__right {
width: 100%;
}
.reviews__bg1,
.reviews__bg2 {
display: none;
}
.reviews {
background: #fff;
}
.reviews__right-head {
flex-direction: column;
max-width: 84px;
padding-left: 0px;
}
.reviews .reviews__right-cont {
float: right;
display: inline;
width: calc(100% - 94px);
margin-top: -169px;
padding-right: 60px;
padding-bottom: 20px;
}
.reviews__right-head .name b,
.reviews__right-head p {
font-size: 16px;
color: #717171;
}
.reviews__right-head span {
font-size: 10px;
line-height: 1.5;
}
.reviews__right-head b {
display: inline-block;
line-height: 20px;
font-family: RobotoBold, sans-serif;
}
.reviews__slider-next {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/next-slider-icon.svg);
}
.reviews__slider-prev {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/icons/prev-slider-icon.svg);
}
.reviews__slider-next,
.reviews__slider-prev {
width: 46px;
}
.reviews__right-head .photo {
width: 84px;
height: 84px;
}
.reviews__left-mini,
.reviews__soc {
display: none;
}
.reviews__item .pechki__video,
.reviews__hidden-bot {
display: none;
}
.reviews__readmore {
display: inline-block;
border-bottom: 2px dashed #ff6b00;
color: #ff6b00;
font-size: 18px;
font-family: RobotoBold, sans-serif;
}
.reviews__slider-outer .owl-stage-outer {
min-height: 100px;
}
}
@media (max-width: 800px) {
.s2__slide-rtext {
left: 49px;
}
.s2__slide-2 .s2__slide-shashlik {
bottom: 100px;
left: 0px;
width: 300px;
}
.quality-column__left {
padding-top: 0px;
}
.quality-title {
margin: 0px 0px 20px 0px;
font-size: 31px;
line-height: 1.2em;
}
.quality-content {
font-size: 15px;
line-height: 1.3;
}
.quality-content > p {
margin: 0px 0px 15px 0px;
}
.quality .pechki__video {
flex-direction: column;
}
.pechki__video-text {
padding-left: 0;
font-size: 16px;
font-weight: normal;
}
.reviews .pechki__video-text {
padding-left: 22px;
}
.pechki__video-text span {
font-size: 16px;
line-height: 18px;
}
.quality-column__right > img {
min-width: 488px;
}
.quality-info {
font-size: 12px;
line-height: 1.2;
width: 134px;
right: 100%;
left: auto;
}
.quality-info__name {
margin: 0px 0px 7px 0px;
font-size: 16px;
}
.quality-info__txt1 {
margin: 0px 0px 7px 0px;
}
.quality-info__phone {
font-size: 16px;
}
}
@media (max-width: 767px) {
.quiz {
min-height: 700px;
margin: 44px 0;
}
.new-quiz .quiz__footer > .container {
flex-direction: column-reverse;
}
.new-quiz .quiz__items-wrap {
flex-direction: column;
}
.quiz__items-wrap.quiz__step0 .quiz__item {
width: 100%;
}
.new-quiz .quiz__footer-left {
flex-direction: row;
max-width: 100%;
margin-right: 0px;
align-items: center;
}
.new-quiz .quiz__footer-h1 {
width: 49%;
}
.new-quiz .quiz__footer-lwrap {
justify-content: flex-start;
}
.new-quiz .quiz__item {
background-color: #f7f7f7;
border-radius: 10px;
padding: 8px;
width: 100%;
margin-bottom: 10px;
}
.quiz.new-quiz .quiz__item-wrap {
display: flex;
width: 100%;
height: auto;
max-height: 90px;
margin-bottom: 0px;
align-items: center;
border-radius: 12px;
}
.new-quiz .quiz__item-img-wrap {
max-width: 94px;
height: 94px;
max-height: 94px;
padding-bottom: unset;
margin-bottom: 0px;
border-radius: 12px;
}
.new-quiz .quiz__item-img {
width: calc(100% - 8px);
height: 86px;
border-radius: 8px;
}
.new-quiz .quiz__item-img img {
border-radius: 8px;
}
.new-quiz .quiz__item-checks {
flex-direction: row-reverse;
margin-left: 20px;
flex: 1 1 auto;
min-height: unset;
align-items: center;
}
.new-quiz .quiz__item-check {
margin-right: 0;
margin-left: 15px;
}
.new-quiz .quiz__item-name {
flex: 1 1 auto;
}
.new-quiz .quiz__item-descr {
display: none;
}
.new-quiz .quiz__items-wrap--many-steps .quiz__item {
width: 100%;
}
.new-quiz .quiz__final-tel {
max-width: 100% !important;
}
.new-quiz .btn-gradient.quiz__final-submit {
margin-left: 0px !important;
}
.new-quiz .quiz__h1 {
padding-right: 0px;
}
.new-quiz .quiz__final-bg {
display: none !important;
background-image: none !important;
}
.new-quiz .quiz__final {
height: auto !important;
margin: 20px 0 0;
max-width: 100%;
}
.s2video__video3 {
max-width: 100%;
}
.catalog {
min-height: 800px; padding: 60px 0;
}
.catalog__img {
position: absolute;
left: 16px;
top: 25px;
z-index: 1;
}
.catalog__img.catalog__img--v2 {
width: 90%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: -20px;
}
.catalog-blackfriday {
position: absolute;
top: 0;
left: 10px;
width: 110px;
height: 110px;
text-align: center;
background:
url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/img/mobile/blackfriday-bage-bg.png) center/cover no-repeat,
#000;
border-radius: 50%;
}
.catalog-blackfriday__pretitle {
color: #ffdd09;
font-size: 11px;
font-weight: 700;
}
.catalog-blackfriday__link {
display: inline-block;
color: #ff6b00;
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.catalog__skidka {
position: absolute;
left: 41px;
top: 0;
z-index: 2;
}
.catalog__form.catalog__form--v2 {
position: absolute;
z-index: 5;
width: 445px;
left: 0;
right: 0;
top: 195px;
border-radius: 20px;
background-color: #fff;
padding: 33px 30px;
margin: auto;
text-align: center;
}
.catalog__t1 {
line-height: 30px;
font-size: 30px;
color: #ff6b00;
margin-bottom: 22px;
}
.catalog__t2 {
line-height: 28px;
font-size: 22px;
letter-spacing: 1px;
color: #1b2026;
margin-bottom: 25px;
}
.modal-form input[type='tel'],
.modal-form input[type='email'],
#catalog-modal input[type='email'],
#catalog-modal input[type='tel'],
#imperator-modal input[type='email'],
#imperator-modal input[type='tel'],
.catalog input[type='email'],
.catalog input[type='tel'] {
background-color: #fff;
border: 1px solid #e4e4e4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 15px;
height: 60px;
width: 100%;
line-height: 60px;
padding: 0 22px;
margin-bottom: 15px;
font-family: RobotoBold, sans-serif;
color: #999;
}
.catalog__submit {
width: 100%;
height: 64px;
margin-top: 20px;
position: relative;
cursor: pointer;
border: none;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ff6b00 2.46%, #ffd600 85.03%);
-webkit-box-shadow:
0 15px 25px rgba(255, 125, 11, 0.4),
0 4px 0 #f7720f,
inset 0 -1px 0 rgba(255, 255, 255, 0.1);
box-shadow:
0 15px 25px rgba(255, 125, 11, 0.4),
0 4px 0 #f7720f,
inset 0 -1px 0 rgba(255, 255, 255, 0.1);
border-radius: 19px;
-webkit-transition: 0.15s;
transition: 0.15s;
}
.catalog__submit-hover,
.catalog__submit-wrap {
position: absolute;
width: 100%;
height: 64px;
border-radius: 19px;
left: 0;
top: 0;
}
.catalog__submit-wrap {
line-height: 64px;
z-index: 3;
-webkit-transition: 0.15s;
transition: 0.15s;
text-align: center;
color: #9b0c00;
font-size: 25px;
}
.catalog__submit-hover {
z-index: 2;
opacity: 0;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ffa800 2.46%, #ffd600 85.03%);
-webkit-transition: 0.15s;
transition: 0.15s;
}
}
@media (max-width: 620px) {
.site-header__container .s1__catalog {
display: none;
}
.header-socials {
gap: 12px;
}
.header-social__link {
width: 32px;
height: 32px;
}
.grill-tables__inner {
flex-direction: column;
}
.grill-tables__videos {
margin-top: 270px;
}
.grill-tables__pic1 {
padding: 0px 0px 32% 0px;
top: -455px;
width: 54%;
left: -18px;
}
.grill-tables__pic1 img,
.grill-tables__pic2 img,
.grill-tables__pic3 img,
.grill-tables__pic4 img {
object-fit: contain;
}
.grill-tables__pic2 {
top: -372px;
right: 1%;
width: 50%;
padding: 0px 0px 29% 0px;
}
.grill-tables__pic3 {
padding: 0px 0px 24% 0px;
top: -840px;
right: -56px;
left: auto;
}
.grill-tables__pic4 {
padding: 0px 0px 19% 0px;
top: -469px;
right: -5px;
width: 33%;
}
}
@media (max-width: 567px) {
.quality-play {
top: 53%;
}
.quality-column__right > img {
min-width: 532px;
-webkit-transform: translateX(-16%);
transform: translateX(-16%);
opacity: 0.7;
}
.video-gallery__title {
font-size: 37px;
}
.new-quiz .quiz__final-cont {
flex-direction: column;
}
.s2__slide-5 .s2__slide-bottom,
.s2__slide-1 .s2__slide-bottom {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s2__slide-rtext {
left: -21px;
}
.header-contact__phone {
font-size: 18px;
}
.header-contact__text {
font-size: 13px;
}
.site-header__container .s1__catalog {
margin-left: 6px;
}
.touch-menu {
margin-left: 10px;
}
.site-logo__content {
padding-left: 8px;
}
.catalog__form {
padding: 30px;
}
.new-quiz .quiz__footer-left {
flex-direction: column;
}
.new-quiz .quiz__footer-lwrap {
justify-content: center;
}
.new-quiz .quiz__footer-h1 {
width: 100%;
}
.new-quiz .quiz__item-name {
min-width: 114px;
}
.s4 {
padding-top: 24px;
}
.s4__prod-wrap {
margin-bottom: 60px;
}
.video-gallery {
margin: 88px 0 72px;
}
}
@media (max-width: 500px) {
.s2__slide-lego-slider {
width: 290px;
height: 460px;
}
.catalog__form.catalog__form--v2 {
max-width: 100%;
}
.site-header__right .header-contact__phone {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/img/tel.png) no-repeat center center;
background-size: contain;
width: 40px;
height: 50px;
margin-bottom: 0;
transform: none !important;
}
.header-contact__phone a {
opacity: 0;
height: 50px;
width: 40px;
display: block;
font-size: 3px;
}
.site-header .header-contact__text {
display: none;
}
.site-header .site-header__container {
flex-direction: row;
}
}
@media (max-width: 460px) {
.grill-tables__col1 {
width: 100%;
}
.grill-tables__content {
padding: 40px 15px 40px;
}
.grill-tables__title {
font-size: 30px;
line-height: 1;
}
.grill-tables__txt2:before {
display: none;
}
.grill-tables__videos {
flex-direction: column;
margin-top: 20px;
gap: 10px;
align-items: center;
}
.grill-tables__video-img,
.grill-tables__video {
width: 99%;
max-width: 163.39px;
}
.grill-tables__col2 {
display: none;
}
}
@media (max-width: 440px) {
.site-footer__right {
flex-direction: column;
}
.site-footer__menus {
padding-right: 0px;
border-right: none;
}
.reviews .pechki__video {
width: 100%;
}
.box-modal_close {
top: 20px;
right: 10px;
}
.s4__prod-rass-block {
width: 314px;
}
.s4__prod-item:first-child .s4__prod-rass-block {
left: -216px;
}
.rassrochka_popup {
padding: 30px 20px 20px;
}
.rassrochka_popup__h1 {
font-size: 30px;
}
.s4__prod-item {
width: 100%;
border-radius: 10px;
position: relative;
padding: 30px 18px 28px;
}
.s4__prod-price-new {
text-align: center;
}
.s4__prod-btn-wrap {
margin-top: 0px;
}
.reviews .reviews__right-cont {
float: none;
display: block;
width: 100%;
margin-top: 10px;
padding-right: 0px;
padding-bottom: 20px;
}
.reviews__right-head {
flex-direction: row;
max-width: 100%;
padding-left: 0px;
margin-bottom: 10px;
}
.catalog__form.catalog__form--v2 {
padding: 35px 15px;
top: 144px;
}
.catalog {
min-height: 760px;
}
.new-quiz .quiz__h1 {
font-size: 27px;
}
#quiz {
margin-top: 0px;
}
.new-quiz .quiz__final-left {
width: 100%;
}
.s2__slide-tabs {
width: 100%;
}
.s2__slide-line {
width: 90%;
}
.s2__slide-line:after {
width: 30%;
}
.s2__slide-bottom {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.s2__slide-tab {
font-size: 13px;
}
.s2__slide-h2 {
margin-bottom: 0px;
}
.s2__slide-rightimg.s2__slide-rightimg1 {
top: 143px;
}
.s2__slide-rightimg5,
.s2__slide-rightimg4 {
top: 156px;
}
.s2__slide-right {
min-height: 300px;
}
.s2__slide-1 .s2__slide-left {
padding-top: 0px;
}
.s2__slide-2 .s2__slide-right {
min-height: 361px;
}
.s2__slide-circle {
width: 100%;
}
.s2__slide-lego2,
.s2__slide-lego1 {
display: none;
}
.s2__slide-2 .s2__slide-shashlik {
width: 214px;
}
.s2__slide-rtext {
left: 0px;
padding-left: 151px;
padding-top: 31px;
}
.s2__slide-rightimg5,
.s2__slide-rightimg4 {
background-size: contain;
}
.s2__slide-left {
padding-right: 0px;
}
#catalog-modal .catalog__img,
#catalog-modal .catalog__form,
#imperator-modal .catalog__img,
#imperator-modal .catalog__form {
width: 100%;
left: 0;
}
.catalog__t1 {
font-size: 25px;
margin-bottom: 10px;
}
.catalog__t2 {
font-size: 18px;
line-height: 1.4;
margin-bottom: 15px;
}
#catalog-modal .catalog__form,
#imperator-modal .catalog__form {
padding: 20px 10px;
}
#catalog-modal .catalog__submit,
#imperator-modal .catalog__submit {
margin-top: 10px;
}
#catalog-modal .catalog__submit-wrap,
#imperator-modal .catalog__submit-wrap {
padding-left: 32px;
font-size: 19px;
}
.quality-inner {
flex-direction: column;
}
.quality-column__left {
padding-bottom: 52px;
width: 100%;
}
.quality-column__right {
width: 100%;
flex-direction: column;
align-items: center;
}
.quality-column__right > img {
display: none;
}
.quality-info {
position: relative;
left: 0;
width: 100%;
max-width: 100%;
text-align: center;
}
.quality-play {
position: relative;
display: block;
top: 0px;
left: 0px;
margin-bottom: 20px;
}
.quality-title {
white-space: normal;
}
.wait-modal__left {
display: none;
}
.wait-modal__p {
margin-bottom: 0px;
}
.wait-modal {
min-height: 380px;
}
.wait-modal__h2,
.wait-modal__p,
.wait-modal__form.form__wait {
padding-left: 15px;
padding-right: 15px;
}
.wait-modal__h2 {
font-size: 27px;
line-height: 1.1;
}
}
@media (max-width: 360px) {
.site-header__left .site-logo__content .site-logo__text {
display: none;
}
.s2__slide-rightimg4 {
top: 125px;
}
.reviews .pechki__video {
flex-direction: column;
row-gap: 10px;
}
.s4__other-wrap .product-item-small__bottom {
flex-direction: column;
row-gap: 10px;
}
.s4__other-wrap .section-catalog__col-small .product-item-small__price {
width: 100%;
padding: 0;
text-align: center;
}
.s4__other-wrap .product-item-small__btn {
width: 100%;
}
.section-catalog__small .s4__other-wrap .btn-gradient {
margin: 0 auto;
}
.s4__other-wrap .section-catalog__col-small {
max-width: 100%;
}
.s4__other-wrap .product-item-small {
padding: 15px 15px;
}
}
.site-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
overflow: hidden;
position: relative;
} body.not-scroll .site-header,
body.not-scroll .site-footer,
body.not-scroll .site-container > * {
-webkit-filter: blur(5px);
filter: blur(5px);
}
body.not-scroll .popup {
-webkit-filter: blur(0) !important;
filter: blur(0) !important;
}
.site-container {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.button-white {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 32px 18px;
border: 2px solid #f65044;
background: none;
border-radius: 5px;
font-family: 'Oswald';
font-size: 14px;
font-weight: bold;
color: #f65044;
text-transform: uppercase;
text-decoration: none;
text-align: center;
letter-spacing: 0.4px;
transition:
color 0.2s ease,
background 0.2s ease;
}
.button-white:hover {
background: #f65044;
color: #fff;
}
.button-red {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 23px 61px 27px;
border: none;
background: linear-gradient(to right, #ffc100, #ff6e00);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5447', endColorstr='#e13d31', GradientType=0);
border-radius: 5px;
font-family: 'Oswald';
font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.8px;
-webkit-box-shadow:
0px 10px 35px -10px rgba(244, 66, 54, 1),
0px 10px 35px -10px rgba(0, 0, 0, 0.3);
box-shadow:
0px 10px 35px -10px rgba(244, 66, 54, 1),
0px 10px 35px -10px rgba(0, 0, 0, 0.3);
}
.button-red:hover {
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ffa800 2.46%, #ffd600 85.03%);
}
.button-red:disabled {
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.5;
cursor: auto;
pointer-events: none;
}
.spasibo-btn.button-red {
padding: 20px 48px;
margin-bottom: 40px;
}
.spasibo-btn.button-red:hover {
color: #fff;
}
._addToCart {
position: relative;
overflow: hidden;
}
._addToCart::after {
content: '✓';
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
z-index: 4;
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
font-weight: 700;
background: -o-linear-gradient(left, #ffc100 0%, #ff6e00 100%);
background: -webkit-gradient(linear, left top, right top, from(#ffc100), to(#ff6e00));
background: linear-gradient(90deg, #ffc100 0%, #ff6e00 100%);
opacity: 0;
visibility: hidden;
-webkit-transition:
opacity 0.3s ease,
visibility 0.3s ease;
-o-transition:
opacity 0.3s ease,
visibility 0.3s ease;
transition:
opacity 0.3s ease,
visibility 0.3s ease;
}
._addToCart.button-white::after,
._addToCart.button-red::after {
background: #f65044;
}
._addToCart.is-added::after {
opacity: 1;
visibility: visible;
}
.slick-prev.slick-arrow.slick-disabled,
.slick-next.slick-arrow.slick-disabled {
opacity: 0.4;
} .site-header {
position: fixed;
left: 0;
top: 0;
right: 0;
z-index: 999;
background: #fff;
-webkit-box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.4);
box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.4);
}
.admin-bar .site-header {
top: 32px;
}
.site-header_page {
background: #fff;
-webkit-box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
}
.site-header__container {
padding: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.site-header__left {
flex-shrink: 0;
width: 272px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 2px;
}
.site-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none;
}
.site-logo__image {
position: relative;
width: 58px;
height: 58px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.site-logo__image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: contain;
}
.site-logo__content {
padding: 0 0 0 12px;
}
.site-logo__title {
font-size: 22px;
font-weight: 500;
color: #2b2b2b;
text-transform: uppercase; }
.site-logo__title span {
font-weight: bold;
color: #f44336;
}
.site-logo__text {
font-family: 'Oswald';
font-size: 15px;
font-weight: 300;
color: #607d8b;
}
.site-header__center {
width: 38%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
}
.header-nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 0;
font-size: 15px;
color: #000;
}
.header-nav > ul > li {
padding: 0 15px;
position: relative;
}
.header-nav > ul > li:after { display: none;
width: 1px;
background: #e2e7eb;
position: absolute;
top: 1px;
right: 0;
bottom: 2px;
}
.header-nav > ul > li:last-child:after {
display: none;
}
.header-nav > ul > li > a {
display: block;
padding: 2px 0;
position: relative;
border-bottom: 2px solid transparent;
text-decoration: none;
color: #2b2b2b;
}
.header-nav > ul > li > a:hover {
color: #f44336;
border-color: #f44336;
}
.header-nav .cart-products-counter,
.mobile-panel__menu .cart-products-counter {
padding: 0 4px;
position: absolute;
min-width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
font-size: 12px;
font-weight: 500;
line-height: 1;
background-color: #f65044;
border-radius: 50%;
pointer-events: none;
}
.header-nav .cart-products-counter {
top: -5px;
right: -20px;
}
.mobile-panel__menu .cart-products-counter {
top: 0;
right: 8px;
min-width: 18px;
height: 18px;
}
.site-header__right {
width: 37%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-socials {
display: flex;
gap: 10px;
}
.header-social__link {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40px;
height: 40px;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.header-social__link img,
.header-social__link svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.header-social__link.header-social__link--ma {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/socials/max.png) center / 85% no-repeat;
}
.header-social__link.header-social__link--tg {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/socials/telegram.svg) center / 90% no-repeat;
}
.header-social__link.header-social__link--wa {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/socials/whatsapp.svg) center / 90% no-repeat;
}
.header-contact {
margin-left: 16px;
padding: 2px 0 0;
text-align: right;
}
.header-contact__phone {
font-size: 22px;
font-weight: 500;
text-transform: uppercase;
white-space: nowrap;
font-family:
apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.header-contact__phone a {
text-decoration: none;
color: #2b2b2b;
}
.header-contact__phone span {
font-weight: bold;
color: #f44336;
}
.header-contact__text {
font-family: 'Oswald';
font-size: 15px;
font-weight: 300;
color: #607d8b;
}
.header-btn {
margin-left: 29px;
}
.header-btn .button-white {
padding: 0 12px;
width: 84px;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
text-align: center;
}
@media screen and (max-width: 1470px) {
.header-btn .button-white {
width: 100px;
height: 50px;
font-size: 12px;
}
}
.site-header__container .s1__catalog {
padding: 13px 20px 16px;
margin-top: 0;
}
.touch-menu {
display: none;
} .cart-link {
position: fixed;
top: 30%;
right: 23px;
width: 84px;
height: 84px;
z-index: 999;
background: -o-linear-gradient(left, #ffc100 0%, #ff6e00 100%);
background: -webkit-gradient(linear, left top, right top, from(#ffc100), to(#ff6e00));
background: linear-gradient(90deg, #ffc100 0%, #ff6e00 100%);
border-radius: 50%;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
-webkit-animation: cartLinkJumpLoop 30s linear 20s infinite;
animation: cartLinkJumpLoop 30s linear 20s infinite;
}
.cart-link._disabled {
display: none !important;
}
.cart-link:hover {
opacity: 0.9;
}
.cart-link._blink::before {
-webkit-animation: cartLinkBlink 0.4s linear 0s;
animation: cartLinkBlink 0.4s linear 0s;
}
.cart-link::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
z-index: 1;
background: -o-linear-gradient(left, #ffc100 0%, #ff6e00 100%);
background: -webkit-gradient(linear, left top, right top, from(#ffc100), to(#ff6e00));
background: linear-gradient(90deg, #ffc100 0%, #ff6e00 100%);
border-radius: 50%;
pointer-events: none;
}
.cart-link .cart-products-counter {
position: absolute;
top: -5px;
right: -10px;
width: 2.6em;
height: 1.8em;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #ffffff;
font-size: 14px;
font-family: 'RobotoBold', sans-serif;
background-color: #393939;
border-radius: 50%;
border: 2px solid #ffffff;
overflow: hidden;
}
.cart-link img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 54%;
height: 54%;
z-index: 2;
-o-object-fit: contain;
object-fit: contain;
}
@-webkit-keyframes cartLinkJumpLoop {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
1% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
2% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
4% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
5% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
6% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes cartLinkJumpLoop {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
1% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
2% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
4% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
5% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
6% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes cartLinkBlink {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.3);
-ms-transform: translate(-50%, -50%) scale(1.3);
transform: translate(-50%, -50%) scale(1.3);
}
}
@keyframes cartLinkBlink {
0% {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale(1.3);
-ms-transform: translate(-50%, -50%) scale(1.3);
transform: translate(-50%, -50%) scale(1.3);
}
}
@media (max-width: 1200px) {
.cart-link {
width: 70px;
height: 70px;
}
}
@media screen and (max-width: 1170px) {
.cart-link {
display: none !important;
}
} .main-banner {
position: relative;
}
.main-banner > .container {
padding: 60px 0 30px;
}
.main-banner img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 960px) {
.main-banner > .container {
padding: 40px 0;
}
}
@media screen and (max-width: 576px) {
.main-banner > .container {
padding: 24px 0;
}
} .section-welcome {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.section-welcome__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 179px 0 93px;
}
.section-welcome__headline {
font-family: 'Oswald';
font-size: 80px;
font-weight: 600;
line-height: 90px;
text-transform: uppercase;
margin-bottom: 39px;
}
.section-welcome__headline span {
color: #fa5447;
}
.section-welcome__right {
width: 190px;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.section-welcome__list {
font-family: 'Oswald';
font-size: 18px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.3px;
}
.section-welcome__list li {
background: #fff;
padding: 22px 20px 24px 50px;
border-bottom: 1px solid #e7ecee;
position: relative;
}
.section-welcome__list li:first-child {
border-radius: 5px 5px 0 0;
}
.section-welcome__list li:last-child {
border-bottom: none;
border-radius: 0 0 5px 5px;
}
.section-welcome__list li:before {
content: '';
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgb(250, 84, 71);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(250, 84, 71, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5447', endColorstr='#e13d31', GradientType=0);
-webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
position: absolute;
top: calc(50% - 15px);
left: -15px;
}
.section-welcome__list li:after {
content: '';
display: block;
width: 12px;
height: 12px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/check.svg) no-repeat 0 0 / 100% auto;
position: absolute;
top: calc(50% - 6px);
left: -6px;
}
.section-welcome__text {
font-size: 26px;
line-height: 45px;
margin-bottom: 52px;
}
.section-welcome__bottom {
width: 300px;
}
.section-welcome__btn {
margin-bottom: 39px;
}
.section-welcome__btn a {
display: inline-block;
padding: 26px 48px 24px 50px;
border: none;
border-radius: 5px;
background: rgb(250, 84, 71);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(250, 84, 71, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5447', endColorstr='#e13d31', GradientType=0);
font-family: 'Oswald';
font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.8px;
text-decoration: none;
white-space: nowrap;
-webkit-box-shadow:
0px 10px 35px -10px rgba(244, 66, 54, 1),
0px 10px 35px -10px rgba(0, 0, 0, 0.3);
box-shadow:
0px 10px 35px -10px rgba(244, 66, 54, 1),
0px 10px 35px -10px rgba(0, 0, 0, 0.3);
}
.section-welcome__btn a:hover {
background: rgba(225, 61, 49, 1);
}
.section-welcome__btn a:before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/download.svg) no-repeat;
vertical-align: middle;
margin-right: 26px;
position: relative;
bottom: 1px;
}
.section-welcome__bottom-text {
font-size: 15px;
font-weight: 500;
line-height: 26px;
position: relative;
}
.section-welcome__bottom-text span {
color: #fa5447;
}
.section-welcome__bottom-text:after {
content: '';
display: block;
width: 100px;
height: 154px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/welcome-arrow.png) no-repeat;
position: absolute;
right: -124px;
bottom: 15px;
}
.section-title {
font-family: 'Oswald';
font-size: 40px;
font-weight: 600;
line-height: 60px;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1px;
margin-bottom: 25px;
}
.section-title span {
color: #fa5447;
}
.section-desc {
font-size: 22px;
line-height: 30px;
color: #607d8b;
text-align: center;
letter-spacing: 0.1px;
margin-bottom: 25px;
}
.section-quantity {
padding: 92px 0;
}
.section-quantity__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 28px 0 0;
margin: 0 -10px;
}
.section-quantity__col {
width: 33.3333333333333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
.section-quantity__item {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(239, 246, 250, 1)),
to(rgba(239, 246, 250, 0))
);
background: -o-linear-gradient(top, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 100%);
background: linear-gradient(to bottom, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff6fa', endColorstr='#00eff6fa', GradientType=0);
border-radius: 10px;
padding: 1px 40px 15px;
text-align: center;
}
.section-quantity__image {
margin: -15px 0 32px;
}
.section-quantity__image img {
display: block;
margin: 0 auto;
}
.section-quantity__title {
font-family: 'Oswald';
font-size: 22px;
font-weight: 500;
line-height: 30px;
margin-bottom: 23px;
}
.section-quantity__text {
font-size: 16px;
line-height: 30px;
color: #607d8b;
}
.section-complete {
padding: 47px 0 88px;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.section-complete__left {
width: 55%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 70px;
}
.section-complete__background_mob {
display: none;
}
.section-complete .section-title {
text-align: left;
margin-bottom: 34px;
}
.section-complete__text {
font-size: 18px;
line-height: 35px;
margin-bottom: 45px;
}
.section-complete__list {
max-width: 600px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 47px;
}
.section-complete__col {
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 20px;
}
.section-complete__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 8px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
margin-bottom: 14px;
}
.section-complete__list-text {
font-family: 'Oswald';
font-size: 16px;
line-height: 25px;
}
.section-complete__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-complete__btn {
margin: 8px 48px 0 0;
}
.section-complete__price {
white-space: nowrap;
}
.section-complete__price-old {
font-family: 'Oswald';
font-size: 18px;
font-weight: 500;
line-height: 25px;
color: #607d8b;
margin-bottom: 5px;
}
.section-complete__price-old span {
margin: 0 4px;
font-size: 22px;
}
.section-complete__right {
width: 45%;
}
.section-complete__price-new span {
display: inline-block;
font-family: 'Oswald';
font-size: 55px;
font-weight: 600;
line-height: 60px;
margin-right: 9px;
}
.section-complete__price-new i {
font-family: 'Oswald';
font-size: 38px;
font-weight: 600;
line-height: 60px;
}
.section-complete__img {
display: none;
}
.section-catalog {
padding: 92px 0 100px;
}
.section-catalog__big {
padding: 0 0 42px;
}
.section-catalog__container {
padding: 18px 0;
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-catalog__col-big {
width: 33.33333333333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
.product-item {
padding: 15px;
border-radius: 20px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(239, 246, 250, 1)),
to(rgba(239, 246, 250, 0))
);
background: -o-linear-gradient(top, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 100%);
background: linear-gradient(to bottom, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff6fa', endColorstr='#00eff6fa', GradientType=0);
text-align: center;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.product-item__image {
margin: -15px -15px 32px;
}
.product-item__image > a {
padding-bottom: 100%;
position: relative;
display: block;
width: 100%;
height: 0;
overflow: hidden;
}
.product-item__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product-item__title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Oswald';
font-size: 26px;
font-weight: 600;
line-height: 36px;
letter-spacing: -0.4px;
margin-bottom: 16px;
}
.product-item__title a {
color: #2b2b2b;
text-decoration: none;
}
.product-item__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-item__price {
padding: 6px 16px 6px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
white-space: nowrap;
}
.product-item__price span {
display: inline-block;
font-family: 'Oswald';
font-size: 36px;
font-weight: 600;
line-height: 1;
}
.product-item__price span:first-child {
display: block;
}
.product-item__price i {
font-family: 'Oswald';
font-size: inherit;
font-weight: 600;
line-height: inherit;
}
.product-item__btns {
padding: 6px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-item__btn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
white-space: nowrap;
}
.product-item__btn:not(:last-child) {
margin-right: 10px;
}
.product-item__btn .button-white {
width: 100%;
padding: 15px 10px 18px;
}
.product-item__delivery {
padding-top: 30px;
font-family: 'Oswald';
font-size: 15px;
font-weight: 500;
color: #607d8b;
}
.product-item__delivery:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 23px;
height: 23px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/speed.svg) no-repeat 0 0 / 100% auto;
margin-right: 11px;
position: relative;
bottom: 2px;
}
.section-catalog__small .section-catalog__container {
padding: 13px 0 15px;
}
.section-catalog__col-small {
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
.product-item-small {
padding: 15px;
border-radius: 20px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(239, 246, 250, 1)),
to(rgba(239, 246, 250, 0))
);
background: -o-linear-gradient(top, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 100%);
background: linear-gradient(to bottom, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff6fa', endColorstr='#00eff6fa', GradientType=0);
text-align: center; position: relative;
z-index: 1;
}
.product-item-small__image {
margin: -15px -15px 12px;
}
.product-item-small__image > a {
padding-bottom: 78%;
display: block;
position: relative;
width: 100%;
height: 0;
}
.product-item-small__image img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
display: block !important;
-o-object-fit: contain;
object-fit: contain;
}
.product-item-small__title {
min-height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Oswald';
font-size: 18px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.4px;
margin-bottom: 18px;
}
.product-item-small__title a {
color: #2b2b2b;
text-decoration: none;
}
.product-item-small__bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
.product-item-small__price {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 7px 20px 0 0;
text-align: left;
}
.product-item-small__price span {
display: inline-block;
font-family: 'Oswald';
font-size: 26px;
font-weight: 600;
line-height: 1;
margin-right: 7px;
}
.product-item-small__price i {
font-family: 'Oswald';
font-size: 20px;
font-weight: 600;
line-height: 50px;
}
.product-item-small__btn {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
padding-left: 8px;
}
.product-item-small__btn .s4__btn {
margin: 0 0 0 auto;
}
.product-item-small .button-white {
width: 100%;
padding: 15px 5px 18px;
}
.product-item-small__delivery {
padding-top: 20px;
font-family: 'Oswald';
font-size: 15px;
font-weight: 500;
color: #607d8b;
}
.product-item-small__delivery:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 23px;
height: 23px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/speed.svg) no-repeat 0 0 / 100% auto;
margin-right: 11px;
position: relative;
bottom: 2px;
}
.section-catalog__btn {
text-align: center;
}
.section-catalog__btn .button-red {
padding: 27px 40px 31px;
}
.section-video_1 {
padding: 92px 0;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/video-bg-1.jpg) no-repeat center 0 / cover;
}
.section-video_2 {
padding: 92px 0;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/video-bg-2.jpg) no-repeat center 0 / cover;
}
.section-video_1 .section-video__container {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/video-img.png) no-repeat center 55px;
}
.section-video__window {
width: 840px;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 10px solid #fff;
border-radius: 30px;
margin: 33px auto 0;
overflow: hidden;
-webkit-box-shadow: 0px 25px 50px -40px rgba(0, 0, 0, 0.3);
box-shadow: 0px 25px 50px -40px rgba(0, 0, 0, 0.3);
}
.section-video__container a {
display: block;
width: 100%;
height: 480px;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-video__container a:before {
content: '';
display: block;
background: #2b2b2b;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
}
.section-video__container a:hover:before {
opacity: 0.2;
}
.section-video__container span {
content: '';
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 120px;
height: 120px;
background: #fff;
border-radius: 50%;
position: absolute;
top: calc(50% - 60px);
left: calc(50% - 60px);
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}
.section-video__container a:hover span {
background: #f65044;
}
.section-video__container span:before {
content: '';
display: block;
width: 280px;
height: 280px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/video-rings-default.png) no-repeat 0 0 / 100% auto;
position: absolute;
top: -81px;
left: -79px;
}
.section-video__container a:hover span:before {
opacity: 0;
}
.section-video__container span:after {
content: '';
display: block;
width: 280px;
height: 280px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/video-rings-hover.png) no-repeat 0 0 / 100% auto;
position: absolute;
top: -81px;
left: -79px;
opacity: 0;
}
.section-video__container a:hover span:after {
opacity: 1;
}
.section-video__container svg {
margin: 0 0 0 5px;
fill: #e33f33;
}
.section-video__container a:hover svg {
fill: #fff;
}
.section-delivery {
padding: 6px 0 0;
}
.section-delivery__tabs {
max-width: 1030px;
position: relative;
margin: 53px auto 60px;
}
.section-delivery__tabs-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-delivery__tab {
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 19px 20px 21px;
background: #f0f6fa;
font-family: 'Oswald';
font-size: 18px;
line-height: 30px;
font-weight: 500;
text-align: center;
position: relative;
cursor: pointer;
}
.section-delivery__tab:first-child {
border-radius: 20px 0 0 20px;
}
.section-delivery__tab:last-child {
border-radius: 0 20px 20px 0;
}
.section-delivery__tab:after {
content: '';
display: block;
width: 1px;
background: #d3dee4;
position: absolute;
top: 20px;
right: 0;
bottom: 20px;
}
.section-delivery__tab:last-child:after {
display: none;
}
.section-delivery__tab:hover {
color: #f44336;
-webkit-box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.2);
}
.section-delivery__tab.active {
background: linear-gradient(to right, #ffa50c, #ff7104);
color: #fff;
-webkit-box-shadow:
0px 30px 35px -30px rgba(244, 66, 54, 0.6),
0px 30px 35px -30px rgba(0, 0, 0, 0.2);
box-shadow:
0px 30px 35px -30px rgba(244, 66, 54, 0.6),
0px 30px 35px -30px rgba(0, 0, 0, 0.2);
}
.section-delivery__tab.active:hover {
color: #fff;
}
.section-delivery__tab.active:after {
display: none;
}
.section-delivery__arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0px 0 4px;
background: #fff;
border-radius: 50%;
position: absolute;
top: calc(50% - 25px);
cursor: pointer;
}
.section-pechi__arrow_prev,
.section-delivery__arrow_prev {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
left: -25px;
}
.section-pechi__arrow_next,
.section-delivery__arrow_next {
right: -25px;
}
.section-delivery__arrow:hover svg {
fill: #f44336;
}
.section-delivery__item:not(:first-child) {
display: none;
}
.section-delivery__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-delivery__left {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px 0 0;
}
.section-delivery__image {
position: relative;
}
.section-delivery__image:before {
content: '';
display: block;
width: 247px;
height: 358px;
position: absolute;
top: 62px;
left: -110px;
}
.section-delivery__image img {
display: block;
border-radius: 20px;
position: relative;
}
.section-delivery__right {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 27px 0 0 10px;
}
.section-delivery__title {
font-family: 'Oswald';
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin-bottom: 30px;
}
.section-delivery__text {
font-size: 18px;
line-height: 35px;
margin-bottom: 43px;
}
.section-delivery__bottom {
max-width: 369px;
background: #f0f6fa;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 22px 40px 24px 50px;
margin-left: 16px;
border-bottom: 1px solid #e7ecee;
position: relative;
font-family: 'Oswald';
font-size: 18px;
line-height: 30px;
font-weight: 500;
}
.section-delivery__bottom:before {
content: '';
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background: rgb(250, 84, 71);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(250, 84, 71, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5447', endColorstr='#e13d31', GradientType=0);
-webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
position: absolute;
top: calc(50% - 15px);
left: -15px;
}
.section-delivery__bottom:after {
content: '';
display: block;
width: 12px;
height: 12px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/check.svg) no-repeat 0 0 / 100% auto;
position: absolute;
top: calc(50% - 6px);
left: -6px;
}
.section-review {
padding: 92px 0 40px;
}
.section-review__slider {
padding: 33px 0;
}
.section-review__slide {
display: none;
}
.section-review__slide:first-child {
display: block;
}
.section-review__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.section-review__left {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.section-review__image {
width: 370px;
max-width: 100%;
border-radius: 20px;
-webkit-box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
}
.section-review__image img {
display: block;
border-radius: 20px;
}
.section-review__right {
width: calc(100% - 370px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 50px;
}
.section-review__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 9px;
}
.section-review__avatar {
width: 80px;
height: 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 5px solid #fff;
border-radius: 50%;
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
-webkit-box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
margin: 0 29px 10px 0;
}
.section-review__avatar img {
display: block;
}
.section-review__head-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.section-review__name {
font-family: 'Oswald';
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin: 0 24px 16px 0;
}
.section-review__city {
font-family: 'Oswald';
font-size: 15px;
line-height: 25px;
font-weight: 500;
color: #607d8b;
margin: 0 0 16px;
}
.section-review__text {
font-size: 16px;
line-height: 30px;
padding-bottom: 17px;
}
.section-review__text p {
margin-bottom: 15px;
}
.section-review__bottom {
font-family: 'Oswald';
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
.section-photoslider__container .slick-arrow,
.section-review .slick-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0px 0 4px;
background: rgb(251, 84, 73);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(251, 84, 73, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(251, 84, 73, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(251, 84, 73, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb5449', endColorstr='#e13d31', GradientType=0);
border-radius: 50%;
position: absolute;
top: calc(50% - 25px);
-webkit-box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
box-shadow: 0px 0px 0px 10px rgba(255, 255, 255, 1);
cursor: pointer;
z-index: 1;
}
.section-photoslider__container .slick-arrow.slick-prev,
.section-review .slick-arrow.slick-prev {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
left: -25px;
}
.section-photoslider__container .slick-arrow.slick-next,
.section-review .slick-arrow.slick-next {
right: -25px;
}
.section-photoslider__container .slick-arrow.slick-next {
top: 50%;
}
.section-photoslider__container .slick-arrow svg,
.section-review .slick-arrow svg {
fill: #fff;
}
.section-photoslider__container .photoslider-img__container {
padding: 5px;
}
.section-content {
padding: 27px 0;
}
.section-content_category {
padding: 0 0 89px;
}
.section-content .inner {
border-bottom: 1px solid #e7ecee;
}
.section-content__container {
padding: 67px 80px 75px;
border-radius: 20px;
background: -o-linear-gradient(top, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 300px);
background: linear-gradient(to bottom, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 300px);
}
.section-content_single .section-content__container {
padding: 57px 80px 75px;
}
.section-content__title {
font-family: 'Oswald';
font-size: 40px;
line-height: 50px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 32px;
}
.seo-body {
font-size: 16px;
line-height: 30px;
letter-spacing: -0.1px;
}
.seo-body p {
margin-bottom: 15px;
}
.seo-body h2 {
font-family: 'Oswald';
font-size: 30px;
line-height: 40px;
font-weight: 600;
margin-bottom: 32px;
}
.seo-body h3 {
font-family: 'Oswald';
font-size: 30px;
font-weight: 600;
line-height: 40px;
letter-spacing: 0;
margin-bottom: 30px;
}
.seo-body ul li {
position: relative;
overflow: hidden;
padding-left: 42px;
margin-bottom: 15px;
}
.seo-body ul li:before {
content: '';
display: block;
width: 14px;
height: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #f44336;
border: 3px solid #fff;
border-radius: 50%;
position: absolute;
top: 9px;
left: 2px;
-webkit-box-shadow: 0px 0px 0px 1px rgba(244, 66, 54, 1);
box-shadow: 0px 0px 0px 1px rgba(244, 66, 54, 1);
}
.seo-body ol {
counter-reset: ol;
}
.seo-body ol li {
position: relative;
overflow: hidden;
padding-left: 42px;
margin-bottom: 15px;
}
.seo-body ol li:before {
counter-increment: ol;
content: counter(ol) '.';
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Oswald';
font-size: 20px;
font-weight: 600;
color: #f44336;
position: absolute;
top: -3px;
left: 5px;
}
.seo-body ul li a,
.seo-body ol li a {
color: #000000;
}
.seo-body hr {
height: 1px;
background: #e7ecee;
border: none;
margin: 53px 0 46px;
}
.section-content__more {
padding: 18px 0 0;
font-family: 'Oswald';
font-size: 17px;
line-height: 25px;
font-weight: 500;
color: #f65044;
letter-spacing: 0.9px;
text-transform: uppercase;
}
.section-content__more span {
cursor: pointer;
}
.section-content__more svg {
margin-left: 8px;
position: relative;
top: 2px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
fill: #f65044;
}
.section-content__bottom {
display: none;
}
.section-faq {
padding: 47px 0 99px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/faq-bg.jpg) no-repeat center bottom;
background-size: cover;
}
.section-faq__container {
padding: 33px 0 0;
counter-reset: faq;
}
.section-faq__item {
position: relative;
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px;
}
.section-faq__item:hover,
.section-faq__item.opened {
-webkit-box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.2);
}
.section-faq__question {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 130px 12px 81px;
background: #f0f6fa;
font-size: 21px;
font-weight: 500;
line-height: 25px;
letter-spacing: -0.2px;
position: relative;
cursor: pointer;
}
.section-faq__question:before {
counter-increment: faq;
content: counter(faq);
display: block;
width: 30px;
font-family: 'Oswald';
font-size: 24px;
line-height: 1;
font-weight: 500;
text-align: center;
color: #f44336;
position: absolute;
left: 30px;
top: calc(50% - 15px);
}
.section-faq__question span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border-radius: 50%;
position: absolute;
top: calc(50% - 20px);
right: 40px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 1;
}
.section-faq__item:hover .section-faq__question span,
.section-faq__item.opened .section-faq__question span {
background: #f44336;
}
.section-faq__question span svg {
fill: #607d8b;
}
.section-faq__item:hover .section-faq__question span svg {
fill: #fff;
}
.section-faq__item.opened .section-faq__question span svg {
fill: #fff;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.section-faq__answer {
display: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 40px 20px;
font-size: 16px;
line-height: 30px;
color: #607d8b;
background: #fff;
}
.section-faq__answer p {
margin-bottom: 10px;
}
.section-faq__answer strong {
font-weight: 500;
color: #2b2b2b;
}
.section-faq__bottom {
padding: 90px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-faq__text {
font-family: 'Oswald';
font-size: 30px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
margin: 0 60px -4px 0;
}
.section-faq .button-red {
padding: 25px 69px 29px;
}
.section-contacts {
padding: 93px 0 0;
}
.main-map__navigation {
margin-top: 40px;
text-align: center;
}
.main-map__navigation > .section-delivery__title {
margin-bottom: 12px;
}
.main-map__navigation > .contacts-map__coords-list {
margin-bottom: 24px;
}
.section-contacts__map {
height: 700px;
}
.contacts-map__coords-list {
margin-bottom: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contacts-map__coords-list.contacts-map__coords-list--main {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contacts-map__coords-list > li {
padding: 8px 0;
}
.contacts-map__coords-list > li:not(:last-child) {
margin-right: 16px;
}
.contacts-map__coords-list.contacts-map__coords-list--main > li,
.contacts-map__coords-list.contacts-map__coords-list--main > li:not(:last-child) {
margin: 0 8px;
}
.contacts-map__coords-list > li > button {
padding: 12px 28px;
color: #2b2b2b;
font-family: 'Oswald';
font-size: 18px;
font-weight: 500;
text-decoration: none;
background: #f0f6fa;
border: none;
border-radius: 10px;
transition:
color 0.2s ease,
background 0.2s ease,
box-shadow 0.2s ease;
}
.contacts-map__coords-list > li > button:not(._active):hover {
color: #f44336;
}
.contacts-map__coords-list > li > button._active {
color: #fff;
background: #f44336;
-webkit-box-shadow:
0 20px 25px -20px rgba(244, 66, 54, 0.9),
0 20px 25px -20px rgba(0, 0, 0, 0.4);
box-shadow:
0 20px 25px -20px rgba(244, 66, 54, 0.9),
0 20px 25px -20px rgba(0, 0, 0, 0.4);
}
.contacts-map__offices {
margin-bottom: 32px;
}
.contacts-map__offices.contacts-map__offices--main .contacts-map__offices-item {
justify-content: center;
}
.contacts-map__offices.contacts-map__offices--main .contacts-map__office {
text-align: center;
}
.contacts-map__offices.contacts-map__offices--main .contacts-map__office-phone {
justify-content: center;
}
.contacts-map__offices-item {
display: none;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.contacts-map__offices-item._active {
display: flex;
}
.contacts-map__office {
flex: 0 1 auto;
padding: 12px 20px;
display: flex;
flex-direction: column;
gap: 10px;
color: #2b2b2b;
}
.contacts-map__office-title {
font-family: 'RobotoBold';
font-size: 24px;
font-weight: 700;
}
.contacts-map__office-title > a {
color: #2b2b2b;
text-decoration: none;
transition: color 0.2s;
}
.contacts-map__office-title > a:hover {
color: #f44336;
}
.contacts-map__office-phone {
display: inline-flex;
align-items: center;
gap: 10px;
}
.contacts-map__office-phone > img {
flex-shrink: 0;
width: 24px;
height: 24px;
}
.contacts-map__office-phone > a {
color: #2b2b2b;
font-family: 'RobotoMedium';
font-size: 22px;
font-weight: 500;
text-decoration: none;
transition: color 0.2s;
}
.contacts-map__office-phone > a:hover {
color: #f44336;
}
.contacts-map__office-text {
line-height: 1.2;
}
@media screen and (max-width: 640px) {
.contacts-map__coords-list {
margin-bottom: 20px;
}
.contacts-map__coords-list.contacts-map__coords-list--main {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.contacts-map__coords-list > li {
width: calc(50% - 8px);
}
.contacts-map__coords-list.contacts-map__coords-list--main > li,
.contacts-map__coords-list.contacts-map__coords-list--main > li:not(:last-child),
.contacts-map__coords-list > li,
.contacts-map__coords-list > li:not(:last-child) {
margin: 0 4px;
}
.contacts-map__coords-list > li > button {
padding: 12px 8px;
width: 100%;
font-size: 16px;
}
.contacts-map__offices {
margin-bottom: 28px;
}
.contacts-map__offices-item {
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
}
.contacts-map__office {
padding: 0;
gap: 6px;
text-align: center;
}
.contacts-map__office-title {
font-size: 20px;
}
.contacts-map__office-phone {
justify-content: center;
}
.contacts-map__office-phone > img {
width: 20px;
height: 20px;
}
.contacts-map__office-phone > a {
font-size: 20px;
}
}
.page-content {
padding: 116px 0 0;
}
.breadcrumbs {
padding: 26px 0 28px;
margin-bottom: 56px;
background: #f0f5f9;
font-family: 'Oswald';
font-size: 13px;
color: #607d8b;
}
.breadcrumbs span {
display: inline-block;
}
.breadcrumbs a {
display: inline-block;
color: #2b2b2b;
}
.breadcrumbs .sep {
margin: 0 7px;
}
.breadcrumbs a.home:before {
content: '';
display: inline-block;
width: 14px;
height: 14px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/home.svg) no-repeat 0 0 / 100% auto;
vertical-align: middle;
margin-right: 10px;
position: relative;
bottom: 2px;
}
.breadcrumbs a:hover {
color: #607d8b;
}
.page-content__title {
font-family: 'Oswald';
font-size: 50px;
font-weight: 600;
text-transform: uppercase;
text-align: center;
margin-bottom: 33px;
}
.product-main {
margin-bottom: 50px;
}
.product-main__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 0 0;
}
.product-main__left {
width: 49%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.product-gallery {
position: relative;
background: #f0f6fa;
border-radius: 20px;
}
.product-gallery__big {
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.product-gallery__big-slide > a {
padding-bottom: 100%;
display: block;
position: relative;
width: 100%;
height: 0;
}
.product-gallery__big-slide > a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product-gallery__small {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 12px;
position: relative;
}
.product-gallery__small-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.product-gallery__small-slide {
padding: 20px 8px;
}
.product-gallery__small-slide span {
padding-bottom: 100%;
display: block;
position: relative;
width: 100%;
height: 0;
border-radius: 10px;
overflow-y: hidden;
cursor: pointer;
}
.product-gallery__small-slide.slick-current span,
.product-gallery__small-slide.slick-cloned.slick-current span {
-webkit-box-shadow: 0px 30px 35px -30px rgba(244, 66, 54, 0.6);
box-shadow: 0px 30px 35px -30px rgba(244, 66, 54, 0.6);
}
.product-gallery__small-slide.slick-current span:before,
.product-gallery__small-slide.slick-cloned.slick-current span:before {
content: '';
display: block;
border: 2px solid #f44336;
border-radius: 10px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
}
.product-gallery__small-slide span img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product-gallery .slick-arrow {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
border-radius: 50%;
position: absolute;
top: 50%;
cursor: pointer;
z-index: 1;
background: #fff;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.product-gallery .slick-arrow.slick-prev {
-webkit-transform: translateY(-50%) rotate(-180deg);
-ms-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
left: -36px;
}
.product-gallery .slick-arrow.slick-next {
right: -36px;
}
.product-gallery .slick-arrow svg {
fill: #e33f33;
}
.product-main__right {
width: 47%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.product-attr {
border: 1px solid #e7ecee;
border-radius: 20px;
padding: 30px 39px 16px;
margin-bottom: 32px;
}
.product-attr__title {
font-family: 'Oswald';
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 22px;
}
.product-attr li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-size: 15px;
color: #3e5262;
margin-bottom: 20px;
}
.product-attr__name {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
margin-right: 20px;
}
.product-attr__name:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 3px;
border-bottom: 1px dashed #c6c8ca;
}
.product-attr__name span {
background: #fff;
padding-right: 20px;
position: relative;
}
.product-attr__value { font-size: 16px;
font-weight: 500;
color: #000;
text-align: right;
}
.product-attr__value sup {
position: relative;
top: -4px;
font-size: 10px;
}
.product-main__middle {
margin-bottom: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-main__colors {
margin-right: 20px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.product-main__colors-title,
.product-main__size-title {
font-family: 'Oswald';
font-size: 18px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 8px;
}
.product-main__colors-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.product-main__colors-item {
padding: 6px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
background-color: #f0f6fa;
border-radius: 8px;
transition: color 0.2s ease;
}
.product-main__colors-item:not(._active):hover {
color: #f44336;
}
.product-main__colors-item._active {
pointer-events: none;
background: rgb(250, 84, 71);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(250, 84, 71, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
color: #fff;
}
.product-main__colors-item > span:first-child {
position: relative;
margin-right: 6px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid #999;
overflow: hidden;
}
.product-main__colors-item > span:first-child::before,
.product-main__colors-item > span:first-child::after {
content: '';
position: absolute;
top: 0;
width: 50%;
height: 100%;
}
.product-main__colors-item > span:first-child::before {
left: 0;
}
.product-main__colors-item > span:first-child::after {
right: 0;
}
.product-main__colors-item._sand {
order: 1;
}
.product-main__colors-item._sand > span:first-child::before {
background-color: #9a3728;
}
.product-main__colors-item._sand > span:first-child::after {
background-color: #f9c587;
}
.product-main__colors-item._white {
order: 2;
}
.product-main__colors-item._white > span:first-child::before {
background-color: #383836;
}
.product-main__colors-item._white > span:first-child::after {
background-color: #ffffff;
}
.product-main__colors-item._country {
order: 3;
}
.product-main__colors-item._country > span:first-child::before {
background-color: #893e27;
}
.product-main__colors-item._country > span:first-child::after {
background-color: #ffffff;
}
.product-main__colors-item._graphite {
order: 4;
}
.product-main__colors-item._graphite > span:first-child::before {
background-color: #363835;
}
.product-main__colors-item._graphite > span:first-child::after {
background-color: #1d1d1c;
}
.product-main__colors-item > span:last-child {
font-weight: 500;
}
.product-main__desc {
font-size: 16px;
line-height: 30px;
margin-bottom: 32px;
}
.product-main__ozon {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 72px;
height: 72px;
border-radius: 18px;
overflow: hidden;
}
.product-main__ozon a {
position: relative;
width: 100%;
height: 100%;
display: block;
transition: opacity 0.2s ease;
}
.product-main__ozon a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-main__ozon a:hover {
opacity: 0.8;
}
.product-main__size {
margin-bottom: 20px;
padding-top: 10px;
}
.product-main__size-selectors {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product-main__size-btn {
padding: 12px 15px;
margin: 6px 0;
color: #000;
font-size: 14px;
font-weight: 500;
background-color: #f0f6fa;
border: none;
border-radius: 8px;
transition: color 0.2s ease;
}
.product-main__size-btn:not(._active):hover {
color: #f44336;
}
.product-main__size-btn._active {
pointer-events: none;
background: rgb(250, 84, 71);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(250, 84, 71, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
color: #fff;
}
.product-main__size-btn:not(:last-child) {
margin-right: 10px;
}
.product-main__bottom {
}
.product-main__prices-wrapper {
margin-bottom: 32px;
}
.product-main__prices {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px 40px;
font-family: 'Oswald';
}
.product-main__price {
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
}
.product-main__price span {
display: inline-block;
font-size: 50px;
font-weight: 600;
line-height: 1;
margin-right: 7px;
}
.product-main__price i {
font-size: 35px;
font-weight: 600;
line-height: 1;
}
.product-main__oldprice {
position: relative;
display: inline-block;
color: #999;
font-size: 40px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
}
.product-main__oldprice i {
margin-left: 6px;
font-size: 24px;
}
.product-main__oldprice::after {
content: '';
height: 2px;
width: 110%;
background: #999;
border-radius: 4px;
-webkit-transform: rotate(12deg);
transform: rotate(12deg);
position: absolute;
top: 0.49em;
left: -5%;
}
.product-main__price-difference {
display: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px 0 0;
white-space: nowrap;
}
.product-main__price-difference._active {
display: block;
animation: fadeIn 0.2s ease 0s forwards;
}
.product-main__price-difference span {
display: inline-block;
font-size: 40px;
font-weight: 600;
line-height: 1;
margin-right: 7px;
}
.product-main__price-difference i {
font-size: 24px;
font-weight: 600;
line-height: 1;
}
.product-main__btns {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-main__btn-rassrochka.button-white {
margin-left: 12px;
}
.product-main__right .product-main__btn-addtocart {
white-space: nowrap;
}
.product-main__btn-rassrochka.button-white,
.product-main__right .product-main__btn-addtocart {
padding: 0 32px;
height: 68px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
text-align: center;
font-size: 18px;
}
.product-main__btn .button-red {
padding: 25px 59px 29px;
}
.product-video__slider {
margin: 0 auto;
width: 100%;
max-width: 860px;
}
.product-video__slider .slick-arrow,
.cart-additional__slider .slick-arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgb(251, 84, 73);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(251, 84, 73, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(251, 84, 73, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(251, 84, 73, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb5449',endColorstr='#e13d31',GradientType=0);
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
cursor: pointer;
z-index: 1;
}
.product-video__slider .slick-arrow.slick-prev:before,
.product-video__slider .slick-arrow.slick-next:before,
.cart-additional__slider .slick-arrow.slick-prev:before,
.cart-additional__slider .slick-arrow.slick-next:before {
display: none !important;
}
.product-video__slider .slick-arrow svg,
.cart-additional__slider .slick-arrow svg {
fill: #fff;
}
.product-video__slider .slick-arrow.slick-prev,
.cart-additional__slider .slick-arrow.slick-prev {
-webkit-transform: translateY(-50%) scaleX(-1);
-ms-transform: translateY(-50%) scaleX(-1);
transform: translateY(-50%) scaleX(-1);
left: 8px;
}
.product-video__slider .slick-arrow.slick-next,
.cart-additional__slider .slick-arrow.slick-next {
right: 8px;
}
.product-video {
padding: 20px 0;
}
.product-video__slide {
padding: 38px;
}
.product-video__slide-inner,
.product-video__slide-inner .rll-youtube-player {
padding-bottom: 56.6%;
position: relative;
width: 100%;
height: 0;
}
.product-video__slide-inner {
border: 10px solid #fff;
border-radius: 30px;
overflow: hidden;
-webkit-box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.15);
}
.product-video__slide-inner iframe,
.product-video__slide-inner a,
.product-video__slide-inner .rll-youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-video__slide a {
display: block;
background-color: grey;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.product-video__slide span {
padding-bottom: 15.707%;
content: '';
width: 15.707%;
height: 0;
background: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.3);
}
.product-video__slide span:before {
content: '';
display: block;
width: 233.34%;
height: 233.34%;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/video-rings-default.png) no-repeat 0 0 / 100% auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-video__slide svg {
position: absolute;
top: 50%;
left: 50%;
width: 25%;
height: 25%;
transform: translate(-50%, -50%);
fill: #e33f33;
}
.product-accessories {
padding: 46px 0;
}
.product-accessories__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.product-accessories__img {
margin-right: 50px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 440px;
}
.product-accessories__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.product-accessories__list {
counter-reset: item;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 30px 39px 16px;
border: 1px solid #e7ecee;
border-radius: 20px;
}
.product-accessories__list-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
font-size: 15px;
color: #3e5262;
margin-bottom: 20px;
}
.product-accessories__list-item::before {
counter-increment: item;
content: counter(item) '.';
-ms-flex-item-align: start;
align-self: flex-start;
margin-right: 6px;
margin-top: 0.055em;
}
.product-accessories__list-item-name {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
margin-right: 20px;
}
.product-accessories__list-item-name:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 3px;
border-bottom: 1px dashed #c6c8ca;
}
.product-accessories__list-item-name > span {
padding-right: 20px;
position: relative;
background-color: #fff;
}
@media (pointer: fine) {
.product-accessories__list-item-name > span > a:hover {
text-decoration: underline;
}
}
.product-accessories__list-item-value {
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 16px;
font-weight: 500;
color: #000;
}
.product-similar {
padding: 46px 0;
}
.product-with__container,
.product-similar__container {
padding: 43px 0 0;
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-similar__col {
width: 33.333333333333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
.section-tag {
padding: 12px 0 80px;
}
.section-tag__list {
padding: 40px;
border-radius: 20px;
background: #f0f6fa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-tag__list li {
margin: 10px;
}
.section-tag__list li a {
display: block;
padding: 15px 29px 21px;
background: #fff;
border-radius: 10px;
font-family: 'Oswald';
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #2b2b2b;
text-decoration: none;
}
.section-tag__list li a:hover {
color: #f44336;
}
.catalog-main {
padding: 0 0 50px;
}
.catalog-main__sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 17px;
}
.catalog-main__sub li {
margin: 0 10px 20px;
}
.catalog-main__sub li a {
display: block;
padding: 15px 29px 21px;
background: #f0f6fa;
border-radius: 10px;
font-family: 'Oswald';
font-size: 18px;
font-weight: 500;
line-height: 24px;
color: #2b2b2b;
text-decoration: none;
}
.catalog-main__sub li a:hover {
color: #f44336;
}
.catalog-main__sub li.active a {
background: #f44336;
color: #fff;
-webkit-box-shadow:
0px 20px 25px -20px rgba(244, 66, 54, 0.9),
0px 20px 25px -20px rgba(0, 0, 0, 0.4);
box-shadow:
0px 20px 25px -20px rgba(244, 66, 54, 0.9),
0px 20px 25px -20px rgba(0, 0, 0, 0.4);
}
.catalog-main__container {
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.catalog-main__col {
width: 33.333333333333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 28px 10px 29px;
}
.catalog-main__hr {
width: 100%;
height: 1px;
background: #e7ecee;
margin: 10px 10px 30px;
}
.section-install {
padding: 91px 0 40px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/video-bg-1.jpg) no-repeat center / cover;
}
.section-install .inner {
border-bottom: 1px solid #e7ecee;
}
.section-install__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px 57px;
padding: 23px 0 0;
}
.section-install__col {
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
}
.section-install__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border-radius: 10px;
padding: 28px 41px 12px;
-webkit-box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.3);
box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.3);
}
.section-install__icon {
width: 80px;
height: 80px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 17px;
}
.section-install__text {
font-family: 'Oswald';
font-size: 22px;
font-weight: 500;
line-height: 30px;
padding-bottom: 15px;
}
.section-install__bottom {
font-size: 18px;
line-height: 35px;
margin-bottom: 77px;
}
.section-gallery {
padding: 32px 0 70px;
}
.section-gallery_page {
padding: 0 0 70px;
}
.section-gallery__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.section-gallery__item {
width: 33.3333333333%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 10px;
}
.section-gallery__item a {
display: block;
border: 10px solid #fff;
border-radius: 30px;
overflow: hidden;
position: relative;
-webkit-box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.3);
box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.3);
}
.section-gallery__item a:hover {
border-color: #f44336;
}
.section-gallery__item a:before {
content: '';
display: block;
background: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 20px;
opacity: 0;
}
.section-gallery__item a:hover:before {
opacity: 1;
}
.section-gallery__item a:after {
content: '';
display: block;
width: 50px;
height: 50px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/zoom.svg) no-repeat 0 0 / 100% auto;
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 25px);
opacity: 0;
}
.section-gallery__item a:hover:after {
opacity: 1;
}
.section-gallery__item a img {
display: block;
}
@media (pointer: fine) {
.section-gallery__item a:hover .section-gallery__item-text {
transform: translate3d(0, 0, 0);
opacity: 1;
visibility: visible;
}
}
.section-gallery__item-text {
padding: 12px 16px;
position: absolute;
bottom: 10px;
left: 10px;
width: calc(100% - 20px);
color: #2b2b2b;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
text-align: center;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 12px;
pointer-events: none;
}
@media (pointer: fine) {
.section-gallery__item-text {
transform: translate3d(0, 10px, 0);
opacity: 0;
visibility: hidden;
-webkit-transition:
opacity 0.2s ease,
visibility 0.2s ease,
-webkit-transform 0.2s ease;
transition:
opacity 0.2s ease,
visibility 0.2s ease,
-webkit-transform 0.2s ease;
transition:
transform 0.2s ease,
opacity 0.2s ease,
visibility 0.2s ease;
transition:
transform 0.2s ease,
opacity 0.2s ease,
visibility 0.2s ease,
-webkit-transform 0.2s ease;
}
}
@media screen and (max-width: 575px) {
.section-gallery__item-text {
font-size: 12px;
}
}
.section-gallery__btn {
padding: 47px 0 0;
text-align: center;
}
.post-main .section-desc {
margin: -3px 0 39px;
}
.post-body {
font-size: 18px;
line-height: 35px;
letter-spacing: -0.2px;
}
.post-body p {
margin-bottom: 15px;
}
.post-body h2 {
font-family: 'Oswald';
font-size: 40px;
font-weight: 600;
line-height: 50px;
letter-spacing: 0;
text-transform: uppercase;
margin-bottom: 30px;
}
.post-body h3 {
font-family: 'Oswald';
font-size: 30px;
font-weight: 600;
line-height: 40px;
letter-spacing: 0;
margin-bottom: 30px;
}
.post-body ul li {
position: relative;
overflow: hidden;
padding-left: 42px;
margin-bottom: 15px;
}
.post-body ul li:before {
content: '';
display: block;
width: 14px;
height: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #f44336;
border: 3px solid #fff;
border-radius: 50%;
position: absolute;
top: 9px;
left: 2px;
-webkit-box-shadow: 0px 0px 0px 1px rgba(244, 66, 54, 1);
box-shadow: 0px 0px 0px 1px rgba(244, 66, 54, 1);
}
.post-body ol {
counter-reset: ol;
}
.post-body ol li {
position: relative;
overflow: hidden;
padding-left: 42px;
margin-bottom: 15px;
}
.post-body ol li:before {
counter-increment: ol;
content: counter(ol) '.';
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Oswald';
font-size: 20px;
font-weight: 600;
color: #f44336;
position: absolute;
top: -3px;
left: 5px;
}
.post-body hr {
height: 1px;
background: #e7ecee;
border: none;
margin: 53px 0 46px;
}
.edit-content {
font-size: 18px;
line-height: 1.7;
}
.edit-content > *:first-child {
margin-top: 0;
padding-top: 0;
}
.edit-content > *:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.edit-content h1,
.edit-content h2,
.edit-content h3,
.edit-content h4,
.edit-content h5,
.edit-content h6 {
padding: 0;
margin: 0;
padding-top: 0.45em;
margin-bottom: 0.9em;
font-family: 'Oswald';
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
}
.edit-content h1 {
font-size: 50px;
}
.edit-content h2 {
font-size: 40px;
}
.edit-content h3 {
font-size: 32px;
}
.edit-content h4 {
font-size: 28px;
}
.edit-content h5 {
font-size: 24px;
}
.edit-content h6 {
font-size: 20px;
}
.edit-content p {
margin-bottom: 20px;
}
.edit-content img {
margin: 0 !important;
padding: 0 !important;
width: 100%;
height: auto;
max-height: 75vh;
-o-object-fit: contain;
object-fit: contain;
}
.edit-content a {
color: #f44336;
font-weight: 500;
text-decoration: none;
}
@media (pointer: fine) {
.edit-content a:hover {
color: #f44336;
text-decoration: underline;
}
}
.edit-content ul,
.edit-content ol {
padding: 0;
margin: 10px 0 36px;
list-style: none;
list-style-position: inside;
}
.edit-content ul > li,
.edit-content ol > li {
padding: 0 0 0 32px;
position: relative;
}
.edit-content ul > li:not(:last-child),
.edit-content ol > li:not(:last-child) {
margin-bottom: 8px;
}
.edit-content ul > li::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: '';
display: block;
position: absolute;
top: 0.55em;
left: 0;
width: 14px;
height: 14px;
background: #f44336;
border: 3px solid #fff;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 0px 1px rgb(244, 66, 54);
box-shadow: 0px 0px 0px 1px rgb(244, 66, 54);
}
.edit-content ol {
counter-reset: item;
}
.edit-content ol > li::before {
counter-increment: item;
content: counter(item) '.';
position: absolute;
top: 0.15em;
left: 0;
color: #f44336;
font-family: 'Oswald';
font-size: 20px;
font-weight: 600;
line-height: 1;
}
@media screen and (max-width: 1024px) {
.edit-content h1 {
font-size: 40px;
}
.edit-content h2 {
font-size: 32px;
}
.edit-content h3 {
font-size: 25px;
}
.edit-content h4 {
font-size: 22px;
}
.edit-content h5,
.edit-content h6 {
font-size: 18px;
}
}
@media screen and (max-width: 480px) {
.edit-content {
font-size: 16px;
}
.edit-content h1 {
font-size: 30px;
}
.edit-content h2 {
font-size: 25px;
}
.edit-content h3 {
font-size: 22px;
}
.edit-content h4 {
font-size: 18px;
}
.edit-content h5,
.edit-content h6 {
font-size: 16px;
}
.edit-content ol > li,
.edit-content ul > li {
padding: 0 0 0 24px;
}
.edit-content ul > li::before {
top: 0.45em;
}
.edit-content ol > li::before {
top: 0.25em;
font-size: 16px;
}
}
.table-container {
background: #f1f7fa;
border-radius: 20px;
padding: 77px 67px 77px 83px;
margin: 94px 0 22px;
}
.table-container table {
width: 100%;
}
.table-container table thead td {
padding: 12px 37px;
font-family: 'Oswald';
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
}
.table-container table tbody td {
background: #fff;
border: 10px solid #f1f7fa;
padding: 20px 31px 25px;
font-size: 18px;
letter-spacing: 0;
color: #607d8b;
}
.single-team {
position: relative;
margin: 69px 0 31px;
padding: 92px 0 50px;
}
.single-team:before {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -1000px;
right: -1000px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/video-bg-1.jpg) no-repeat center top;
}
.single-team .section-title {
position: relative;
}
.single-team__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
padding: 8px 0 0;
margin: 0 -10px;
}
.single-team__col {
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 10px;
}
.single-team__item {
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 10px solid #fff;
border-radius: 10px;
padding-bottom: 15px;
background: #fff;
text-align: center;
-webkit-box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.3);
box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.3);
}
.single-team__image {
margin-bottom: 25px;
}
.single-team__image img {
display: block;
border-radius: 10px;
}
.single-team__name {
font-family: 'Oswald';
font-size: 22px;
font-weight: 500;
line-height: 30px;
margin-bottom: 13px;
}
.single-team__rank {
font-family: 'Oswald';
font-size: 15px;
font-weight: 300;
line-height: 21px;
color: #607d8b;
margin-bottom: 11px;
}
.single-team__email {
font-size: 14px;
font-weight: 500;
}
.section-gallery__tabs {
max-width: 1030px;
position: relative;
margin: 53px auto 60px;
}
.section-gallery__tabs-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-gallery__tab {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 19px 20px 21px;
background: #f0f6fa;
font-family: 'Oswald';
font-size: 18px;
line-height: 30px;
font-weight: 500;
text-align: center;
position: relative;
cursor: pointer;
}
.section-gallery__tab:first-child {
border-radius: 20px 0 0 20px;
}
.section-gallery__tab:last-child {
border-radius: 0 20px 20px 0;
}
.section-gallery__tab:after {
content: '';
display: block;
width: 1px;
background: #d3dee4;
position: absolute;
top: 20px;
right: 0;
bottom: 20px;
}
.section-gallery__tab:last-child:after {
display: none;
}
.section-gallery__tab:hover {
color: #f44336;
-webkit-box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.2);
box-shadow: 0px 30px 35px -30px rgba(0, 0, 0, 0.2);
}
.section-gallery__tab.active {
background: #f44336;
color: #fff;
-webkit-box-shadow:
0px 30px 35px -30px rgba(244, 66, 54, 0.6),
0px 30px 35px -30px rgba(0, 0, 0, 0.2);
box-shadow:
0px 30px 35px -30px rgba(244, 66, 54, 0.6),
0px 30px 35px -30px rgba(0, 0, 0, 0.2);
}
.section-gallery__tab.active:after {
display: none;
}
.section-gallery__arrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0px 0 4px;
background: #fff;
border-radius: 50%;
position: absolute;
top: calc(50% - 25px);
cursor: pointer;
}
.section-gallery__arrow_prev {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
left: -25px;
}
.section-gallery__arrow_next {
right: -25px;
}
.section-gallery__arrow:hover svg {
fill: #f44336;
}
.section-gallery__tab-item:not(:first-child) {
display: none;
} .contacts-main {
margin-bottom: 72px;
}
.contacts-main__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 30px 0 0;
position: relative;
}
.contacts-main__container:before {
content: '';
display: block;
border-bottom: 1px solid #e7ecee;
position: absolute;
top: 70px;
left: 120px;
right: 120px;
}
.contacts-main__item {
width: 25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 15px;
}
.contacts-main__icon {
width: 80px;
height: 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50%;
padding: 15px;
border: 15px solid #e8eef1;
background: #fff;
margin: 0 auto 28px;
position: relative;
}
.contacts-main__text {
font-family: 'Oswald';
font-size: 16px;
font-weight: 500;
line-height: 30px;
text-align: center;
letter-spacing: -0.35px;
}
.contacts-main__text a {
color: #2b2b2b;
text-decoration: none;
}
.contacts-main__item_2 .contacts-main__text {
font-size: 18px;
font-weight: 500;
}
.contacts-map {
height: 640px;
}
.contacts-write {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/contacts-bottom.jpg) no-repeat center / cover;
padding: 82px 0 61px;
}
.contacts-write__container {
display: table;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
.contacts-write__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 29px 0;
position: relative;
}
.contacts-write__list:before {
content: '';
display: block;
border-bottom: 2px solid #ecf2f5;
position: absolute;
top: 82px;
left: 120px;
right: 120px;
}
.contacts-write__list a {
width: 106px;
height: 106px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
border: 3px solid #fff;
border-radius: 50%;
margin: 0 32px;
position: relative;
-webkit-box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
box-shadow: 0px 10px 25px 0px rgba(177, 177, 177, 0.2);
}
.contacts-write__list a:hover {
border-color: #f0584d;
-webkit-box-shadow:
0px 10px 25px 0px rgba(0, 0, 0, 0.1),
0px 10px 25px 0px rgba(244, 66, 54, 0.3);
box-shadow:
0px 10px 25px 0px rgba(0, 0, 0, 0.1),
0px 10px 25px 0px rgba(244, 66, 54, 0.3);
}
.contacts-write__list a img {
flex-shrink: 0;
width: 45%;
height: 45%;
object-fit: contain;
} .site-footer {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/footer-bg.jpg) no-repeat center bottom #fff;
}
.site-footer__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 5px 0 0;
}
.site-footer__left {
width: 26.25%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 66px 30px 36px 0;
}
.site-footer__requisites {
padding-top: 39px;
font-size: 14px;
color: #607d8b;
}
.site-footer__requisites li {
margin-bottom: 12px;
}
.site-footer__requisites li:last-child {
margin-bottom: 0;
}
.site-footer__requisites li > a {
color: #607d8b;
}
.site-footer__right {
width: 73.75%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 74px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.site-footer__right:before {
content: '';
display: block;
width: 2000px;
background: #f0f6fa;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
.site-footer__title {
font-family: 'Oswald';
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 30px;
}
.site-footer__menus {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
padding-right: 62px;
border-right: 1px solid #d8e1e7;
}
.site-footer__menu {
max-width: 210px;
margin-left: 60px;
}
.site-footer__menu li {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.site-footer__menu li a {
color: #2b2b2b;
}
.site-footer__menu li a:hover {
color: #f44336;
text-decoration: none;
}
.footer-contacts {
padding-left: 60px;
position: relative;
}
.footer-contacts__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -3px 0 25px;
}
.footer-contacts__number {
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
white-space: nowrap;
margin-right: 16px;
}
.footer-contacts__number a {
text-decoration: none;
color: #2b2b2b;
}
.footer-contacts__text {
font-family: 'Oswald';
font-size: 15px;
font-weight: 300;
color: #607d8b;
}
.footer-contacts__adress-list {
list-style: none;
font-size: 13px;
margin-bottom: 26px;
}
.footer-contacts__adress-list > li {
display: block;
}
.footer-contacts__adress-list > li:not(:last-child) {
margin-bottom: 12px;
}
.footer-contacts__email {
font-size: 14px;
font-weight: 500;
margin-bottom: 22px;
}
.footer-contacts__email a {
display: inline-block;
color: #607d8b;
text-decoration: none;
border-bottom: 1px solid #b1bfc7;
}
.footer-contacts__email a:hover {
border-color: transparent;
}
.footer-social {
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer-social a {
display: block;
margin: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 36px;
height: 36px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
}
@media (pointer: fine) {
.footer-social a:hover {
opacity: 0.85;
}
}
@media screen and (max-width: 767px) {
.footer-social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
} .popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(42, 50, 55, 0.5);
display: none;
z-index: 9999;
overflow-y: scroll;
}
.popup__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding-top: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.popup__overlay-close {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 101;
}
.popup__window {
position: relative;
max-width: 96%;
z-index: 102;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
opacity: 0;
}
.popup__window:has(.popup__dzen-video)::before,
.popup__window:has(.popup__dzen-video)::after {
display: none;
}
.popup__window:before {
content: '';
display: block;
width: 611px;
height: 330px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/popup-img-1.png) no-repeat 0 0 / 100% auto;
position: absolute;
left: -105px;
top: calc(50% - 150px);
}
#popup-catalog .popup__window:before {
content: '';
display: block;
width: 860px;
height: 586px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/popup-img-2.png) no-repeat 0 0 / 100% auto;
position: absolute;
left: -230px;
top: calc(50% - 285px);
}
.popup__window:after {
content: '';
display: block;
height: 30px;
position: absolute;
left: 0;
right: 0;
bottom: -30px;
}
.popup__window_opened {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.popup__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: -10px;
right: -10px;
width: 30px;
height: 30px;
background: rgb(251, 84, 72);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(251, 84, 72, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(251, 84, 72, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(251, 84, 72, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb5448', endColorstr='#e13d31', GradientType=0);
border-radius: 50%;
cursor: pointer;
z-index: 2;
}
.popup__close svg {
fill: #fff;
}
.popup__container {
width: 400px;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 45px 30px 50px;
background: #fff url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/popup-bg.jpg) no-repeat center 42px;
border-radius: 20px;
position: relative;
-webkit-box-shadow: 0px 20px 25px -20px rgba(0, 0, 0, 0.4);
box-shadow: 0px 20px 25px -20px rgba(0, 0, 0, 0.4);
}
.popup__container:has(.popup__dzen-video) {
padding: 12px;
width: 800px;
background: #fff;
}
.popup__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px;
background: rgb(251, 84, 72);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(251, 84, 72, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(251, 84, 72, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(251, 84, 72, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb5448', endColorstr='#e13d31', GradientType=0);
border-radius: 50%;
-webkit-box-shadow: 0px 0px 0px 10px rgba(240, 246, 249, 1);
box-shadow: 0px 0px 0px 10px rgba(240, 246, 249, 1);
margin: 15px auto 35px;
}
.popup__icon:before {
content: '';
display: block;
width: 16px;
height: 16px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/check.svg) no-repeat 0 0 / 100% auto;
}
.popup__title {
font-family: 'Oswald';
font-size: 30px;
font-weight: 600;
line-height: 40px;
text-align: center;
text-transform: uppercase;
margin-bottom: 14px;
}
.popup__text-1 {
font-size: 18px;
line-height: 30px;
color: #607d8b;
text-align: center;
margin-bottom: 31px;
}
.popup__text-1.popup__text-1--big {
margin: 32px 0;
font-size: 24px;
}
.popup__text-1.popup__text-1--big > span {
font-size: 28px;
font-weight: 600;
}
.popup__text-2 {
font-size: 16px;
line-height: 30px;
color: #607d8b;
text-align: center;
margin-bottom: 21px;
}
.popup__text-3 {
font-size: 18px;
line-height: 30px;
text-align: center;
margin-bottom: 21px;
}
.popup__text-4 {
font-size: 14px;
line-height: 25px;
color: #607d8b;
text-align: center;
margin: -3px 0 13px;
}
.popup__text-5 {
font-size: 18px;
line-height: 30px;
color: #607d8b;
text-align: center;
margin-bottom: 13px;
}
.popup__text-5:after {
content: '';
display: block;
width: 40px;
height: 2px;
background: #f65144;
margin: 21px auto 10px;
}
.popup__text-6 {
font-size: 14px;
line-height: 25px;
text-align: center;
margin-bottom: 15px;
}
.popup-form__wrapper {
margin: 0 10px;
}
.popup-form__wrapper input[type='text'],
.popup-form__wrapper input[type='email'],
.popup-form__wrapper input[type='tel'] {
width: 100%;
height: 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 34px;
border: none;
border: 1px solid transparent;
background: #fff;
border-radius: 5px;
font-size: 16px;
color: #607d8b;
-webkit-box-shadow: 0px 10px 25px 0px rgba(67, 67, 67, 0.2);
box-shadow: 0px 10px 25px 0px rgba(67, 67, 67, 0.2);
margin-bottom: 20px;
}
form [type='submit']._disabled {
pointer-events: none;
filter: grayscale(1);
}
.popup__checkbox {
margin: 6px 0 34px;
padding: 0 12px;
}
.popup__dzen-video {
position: relative;
overflow: hidden;
height: 0;
padding-bottom: 56.25%;
}
.popup__dzen-video video,
.popup__dzen-video iframe,
.popup__dzen-video object,
.popup__dzen-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.check-label,
.radio-label {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
cursor: pointer;
}
.check-input,
.radio-input {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
}
.check-custom,
.radio-custom {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 24px;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40px;
height: 40px;
background-color: #f0f6fa;
border: 5px solid #fff;
border-radius: 5px;
}
.check-custom::after,
.radio-custom::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: '';
display: none;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 21px;
height: 21px;
z-index: 1;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/check-red.svg) no-repeat center / 100% auto;
border-radius: 50%;
}
.check-txt,
.radio-txt {
font-size: 16px;
line-height: 1.4;
}
.check-input:checked + .check-custom:after,
.radio-input:checked + .radio-custom:after {
display: block;
}
.check-input.error-input + .check-custom,
.radio-input.error-input + .radio-custom {
box-shadow: 0 0 0 1px red;
}
.popup .button-red {
width: 100%;
}
#popup-catalog .button-red,
.popup__btn .button-red {
padding: 26px 48px 24px 50px;
}
#popup-catalog .button-red:before,
.popup__btn .button-red:before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/download.svg) no-repeat;
vertical-align: middle;
margin-right: 26px;
position: relative;
bottom: 1px;
}
.wpcf7 br,
.wpcf7-not-valid-tip,
.wpcf7-response-output {
display: none !important;
}
.wpcf7-not-valid {
border-color: red !important;
}
.ajax-loader {
position: absolute;
} .mobile-panel {
top: 0;
left: -300px;
opacity: 0;
width: 290px;
min-width: 290px;
height: 100%;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0 30px;
background: #fff;
-webkit-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
overflow-y: auto;
z-index: 100000;
}
.mobile-panel.opened {
left: 0;
opacity: 1;
}
.mobile-panel__logo {
width: 50px;
margin: 0 20px 20px;
}
.mobile-panel__menu {
margin-bottom: 10px;
}
.mobile-panel__menu > ul > li {
font-size: 16px;
position: relative;
}
.mobile-panel__menu > ul > li > a {
display: inline-block;
padding: 8px 40px 8px 20px;
position: relative;
text-decoration: none;
color: #2b2b2b;
}
.mobile-contact {
padding: 0 0 30px 20px;
}
.mobile-contact__phone {
font-size: 22px;
font-weight: 500;
text-transform: uppercase;
white-space: nowrap;
margin-bottom: 6px;
}
.mobile-contact__phone a {
text-decoration: none;
color: #2b2b2b;
}
.mobile-contact__phone span {
font-weight: bold;
color: #f44336;
}
.mobile-contact__text {
font-family: 'Oswald';
font-size: 15px;
font-weight: 300;
color: #607d8b;
}
.mobile-btn {
margin: 0 0 0 20px;
}
.mobile-panel__close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 10px;
right: 10px;
width: 30px;
height: 30px;
background: rgb(251, 84, 72);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(251, 84, 72, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(251, 84, 72, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(251, 84, 72, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb5448', endColorstr='#e13d31', GradientType=0);
border-radius: 50%;
cursor: pointer;
z-index: 2;
}
.mobile-panel__close svg {
fill: #fff;
}
.mobile-panel-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 5000;
overflow-y: scroll;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
margin: auto;
text-align: center;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
padding: 0 0 10px;
text-align: center;
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 3px solid #dbdddd;
height: auto;
margin: 0 0 5px 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 12pt;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.section-photoslider__container {
margin-top: 92px;
}
.section-photoslider__container img {
border-radius: 10px;
}
.section-pechi__tabs {
max-width: 100%;
}
.section-pechi__tabs .section-delivery__tab {
display: flex;
align-items: center;
justify-content: center;
}
.product-gallery__small-slider .slick-arrow:before {
display: none;
}
.payment-method-text,
.delivery-input-text {
cursor: pointer;
} @media only screen and (max-width: 1270px) {
.inner {
margin-left: 15px;
margin-right: 15px;
}
.header-nav > ul > li {
padding: 0 15px;
}
.product-main__right {
width: 48%;
}
.section-catalog__col-small {
width: 33.333333333%;
}
}
@media only screen and (max-width: 1170px) {
.touch-menu {
display: block;
flex-shrink: 0;
width: 40px;
height: 40px;
margin-left: 20px;
}
.touch-menu svg {
fill: #fa5447;
}
.site-header__container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header-btn,
.site-header__center {
display: none;
}
.site-header__left,
.site-header__right {
width: auto !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-delivery__image:before {
display: none;
}
.section-review__slider {
margin: 0 20px;
}
.product-main__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.page-content {
padding: 86px 0 0;
}
.section-install__item {
padding: 28px 15px 12px;
}
.section-install__text {
font-size: 20px;
line-height: 28px;
}
.site-footer__menus {
padding-right: 30px;
}
.site-footer__menu {
margin-left: 30px;
}
.footer-contacts {
padding-left: 30px;
}
}
@media only screen and (max-width: 1024px) {
.section-welcome__container {
padding: 140px 0 50px;
}
.section-welcome__headline {
font-size: 55px;
font-weight: 600;
line-height: 70px;
margin-bottom: 30px;
}
.section-welcome__text {
font-size: 22px;
line-height: 35px;
margin-bottom: 40px;
}
.section-quantity {
padding: 40px 0 20px;
}
.section-title {
font-size: 35px;
line-height: 45px;
margin-bottom: 15px;
}
.section-desc {
font-size: 18px;
line-height: 25px;
margin-bottom: 15px;
}
.section-complete {
padding: 30px 0;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/images/video-bg-1.jpg) no-repeat left / cover;
}
.section-complete .section-title {
margin-bottom: 15px;
}
.section-complete__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-complete__left {
width: 100%;
padding: 0 0 40px;
}
.section-complete__background_mob {
display: block;
width: 100%;
}
.section-complete__img {
display: block;
}
.section-catalog {
padding: 50px 0;
}
.section-catalog__container {
max-width: 840px;
margin: 0 auto;
}
.section-catalog__big {
padding: 0 0 10px;
}
.section-catalog__col-big {
width: 50%;
}
.section-video_1 {
padding: 50px 0;
}
.section-delivery__right {
padding: 0;
}
.section-delivery__title {
margin-bottom: 15px;
}
.section-video_2 {
padding: 50px 0;
}
.section-review {
padding: 50px 0 20px;
}
.section-review__slider {
margin: 0 0 70px;
padding: 10px 0 0;
}
.section-review .slick-arrow {
top: -62px;
bottom: -65px;
}
.section-review .slick-arrow.slick-prev {
left: 0;
}
.section-review .slick-arrow.slick-next {
right: 0;
}
.section-review__container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.section-review__left {
width: 100%;
padding: 0;
}
.section-review__right {
width: 100%;
padding: 0 0 20px;
}
.section-content__container {
padding: 30px !important;
}
.section-faq {
padding: 5px 0 50px;
}
.section-faq__bottom {
padding: 50px 0 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-faq__text {
margin: 0 0 20px;
}
.section-contacts {
padding: 50px 0 0;
}
.section-contacts__map {
height: 500px;
}
.breadcrumbs {
margin-bottom: 30px;
}
.page-content__title {
font-size: 40px;
}
.product-main {
margin-bottom: 30px;
}
.product-main__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.product-main__left {
width: 100%;
max-width: 620px;
padding-bottom: 50px;
}
.product-main__right {
width: 100%;
}
.product-similar {
padding: 20px 0;
}
.product-with__container,
.product-similar__container {
max-width: 840px;
margin: 0 auto;
}
.product-similar__col {
width: 50%;
padding: 10px;
}
.section-tag {
padding: 12px 0 50px;
}
.section-tag__list {
padding: 10px;
}
.catalog-main {
padding-bottom: 30px;
}
.catalog-main__sub li {
margin: 10px;
}
.catalog-main__container {
max-width: 840px;
margin: 0 auto;
}
.catalog-main__col {
width: 50%;
padding: 10px;
}
.catalog-main__hr {
display: none;
}
.section-install {
padding: 40px 0 10px;
}
.section-install__container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.section-install__col {
width: 50%;
padding: 10px;
}
.section-install__bottom {
margin-bottom: 30px;
}
.single-team__container {
max-width: 950px;
margin: 0 auto;
}
.single-team__col {
width: 33.333333333333%;
}
.table-container {
padding: 40px;
margin: 40px 0;
overflow-x: auto;
overflow-y: visible;
}
.table-container table thead td {
padding: 6px 10px;
}
.table-container table tbody td {
padding: 6px 10px;
font-size: 16px;
line-height: 22px;
}
.contacts-main {
padding: 0;
margin-bottom: 30px;
}
.contacts-main__container {
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contacts-main__container:before {
display: none;
}
.contacts-main__item {
width: auto;
padding-bottom: 25px;
}
.contacts-main__icon {
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 10px;
}
.contacts-map {
height: 500px;
}
.site-footer__container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-footer__right {
width: 100%;
padding: 40px 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-footer__right:before {
width: auto;
top: 0;
right: -15px;
bottom: 0;
left: -15px;
}
.site-footer__left {
width: 270px;
max-width: 100%;
padding: 30px 0 36px;
text-align: center;
}
.popup__overlay {
padding-top: 40px; }
.section-photoslider__container img {
height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.site-logo__content {
padding: 4px 0 0 21px;
}
.site-logo__title {
font-size: 19px;
}
.site-logo__text {
font-size: 13px;
}
.product-item__price {
padding: 6px 10px 6px 0;
}
.product-item__btn .button-white {
padding: 15px 10px 15px;
}
.quiz__inner:before,
.quiz__inner:after {
display: none !important;
}
.quiz__footer-lwrap,
.quiz__footer-progress {
margin-top: 20px;
}
#quiz-modal .quiz__plashka {
display: none;
}
#quiz-modal .quiz__h1 {
font-size: 24px !important;
line-height: 34px !important;
padding-top: 40px !important;
padding-right: 0 !important;
margin: 0 0 20px 0;
width: 100%;
color: #e84438;
font-weight: 700;
}
.quiz__h2 {
padding-top: 11px;
}
.quiz__final-h1 {
font-size: 28px !important;
padding-bottom: 5px !important;
}
.quiz__final-h2 {
font-size: 18px !important;
line-height: 24px !important;
}
.quiz__final-tel {
max-width: 270px !important;
width: 100% !important;
display: block !important;
margin: 0 auto 25px auto !important;
}
.quiz__final-submit {
max-width: 400px !important;
margin: 10px 30px !important;
padding: 15px 15px 15px !important;
}
.btn-gradient-wrap {
font-size: 17px !important;
}
.quiz__final {
height: 560px !important;
}
}
@media screen and (max-width: 840px) {
.header-contact {
display: none;
}
}
@media only screen and (max-width: 767px) {
.site-header__container {
padding: 5px 0 !important;
}
.site-logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-logo__content {
padding: 0 0 0 10px;
}
.site-logo__title {
font-size: 18px;
margin-bottom: 0;
}
.site-logo__text {
font-size: 12px;
}
.section-welcome {
background-position: -110px center;
}
.section-welcome__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-welcome__headline br {
display: none;
}
.section-welcome__right {
width: 250px;
margin-left: 20px;
}
.section-quantity__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 400px;
padding: 15px 0 0;
margin: 0 auto;
}
.section-quantity__col {
width: 100%;
padding: 0 10px 20px;
}
.section-catalog__col-small {
width: 50%;
}
.section-video_1 .section-video__container {
background: none;
}
.section-video__container a {
height: 320px;
}
.section-delivery__tabs-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-delivery__tabs {
margin: 30px auto;
}
.section-delivery__tab {
width: 100%;
padding: 9px 15px 12px;
}
.section-delivery__tab:after {
display: none;
}
.section-delivery__tab:first-child {
border-radius: 20px 20px 0 0;
}
.section-delivery__tab:last-child {
border-radius: 0 0 20px 20px;
}
.section-delivery__tab br {
display: none;
}
.section-delivery__arrow {
display: none;
}
.section-delivery__container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.section-delivery__left {
width: auto;
padding: 0;
}
.section-delivery__right {
width: 100%;
padding: 0 0 30px;
}
.page-content {
padding: 76px 0 0;
}
.section-gallery__item {
width: 50%;
}
.contacts-write {
padding: 30px 0 10px;
}
.contacts-write__container {
padding: 0;
}
.contacts-write__list:before {
display: none;
}
.contacts-write__list a {
width: 50px;
height: 50px;
padding: 10px;
border: 2px solid #feee0b;
margin: 0 10px;
}
.contacts-write__list a img {
width: 80%;
height: 80%;
}
.section-gallery__tabs-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-gallery__tabs {
margin: 30px auto;
}
.section-gallery__tab {
width: 100%;
padding: 9px 15px 12px;
}
.section-gallery__tab:after {
display: none;
}
.section-gallery__tab:first-child {
border-radius: 20px 20px 0 0;
}
.section-gallery__tab:last-child {
border-radius: 0 0 20px 20px;
}
.section-gallery__tab br {
display: none;
}
.section-gallery__arrow {
display: none;
}
.site-footer__right {
padding: 30px 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.site-footer__menus {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: none;
padding: 0;
}
.site-footer__menu {
margin: 0 0 20px;
}
.site-footer__title {
margin-bottom: 20px;
}
.site-footer__menu li {
margin-bottom: 10px;
}
.footer-contacts {
padding: 0;
}
.site-footer .site-logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.footer-contacts__phone {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-footer__requisites {
padding-top: 20px;
}
.site-footer__requisites li {
margin-bottom: 10px;
}
.product-gallery .slick-arrow.slick-prev {
left: -20px;
}
.product-gallery .slick-arrow.slick-next {
right: -20px;
}
}
@media only screen and (max-width: 640px) {
.section-catalog__container {
max-width: 400px;
padding: 0;
}
.section-catalog__col-big {
width: 100%;
padding: 10px 0;
}
.section-catalog__col-small {
width: 100%;
}
.product-gallery {
padding: 0;
}
.product-with__container,
.product-similar__container {
max-width: 400px;
padding: 0;
}
.product-similar__col {
width: 100%;
padding: 10px 0;
}
.catalog-main__sub li {
margin: 5px;
}
.section-tag__list li a {
padding: 6px 15px 9px;
font-size: 15px;
line-height: 21px;
}
.catalog-main__sub li a {
padding: 6px 15px 9px;
font-size: 15px;
line-height: 21px;
}
.catalog-main__container {
max-width: 400px;
}
.catalog-main__col {
width: 100%;
padding: 10px 0;
}
.single-team__col {
width: 50%;
}
.section-delivery__text ul li {
width: 100% !important;
}
.product-gallery__small {
width: calc(100% - 60px);
margin: 0 auto;
}
.product-gallery .slick-arrow.slick-prev {
left: -50px;
}
.product-gallery .slick-arrow.slick-next {
right: -50px;
}
}
@media screen and (max-width: 650px) {
.section-welcome__container {
padding: 131px 0 30px;
flex-direction: column;
}
.section-welcome__right {
width: 100%;
margin-top: 20px;
padding-left: 20px;
box-sizing: border-box;
}
.section-welcome__bottom-text,
.section-welcome__text {
text-shadow: 1px 1px 5px #fff;
}
}
@media only screen and (max-width: 480px) {
.site-header__left {
width: 130px !important;
}
.site-header__left .site-logo__content .site-logo__text {
display: none;
}
.site-logo__image {
width: 44px;
height: 44px;
}
.site-header__left .site-logo__content .site-logo__title {
font-size: 13px;
margin-bottom: 0;
}
.header-social__link {
width: 32px;
height: 32px;
}
.section-delivery__tabs-container {
flex-wrap: wrap;
}
.section-delivery__tab {
width: 50%;
}
.page-content {
padding: 105px 0 0;
}
.section-welcome__container {
padding: 131px 0 30px;
}
.section-welcome__headline {
font-size: 37px;
font-weight: 600;
line-height: 50px;
}
.section-welcome__text {
font-size: 16px;
line-height: 26px;
margin-bottom: 21px;
}
.section-welcome__btn a {
padding: 26px 40px 24px;
}
.section-welcome__bottom-text:after {
display: none;
}
.section-title {
font-size: 30px;
line-height: 45px;
}
.section-quantity__item {
padding: 1px 15px 15px;
}
.section-complete__text {
font-size: 16px;
line-height: 30px;
margin-bottom: 20px;
}
.section-complete__list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 20px;
}
.section-complete__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 10px 0 0;
}
.section-complete__col {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 0 20px;
}
.section-complete__list-text br {
display: none;
}
.section-complete__bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.section-complete__btn {
margin: 12px 0 0 0;
}
.section-catalog {
padding: 30px 0;
}
.product-item__image {
margin-bottom: 20px;
}
.product-item__title {
margin-bottom: 25px;
}
.product-item__price span {
font-size: 26px;
}
.section-catalog__big {
padding: 0;
}
.section-catalog__btn .button-red {
padding: 27px 30px 31px;
}
.section-video_1 {
padding: 30px 0;
}
.section-video__container a {
height: 270px;
}
.section-video__container span {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
.section-delivery__title {
font-size: 28px;
line-height: 35px;
}
.section-delivery__text {
font-size: 16px;
line-height: 30px;
margin-bottom: 25px;
}
.section-video_2 {
padding: 30px 0;
}
.section-review {
padding: 30px 0 0;
}
.section-content__container {
padding: 20px 15px !important;
}
.section-content__title {
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
.section-faq {
padding: 5px 0 30px;
}
.section-faq__container {
padding: 10px 0 0;
}
.section-faq__question {
padding: 10px 60px 12px 50px;
font-size: 18px;
line-height: 22px;
}
.section-faq__question::before {
left: 5px;
}
.section-faq__question span {
right: 10px;
}
.section-faq__answer {
padding: 15px 15px 1px;
}
.section-faq__bottom {
padding: 30px 0 0;
}
.section-contacts {
padding: 30px 0 0;
}
.section-contacts__map {
height: 300px;
}
.product-main__left {
padding-bottom: 30px;
}
.product-attr {
padding: 20px 15px 10px;
}
.product-main__price span {
font-size: 40px;
}
.product-main__price i {
font-size: 30px;
}
.product-main__oldprice,
.product-main__price-difference span {
font-size: 26px;
}
.product-main__oldprice i,
.product-main__price-difference i {
font-size: 18px;
}
.breadcrumbs {
padding: 13px 0 15px;
}
.page-content__title {
font-size: 30px;
margin-bottom: 15px;
}
.product-accessories__list {
padding: 20px 15px 10px;
}
.product-similar {
padding: 0 0 20px;
}
.section-tag {
padding: 12px 0 30px;
}
.section-install__container {
max-width: 350px;
padding: 0;
margin: 0 auto 10px;
}
.section-install__col {
width: 100%;
}
.section-install__bottom {
font-size: 16px;
line-height: 30px;
}
.section-gallery {
padding: 20px 0 30px;
}
.section-gallery__container {
max-width: 430px;
margin: 0 auto;
}
.section-gallery__item {
width: 100%;
padding: 10px 0;
}
.section-gallery__btn {
padding: 20px 0 0;
}
.section-content_category {
padding-bottom: 40px;
}
.post-main .section-desc {
margin: 0 0 20px;
}
.single-team {
padding: 40px 0 0;
margin: 40px 0 31px;
}
.single-team__container {
max-width: 295px;
padding: 0;
}
.single-team__col {
width: 100%;
padding: 10px 0;
}
.post-body {
font-size: 16px;
line-height: 30px;
}
.post-body h2 {
font-size: 35px;
line-height: 45px;
margin-bottom: 20px;
}
.post-body h3 {
font-size: 25px;
line-height: 35px;
margin-bottom: 20px;
}
.post-body ul li,
.post-body ol li {
padding-left: 35px;
}
.post-body hr {
margin: 30px 0;
}
.table-container {
padding: 20px;
}
.contacts-main {
margin-bottom: 0;
}
.contacts-map {
height: 300px;
}
.popup__container {
padding: 25px 15px;
}
.popup__title {
font-size: 25px;
line-height: 35px;
margin-bottom: 10px;
}
.popup__text-1,
.popup__text-2,
.popup__text-3,
.popup__text-4,
.popup__text-5,
.popup__text-6 {
font-size: 14px;
line-height: 25px;
}
.popup-form__wrapper input[type='text'],
.popup-form__wrapper input[type='email'],
.popup-form__wrapper input[type='tel'] {
height: 60px;
}
.check-txt,
.radio-txt {
font-size: 14px;
}
#popup-catalog .button-red,
.popup__btn .button-red {
padding: 26px 20px 24px;
}
#popup-catalog .button-red::before,
.popup__btn .button-red::before {
margin-right: 15px;
}
}
@media only screen and (max-width: 472px) {
.site-header__container {
flex-direction: column;
}
.page-content {
padding: 135px 0 0;
}
}
.section-delivery__text ul {
display: flex;
margin-top: 40px;
justify-content: center;
flex-wrap: wrap;
}
.section-delivery__text ul li {
width: 33%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
font-size: 17px;
line-height: 24px;
}
.section-delivery__text ul li strong {
display: block;
width: 100%;
font-size: 32px;
margin-bottom: 14px;
}
#quiz-modal {
font-family:
-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif,
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
font-size: 20px;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
max-width: max-content;
position: relative;
width: 100%;
max-width: 1240px;
margin: 0 auto 40px auto;
}
#quiz-modal .quiz__content {
min-height: 450px;
}
#quiz-modal .container {
width: 100%;
padding: 15px;
margin-right: auto;
margin-left: auto;
max-width: 1230px;
box-sizing: border-box;
}
.quiz {
min-height: 700px;
margin-top: 65px;
}
.quiz__inner {
display: none;
width: 100%;
margin: 0;
border-radius: 20px;
background-color: #fff;
position: relative;
overflow: hidden;
}
.quiz__inner.active {
display: block;
}
.quiz__inner .container {
z-index: 10;
}
.quiz__inner:before,
.quiz__inner:after {
content: '';
width: 700px;
height: 300px;
background-color: #f44336;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
z-index: 9;
}
.quiz__inner:before {
left: -250px;
bottom: -250px;
}
.quiz__inner:after {
right: -210px;
top: -80px;
}
.quiz__content {
padding-bottom: 15px;
}
.quiz__plashka {
width: 161px;
height: 211px;
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
position: absolute;
top: 50px;
right: 25px;
z-index: 12;
color: #fff;
padding: 57px 17px 17px;
}
.quiz__plashka-icon {
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/img/percend-icon.png);
width: 93px;
height: 96px;
position: absolute;
left: 5px;
top: -17px;
}
.quiz__plashka-t1 {
font-size: 16px;
line-height: 22px;
font-weight: 700;
margin-bottom: 5px;
color: #fff;
}
.quiz__plashka-t2 {
font-size: 13px;
line-height: 15px;
color: #fff;
}
.quiz__h1 {
width: 70%;
font-size: 44px;
line-height: 48px;
padding-right: 160px;
font-family: 'RobotoBold', sans-serif;
padding-top: 30px;
padding-bottom: 20px;
}
.quiz__question {
position: relative;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.quiz__num {
position: absolute;
color: #2d2d2d;
line-height: 50px;
font-size: 35px;
font-family: 'RobotoBold', sans-serif;
top: -5px;
left: -85px;
}
.quiz__h2 {
display: inline-block;
color: #717171;
line-height: 28px;
font-size: 24px;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 20px;
}
.quiz__items-wrap {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quiz__items-wrap--many-steps .quiz__item {
width: 18%;
}
.quiz__item {
margin-right: 15px;
width: 25%;
position: relative;
}
.quiz__item-img {
border-radius: 10px;
height: calc(100% - 10px);
width: calc(100% - 10px);
overflow: hidden;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.quiz__item-img img {
border-radius: 10px;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.quiz__item-img.quiz__item-img--contain img {
-o-object-fit: contain;
object-fit: contain;
}
.quiz__item-img-wrap {
padding-bottom: 90%;
width: 100%;
border-radius: 14px;
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.quiz__item-gradient {
background: rgba(255, 110, 3, 0.5);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(255, 107, 0, 0.6)),
to(rgba(255, 195, 4, 0.2))
);
background: linear-gradient(to bottom, rgba(255, 107, 0, 0.6) 0%, rgba(255, 195, 4, 0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#99ff6b00", endColorstr="#33ffc304", GradientType=0);
}
.quiz__item-gradient-bg {
background: #ff6e03;
background: -webkit-gradient(linear, left top, left bottom, from(#ff6e03), to(#ffa40c));
background: linear-gradient(to bottom, #ff6e03 0%, #ffa40c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff6e03", endColorstr="#ffa40c", GradientType=0);
}
.quiz__item-gradient,
.quiz__item-gradient-bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transition: all 0.1s;
transition: all 0.1s;
opacity: 0;
}
.quiz__item-checks {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
margin-bottom: 8px;
}
.quiz__item-check {
width: 19px;
height: 19px;
border: 2px solid #1b2026;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
margin-right: 12px;
position: relative;
margin-top: 2px;
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
.quiz__item-check:after {
content: '';
opacity: 0;
width: 20px;
height: 20px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/img/galka-icon.svg);
background-size: contain;
background-repeat: no-repeat;
-webkit-transition: all 0.1s;
transition: all 0.1s;
position: absolute;
top: -5px;
left: 0px;
}
.quiz__item-name {
font-size: 20px;
font-family: 'RobotoBold', sans-serif;
line-height: 1.2;
}
.quiz__item-descr {
line-height: 18px;
font-size: 14px;
letter-spacing: 0.2px;
color: #717171;
}
.quiz__footer {
background-color: #fff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
min-height: 240px; position: relative;
}
.quiz__footer-center {
width: 328px;
height: 328px;
background-color: #f0f0f0;
border-radius: 50%;
text-align: center;
padding-top: 55px;
position: absolute;
margin: auto;
top: 25px;
left: 0;
right: 0;
}
.quiz__footer-center p {
margin-top: 15px;
font-family: 'RobotoBold', sans-serif;
font-size: 22px;
letter-spacing: 1px;
}
.quiz__footer > .container {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
}
.quiz__footer-h1 {
line-height: 30px;
font-size: 28px;
font-family: 'RobotoBold', sans-serif;
padding-top: 0;
margin-bottom: 20px;
}
.quiz__footer-left,
.quiz__footer-right {
max-width: 50%;
}
.quiz__footer-left {
display: flex;
flex-direction: column;
margin-right: 62px;
margin-left: 104px;
}
.quiz__footer-lwrap {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
justify-content: center;
flex-wrap: wrap;
height: 75px;
flex-basis: 100%;
width: 100%;
max-width: 100%;
}
.quiz__footer-skidka {
width: 190px;
height: 75px;
margin-right: 15px;
position: relative;
border-radius: 20px;
overflow: hidden;
background: rgb(250, 84, 71);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(250, 84, 71, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5447', endColorstr='#e13d31', GradientType=0);
-webkit-box-shadow:
0px 10px 35px -10px rgb(244 66 54),
0px 10px 35px -10px rgb(0 0 0 / 30%);
box-shadow:
0px 10px 35px -10px rgb(244 66 54),
0px 10px 35px -10px rgb(0 0 0 / 30%);
margin-bottom: 10px;
}
.quiz__footer-skidka-inner {
width: 180px;
height: 65px;
line-height: 65px;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
font-size: 45px;
font-family: 'RobotoBold', sans-serif;
background-color: #f7f7f7;
border-radius: 15px;
}
.quiz__footer-skidka-inner span {
color: #f44336;
}
.quiz__footer-text1 {
width: 170px;
line-height: 22px;
font-size: 16px;
letter-spacing: 0.5px;
color: #717171;
font-family: 'RobotoBold', sans-serif;
}
.quiz__footer-right {
width: 100%;
max-width: 325px;
height: 130px;
margin-top: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
position: relative;
}
.quiz__footer-progress {
width: 180px;
height: 22px;
background-color: #eee;
border-radius: 5px;
position: relative;
}
.quiz__footer-progress:after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
background: rgb(250, 84, 71);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(250, 84, 71, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5447', endColorstr='#e13d31', GradientType=0);
-webkit-box-shadow:
0px 10px 35px -10px rgb(244 66 54),
0px 10px 35px -10px rgb(0 0 0 / 30%);
box-shadow:
0px 10px 35px -10px rgb(244 66 54),
0px 10px 35px -10px rgb(0 0 0 / 30%);
border-radius: 5px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.quiz__footer-quest {
line-height: 22px;
font-size: 22px;
font-family: 'RobotoBold', sans-serif;
letter-spacing: 0.5px;
height: 25px;
}
.quiz__footer-nextquest {
margin-top: 10px;
margin-bottom: 40px;
transition: all 0.1s ease;
}
.quiz__footer-nextquest-wrap {
}
.quiz__footer-nextquest-hover {
}
.quiz__footer-prevquest {
display: none;
font-size: 22px;
line-height: 24px;
font-family: 'RobotoBold', sans-serif;
cursor: pointer;
color: #ff6b00;
border-bottom: 2px dashed #ff6b00;
position: absolute;
bottom: 72px;
right: -90px;
}
.quiz__footer-prevquest:hover {
border-color: transparent;
}
.quiz__final {
display: none;
width: 100%;
height: 655px;
margin: 0;
border-radius: 20px;
background-color: #fff;
}
.quiz__final.active {
display: block;
}
.quiz__final-cont {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
position: relative;
overflow: hidden;
min-height: 100%;
}
.quiz__final-left {
width: 100%;
position: relative;
z-index: 5;
margin-right: 10px;
}
.quiz__final-bg {
position: absolute;
bottom: -70px;
right: -50px;
z-index: 1;
width: 919px;
height: 632px;
background-image: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/img/final_quiz.jpg);
}
.quiz__final-h1 {
line-height: 52px;
font-size: 48px;
color: #1b2026;
font-family: 'RobotoBold', sans-serif;
padding-top: 60px;
padding-bottom: 35px;
max-width: 100%;
}
.quiz__final-discountValue {
white-space: nowrap;
}
.quiz__final-h2 {
line-height: 30px;
font-size: 27px;
color: #717171;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 25px;
}
.quiz__final-tel {
max-width: 398px;
width: 100%;
height: 60px;
line-height: 60px;
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 15px;
padding: 0 25px;
line-height: 22px;
font-size: 18px;
color: #999;
font-family: 'RobotoBold', sans-serif;
margin-bottom: 5px;
position: relative;
z-index: 99;
}
.quiz__final-promocode {
width: 260px;
height: 45px;
line-height: 45px;
background: #fff;
border: 1px solid #e4e4e4;
border-radius: 15px;
padding: 0 25px;
line-height: 22px;
font-size: 18px;
color: #999;
font-family: 'RobotoBold', sans-serif;
margin-bottom: -5px;
}
.quiz__final-p1 {
font-size: 14px;
line-height: 23px;
color: #717171;
margin-top: 8px;
margin-bottom: 3px;
}
.quiz__final-submit {
max-width: 400px;
margin: 10px 30px;
padding: 23px 33px 27px;
}
.quiz__persskidka {
color: #717171;
font-size: 16px;
line-height: 1.4;
background-color: #ffffffd3;
border-radius: 19px;
max-width: max-content;
padding: 13px 18px;
}
.quiz .check_inp,
#quiz-modal .check_inp {
position: absolute;
bottom: 0;
z-index: -1;
opacity: 0;
margin: 10px 0 0 20px;
}
.quiz .check_inp:checked ~ label .quiz__item-gradient-bg,
.quiz .check_inp:checked ~ label .quiz__item-gradient,
#quiz-modal .check_inp:checked ~ label .quiz__item-gradient-bg,
#quiz-modal .check_inp:checked ~ label .quiz__item-gradient {
opacity: 1;
}
.quiz .check_inp:checked ~ label .quiz__item-check,
#quiz-modal .check_inp:checked ~ label .quiz__item-check {
border-color: #ff6b00;
}
.quiz .check_inp:checked ~ label .quiz__item-check:after,
#quiz-modal .check_inp:checked ~ label .quiz__item-check:after {
opacity: 1;
}
.quiz .check_inp:checked ~ label .quiz__item-name,
#quiz-modal .check_inp:checked ~ label .quiz__item-name {
color: #ff6b00;
}
.quiz label,
#quiz-modal label {
display: block;
cursor: pointer;
margin-bottom: 10px;
}
.quiz-modal {
}
.quiz-modal .quiz__form {
padding-top: 0 !important;
}
.orange-color {
color: #f44336;
}
.quiz__foot-step1 .quiz__footer-progress:after {
width: 20%;
}
.quiz__foot-step2 .quiz__footer-progress:after {
width: 40%;
}
.quiz__foot-step3 .quiz__footer-progress:after {
width: 60%;
}
.quiz__foot-step4 .quiz__footer-progress:after {
width: 80%;
}
.quiz__foot-step5 .quiz__footer-progress:after {
width: 100%;
}
.ws-quiz-container,
.callbackkiller {
-webkit-transition: all 0.25s;
transition: all 0.25s;
opacity: 0 !important;
}
.ws-quiz-container.scrollShowBlock,
.callbackkiller.scrollShowBlock {
opacity: 1 !important;
}
.ws-quiz-container {
position: fixed;
}
.quiz__final input[type='tel']::-webkit-input-placeholder,
#wait-modal input[type='tel']::-webkit-input-placeholder {
opacity: 1;
}
.quiz__final input[type='tel']:-ms-input-placeholder,
#wait-modal input[type='tel']:-ms-input-placeholder {
opacity: 1;
}
.quiz__final input[type='tel']::-webkit-input-placeholder,
#wait-modal input[type='tel']::-webkit-input-placeholder {
opacity: 1;
}
.quiz__final input[type='tel']::-moz-placeholder,
#wait-modal input[type='tel']::-moz-placeholder {
opacity: 1;
}
.quiz__final input[type='tel']:-ms-input-placeholder,
#wait-modal input[type='tel']:-ms-input-placeholder {
opacity: 1;
}
.quiz__final input[type='tel']::-ms-input-placeholder,
#wait-modal input[type='tel']::-ms-input-placeholder {
opacity: 1;
}
.quiz__final input[type='tel']::placeholder,
#wait-modal input[type='tel']::placeholder {
opacity: 1;
}
.btn-gradient {
display: flex;
width: 100%;
height: max-content;
margin-top: 25px;
position: relative;
cursor: pointer;
border: none;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ff6b00 2.46%, #ffd600 85.03%);
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f7720f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
margin-bottom: 30px;
}
.btn-gradient-wrap {
position: relative;
top: 0;
left: 0;
width: 100%;
line-height: 150%;
padding: 15px;
box-sizing: border-box;
z-index: 3;
border-radius: 19px;
-webkit-transition: all 0.15s;
transition: all 0.15s;
text-align: center;
color: #fff;
font-size: 18px;
font-family: 'RobotoBold', sans-serif;
}
.btn-gradient-hover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
border-radius: 19px;
background:
linear-gradient(74.52deg, rgba(255, 107, 0, 0.2) 1.88%, rgba(255, 255, 255, 0) 94.27%),
linear-gradient(234.47deg, #ffa800 2.46%, #ffd600 85.03%);
-webkit-transition: all 0.15s;
transition: all 0.15s;
}
.btn-gradient:hover .btn-gradient-hover {
opacity: 1;
}
.btn-gradient:hover {
-webkit-box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
box-shadow:
0px 15px 25px rgba(255, 125, 11, 0.4),
0px 4px 0px #f79a0f,
inset 0px -1px 0px rgba(255, 255, 255, 0.1);
}
.box-modal_close {
width: 30px;
height: 30px;
position: absolute;
top: 40px;
right: 40px;
cursor: pointer;
z-index: 99;
}
.box-modal_close svg path {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.box-modal_close:hover path {
fill: #ff6b00;
}
.box-modal_close:before {
content: '\2573';
color: #d5d5d5;
font-size: 30px;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.box-modal_close:hover:before {
color: #ff6b00;
}
.box-modal_close {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.section-catalog__colors {
padding: 16px 0 10px;
}
.section-catalog__colors-title {
margin-bottom: 20px;
font-family: 'Oswald';
font-size: 24px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.section-catalog__colors-btns {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.section-catalog__colors-btn {
margin: 12px 8px;
border: none;
outline: none;
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
width: 200px;
height: 44px;
color: #636363;
font-family: 'RobotoMedium';
font-size: 18px;
background-color: #fff;
border-radius: 10px;
border: 0;
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
outline: none;
cursor: pointer;
-webkit-transition:
color 0.3s ease,
background-color 0.3s ease;
transition:
color 0.3s ease,
background-color 0.3s ease;
}
.section-catalog__colors-btn:not(._active):hover {
color: #ed742e;
}
.section-catalog__colors-btn._active {
color: #fff;
background-color: #ed742e;
}
.section-catalog__colors-btn._filtersBtn--secondary:not(._active):hover {
color: #f44336;
}
.section-catalog__colors-btn._filtersBtn--secondary._active {
background-color: #f44336;
}
.section-catalog__colors-btn img {
position: absolute;
bottom: 0;
left: 15px;
width: 36px;
-o-object-fit: contain;
object-fit: contain;
}
.section-catalog__colors-btn.section-catalog__colors-btn--all img {
left: 10px;
width: 50px;
}
[data-product-color] {
opacity: 0;
display: none;
}
._active[data-product-color] {
display: block;
animation: fadeIn 0.3s ease 0.2s forwards;
}
.section-catalog__colors-btn span {
padding: 0 10px 0 50px;
}
@media screen and (max-width: 1520px) {
#quiz-modal {
position: relative;
}
#quiz-modal .quiz__h1 {
font-size: 44px;
line-height: 48px;
padding-top: 10px;
padding-right: 350px;
}
#quiz-modal .quiz__plashka {
right: 0;
color: #000;
}
#quiz-modal .box-modal_close {
z-index: 999;
top: 30px;
right: 30px;
}
.quiz__num {
position: static;
display: inline-block;
margin-right: 25px;
}
.quiz__h2 {
padding-top: 5px;
}
.quiz__plashka {
right: -110px;
}
.quiz__inner:after {
right: -250px;
}
.quiz__inner:before {
left: -310px;
}
.quiz__inner .container {
position: relative;
}
}
@media screen and (max-width: 1470px) {
.btn-gradient-wrap {
font-size: 22px;
}
.quiz__h1 {
font-size: 60px;
padding-right: 240px;
}
.quiz__plashka {
width: 130px;
right: -150px !important;
}
.quiz__plashka-t1 {
font-size: 16px;
line-height: 18px;
}
.quiz__plashka-icon {
background-size: contain;
width: 70px;
height: 70px;
}
.quiz__plashka {
padding: 40px 14px 14px;
}
.quiz__plashka-t2 {
line-height: 14px;
}
#quiz-modal .quiz__inner,
#quiz-modal .quiz__final {
}
.quiz__num {
font-size: 26px;
margin-right: 15px;
}
.quiz__h2 {
font-size: 26px;
margin-bottom: 25px;
}
.quiz__item-img-wrap {
margin-bottom: 15px;
}
.quiz__item-check {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
}
.quiz__item-name {
font-size: 16px;
}
.quiz__item-check {
width: 15px;
height: 15px;
margin-right: 9px;
}
.quiz__item-check:after {
width: 16px;
height: 16px;
}
.quiz__final-h1 {
font-size: 52px;
padding-bottom: 25px;
}
.quiz__final-h2 {
font-size: 24px;
line-height: 28px;
max-width: 400px;
width: 100%;
}
.quiz__final {
height: 630px;
}
.quiz__h1 {
font-size: 37px;
line-height: 1.2;
padding-right: 190px;
}
.quiz__footer {
min-height: 195px;
}
.quiz__footer-h1 {
font-size: 26px;
margin-bottom: 5px;
}
.quiz__footer-skidka {
width: 150px;
height: 65px;
}
.quiz__footer-skidka-inner {
width: 140px;
font-size: 30px;
height: 55px;
line-height: 55px;
}
.quiz__footer-skidka {
margin-right: 25px;
}
.quiz__footer-center {
width: 200px;
height: 200px;
top: 30px;
}
.quiz__footer-center img {
max-width: 50px;
}
.quiz__footer-left {
margin-top: 10px;
margin-left: 0;
}
.quiz__item-descr {
font-size: 13px;
line-height: 16px;
}
.quiz__footer-progress {
width: 130px;
height: 18px;
}
.quiz__footer-quest {
font-size: 15px;
height: 18px;
line-height: 18px;
}
.quiz__footer-nextquest {
margin-top: 0;
margin-bottom: 10px;
}
.quiz__footer-nextquest,
.quiz__footer-nextquest-hover {
}
.quiz__footer-nextquest-wrap {
}
.quiz__footer-center {
padding-top: 25px;
top: 130px;
}
.quiz__footer-prevquest {
font-size: 17px;
right: -70px;
bottom: 87px;
}
.quiz__footer-text1 {
width: 150px;
font-size: 14px;
line-height: 18px;
}
.quiz__item-checks {
min-height: 40px;
}
.quiz__footer-center p {
font-size: 18px;
}
.quiz__final-bg {
width: 650px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom right;
}
.quiz {
min-height: 600px;
}
#quiz-modal .quiz__h1 {
font-size: 36px;
line-height: 45px;
padding-top: 40px;
padding-right: 210px;
}
#quiz-modal .quiz__content {
min-height: 400px;
}
#quiz-modal .container {
max-width: 960px;
}
.section-video__container a {
background-position: left 0;
}
}
@media screen and (max-width: 1300px) {
.quiz__inner:after {
right: -300px;
}
.quiz__plashka {
right: -110px !important;
}
}
@media screen and (max-width: 1240px) {
.quiz__plashka {
right: -90px !important;
}
.section-catalog__colors-title {
font-size: 20px;
}
}
@media screen and (max-width: 1000px) {
.quiz__plashka {
right: -30px !important;
}
.quiz__item {
width: calc(50% - 15px);
}
#quiz-modal .quiz__h1 {
font-size: 23px;
line-height: 34px;
padding-top: 40px;
padding-right: 210px;
}
.product-accessories__img {
margin-right: 28px;
width: 340px;
}
.product-accessories__img {
margin-right: 28px;
}
}
@media screen and (max-width: 767.98px) {
.product-accessories__container {
display: block;
}
.product-accessories__img {
margin: 0 auto 20px;
width: 100%;
max-width: 320px;
}
}
@media screen and (max-width: 640px) {
.modal-inner .box-modal_close {
top: 10px;
right: 10px;
}
.modal-body {
padding: 36px 20px;
}
.contacts-write {
padding: 82px 0 44px;
}
.contacts-write__list {
display: block;
}
.contacts-write__list:before {
border-bottom: none;
top: 36px;
left: 50%;
width: 2px;
right: 120px;
height: calc(100% - 72px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #ecf2f5;
}
.contacts-write__list li:not(:last-child) {
margin-bottom: 20px;
}
.contacts-write__list a {
margin: 0 auto;
}
.product-video__slide {
padding: 12px;
}
.product-video__slide-inner {
border: 6px solid #fff;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.product-video__slider .slick-arrow,
.cart-additional__slider .slick-arrow {
width: 32px;
height: 32px;
-webkit-box-shadow: 0 0 0 6px rgba(255, 255, 255, 1);
box-shadow: 0 0 0 6px rgba(255, 255, 255, 1);
}
.product-video__slider .slick-arrow svg,
.cart-additional__slider .slick-arrow svg {
width: 12px;
height: 12px;
}
.product-video__slider .slick-arrow.slick-prev,
.cart-additional__slider .slick-arrow.slick-prev {
left: -8px;
}
.product-video__slider .slick-arrow.slick-next,
.cart-additional__slider .slick-arrow.slick-next {
right: -8px;
}
}
@media screen and (max-width: 515px) {
.quiz__final-cont {
flex-direction: column;
}
.section-delivery__left {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px 0 10px;
}
.section-delivery__right {
width: 100%;
}
}
@media screen and (max-width: 476px) {
.quiz__footer > .container {
flex-wrap: wrap;
justify-content: center;
}
.quiz__footer-left {
margin-right: 0;
margin-bottom: 20px;
max-width: unset;
}
.quiz__footer-right .quiz__footer-progress {
order: 3;
}
.product-main__btn-rassrochka.button-white,
.product-main__right .product-main__btn-addtocart {
font-size: 14px;
}
}
.buttons {
margin: 30px 0 15px 0;
}
.buttons button {
width: fit-content;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 23px 61px 27px;
border: none;
background: rgb(250, 84, 71);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(250, 84, 71, 1)),
to(rgba(225, 61, 49, 1))
);
background: -o-linear-gradient(top, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
background: linear-gradient(to bottom, rgba(250, 84, 71, 1) 0%, rgba(225, 61, 49, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa5447', endColorstr='#e13d31', GradientType=0);
border-radius: 5px;
font-family: 'Oswald';
font-size: 18px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.8px;
-webkit-box-shadow:
0 10px 35px -10px rgba(244, 66, 54, 1),
0 10px 35px -10px rgba(0, 0, 0, 0.3);
box-shadow:
0 10px 35px -10px rgba(244, 66, 54, 1),
0 10px 35px -10px rgba(0, 0, 0, 0.3);
}
.buttons button:hover {
background: rgba(225, 61, 49, 1);
}
.delivery-input--text {
font-style: italic;
font-size: 17px;
color: #607d8b;
margin-bottom: 0;
}
.lite-block {
padding: 10px 25px;
background: #fffbdc;
margin: 20px 0;
}
.error-pretty-block {
}
.error-pretty-block li {
padding: 10px 25px;
background: #f44336;
color: #fff;
margin: 20px 0;
}
.error-pretty-block li:before {
top: 20px !important;
left: 16px !important;
}  .quantity-counter {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 120px;
height: 44px;
overflow: hidden;
border: 1px solid #000000;
border-radius: 8px;
}
.quantity-counter__btn {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 30px;
height: 100%;
color: #000000;
font-size: 20px;
font-weight: 700;
background-color: #ffffff;
border: none;
border-radius: 0;
cursor: pointer;
-webkit-transition:
color 0.2s ease,
background-color 0.2s ease,
opacity 0.2s ease;
-o-transition:
color 0.2s ease,
background-color 0.2s ease,
opacity 0.2s ease;
transition:
color 0.2s ease,
background-color 0.2s ease,
opacity 0.2s ease;
}
@media (pointer: fine) {
.quantity-counter__btn:hover {
color: #ffffff;
background-color: #ff6b00;
}
}
input.quantity-counter__input {
width: 60px;
height: 100%;
color: #000000;
font-size: 22px;
text-align: center;
border: none;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-radius: 0;
outline: none;
}
.cart-page input[type='text'],
.cart-page input[type='email'],
.cart-page input[type='tel'],
.cart-page textarea,
.cart-page select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.cart-page input::-ms-clear {
display: none;
} .cart-page .check-label,
.cart-page .radio-label {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-page .radio-custom,
.cart-page .check-custom {
margin-right: 10px;
width: 18px;
height: 18px;
background-color: transparent;
border: 1px solid #000000;
border-radius: 50%;
}
.cart-page .radio-custom::after,
.cart-page .check-custom::after {
display: block;
width: 12px;
height: 12px;
background: #ff6b00;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transition: -webkit-transform 0.2s ease;
transition: -webkit-transform 0.2s ease;
-o-transition: transform 0.2s ease;
transition: transform 0.2s ease;
transition:
transform 0.2s ease,
-webkit-transform 0.2s ease;
}
.cart-page .radio-txt,
.cart-page .check-txt {
position: relative;
color: #000000;
font-size: 20px;
font-weight: 700;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.cart-page .radio-input:checked + .radio-custom:after,
.cart-page .check-input:checked + .check-custom:after {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
@media (pointer: fine) {
.cart-page .radio-label:hover > .radio-txt,
.cart-page .check-label:hover > .check-txt {
color: #ff6b00;
}
}
.cart {
padding: 0 0 60px;
}
.cart-title {
margin: 0 0 60px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Oswald';
font-size: 64px;
font-weight: 500;
text-transform: uppercase;
}
.cart-title img {
margin: 0 0 0 15px;
width: 56px;
height: 56px;
-o-object-fit: contain;
object-fit: contain;
}
.cart-subtitle.section-title {
text-align: left;
}
.cart-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cart-content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 30px 0 0;
}
.cart-product {
padding: 24px 30px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #f0f5f9;
border-radius: 30px;
}
.cart-product:not(:last-child) {
margin: 0 0 35px 0;
}
.cart-product__delete {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
z-index: 2;
background-color: transparent;
border: 0;
outline: none;
}
@media (pointer: fine) {
.cart-product__delete:hover > span {
background-color: red;
}
}
.cart-product__delete > span {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 80%;
height: 2px;
background-color: #ff6b00;
border-radius: 8px;
-webkit-transition: background-color 0.2s ease;
-o-transition: background-color 0.2s ease;
transition: background-color 0.2s ease;
}
.cart-product__delete > span:first-child {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.cart-product__delete > span:last-child {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.cart-product__img {
margin: 0 15px 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 20%;
}
.cart-product__img img {
width: 100%;
height: 100%;
max-height: 200px;
-o-object-fit: contain;
object-fit: contain;
}
.cart-product__text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 30px 0 0;
line-height: 1.3;
}
.cart-product__title {
margin: 0 0 20px 0;
font-size: 24px;
font-weight: 700;
}
.cart-product__list:not(:last-child) {
margin: 0 0 20px 0;
}
.cart-product__descr:not(:last-child) {
margin-bottom: 20px;
}
.cart-product__descr > p {
margin-bottom: 4px;
}
.cart-product__info {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 230px;
}
.cart-product__info-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.cart-product__info-item:not(:last-child) {
margin: 0 0 30px 0;
}
.cart-product__info-item > span {
min-width: 34px;
font-weight: 700;
line-height: 1;
}
.cart-product__info-item-body {
text-align: center;
}
.cart-product__info-item-title {
margin: 0 0 8px 0;
font-size: 16px;
font-weight: 700;
}
.cart-product__counter {
margin: 0 8px;
}
.cart-product__price {
padding: 0 5px;
margin: 0 8px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 120px;
height: 44px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
white-space: nowrap;
font-size: 22px;
line-height: 1;
border: 1px solid #000000;
overflow: hidden;
border-radius: 8px;
background-color: #ffffff;
}
.cart-sidebar {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 330px;
height: auto;
}
.cart-sidebar__body {
padding: 20px 20px 25px;
background-color: #f0f5f9;
border-radius: 30px;
}
.cart-sidebar__title {
margin: 0 0 5px 0;
font-size: 24px;
font-weight: 700;
text-align: center;
}
.cart-sidebar__subtitle {
margin: 0 0 20px 0;
font-size: 14px;
font-weight: 700;
text-align: center;
}
.cart-sidebar__list-title {
margin: 0 0 15px 0;
font-weight: 500;
}
.cart-sidebar__list {
margin: 0 0 40px 0;
}
.cart-sidebar__list-item:not(:last-child) {
margin: 0 0 25px 0;
}
.cart-sidebar__list-item-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cart-sidebar__list-item-row:not(:last-child) {
margin: 0 0 6px 0;
}
.cart-sidebar__list-item-quantity {
margin: 0 0 0 3px;
white-space: nowrap;
font-weight: 500;
}
.cart-sidebar__list-item-quantity::before {
content: ' - ';
}
.cart-sidebar__list-item-quantity::after {
content: ' шт.';
}
.cart-sidebar__list-item-price {
margin: 0 5px 0 auto;
font-weight: 500;
}
.cart-sidebar__list-item-price + span {
font-weight: 500;
}
.cart-sidebar__total-price-wrapper {
margin: 0 0 25px 0;
font-size: 18px;
}
.cart-sidebar__total-price {
color: #ff6b00;
font-size: 22px;
font-weight: 700;
}
.cart-sidebar__form-item {
margin: 0 0 15px 0;
position: relative;
}
.cart-sidebar__form-item._required::after {
content: '*';
position: absolute;
bottom: 18%;
right: 15px;
color: red;
font-size: 20px;
font-weight: 700;
}
.cart-sidebar__form-item label {
display: block;
margin: 0 0 5px 0;
font-weight: 500;
}
.cart-sidebar__form-input {
padding: 0 15px;
width: 100%;
height: 55px;
color: #000000;
font-size: 16px;
font-weight: 500;
border: 1px solid #000000;
border-radius: 5px;
-webkit-transition:
border 0.2s ease,
-webkit-box-shadow 0.2s ease;
transition:
border 0.2s ease,
-webkit-box-shadow 0.2s ease;
-o-transition:
border 0.2s ease,
box-shadow 0.2s ease;
transition:
border 0.2s ease,
box-shadow 0.2s ease;
transition:
border 0.2s ease,
box-shadow 0.2s ease,
-webkit-box-shadow 0.2s ease;
}
.cart-sidebar__form-input:focus {
border: 1px solid #ff6b00;
}
.cart-sidebar__form-input._required {
padding: 0 35px 0 15px;
}
.cart-sidebar__form-input._error {
-webkit-box-shadow: 0 0 0 2px red;
box-shadow: 0 0 0 2px red;
}
.cart-sidebar__form-btn.button-red {
padding: 0 20px;
width: 100%;
height: 52px;
} .cart-additional {
padding: 60px 0;
width: 100%;
overflow: hidden;
}
.cart-additional__title.section-title {
text-align: left;
}
.cart-additional__slider {
margin: 0 -12px 20px;
position: relative;
width: calc(100% + 24px);
z-index: 1;
}
.cart-additional__slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cart-additional__slider .slick-arrow.slick-prev {
left: -16px;
}
.cart-additional__slider .slick-arrow.slick-next {
right: -16px;
}
.cart-additional__slide {
padding: 0 12px;
height: auto;
}
.cart-additional__product {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 20px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(239, 246, 250, 1)),
to(rgba(239, 246, 250, 0))
);
background: -o-linear-gradient(top, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 100%);
background: linear-gradient(to bottom, rgba(239, 246, 250, 1) 0%, rgba(239, 246, 250, 0) 100%);
overflow: hidden;
height: 100%;
}
.cart-additional__product-img {
padding-bottom: 100%;
margin: 0 auto 25px;
position: relative;
width: 100%;
height: 0;
display: block;
}
.cart-additional__product-img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.cart-additional__product-inner {
flex: 1 1 auto;
padding: 0 24px 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cart-additional__product-title {
margin: 0 0 25px 0;
font-family: 'Oswald';
font-size: 26px;
font-weight: 700;
text-align: center;
}
.cart-additional__product-title > a {
color: #000000;
transition: all 0.2s ease;
}
@media (pointer: fine) {
.cart-additional__product-title > a:hover {
color: #ff6b00;
}
}
.cart-additional__product-info-item {
flex: 1 1 auto;
margin-bottom: 25px;
}
.cart-additional__product-info-title {
margin-bottom: 8px;
font-weight: 700;
}
.cart-additional__product-info-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cart-additional__product-price {
padding: 10px 0;
margin-right: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
white-space: nowrap;
}
.cart-additional__product-price span {
font-family: 'Oswald';
font-size: 36px;
font-weight: 600;
line-height: 1;
}
.cart-additional__product-price span:nth-child(1) {
display: block;
}
.cart-additional__product-price span:nth-child(2) {
display: inline-block;
font-size: 20px;
color: #717171;
position: relative;
}
.cart-additional__product-price span:nth-child(2)::after {
content: '';
height: 2px;
width: 105%;
background: #999;
border-radius: 4px;
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
position: absolute;
top: 0.4em;
left: -2.7%;
}
.cart-additional__product-btn {
padding: 0 12px;
flex-shrink: 0;
white-space: nowrap;
width: 128px;
height: 54px;
} .cart-order {
padding: 60px 0 100px;
}
.cart-order__title.section-title {
text-align: left;
}
.cart-order__step {
display: none;
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.cart-order__step.is-active {
display: block;
-webkit-animation: fadeIn 0.4s ease 0s forwards;
animation: fadeIn 0.4s ease 0s forwards;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.cart-order__step-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cart-order__step-bottom :not(:last-child) {
margin: 0 20px 0 0;
}
.cart-order__item-title {
padding: 10px 20px;
margin: 0 0 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 20px;
font-weight: 700;
background-color: #f0f5f9;
border-radius: 8px;
}
.cart-order__item-title img {
margin: 0 15px 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40px;
height: 40px;
-o-object-fit: contain;
object-fit: contain;
}
.cart-order__item-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cart-order__item-row:not(:last-child),
.cart-order__item-body:not(:last-child) {
margin: 0 0 40px 0;
}
.cart-order__form-radio {
margin: 6px 50px 5px 0;
}
.cart-order__item-body {
max-width: 540px;
}
.cart-order__item-txt {
font-size: 14px;
line-height: 1.2;
}
.cart-order__item-txt:not(:last-child) {
margin: 0 0 35px 0;
}
.cart-order__input-wrapper {
position: relative;
}
.cart-order__input-wrapper:not(:last-child) {
margin: 0 0 20px 0;
}
.cart-order__input-wrapper._required::after {
content: '*';
position: absolute;
top: 55%;
right: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: red;
font-size: 20px;
font-weight: 700;
}
.cart-order__input-wrapper.cart-order__input-wrapper--select::before {
pointer-events: none;
content: '▼';
position: absolute;
top: 50%;
right: 12px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
color: #ff6b00;
}
.cart-order__input-wrapper.cart-order__input-wrapper--select._required::after {
right: 37px;
}
.cart-order__input-wrapper > label {
margin: 0 0 5px 0;
display: block;
font-size: 14px;
font-weight: 500;
}
.cart-order__input,
.cart-order__input.tinkoffPayRow {
padding: 0 15px;
margin: 0;
display: block;
width: 100%;
height: 55px;
font-weight: 500;
background-color: transparent;
border: 1px solid #686868;
border-radius: 8px;
-webkit-transition:
border 0.2s ease,
-webkit-box-shadow 0.2s ease;
transition:
border 0.2s ease,
-webkit-box-shadow 0.2s ease;
-o-transition:
border 0.2s ease,
box-shadow 0.2s ease;
transition:
border 0.2s ease,
box-shadow 0.2s ease;
transition:
border 0.2s ease,
box-shadow 0.2s ease,
-webkit-box-shadow 0.2s ease;
}
.cart-order__input::-webkit-input-placeholder {
color: #a8a8a8;
-webkit-transition:
opacity 0.2s ease,
visibility 0.2s ease;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
}
.cart-order__input::-moz-placeholder {
color: #a8a8a8;
-moz-transition:
opacity 0.2s ease,
visibility 0.2s ease;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
}
.cart-order__input:-ms-input-placeholder {
color: #a8a8a8;
-ms-transition:
opacity 0.2s ease,
visibility 0.2s ease;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
}
.cart-order__input::-ms-input-placeholder {
color: #a8a8a8;
-ms-transition:
opacity 0.2s ease,
visibility 0.2s ease;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
}
.cart-order__input::placeholder {
color: #a8a8a8;
-webkit-transition:
opacity 0.2s ease,
visibility 0.2s ease;
-o-transition:
opacity 0.2s ease,
visibility 0.2s ease;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
}
.cart-order__input:focus {
border: 1px solid #ff6b00;
}
.cart-order__input:focus::-webkit-input-placeholder {
opacity: 0;
visibility: hidden;
}
.cart-order__input:focus::-moz-placeholder {
opacity: 0;
visibility: hidden;
}
.cart-order__input:focus:-ms-input-placeholder {
opacity: 0;
visibility: hidden;
}
.cart-order__input:focus::-ms-input-placeholder {
opacity: 0;
visibility: hidden;
}
.cart-order__input:focus::placeholder {
opacity: 0;
visibility: hidden;
}
.cart-order__input._required {
padding: 0 35px 0 15px;
}
.cart-order__input._error {
-webkit-box-shadow: 0 0 0 2px red;
box-shadow: 0 0 0 2px red;
}
.cart-order__select {
cursor: pointer;
}
.cart-order__select > option {
color: #000000;
line-height: 2em;
font-size: 20px;
}
.cart-order__select > option:disabled {
color: #505050;
background-color: #808080;
}
.cart-order__select > option:checked {
background-color: #ff6b00;
}
textarea.cart-order__input {
resize: vertical;
padding: 15px;
height: 130px;
}
textarea.cart-order__input._required {
padding: 15px 35px 15px 15px;
}
.cart-order__form-checkbox {
margin: 0 0 10px 0;
}
.cart-order__item-bottom {
margin: 0 0 30px 0;
font-size: 11px;
line-height: 1.3;
}
.cart-order__first-form-btn.button-red,
.cart-order__btn-next.button-red.button-red,
.cart-order__main-form-btn.button-red,
.tinkoffPayRow.button-red {
padding: 0 40px;
height: 48px;
}
@media (max-width: 1360px) {
.cart-additional__slider {
margin: 0 auto 20px;
width: 95%;
}
}
@media (max-width: 1200px) {
.cart-content {
margin: 0 20px 0 0;
}
.cart-product {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cart-product__img {
margin: 0;
width: 25%;
}
.cart-product__text {
margin: 0;
-webkit-box-flex: 0;
-ms-flex: 0 1 72%;
flex: 0 1 72%;
width: 72%;
}
.cart-product__info {
margin: 20px 0 0;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart-product__info-item {
min-width: 25%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cart-product__info-item:not(:last-child) {
margin: 0 60px 0 0;
}
.cart-product__info-item > span {
min-width: unset;
}
.cart-additional__product-info-bottom {
display: block;
text-align: center;
}
.cart-additional__product-price {
margin: 0 0 16px;
padding: 0;
text-align: center;
}
.cart-additional__product-btn {
width: 200px;
}
}
@media (max-width: 991.98px) {
.cart {
padding: 0 0 45px;
}
.cart-title {
margin: 0 0 40px 0;
font-size: 50px;
}
.cart-title img {
width: 48px;
height: 48px;
}
.cart-inner {
display: block;
}
.cart-content {
margin: 0 0 30px;
}
.cart-product:not(:last-child) {
margin: 0 0 20px 0;
}
.cart-sidebar {
width: 65%;
margin: 0 auto;
}
.cart-additional {
padding: 45px 0;
}
.cart-order {
padding: 45px 0 90px;
}
}
@media (max-width: 767.98px) {
.cart-sidebar {
width: 80%;
}
.cart-additional__product-info-item {
margin-bottom: 12px;
}
}
@media (max-width: 640px) {
.cart-additional__slider .slick-arrow.slick-prev {
left: -20px;
}
.cart-additional__slider .slick-arrow.slick-next {
right: -20px;
}
}
@media (max-width: 576px) {
.radio-txt,
.check-txt {
font-size: 16px;
}
.quantity-counter {
width: 110px;
}
input.quantity-counter__input {
width: 50px;
font-size: 18px;
}
.cart {
padding: 0 0 35px;
}
.cart-title {
margin: 0 0 25px 0;
font-size: 42px;
}
.cart-title img {
width: 36px;
height: 36px;
}
.cart-product {
padding: 24px 20px;
display: block;
}
.cart-product__img {
margin: 0 0 20px;
width: 50%;
}
.cart-product__text {
width: 100%;
}
.cart-product__title {
margin: 0 0 15px 0;
font-size: 20px;
}
.cart-product__options {
margin: 0 0 15px 0;
}
.cart-product__info-item:not(:last-child) {
margin: 0 20px 0 0;
}
.cart-product__info-item-title {
margin: 0 0 5px 0;
font-size: 14px;
}
.cart-product__info-item > span {
font-size: 12px;
}
.cart-product__info-item > span:first-child {
display: none;
}
.cart-product__counter {
margin: 0 5px 0 0;
}
.cart-product__price {
margin: 0 5px 0 0;
width: 110px;
font-size: 18px;
}
.cart-sidebar {
width: 100%;
}
.cart-additional {
padding: 35px 0;
}
.cart-order {
padding: 45px 0 75px;
}
.cart-order__item-title {
padding: 10px 14px;
margin: 0 0 20px 0;
font-size: 18px;
}
.cart-order__item-title img {
margin: 0 12px 0 0;
width: 34px;
height: 34px;
}
.cart-order__form-radio {
margin: 10px 50px 5px 0;
}
.cart-order__input {
height: 46px;
}
}
@media (max-width: 350px) {
.cart-product__img {
margin: 0 0 15px;
width: 65%;
}
.cart-product__info {
display: block;
}
.cart-product__info-item {
min-width: unset;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.cart-product__info-item:not(:last-child) {
margin: 0 0 15px 0;
}
}
.section-team {
padding: 60px 0 80px;
}
.section-team__body {
padding-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px 30px;
}
.section-team__item {
width: calc(20% - 24px);
text-align: center;
}
.section-team__item-photo {
margin-bottom: 16px;
padding-bottom: 100%;
position: relative;
width: 100%;
height: 0;
background-color: #f0f6fa;
border-radius: 16px;
}
.section-team__item-photo img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
}
.section-team__name {
margin-bottom: 10px;
font-family: 'RobotoBold', sans-serif;
font-size: 20px;
line-height: 1.2;
}
.section-team__info {
font-size: 16px;
line-height: 1.1;
}
@media screen and (max-width: 1200px) {
.section-team__item {
width: calc(33.3333% - 24px);
}
}
@media screen and (max-width: 767.98px) {
.section-team {
padding: 60px 0;
}
.section-team__body {
gap: 40px 20px;
}
.section-team__item {
width: calc(50% - 27px);
}
}
@media screen and (max-width: 485px) {
.section-team__item {
width: 100%;
}
}
.articles {
padding: 100px 0;
}
.articles.articles--page {
padding-top: 32px;
}
.articles-body {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 32px 1fr 32px 1fr;
grid-template-columns: repeat(3, 1fr);
gap: 44px 32px;
}
.articles-slider.owl-carousel {
margin: 0 auto;
padding-top: 20px;
position: relative;
z-index: 1;
}
.articles-slider.owl-carousel > .owl-nav {
position: absolute;
top: 30%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% + 80px);
z-index: 2;
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.articles-slider.owl-carousel > .owl-nav.disabled {
display: none;
}
.articles-slider.owl-carousel > .owl-nav > .owl-prev,
.articles-slider.owl-carousel > .owl-nav > .owl-next {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 50px;
height: 50px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgb(251, 84, 73)),
to(rgb(225, 61, 49))
);
background: -o-linear-gradient(top, rgb(251, 84, 73) 0%, rgb(225, 61, 49) 100%);
background: linear-gradient(to bottom, rgb(251, 84, 73) 0%, rgb(225, 61, 49) 100%);
border: none;
outline: none;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 0px 10px rgb(255, 255, 255);
box-shadow: 0px 0px 0px 10px rgb(255, 255, 255);
cursor: pointer;
pointer-events: all;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
@media (pointer: fine) {
.articles-slider.owl-carousel > .owl-nav > .owl-prev:hover,
.articles-slider.owl-carousel > .owl-nav > .owl-next:hover {
opacity: 0.9;
}
}
.articles-slider.owl-carousel > .owl-nav > .owl-prev {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.articles-slider.owl-carousel > .owl-nav > .owl-prev.disabled,
.articles-slider.owl-carousel > .owl-nav > .owl-next.disabled {
opacity: 0.5;
}
.articles-slider.owl-carousel > .owl-nav > .owl-prev svg,
.articles-slider.owl-carousel > .owl-nav > .owl-next svg {
fill: #ffffff;
}
.articles-slider.owl-carousel > .owl-dots {
margin: 30px auto 0;
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 14px;
}
.articles-slider.owl-carousel > .owl-dots.disabled {
display: none;
}
.articles-slider.owl-carousel > .owl-dots > .owl-dot {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 12px;
height: 12px;
background: #f44336;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 3px transparent;
box-shadow: 0 0 0 3px transparent;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.articles-slider.owl-carousel > .owl-dots > .owl-dot.active {
background: transparent;
-webkit-box-shadow: 0 0 0 3px #f44336;
box-shadow: 0 0 0 3px #f44336;
}
.articles-slider.owl-carousel > .owl-dots > .owl-dot > span {
display: none !important;
}
.articles-item {
-ms-grid-column-span: 1;
grid-column: 1 span;
text-align: center;
}
.articles-item__image {
margin-bottom: 12px;
padding-bottom: 66%;
display: block;
position: relative;
width: 100%;
height: 0;
background-color: #f7f7f7;
border-radius: 20px;
overflow: hidden;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
@media (pointer: fine) {
.articles-item__image:hover {
opacity: 0.85;
}
}
.articles-item__image img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
}
.articles-item__title {
color: #000000;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
@media (pointer: fine) {
a.articles-item__title:hover {
color: #f44336;
}
}
.articles-bottom {
margin-top: 52px;
text-align: center;
}
.articles-link {
}
@media screen and (max-width: 1470px) {
.articles-body {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 1100px) {
.articles-slider.owl-carousel > .owl-nav {
width: calc(100% + 60px);
}
.articles-slider.owl-carousel > .owl-nav > .owl-prev,
.articles-slider.owl-carousel > .owl-nav > .owl-next {
width: 40px;
height: 40px;
-webkit-box-shadow: 0px 0px 0px 8px rgb(255, 255, 255);
box-shadow: 0px 0px 0px 8px rgb(255, 255, 255);
}
}
@media screen and (max-width: 992px) {
.articles-body {
gap: 36px 20px;
}
.articles-slider.owl-carousel {
width: calc(100% - 40px);
}
.articles-item__title {
font-size: 18px;
}
}
.article-section {
padding-bottom: 100px;
}
@media screen and (max-width: 767.98px) {
.articles-item__title {
font-size: 16px;
}
}
@media screen and (max-width: 640px) {
.articles-body {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 480px) {
.articles {
padding: 60px 0;
}
.article-section {
padding-bottom: 60px;
}
}
.product-with {
padding: 46px 0;
}
.product-with__slider.owl-carousel {
margin: 0 auto;
padding-top: 40px;
position: relative;
z-index: 1;
}
.product-with__slider .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.product-with__slider .owl-item {
height: auto;
}
.product-with__slider.owl-carousel > .owl-nav {
position: absolute;
top: 30%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% + 80px);
z-index: 2;
pointer-events: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.product-with__slider.owl-carousel > .owl-nav.disabled {
display: none;
}
.product-with__slider.owl-carousel > .owl-nav > .owl-prev,
.product-with__slider.owl-carousel > .owl-nav > .owl-next {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 50px;
height: 50px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgb(251, 84, 73)),
to(rgb(225, 61, 49))
);
background: -o-linear-gradient(top, rgb(251, 84, 73) 0%, rgb(225, 61, 49) 100%);
background: linear-gradient(to bottom, rgb(251, 84, 73) 0%, rgb(225, 61, 49) 100%);
border: none;
outline: none;
border-radius: 50%;
-webkit-box-shadow: 0px 0px 0px 10px rgb(255, 255, 255);
box-shadow: 0px 0px 0px 10px rgb(255, 255, 255);
cursor: pointer;
pointer-events: all;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
@media (pointer: fine) {
.product-with__slider.owl-carousel > .owl-nav > .owl-prev:hover,
.product-with__slider.owl-carousel > .owl-nav > .owl-next:hover {
opacity: 0.9;
}
}
.product-with__slider.owl-carousel > .owl-nav > .owl-prev {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.product-with__slider.owl-carousel > .owl-nav > .owl-prev.disabled,
.product-with__slider.owl-carousel > .owl-nav > .owl-next.disabled {
opacity: 0.5;
}
.product-with__slider.owl-carousel > .owl-nav > .owl-prev svg,
.product-with__slider.owl-carousel > .owl-nav > .owl-next svg {
fill: #ffffff;
}
.product-with__slider.owl-carousel > .owl-dots {
margin: 30px auto 0;
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px 14px;
}
.product-with__slider.owl-carousel > .owl-dots.disabled {
display: none;
}
.product-with__slider.owl-carousel > .owl-dots > .owl-dot {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 12px;
height: 12px;
background: #f44336;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 3px transparent;
box-shadow: 0 0 0 3px transparent;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.product-with__slider.owl-carousel > .owl-dots > .owl-dot.active {
background: transparent;
-webkit-box-shadow: 0 0 0 3px #f44336;
box-shadow: 0 0 0 3px #f44336;
}
.product-with__slider.owl-carousel > .owl-dots > .owl-dot > span {
display: none !important;
}
@media screen and (max-width: 1100px) {
.product-with__slider.owl-carousel > .owl-nav {
width: calc(100% + 60px);
}
.product-with__slider.owl-carousel > .owl-nav > .owl-prev,
.product-with__slider.owl-carousel > .owl-nav > .owl-next {
width: 40px;
height: 40px;
-webkit-box-shadow: 0px 0px 0px 8px rgb(255, 255, 255);
box-shadow: 0px 0px 0px 8px rgb(255, 255, 255);
}
}
@media screen and (max-width: 992px) {
.product-with__slider.owl-carousel {
width: calc(100% - 40px);
max-width: 840px;
}
}
@media screen and (max-width: 640px) {
.product-with {
padding: 46px 0 68px;
}
.product-with__slider.owl-carousel {
padding: 0;
width: 100%;
max-width: 400px;
}
.product-with__slider.owl-carousel > .owl-nav {
display: none;
}
}
@media screen and (max-width: 567px) {
.touch-menu {
margin-left: 15px;
}
}
.search-form {
margin-bottom: 56px;
position: relative;
}
.search-form__input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 54px 0 24px;
width: 100%;
height: 56px;
color: #607d8b;
font-size: 16px;
border: none;
border: 1px solid transparent !important;
background: #fff;
border-radius: 5px;
-webkit-box-shadow: 0px 10px 32px 0px rgba(67, 67, 67, 0.1);
box-shadow: 0px 10px 32px 0px rgba(67, 67, 67, 0.1);
}
.search-form__input::-webkit-input-placeholder {
-webkit-transition:
opacity 0.1s ease,
visibility 0.1s ease;
transition:
opacity 0.1s ease,
visibility 0.1s ease;
}
.search-form__input::-moz-placeholder {
-moz-transition:
opacity 0.1s ease,
visibility 0.1s ease;
transition:
opacity 0.1s ease,
visibility 0.1s ease;
}
.search-form__input:-ms-input-placeholder {
-ms-transition:
opacity 0.1s ease,
visibility 0.1s ease;
transition:
opacity 0.1s ease,
visibility 0.1s ease;
}
.search-form__input::-ms-input-placeholder {
-ms-transition:
opacity 0.1s ease,
visibility 0.1s ease;
transition:
opacity 0.1s ease,
visibility 0.1s ease;
}
.search-form__input::placeholder {
-webkit-transition:
opacity 0.1s ease,
visibility 0.1s ease;
-o-transition:
opacity 0.1s ease,
visibility 0.1s ease;
transition:
opacity 0.1s ease,
visibility 0.1s ease;
}
.search-form__input:focus::-webkit-input-placeholder {
opacity: 0;
visibility: hidden;
}
.search-form__input:focus::-moz-placeholder {
opacity: 0;
visibility: hidden;
}
.search-form__input:focus:-ms-input-placeholder {
opacity: 0;
visibility: hidden;
}
.search-form__input:focus::-ms-input-placeholder {
opacity: 0;
visibility: hidden;
}
.search-form__input:focus::placeholder {
opacity: 0;
visibility: hidden;
}
.search-form__submit {
position: absolute;
top: 50%;
right: 8px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
z-index: 1;
outline: none;
border: none;
background: transparent;
}
.search-form__submit svg {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 60%;
height: 60%;
-o-object-fit: contain;
object-fit: contain;
}
.search-page {
padding-bottom: 80px;
}
.search-page__title {
margin-bottom: 28px;
font-family: 'Oswald';
font-size: 24px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
.search-page__title > span {
color: #f44336;
}
.search-page__text {
font-size: 18px;
line-height: 1.5;
}
.ty-socials {
padding: 28px 0 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
list-style: none;
}
.ty-socials > li {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.ty-socials > li > a {
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.ty-socials > li > a._border {
border: 1px solid #f0f5f9;
}
@media (pointer: fine) {
.ty-socials > li > a:hover {
opacity: 0.8;
}
}
.ty-socials > li > a img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
@media screen and (max-width: 1199px) {
.ty-socials > li > a {
width: 52px;
height: 52px;
}
}
.giftset {
padding: 100px 0;
position: relative;
}
.giftset > .container {
position: relative;
z-index: 2;
}
.giftset-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.5;
}
.giftset-bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.giftset-title {
margin-bottom: 52px;
font-family: 'RobotoBold', sans-serif;
font-size: 54px;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
}
.giftset-title > span {
color: #ed742e;
}
.giftset-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.giftset-img {
margin-right: 40px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 50%;
}
.giftset-img .img {
padding-bottom: 82%;
position: relative;
width: 100%;
height: 0;
}
.giftset-img .img img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
opacity: 0;
visibility: hidden;
}
.giftset-img .img img._show {
-webkit-animation: fadeIn_giftset 1s ease 0s forwards;
animation: fadeIn_giftset 1s ease 0s forwards;
}
.giftset-img .img img._hide_giftset {
-webkit-animation: fadeOut_giftset 1s ease 0s forwards;
animation: fadeOut_giftset 1s ease 0s forwards;
}
@-webkit-keyframes fadeIn_giftset {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@keyframes fadeIn_giftset {
0% {
opacity: 0;
visibility: hidden;
}
100% {
opacity: 1;
visibility: visible;
}
}
@-webkit-keyframes fadeOut_giftset {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
@keyframes fadeOut_giftset {
0% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}
.giftset-content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.giftset-content__title {
margin-bottom: 8px;
font-size: 40px;
line-height: 1.2;
font-family: 'RobotoBold', sans-serif;
}
.giftset-content__subtitle {
margin-bottom: 40px;
color: #ed742e;
font-size: 44px;
font-family: 'RobotoBold', sans-serif;
line-height: 1.2;
text-transform: uppercase;
}
.giftset-content__text {
margin-bottom: 48px;
padding: 20px 0;
color: #ed742e;
font-size: 28px;
line-height: 1.2;
border-top: 1px solid #ed742e;
border-bottom: 1px solid #ed742e;
}
.giftset-content__bottom-title {
margin-bottom: 20px;
font-family: 'RobotoBold', sans-serif;
font-size: 22px;
text-align: center;
}
.giftset-content__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.giftset-content__btn {
padding: 8px 16px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 244px;
height: 52px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
position: relative;
font-size: 20px;
cursor: pointer;
background-color: #ffc200;
border: none;
border-radius: 20px;
-webkit-box-shadow:
0 15px 25px rgba(255, 125, 11, 0.4),
0 4px 0 #f7720f,
inset 0 -1px 0 rgba(255, 255, 255, 0.1);
box-shadow:
0 15px 25px rgba(255, 125, 11, 0.4),
0 4px 0 #f7720f,
inset 0 -1px 0 rgba(255, 255, 255, 0.1);
outline: none;
-webkit-transition:
-webkit-transform 0.2s ease,
-webkit-box-shadow 0.2s ease;
transition:
-webkit-transform 0.2s ease,
-webkit-box-shadow 0.2s ease;
-o-transition:
transform 0.2s ease,
box-shadow 0.2s ease;
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
-webkit-transform 0.2s ease,
-webkit-box-shadow 0.2s ease;
}
@media (pointer: fine) {
.giftset-content__btn:hover::after {
opacity: 0;
visibility: hidden;
}
}
.giftset-content__btn::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: -o-linear-gradient(216deg, #ff6b00 2.5%, #ffc200 85%);
background: linear-gradient(234deg, #ff6b00 2.5%, #ffc200 85%);
border-radius: inherit;
pointer-events: none;
-webkit-transition:
opacity 0.2s ease,
visibility 0.2s ease;
-o-transition:
opacity 0.2s ease,
visibility 0.2s ease;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
}
.giftset-content__btn > span {
position: relative;
z-index: 2;
color: #9b0c00;
font-family: RobotoBold, sans-serif;
line-height: 1;
border-radius: inherit;
}
@media screen and (max-width: 1470px) {
.giftset-title {
font-size: 44px;
}
.giftset-img {
margin-right: 20px;
width: 54%;
}
.giftset-content__title {
font-size: 32px;
}
.giftset-content__subtitle {
font-size: 36px;
}
.giftset-content__text {
font-size: 22px;
}
.giftset-content__bottom-title {
font-size: 20px;
}
.giftset-content__btn {
width: 180px;
}
}
@media screen and (max-width: 992px) {
.giftset {
padding: 80px 0;
}
.giftset-body {
display: block;
}
.giftset-title {
margin-bottom: 28px;
}
.giftset-img {
margin: 0 auto 36px;
width: 100%;
max-width: 520px;
}
.giftset-content__text {
margin: 0 auto 36px;
max-width: 520px;
}
}
@media screen and (max-width: 767.98px) {
.giftset {
padding: 60px 0;
}
.giftset-title {
font-size: 36px;
}
.giftset-content__title {
font-size: 28px;
}
.giftset-content__subtitle {
margin-bottom: 32px;
font-size: 32px;
}
.giftset-content__text {
font-size: 20px;
}
}
@media screen and (max-width: 575.98px) {
.giftset-title {
font-size: 28px;
}
.giftset-img {
margin: 0 auto 28px;
}
.giftset-content__title {
font-size: 24px;
}
.giftset-content__subtitle {
font-size: 24px;
}
.giftset-content__text {
font-size: 18px;
line-height: 1.3;
}
.giftset-content__bottom-title {
font-size: 18px;
}
.giftset-content__btns {
gap: 20px 12px;
}
.giftset-content__btn {
padding: 8px;
width: 152px;
font-size: 18px;
}
}
.sibkitchens {
padding: 92px 0 72px;
position: relative;
color: #ffffff;
overflow: hidden;
}
.sibkitchens > .container {
position: relative;
z-index: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.sibkitchens-bg__left,
.sibkitchens-bg__right {
position: absolute;
top: 0;
z-index: 2;
}
.sibkitchens-bg__left img,
.sibkitchens-bg__right img {
position: absolute;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.sibkitchens-bg__left {
left: -30px;
width: 360px;
height: 360px;
}
.sibkitchens-bg__left img {
left: 0;
-o-object-position: left top;
object-position: left top;
}
.sibkitchens-bg__right {
right: -8px;
width: 360px;
height: 384px;
}
.sibkitchens-bg__right img {
right: 0;
-o-object-position: right top;
object-position: right top;
}
.sibkitchens-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.sibkitchens-bg::before,
.sibkitchens-bg::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.sibkitchens-bg::before {
background-color: rgba(27, 32, 38, 0.9);
}
.sibkitchens-bg::after {
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgb(9, 11, 14)),
color-stop(rgba(9, 11, 14, 0.2)),
to(rgb(9, 11, 14))
);
background: -o-linear-gradient(top, rgb(9, 11, 14), rgba(9, 11, 14, 0.2), rgb(9, 11, 14));
background: linear-gradient(to bottom, rgb(9, 11, 14), rgba(9, 11, 14, 0.2), rgb(9, 11, 14));
}
.sibkitchens-bg img {
position: absolute;
bottom: 0;
left: 0;
width: auto;
height: 80%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left bottom;
object-position: left bottom;
z-index: 1;
}
.sibkitchens-content {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 44px;
}
.sibkitchens-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.sibkitchens-logo {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 156px;
}
.sibkitchens-logo img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.sibkitchens-title {
font-family: 'RobotoMedium', sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 1;
}
.sibkitchens-title:not(:last-child) {
margin-bottom: 12px;
}
.sibkitchens-title > span {
color: #d9a55a;
}
.sibkitchens-subtitle {
font-size: 26px;
line-height: 1;
}
.sibkitchens-slogan {
font-family: 'RobotoMedium', sans-serif;
color: #d9a55a;
font-size: 24px;
line-height: 1;
}
.sibkitchens-text {
max-width: 580px;
font-size: 15px;
line-height: 1.6;
}
.sibkitchens-list {
margin: 0;
max-width: 580px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.sibkitchens-list > li {
-ms-grid-column-span: 1;
grid-column: 1 span;
position: relative;
padding-left: 30px;
font-size: 15px;
line-height: 1.4;
}
.sibkitchens-list > li::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/img/sibkitchens/check.svg) center/85% no-repeat;
}
.sibkitchens-list > li > span {
color: #d9a55a;
}
.sibkitchens-btn.btn-gradient {
margin-top: 0;
width: 325px;
}
.sibkitchens-btn.btn-gradient > .btn-gradient-wrap {
color: #9b0c00;
font-size: 20px !important;
}
.sibkitchens-img__wrapper {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40%;
}
.sibkitchens-img {
padding-bottom: 100%;
position: relative;
width: 100%;
height: 0;
}
.sibkitchens-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-transform: scale(1.75);
-ms-transform: scale(1.75);
transform: scale(1.75);
-webkit-transform-origin: 54% center;
-ms-transform-origin: 54% center;
transform-origin: 54% center;
}
.sibkitchens-info__list {
margin: 0;
padding: 20px 28px;
position: absolute;
bottom: -8%;
right: -6%;
z-index: 2;
background-color: #1b2026;
border: 2px solid #8d8f92;
border-radius: 10px;
}
.sibkitchens-info__list::before {
content: '';
display: block;
position: absolute;
top: -7px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
width: 16px;
height: 16px;
background-color: #1b2026;
z-index: 1;
-webkit-box-shadow: -2px -2px 0 0 #8d8f92;
box-shadow: -2px -2px 0 0 #8d8f92;
}
.sibkitchens-info__list > li {
font-size: 24px;
line-height: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.sibkitchens-info__list > li::after {
content: '';
margin-left: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 32px;
height: 32px;
}
.sibkitchens-info__list > li:not(:last-child) {
margin-bottom: 10px;
}
.sibkitchens-info__list > li:nth-child(1)::after {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/img/sibkitchens/fire.svg) center/contain no-repeat;
}
.sibkitchens-info__list > li:nth-child(2)::after {
background: url(//xn----7sbcbub7a0avgv9byg.xn--p1ai/wp-content/themes/pech_2/img/sibkitchens/lightning.svg) center/contain no-repeat;
}
@media screen and (max-width: 1600px) {
.sibkitchens-bg__left {
width: 260px;
height: 260px;
}
.sibkitchens-bg__right {
width: 260px;
height: 280px;
}
}
@media screen and (max-width: 1470px) {
.sibkitchens-info__list {
padding: 20px;
}
.sibkitchens-info__list > li {
font-size: 20px;
}
.sibkitchens-info__list > li::after {
width: 28px;
height: 28px;
}
}
@media screen and (max-width: 1200px) {
.sibkitchens-bg__left {
display: none;
}
}
@media screen and (max-width: 992px) {
.sibkitchens > .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 40px;
}
.sibkitchens-content {
display: contents;
}
.sibkitchens-top {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.sibkitchens-slogan {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.sibkitchens-text {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
max-width: unset;
}
.sibkitchens-list {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
max-width: unset;
}
.sibkitchens-btn.btn-gradient {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
margin: 0 auto;
}
.sibkitchens-img__wrapper {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
margin: 0 auto;
width: 88%;
max-width: 560px;
}
.sibkitchens-img img {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transform-origin: 57% center;
-ms-transform-origin: 57% center;
transform-origin: 57% center;
}
.sibkitchens-info__list {
bottom: 0;
right: 0;
}
}
@media screen and (max-width: 767.98px) {
.sibkitchens-top {
flex-direction: column;
align-items: flex-start;
gap: 28px;
}
.sibkitchens-title:not(:last-child) {
margin-bottom: 28px;
}
.sibkitchens-info__list {
padding: 16px 20px;
}
.sibkitchens-info__list > li {
font-size: 18px;
}
.sibkitchens-info__list > li:not(:last-child) {
margin-bottom: 8px;
}
.sibkitchens-info__list > li::after {
width: 24px;
height: 24px;
}
}
@media screen and (max-width: 575.98px) {
.sibkitchens {
padding: 56px 0 56px;
}
.sibkitchens > .container {
gap: 24px;
}
.sibkitchens-bg__right {
width: 172px;
height: 185px;
}
.sibkitchens-top {
gap: 20px;
}
.sibkitchens-title {
font-size: 27px;
line-height: 1.2;
}
.sibkitchens-title:not(:last-child) {
margin-bottom: 20px;
}
.sibkitchens-subtitle {
font-size: 20px;
line-height: 1.2;
}
.sibkitchens-slogan {
font-size: 20px;
line-height: 1.2;
}
.sibkitchens-text {
font-size: 14px;
line-height: 1.7;
}
.sibkitchens-list {
grid-template-columns: 1fr;
}
.sibkitchens-info__list {
padding: 12px 16px;
bottom: -2%;
right: -7%;
}
.sibkitchens-info__list > li {
font-size: 15px;
}
.sibkitchens-info__list > li::after {
width: 20px;
height: 20px;
}
.sibkitchens-btn.btn-gradient {
width: 100%;
}
} .imperator {
padding: 60px 0;
position: relative;
z-index: 2;
background-color: #11120c;
overflow: hidden;
}
.imperator-body {
margin-bottom: 40px;
position: relative;
}
.imperator-content {
position: relative;
z-index: 2;
}
.imperator-content__top {
margin-bottom: 280px;
width: 60%;
}
.imperator-pretitle {
margin-bottom: 20px;
padding: 8px 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
width: auto;
color: #fbfbfb;
font-family: 'RobotoMedium', sans-serif;
font-size: 22px;
text-transform: uppercase;
background-color: rgba(239, 118, 11, 0.75);
border-radius: 6px;
}
.imperator-pretitle > img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 34px;
height: 34px;
-o-object-fit: contain;
object-fit: contain;
}
.imperator-title {
margin-bottom: 4px;
color: #fbfbfb;
font-family: 'RobotoBold', sans-serif;
font-size: 68px;
line-height: 1.1;
text-transform: uppercase;
}
.imperator-title > span {
background: -webkit-gradient(linear, left top, left bottom, from(#ff7104), to(#ffa50c));
background: -o-linear-gradient(#ff7104, #ffa50c);
background: linear-gradient(#ff7104, #ffa50c);
background: -webkit-linear-gradient(#ff7104, #ffa50c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff6b00;
}
.imperator-subtitle {
margin-bottom: 28px;
color: #fbfbfb;
font-family: 'RobotoMedium', sans-serif;
font-size: 22px;
line-height: 1.1;
text-transform: uppercase;
opacity: 0.75;
}
.imperator-price__wrapper {
padding: 20px 16px 12px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
border: 1px solid rgba(239, 118, 11, 0.5);
border-radius: 10px;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.imperator-price__title {
margin-bottom: 8px;
color: #fbfbfb;
font-family: 'RobotoMedium', sans-serif;
font-size: 20px;
text-transform: uppercase;
}
.imperator-price {
font-family: 'RobotoBold', sans-serif;
font-size: 76px;
line-height: 1;
text-transform: uppercase;
}
.imperator-price > span:nth-child(1) {
background: -webkit-gradient(linear, left top, left bottom, from(#ff7104), to(#ffa50c));
background: -o-linear-gradient(#ff7104, #ffa50c);
background: linear-gradient(#ff7104, #ffa50c);
background: -webkit-linear-gradient(#ff7104, #ffa50c);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ff6b00;
}
.imperator-price > span:nth-child(2) {
color: #fbfbfb;
font-size: 44px;
}
.imperator-benefits {
width: 45%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
grid-template-columns: repeat(4, 1fr);
gap: 8px;
}
.imperator-benefit {
-ms-grid-column-span: 1;
grid-column: 1 span;
padding: 10px;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 10px;
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
.imperator-benefit__icon {
margin: 0 auto 8px;
display: block;
position: relative;
width: 48px;
height: 48px;
}
.imperator-benefit__icon > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.imperator-benefit__body {
color: #fbfbfb;
}
.imperator-benefit__title {
font-family: 'RobotoMedium', sans-serif;
font-size: 12px;
line-height: 1.5;
text-align: center;
}
.imperator-benefit__text {
display: none;
}
.imperator-bottom {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
}
.imperator-btn {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
gap: 16px;
width: 100%;
max-width: 440px;
height: 64px;
}
.imperator-btn.btn-gradient {
margin: 0;
}
.imperator-btn > .btn-text {
position: relative;
z-index: 3;
color: #ffffff;
font-family: 'RobotoBold', sans-serif;
font-size: 22px;
line-height: 1;
text-transform: uppercase;
}
.imperator-btn img {
position: relative;
z-index: 3;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 36px;
height: 36px;
-o-object-fit: contain;
object-fit: contain;
}
.imperator-btn__info {
display: none;
}
.imperator-warranty {
-ms-flex-negative: 0;
flex-shrink: 0;
padding: 8px 20px;
position: relative;
display: -ms-grid;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: 1fr 1fr;
gap: 30px;
width: 100%;
max-width: 508px;
min-height: 64px;
color: #fbfbfb;
background-color: #191919;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 10px;
}
.imperator-warranty::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1px;
height: calc(100% - 20px);
background-color: rgba(255, 255, 255, 0.15);
}
.imperator-warranty__title {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
font-family: 'RobotoBold', sans-serif;
font-size: 20px;
line-height: 1.1;
text-transform: uppercase;
}
.imperator-warranty__title > img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 40px;
height: 40px;
-o-object-fit: contain;
object-fit: contain;
}
.imperator-warranty__text {
font-size: 14px;
line-height: 1.3;
}
.imperator-img__wrapper {
position: absolute;
top: 0;
right: 0;
-webkit-transform: translate(13%, 5%);
-ms-transform: translate(13%, 5%);
transform: translate(13%, 5%);
width: 68%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.imperator-img {
padding-bottom: 90%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 0;
z-index: 1;
}
.imperator-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.imperator-img__line {
display: block;
position: absolute;
z-index: 1;
border-bottom: 1px dashed #fbfbfb;
}
.imperator-img__line::after {
content: '';
display: block;
position: absolute;
top: -4px;
right: -4px;
width: 8px;
height: 8px;
background-color: #fbfbfb;
border-radius: 50%;
}
.imperator-img__line.imperator-img__line--1 {
width: 23%;
top: 55%;
left: 0;
-webkit-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
transform: rotate(-9deg);
}
.imperator-img__line.imperator-img__line--2 {
width: 20%;
top: 20%;
right: 21%;
-webkit-transform: rotate(134deg);
-ms-transform: rotate(134deg);
transform: rotate(134deg);
}
.imperator-img__line.imperator-img__line--3 {
width: 23%;
bottom: 38%;
right: 3%;
-webkit-transform: rotate(-107deg);
-ms-transform: rotate(-107deg);
transform: rotate(-107deg);
}
.imperator-img__item {
padding: 16px;
position: absolute;
z-index: 2;
width: 180px;
color: #0f0c03;
background-color: #fbfbfb;
border-radius: 10px;
}
.imperator-img__item:nth-child(1) {
top: 45%;
left: -21%;
}
.imperator-img__item:nth-child(2) {
top: 3%;
right: 4%;
}
.imperator-img__item:nth-child(3) {
bottom: 13%;
right: 2%;
}
.imperator-img__item-num {
padding: 5px 10px;
position: absolute;
top: 0;
right: calc(100% - 16px);
color: #ffffff;
font-family: 'RobotoBold', sans-serif;
font-size: 24px;
line-height: 1;
text-transform: uppercase;
background: -o-linear-gradient(120deg, #ef760b, #ff9a0a);
background: linear-gradient(-30deg, #ef760b, #ff9a0a);
border-radius: 4px;
}
.imperator-img__item-title {
margin-bottom: 10px;
padding-left: 10px;
font-family: 'RobotoBold', sans-serif;
font-size: 16px;
line-height: 1.1;
text-transform: uppercase;
}
.imperator-img__item-text {
font-size: 14px;
line-height: 1.4;
}
.imperator-img__item-text:not(:last-child) {
margin-bottom: 10px;
}
.imperator-img__item-text span {
color: #ff6b00;
font-family: 'RobotoMedium', sans-serif;
}
.imperator-img__item-text p {
margin-bottom: 6px;
}
.imperator-img__item-text p:last-child {
margin-bottom: 0;
}
.imperator-img__item-price {
color: #ff6b00;
font-family: 'RobotoBold', sans-serif;
font-size: 22px;
}
.imperator-img__item-price > span {
white-space: nowrap;
}
@media screen and (max-width: 1470px) {
.imperator-pretitle {
font-size: 18px;
}
.imperator-pretitle > img {
width: 30px;
height: 30px;
}
.imperator-title {
font-size: 56px;
}
.imperator-subtitle {
font-size: 18px;
}
.imperator-price__title {
font-size: 18px;
}
.imperator-price {
font-size: 64px;
}
.imperator-price > span:nth-child(2) {
font-size: 36px;
}
.imperator-benefits {
width: 58%;
}
.imperator-btn {
max-width: 340px;
}
.imperator-btn > .btn-text {
font-size: 20px;
}
.imperator-warranty__title {
font-size: 18px;
}
.imperator-warranty {
max-width: 476px;
}
.imperator-img__item:nth-child(1) {
top: 41%;
}
.imperator-img__item:nth-child(2) {
top: -2%;
right: 5%;
}
.imperator-img__item:nth-child(3) {
bottom: 3%;
right: 5%;
}
}
@media screen and (max-width: 1100px) {
.imperator-img__wrapper {
-webkit-transform: translate(3%, 5%);
-ms-transform: translate(3%, 5%);
transform: translate(3%, 5%);
width: 66%;
}
}
@media screen and (max-width: 992px) {
.imperator-content__top {
width: 75%;
}
.imperator-benefits {
width: 64%;
}
}
@media screen and (max-width: 860px) {
.imperator-body {
margin-bottom: 28px
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.imperator-content {
display: contents;
}
.imperator-content__top {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 0;
width: 100%;
}
.imperator-title {
font-size: 8.5vw;
}
.imperator-subtitle {
font-size: 2.8vw;
}
.imperator-benefits {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%;
}
.imperator-img__wrapper {
margin-bottom: 20px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: relative;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
width: 100%;
}
.imperator-img__line.imperator-img__line--1 {
top: 65%;
left: 5%;
-webkit-transform: rotate(-57deg);
-ms-transform: rotate(-57deg);
transform: rotate(-57deg);
}
.imperator-img__line.imperator-img__line--2 {
top: 66%;
right: 38%;
-webkit-transform: rotate(-68deg);
-ms-transform: rotate(-68deg);
transform: rotate(-68deg);
}
.imperator-img__items {
padding: 0 20px;
display: -ms-grid;
display: grid;
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
-ms-grid-columns: 1fr 8% 1fr 8% 1fr;
grid-template-columns: repeat(3, 1fr);
gap: 8%;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.imperator-img__item {
-ms-grid-column-span: 1;
grid-column: 1 span;
}
.imperator-img__item:nth-child(1),
.imperator-img__item:nth-child(2),
.imperator-img__item:nth-child(3) {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: 100%;
}
.imperator-bottom {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 767.98px) {
.imperator-img__wrapper {
margin-bottom: 60px;
}
.imperator-img__items {
padding: 0 12px;
align-items: self-end;
gap: 25px;
bottom: -40px;
}
.imperator-img__line.imperator-img__line--2 {
width: 39%;
top: 76%;
right: 28%;
}
.imperator-img__line.imperator-img__line--3 {
width: 44%;
bottom: 26%;
right: -7%;
-webkit-transform: rotate(-98deg);
-ms-transform: rotate(-98deg);
transform: rotate(-98deg);
}
}
@media screen and (max-width: 640px) {
.imperator-img__wrapper {
margin-bottom: 80px;
}
.imperator-img__items {
bottom: -60px;
gap: 15px;
}
.imperator-img__item {
padding: 12px 10px 10px;
}
.imperator-img__item-num {
padding: 4px 8px;
right: calc(100% - 13px);
font-size: 18px;
}
.imperator-img__item-text {
font-size: 12px;
}
}
@media screen and (max-width: 575.98px) {
.imperator {
padding: 44px 0;
}
.imperator-pretitle {
padding: 6px 12px;
font-size: 14px;
gap: 12px;
}
.imperator-pretitle > img {
width: 26px;
height: 26px;
}
.imperator-title {
font-size: 12vw;
}
.imperator-subtitle {
margin-bottom: 16px;
font-size: 4.8vw;
line-height: 1.4;
}
.imperator-price__title {
font-size: 3.2vw;
}
.imperator-price {
font-size: 11vw;
}
.imperator-price > span:nth-child(2) {
font-size: 6vw;
}
.imperator-benefits {
display: block;
}
.imperator-benefit {
padding: 12px 16px;
display: flex;
align-items: center;
gap: 30px;
border-radius: 0;
}
.imperator-benefit:first-child {
border-radius: 10px 10px 0 0;
}
.imperator-benefit:last-child {
border-radius: 0 0 10px 10px;
}
.imperator-benefit:not(:first-child) {
margin-top: -1px;
}
.imperator-benefit__icon {
margin: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 44px;
height: 44px;
}
.imperator-benefit__body {
position: relative;
}
.imperator-benefit__body::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: -16px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 100%;
background-color: rgba(255, 255, 255, 0.15);
}
.imperator-benefit__title {
font-size: 16px;
line-height: 1.4;
text-align: left;
}
.imperator-benefit__title:not(:last-child) {
margin-bottom: 6px;
}
.imperator-benefit__text {
display: block;
font-size: 14px;
line-height: 1.5;
}
.imperator-img__wrapper {
margin-bottom: 20px;
}
.imperator-img {
padding-bottom: 0;
height: auto;
position: relative;
top: 0;
left: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.imperator-img img {
position: relative;
width: 100%;
height: 84vw;
}
.imperator-img__items {
margin: -50px 0 0;
padding: 0 4px;
position: relative;
bottom: 0;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
align-items: unset;
}
.imperator-img__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #ffffff;
font-family: 'RobotoBold', sans-serif;
font-size: 20px;
border: 2px solid #ffffff;
border-radius: 50%;
}
.imperator-img__line::after {
position: relative;
top: 0;
right: 0;
width: auto;
height: auto;
background-color: transparent;
}
.imperator-img__line.imperator-img__line--1,
.imperator-img__line.imperator-img__line--2,
.imperator-img__line.imperator-img__line--3 {
width: 1.5em;
height: 1.5em;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.imperator-img__line.imperator-img__line--1::after {
content: '1';
}
.imperator-img__line.imperator-img__line--2::after {
content: '2';
}
.imperator-img__line.imperator-img__line--3::after {
content: '3';
}
.imperator-img__line.imperator-img__line--1 {
top: 32%;
left: 15%;
}
.imperator-img__line.imperator-img__line--2 {
top: 30%;
right: 38%;
}
.imperator-img__line.imperator-img__line--3 {
bottom: auto;
top: 29%;
right: 6%;
}
.imperator-img__item:nth-child(1) {
grid-column: 2 span;
}
.imperator-warranty {
display: none;
}
.imperator-btn img {
width: 32px;
height: 32px;
}
.imperator-btn > .btn-text {
font-size: 18px;
}
} .fortune {
padding: 72px 0 40px;
position: relative;
background-color: #EFEEE9;
overflow: hidden;
}
.fortune:has(._selected) .fortune-firework {
opacity: 1;
visibility: visible;
}
.fortune-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.15;
}
.fortune-bg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.fortune-firework {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
inset: 0;
background: transparent;
pointer-events: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.fortune > .container {
position: relative;
z-index: 3;
}
.fortune-title {
margin-bottom: 88px;
color: #1b2026;
font-family: 'RobotoBold', sans-serif;
font-size: 48px;
line-height: 1.3;
text-align: center;
}
.fortune-title > span {
color: #ff6b00;
}
.fortune-wheel {
margin: 0 auto;
--size: min(84vmin, 640px);
position: relative;
width: var(--size);
height: var(--size);
font-size: calc(var(--size) / 22);
}
.fortune-wheel._is-spinning .fortune-wheel__spinner {
transition: transform 8s cubic-bezier(0.1, -0.01, 0, 1);
}
.fortune-wheel._is-spinning .fortune-wheel__btn {
text-shadow: 0 0 15px rgba(255, 255, 255, 0);
}
.fortune-wheel._is-spinning .fortune-wheel__btn::after {
opacity: 1;
}
.fortune-wheel._is-spinning .fortune-wheel__btn::before {
animation: none;
}
.fortune-wheel._is-spinning .fortune-wheel__sector-info {
opacity: 0;
visibility: hidden;
transition:
color 0.2s ease 0s,
border-color 0.2s ease 0s,
opacity 0.2s ease 0s,
visibility 0.2s ease 0s;
}
.fortune-wheel__lights {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: calc(100% + var(--size) / 10);
height: calc(100% + var(--size) / 10);
z-index: 1;
background-color: #1b2026; border-radius: 50%;
box-shadow: 0 0 40px 0px rgba(0, 0, 0, 0.5);
}
.fortune-wheel__lights > span {
--animation-duration: 0.8s;
padding-bottom: 2%;
display: block;
position: absolute;
transform: translate(-50%, -50%);
width: 2%;
height: 0;
background-color: #ffffff;
border-radius: 50%;
overflow: hidden;
animation: lights_blink var(--animation-duration) ease-in-out infinite;
}
.fortune-wheel__lights > span:nth-child(4n-3) {
--color: #ff6a00;
animation-delay: 0s;
}
.fortune-wheel__lights > span:nth-child(4n-2) {
--color: #d0ff00;
animation-delay: 0.2s;
}
.fortune-wheel__lights > span:nth-child(4n-1) {
--color: #b34ee9;
animation-delay: 0.4s;
}
.fortune-wheel__lights > span:nth-child(4n) {
--color: #3ae2ce;
animation-delay: 0.6s;
}
.fortune-wheel__spinner {
margin: 0;
padding: 0;
position: relative;
z-index: 2;
display: grid;
align-items: center;
grid-template-areas: 'spinner';
width: 100%;
height: 100%;
will-change: transform;
transform: rotate(calc(var(--rotate, -18) * 1deg));
background-color: #ffffff;
border-radius: 50%;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);
}
.fortune-wheel__spinner * {
grid-area: spinner;
}
.fortune-wheel__img {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
transform: rotate(18deg);
}
.fortune-wheel__img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: contain;
}
.fortune-wheel__sector {
position: relative;
width: 50%;
height: 50%;
z-index: 2;
transform-origin: center right;
transform: rotate(var(--rotate));
user-select: none;
}
.fortune-wheel__sector:nth-child(even) > .fortune-wheel__sector-info {
left: 6%;
}
.fortune-wheel__sector:nth-child(odd) > .fortune-wheel__sector-info {
left: 28%;
}
.fortune-wheel__sector._selected > .fortune-wheel__sector-info {
color: #ff6b00;
border-color: #ff6b00;
animation: wheel_sector_selected 0.7s linear 0.1s infinite;
}
.fortune-wheel__sector-info {
padding: 0.5em;
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(calc(var(--rotate, -90) * 1deg));
width: 33%;
height: 33%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #1b2026;
font-size: calc(var(--size) / 40);
font-family: RobotoBold, sans-serif;
line-height: 1.2;
background-color: #ffffff;
border: calc(var(--size) / 280) solid #1b2026;
border-radius: 50%;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
overflow: hidden;
opacity: 1;
visibility: visible;
pointer-events: none;
transition:
color 0.7s ease 0.1s,
border-color 0.7s ease 0.1s,
opacity 0.7s ease 0.1s,
visibility 0.7s ease 0.1s;
}
.fortune-wheel__sector-info._small {
font-size: calc(var(--size) / 48);
}
.fortune-wheel__marker {
position: absolute;
top: -6%;
left: calc(50% - var(--size) / 7 * 0.5);
width: calc(var(--size) / 7);
height: calc(var(--size) / 12);
z-index: 4;
background: linear-gradient(#d87400 50%, #ffa800 50% 100%);
clip-path: polygon(20% 0, 100% 50%, 20% 100%, 0% 50%);
transform: rotate(90deg);
}
.fortune-wheel__btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 25%;
height: 25%;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #9b0c00;
font-size: calc(var(--size) / 26);
font-family: RobotoBold, sans-serif;
line-height: 1;
text-transform: uppercase;
text-shadow: 0 0 15px rgba(255, 107, 0, 1);
background: radial-gradient(#ffbc00, #ff7000);
border: none;
outline: none;
box-shadow:
inset 0 0 10px 0px rgba(0, 0, 0, 0.7),
0 0 20px 0px rgba(0, 0, 0, 0.4);
cursor: pointer;
transition:
text-shadow 0.3s ease,
transform 0.3s ease,
box-shadow 0.3s ease;
}
.fortune-wheel__btn:disabled {
pointer-events: none;
cursor: progress;
}
.fortune-wheel__btn:active {
transform: translate(-50%, -50%) scale(0.95);
box-shadow:
inset 0 0 10px 0px rgba(0, 0, 0, 0.7),
0 0 10px 0px rgba(0, 0, 0, 0.7);
}
.fortune-wheel__btn,
.fortune-wheel__btn::after,
.fortune-wheel__btn::before {
border-radius: 50%;
}
.fortune-wheel__btn::after,
.fortune-wheel__btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
}
.fortune-wheel__btn::after {
z-index: 3;
background-color: rgba(0, 0, 0, 0.25);
transition:
opacity 0.3s ease,
visibility 0.3s ease;
}
.fortune-wheel__btn::before {
z-index: 1;
background: radial-gradient(#ffd71b, #ff8b1b);
box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.7);
animation: btn_blick 0.7s ease-in-out 0s infinite alternate;
}
.fortune-wheel__btn > span {
position: relative;
z-index: 2;
}
.fortune-bottom {
margin: 68px auto 0;
max-width: 700px;
text-align: center;
}
.fortune-text {
font-size: 18px;
}
.fortune-info__btn.btn-gradient {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 340px;
}
.fortune-info__btn.btn-gradient .btn-gradient-wrap {
color: #9b0c00;
font-size: 25px !important;
}
#fortune-info-modal {
text-align: center;
}
#fortune-info-modal .catalog__t2 {
margin: 0;
}
@keyframes btn_blick {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes wheel_tick {
40% {
transform: rotate(-15deg);
}
}
@keyframes wheel_sector_selected {
0% {
transform: translate(0, -50%) rotate(calc(var(--rotate, -90) * 1deg)) scale(1);
box-shadow: 0 0 0 0 rgba(255, 107, 0, 0.8);
}
70% {
transform: translate(-8%, -50%) rotate(calc(var(--rotate, -90) * 1deg)) scale(1);
box-shadow: 0 0 0 15px rgba(255, 107, 0, 0);
}
100% {
transform: translate(0, -50%) rotate(calc(var(--rotate, -90) * 1deg)) scale(1);
box-shadow: 0 0 0 0 rgba(255, 107, 0, 0);
}
}
@keyframes lights_blink {
0%,
100% {
background: #fff;
box-shadow: 0 0 4px rgba(255, 255, 255, 0.5);
}
40%,
60% {
background: var(--color);
box-shadow:
0 0 6px var(--color),
0 0 12px var(--color),
0 0 20px var(--color);
}
}
@media (max-width: 960px) {
.fortune-title {
margin-bottom: 68px;
font-size: 36px;
}
}
@media (max-width: 650px) {
.fortune {
padding: 48px 0 24px;
}
.fortune-title {
margin-bottom: 44px;
font-size: 32px;
line-height: 1.1;
}
.fortune-bottom {
margin: 52px auto 0;
}
.fortune-text {
font-size: 16px;
}
.fortune-info__btn.btn-gradient {
height: 52px;
}
.fortune-info__btn.btn-gradient .btn-gradient-wrap {
padding: 12px;
font-size: 20px !important;
}
}