/* Start:/local/templates/lpi2023/css/lightbox.min.css?17038403142556*/ .lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none;width: 100% !important;}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/local/templates/lpi2023/css/../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/local/templates/lpi2023/css/../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/local/templates/lpi2023/css/../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/local/templates/lpi2023/css/../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} /* End */ /* Start:/local/templates/lpi2023/css/jquery.mCustomScrollbar.css?170384031442387*/ .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:none;direction:ltr;} .mCSB_container{overflow:hidden;width:auto;height:auto} .mCSB_inside > .mCSB_container{margin-right: 26px;} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0} .mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right:0;margin-left:30px} .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0} .mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0} .mCSB_outside + .mCSB_scrollTools{right:-26px} .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,.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: 6px;height:100%;margin: 0 auto;border-radius: 8px;background: rgb(23 85 157 / 5%);} .mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:13px;text-align:center} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px} .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer} .mCSB_scrollTools .mCSB_buttonDown{bottom:0} .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right:0;margin-bottom:30px;padding:20px} .mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:100%} .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0} .mCSB_scrollTools.mCSB_scrollTools_horizontal{width:1200px;height:25px;top:auto;right:0;bottom: 18px;left:0;margin:0 auto;} .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox + .mCSB_scrollTools + .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: 14px;margin:0;/* border-bottom:2px dotted #666; */border-radius:0;background: url(/local/templates/lpi2023/css/../images/dot_line_long.svg) 0 100% repeat-x;background-size: 1203px 3px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px !important;height:100%;left:0;box-sizing:border-box} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:50px;height:26px;margin:0 auto} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0} .mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px} .mCSB_container_wrapper > .mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px} .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0} .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0} .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px} .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0} .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right:0;margin-left:30px} .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right:0} .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom:0} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0} .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0} .mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out} .mCSB_scrollTools{filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"} .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover > .mCSB_scrollTools,.mCustomScrollBox:hover ~ .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"} .mCSB_scrollTools .mCSB_draggerRail{} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6px;background: #17559D;border-radius: 8px;transition: 0.2s;} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background: #d; background: #17559D; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #17559D;} .mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(/local/templates/lpi2023/css/mCSB_buttons.png); background-repeat:no-repeat;opacity:0.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"} .mCSB_scrollTools .mCSB_buttonUp{background-position:0 0} .mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px} .mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px} .mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px} .mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:0.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"} .mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active{opacity:0.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"} .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15)} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)} .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,0.85)} .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(0,0,0,0.9)} .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0} .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px} .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px} .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px} .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85)} .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9)} .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0} .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px} .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px} .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px} .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)} .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px} .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px} .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0} .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85)} .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9)} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px} .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px} .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px} .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px} .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.1)} .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px} .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%} .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto} .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px} .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px} .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.15)} .mCS-rounded.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{height:14px} .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px} .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px} .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0} .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,.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{width:16px;height:16px;margin:-1px 0} .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,.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{width:4px} .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,.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{height:16px;width:16px;margin:0 -1px} .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,.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{height:4px;margin:6px 0} .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px} .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.15)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px} .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px} .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center} .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");background-repeat:repeat-y;opacity:0.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"} .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%)} .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:70px} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px} .mCS-3d.mCSB_scrollTools,.mCS-3d-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"} .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px} .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,0.2);box-shadow:inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2)} .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555} .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2)} .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto} .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px} .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px} .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px} .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1);box-shadow:inset 1px 0 1px rgba(0,0,0,0.1)} .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1)} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px} .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px} .mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"} .mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{right:1px} .mCS-3d-thick.mCSB_scrollTools_vertical,.mCS-3d-thick-dark.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)} .mCS-3d-thick.mCSB_scrollTools_horizontal,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5)} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,0.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0} .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,0.4)} .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555} .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1)} .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px} .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px} .mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,0.2)} .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,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,0.4),inset -1px 0 0 rgba(0,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,0.4),inset 0 -1px 0 rgba(0,0,0,0.2)} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#777} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,0.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1)} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px} .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px} .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right:0;margin:12px 0} .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px} .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left:0;right:auto} .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent} .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px} .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px} .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"} .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"} .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,0.2)} .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px} .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0} .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,.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{width:12px} .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,.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{height:12px;margin:2px 0} .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px} .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)} .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)} .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1)} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px} .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px} .mCS-inset.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,0.2)} .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0} .mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px} .mCS-inset.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px} .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px} .mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px} .mCS-inset-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{background-color:#000;background-color:rgba(0,0,0,0.75)} .mCS-inset-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{background-color:#000;background-color:rgba(0,0,0,0.85)} .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-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-2-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-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)} .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.1)} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px} .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px} .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,0.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,0.2)} .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,0.6)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,0.6)} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.75)} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.85)} .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,0.9)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.75)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.85)} .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,0.9)} /* End */ /* Start:/local/templates/lpi2023/css/owl.carousel.min.css?17038403143387*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .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;touch-action:manipulation;-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);overflow: hidden;}.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;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block;/* padding-bottom: 60px; */}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@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 ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/lpi2023/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/lpi2023/css/owl.theme.default.min.css?17038403141013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{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-nav.disabled+.owl-dots{margin-top:10px}.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 ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/lpi2023/css/jquery.formstyler.css?17038403142175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/lpi2023/css/jquery.formstyler.theme.css?170384031410724*/ .jq-checkbox, .jq-radio { vertical-align: -4px; width: 16px; height: 16px; margin: 0 4px 0 0; border: 1px solid #C3C3C3; background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF; cursor: pointer; } .jq-checkbox.focused, .jq-radio.focused { border: 1px solid #08C; } .jq-checkbox.disabled, .jq-radio.disabled { opacity: .55; } .jq-checkbox { border-radius: 3px; } .jq-checkbox.checked .jq-checkbox__div { width: 8px; height: 4px; margin: 3px 0 0 3px; border-bottom: 2px solid #666; border-left: 2px solid #666; -webkit-transform: rotate(-50deg); transform: rotate(-50deg); } .jq-radio { border-radius: 50%; } .jq-radio.checked .jq-radio__div { width: 10px; height: 10px; margin: 3px 0 0 3px; border-radius: 50%; background: #777; box-shadow: inset 1px 1px 1px rgba(0,0,0,.7); } .jq-file { width: 270px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1); } .jq-file input { cursor: pointer; } .jq-file__name { box-sizing: border-box; width: 100%; height: 34px; padding: 0 80px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1; font: 14px/32px Arial, sans-serif; color: #333; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-file:hover .jq-file__browse { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.focused .jq-file__name { border: 1px solid #5794BF; } .jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number { position: relative; vertical-align: middle; padding: 0 36px 0 0; } .jq-number__field { width: 100px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); } .jq-number__field:hover { border-color: #B3B3B3; } .jq-number__field input { box-sizing: border-box; width: 100%; padding: 8px 9px; border: none; outline: none; background: none; font: 14px Arial, sans-serif; color: #333; } .jq-number__spin { position: absolute; top: 0; right: 0; width: 32px; height: 14px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: 1px 1px #FFF; cursor: pointer; } .jq-number__spin.minus { top: auto; bottom: 0; } .jq-number__spin:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-number__spin:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-number__spin:after { content: ''; position: absolute; top: 4px; left: 11px; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #999; border-left: 5px solid transparent; } .jq-number__spin.minus:after { top: 5px; border-top: 5px solid #999; border-right: 5px solid transparent; border-bottom: none; border-left: 5px solid transparent; } .jq-number__spin.minus:hover:after { border-top-color: #000; } .jq-number__spin.plus:hover:after { border-bottom-color: #000; } .jq-number.focused .jq-number__field { border: 1px solid #5794BF; } .jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number.disabled .jq-number__spin:after { border-bottom-color: #AAA; } .jq-number.disabled .jq-number__spin.minus:after { border-top-color: #AAA; } .jq-selectbox { vertical-align: middle; cursor: pointer; } .jq-selectbox__select { height: 32px; padding: 0 45px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-selectbox__select:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-selectbox__select:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid #5794BF; } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox__select-text { display: inline-block; } .jq-selectbox .placeholder { color: #888; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; border-left: 1px solid #CCC; } .jq-selectbox__trigger-arrow { position: absolute; top: 14px; right: 12px; width: 0; height: 0; border-top: 5px solid #999; border-right: 5px solid transparent; border-left: 5px solid transparent; } .jq-selectbox:hover .jq-selectbox__trigger-arrow { border-top-color: #000; } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-top-color: #AAA; } .jq-selectbox__dropdown { box-sizing: border-box; width: 100%; margin: 2px 0 0; padding: 0; border: 1px solid #CCC; border-radius: 4px; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,.2); font: 14px/18px Arial, sans-serif; } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; border: 1px solid #CCC; border-radius: 3px; outline: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; padding: 5px 10px 6px; color: #231F20; } .jq-selectbox li.selected { background-color: #A3ABB1; color: #FFF; } .jq-selectbox li:hover { background-color: #08C; color: #FFF; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/18px Arial, sans-serif; color: #333; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } input[type='email'].styler, input[type='password'].styler, input[type='search'].styler, input[type='tel'].styler, input[type='text'].styler, input[type='url'].styler, textarea.styler { padding: 8px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; } input[type='search'].styler { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea.styler { overflow: auto; } input[type='email'].styler:hover, input[type='password'].styler:hover, input[type='search'].styler:hover, input[type='tel'].styler:hover, input[type='text'].styler:hover, input[type='url'].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type='email'].styler:hover:focus, input[type='password'].styler:hover:focus, input[type='search'].styler:hover:focus, input[type='tel'].styler:hover:focus, input[type='text'].styler:hover:focus, input[type='url'].styler:hover:focus, textarea.styler:hover:focus { border-color: #CCC; border-top-color: #B3B3B3; outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } button.styler, input[type='button'].styler, input[type='submit'].styler, input[type='reset'].styler { overflow: visible; padding: 8px 11px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; outline: none; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; cursor: pointer; } button.styler.styler::-moz-focus-inner, input[type='button'].styler.styler::-moz-focus-inner, input[type='submit'].styler.styler::-moz-focus-inner, input[type='reset'].styler.styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:not([disabled]):hover, input[type='button'].styler:not([disabled]):hover, input[type='submit'].styler:not([disabled]):hover, input[type='reset'].styler:not([disabled]):hover, input[type='reset'].styler:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } button.styler:active, input[type='button'].styler:active, input[type='submit'].styler:active, input[type='reset'].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type='button'].styler[disabled], input[type='submit'].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } /* End */ /* Start:/bitrix/components/webes/oneclick/css/styles.css?17038402947895*/ .o-w-modal-base,.o-w-modal-base *{-webkit-appearance:none}.o-w-modal-base.active{overflow-y:scroll;-webkit-overflow-scrolling:touch}.o-w-modal-overlay{width:100%;height:100vh;background-color:rgba(0,0,0,0.5);display:none;transition:.5s;position:fixed;z-index:60000;top:0;left:0;overflow:auto}.o-w-modal-overlay.active{display:flex;transition:.5s}.o-w-modal-base{width:100%;height:100vh;display:none;transition:.5s;position:fixed;z-index:60001;top:0;left:0;overflow:auto}.o-w-modal-base.active{display:flex;transition:.5s}.o-w-modal-title{font-size:24px;margin-bottom:24px;line-height:36px}.o-w-modal-body{margin:auto;flex:1 0 300px;max-width:720px;padding:32px;background-color:white;z-index:60001;border-radius:10px;box-shadow:0 0 18px 6px #464646}.o-w-modal-body label{cursor:pointer}.o-w-modal-close{float:right;font-size:16px;line-height:24px;padding:7px 14px;border-radius:28px;border:1px #000 solid;background:white;text-align:center;cursor:pointer;color:black!important;transition:.3s;margin-top:-24px;opacity:.5}.o-w-modal-close:hover{background:black;color:white!important;opacity:1}.o-w-modal-lock{overflow:hidden}.o-w-modal-base img{max-width:100%;height:auto}.o-w-modal-base *{color:#333;font-family:'MyriadPro',sans-serif,Arial;line-height:27px;font-size:16px}.o-w-modal-base input{height:inherit!important;border-color:#DDD;font-weight:inherit}.o-w-modal-base textarea{width:96%!important;min-height:60px;border:1px #ccc solid;padding:6px 2%!important}.o-w-modal-title{margin-top:-24px;color:#AAA;text-transform:uppercase;border-bottom:1px #EEE solid;padding-bottom:10px;padding-top:24px}.o-w-modal-inner h2{font-size:20px;margin-bottom:14px}.o-w-btn{cursor:pointer;border:1px #EEE solid;font-size:14px;font-family:'MyriadPro',sans-serif,Arial;background-color:#EEE;color:black;padding:7px 14px;margin:0}.o-w-btn:hover{border:1px #CCC solid}.o-w-item-param-img *{font-size:11px!important;max-width:85px}.o-w-block-group+div{clear:both}.o-w-block-group .o-w-item-param{border-radius:4px;float:left;padding:7px;margin:2px;border:1px #DDD solid;cursor:pointer;text-align:center}.o-w-block-group .o-w-item-param *{font-size:13px;line-height:15px}.o-w-block-group .o-w-item-param:hover{border-color:#BBB;background-color:white}.o-w-block-group .o-w-item-param[data-disabled='true']{color:#999;cursor:not-allowed}.o-w-block-group .o-w-item-param.o-w-disabled,.o-w-block-group .o-w-item-param.o-w-disabled *{background-color:#EEE;color:#AAA}.o-w-block-group .o-w-item-param.o-w-disabled img{filter:grayscale(100%);opacity:.5}.o-w-item{display:flex}.o-w-price span{font-size:18px}.o-w-price div{font-size:13px}.o-w-action-block{flex:1 0 100px}.o-w-action-block input[type=text]{margin-bottom:6px}.o-w-action-block input[type=text],.o-w-action-block textarea{border-radius:7px}.o-w-show-order-block-button{padding:7px 14px;cursor:pointer;border-radius:7px;margin-top:14px;text-align:center;text-transform:uppercase;border:1px white solid}.o-w-show-order-block-button:hover{opacity:.8}.o-w-show-order-block-button-disabled{padding:7px 14px;border-radius:7px;margin-top:14px;text-align:center;text-transform:uppercase;border:1px #CCC solid;color:#CCC;background:white;cursor:default}.o-w-show-order-block-button-disabled:hover{opacity:.8}.o-w-cr-costume input[type=checkbox]{display:none}.o-w-cr-costume input[type=checkbox]+label{text-align:left;padding-left:36px}.o-w-cr-costume input[type=checkbox]+label:before{content:' ';width:24px;height:24px;font-size:24px;margin-left:-36px;margin-top:0;position:absolute}.o-w-cr-costume input[type=checkbox]:checked+label:before{content:'\2714';width:24px;height:24px;font-size:36px;margin-left:-36px;margin-top:0;position:absolute}.o-w-cr-costume input[type=radio]{display:none}.o-w-cr-costume input[type=radio]+label{text-align:left;padding-left:36px}.o-w-cr-costume input[type=radio]+label:before{content:' ';width:24px;height:24px;font-size:24px;margin-left:-36px;margin-top:0;position:absolute;border-radius:42px}.o-w-cr-costume input[type=radio]:checked+label:before{content:'\2714';width:24px;height:24px;font-size:36px;margin-left:-36px;margin-top:0;position:absolute}.o-w-public-agry-block{display:flex;margin-top:8px;max-width:390px}.o-w-public-agry-block input[type=checkbox]{margin-right:11px}.o-w-public-agry-block *{font-size:11px;line-height:14px}.o-w-email,.o-w-phone,.o-w-fio{width:96%!important;border:1px #EEE solid;padding:6px 2%!important;background-color:white;color:#333}.o-w-public-btn{flex:0 0 48%;text-align:center;padding:7px 14px;text-decoration:none;border-radius:7px;transition:.3s;cursor:pointer}.o-w-public-btn:hover{text-decoration:none;opacity:.8}.o-w-public-btn-primary{transition:.3s;text-transform:uppercase;font-size:14px}.o-w-public-btn-primary:visited{color:inherit}.o-w-public-btn-primary:hover{opacity:.8}.o-w-info{color:#999;font-size:14px;font-style:italic;padding:2px 14px;margin-left:7px;border-left:1px #BBB solid;line-height:18px}.o-w-form{max-width:500px;margin:auto}.o-w-label{font-size:13px;font-weight:bold}.o-w-item-image{margin-right:14px;min-width:200px;text-align:center}.o-w-price-pc{display:block;min-height:114px}.o-w-mobile{display:none}.o-w-group-title{font-size:11px;line-height:16px;padding-left:4px;margin-top:2px;font-weight:bold}.o-w-main-button-first-block{padding-top:4px}.o-w-quantity-block{display:flex;justify-content:center}.o-w-quantity-block input[type=text]{width:40px;font-size:16px;text-align:center;border:1px #DDD solid;margin:0 4px;line-height:24px}.o-w-quantity-block input[type=button]{border-radius:5px;font-size:24px;border:0;line-height:22px;font-weight:normal;padding:5px 10px}.o-w-quantity-plus,.o-w-quantity-minus{cursor:pointer}@media(max-width:720px){.o-w-modal-body{width:100%;min-height:100vh;border-radius:0}.o-w-modal-close{position:fixed;right:14px;top:14px;margin-top:-7px}.o-w-modal-title{margin-top:7px;padding-top:0}}@media(max-width:640px){.o-w-item{flex-flow:row wrap}.o-w-modal-body{padding:14px;padding-bottom:48px}.o-w-item-param img{max-width:70px}}@media(max-width:400px){.o-w-item-image{margin-right:0;flex:0 0 100%;text-align:center}.o-w-mobile{display:block}.o-w-fx-mobile{display:flex;justify-content:center}.o-w-fx-mobile *{padding:2px 4px}}.o-w-pay_system{display:none}.o-w-pay_system+.o-w-p-item{border:1px #DDD solid}.o-w-pay_system:checked+.o-w-p-item{border:1px red solid}.o-w-payment_flex_block{display:flex;flex-flow:row wrap}.o-w-payment_flex_block .o-w-p-item{flex:0 0 130px;font-size:11px;line-height:13px;margin:3px;padding:6px;border-radius:3px;text-align:center;cursor:pointer;text-decoration:none}.o-w-delivery_system{display:none}.o-w-delivery_system+.o-w-d-item{border:1px #DDD solid}.o-w-delivery_system:checked+.o-w-d-item{border:1px red solid}.o-w-delivery_flex_block{display:flex;flex-flow:row wrap}.o-w-delivery_flex_block .o-w-d-item{flex:0 0 130px;font-size:11px;line-height:13px;margin:3px;padding:6px;border-radius:3px;text-align:center;cursor:pointer;text-decoration:none}.o-w-current-cart{display:flex;flex-flow:row wrap;border-bottom:1px #EEE solid;margin-bottom:10px}.o-w-be-item{display:flex;width:100%;justify-content:space-between;margin-bottom:7px}.o-w-be-item img{max-width:100%;height:auto}.o-w-be-item .o-w-img{flex:0 0 80px;padding-right:10px}.o-w-be-title,.o-w-be-title b{font-size:12px;line-height:18px;flex:1 0 100px;padding-right:10px}.o-w-be-del{font-size:16px;line-height:24px;padding:7px 14px;border-radius:28px;border:1px red solid;background:white;text-align:center;cursor:pointer;color:red;transition:.3s;opacity:.5}.o-w-be-del:hover{border:1px red solid;background:red;color:white;opacity:1}.o-w-cart-total-block{margin:14px 0;font-size:12px}.o-w-wa-style{background:url("/bitrix/components/webes/oneclick/css/../images/whatsapp.svg") left center no-repeat;padding-left:36px;min-height:32px;display:inline-flex;font-size:11px;cursor:pointer;text-decoration:none}.o-w-wa-style>div{margin:auto 0}.o-w-wa-style:hover{color:#55cd6c} /* End */ /* Start:/local/templates/lpi2023/components/arturgolubev/search.title/.default/style.css?170384031414087*/ /* div.title-search-result { display: block !important; } */ .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle-history { margin-top: 5px; } .bx-searchtitle-history a { color: #222; text-decoration: underline; } .bx-searchtitle-history a:hover { text-decoration: none; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 1px 0 0 1px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-searchtitle .bx-input-group .bx-form-control:focus { background-color: #fff; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; line-height: normal; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: url(/local/templates/lpi2023/components/arturgolubev/search.title/.default/images/search-icon.png) center center no-repeat #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:0; border-radius: 0 1px 1px 0; color: #fff; font-size: 16px; line-height: 1.42857143; height: 34px; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background-color: #1484CE; } div.title-search-result { border:0 none !important; border-top: 0 none; display:none; overflow:hidden; z-index:999; min-width: 200px; margin-top: -2px; background-color: #FFF; /* border-top: 0 none; */ border-radius: 0; box-shadow: 0px 0px 7px -2px #d6d6d6; /* display: block !important; */ } div.title-search-fader { display:none; background-image: url('/local/templates/lpi2023/components/arturgolubev/search.title/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_smart_searche { padding-top:8px; border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche .bx_info_wrap{ margin-left: 85px; } .bx_smart_searche .bx_img_element{ float: left; padding: 5px; width: 75px; text-align: center; } .bx_smart_searche .bx_item_block{ min-height: 65px; position: relative; } .bx_smart_searche .bx_image{ /* width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; */ display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image{ background-image: url(/local/templates/lpi2023/components/arturgolubev/search.title/.default/image/noimg.png); } .bx_smart_searche .bx_item_element{ padding: 8px 0; } .bx_smart_searche .bx_item_element_all_result { text-align: center; } .bx_smart_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_smart_searche .bx_item_element a{ margin-top: 5px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; font-weight: bold; } .bx_smart_searche .bx_item_element a b{ font-weight: bold; } .bx_smart_searche .bx_item_element a b{color: #000;} .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_smart_searche .bx_item_preview_text{ font-size:13px; padding: 5px 10px 5px 0; } .bx_smart_searche .bx_price{ font-weight:bold; font-size:15px; margin-top: 5px; } .bx_smart_searche .bx_price .old{ font-weight: normal; text-decoration: line-through; color: #636363; font-size: 12px; vertical-align: middle; } .bx_smart_searche .bx_item_block.all_result{min-height:0} .bx_smart_searche .bx_item_block.others_result{ min-height: 0; line-height: 12px; padding: 0; } .bx_smart_searche .bx_item_block.all_result .all_result_button{ display: inline-block; font-size: 14px; background-color: #1485CE; border: 1px solid; border-color: #1485CE; color: #FFF; padding: 0 22px; height: 34px; text-decoration: none; border-radius: 2px; margin: 0 0 8px; line-height: 34px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } .bx_smart_searche .bx_item_block_href { display: block; text-decoration: none; margin-bottom: 5px; padding: 8px; line-height: 14px; } .bx_smart_searche .bx_item_block_href:hover { background-color: #feeed2; } .bx_smart_searche .bx_item_block_hrline { border-bottom: 1px solid #f5a61c; margin: 0 8px 5px; } .bx_item_block_item_clear { display: block; clear:both; } .bx_smart_searche .bx_item_block_item_info_wrap { display: block; } .bx_smart_searche .bx_item_block_item_info_wrap.wpic { padding-left: 39px; } .bx_smart_searche .bx_item_block_item_info { display: block; } .bx_smart_searche .bx_item_block_href_category_title { color: #a2a2a2; /* font-weight: bold; */ } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; text-transform: uppercase; } .bx_smart_searche .bx_item_block_item_image { width: 34px; height: 34px; float:left; margin-right: 5px; position: relative; } .bx_smart_searche .bx_item_block_item_image img { position: absolute; top: 0; left:0; right:0; bottom:0; margin: auto; max-width: 100%; max-height: 100%; } .bx_smart_searche .bx_item_block_item_name { color: #333; overflow: hidden; height: 34px; display: block; line-height: 17px; display: flex; } .bx_smart_searche .bx_item_block_item_name_flex_align { margin: auto 0; } .bx_smart_searche .bx_item_block_item_simple_name { color: #333; display: block; line-height: 17px; } .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b { color: #f5a61c; } .bx_smart_searche .bx_item_block_item_price { float:right; text-align: right; color: #333; line-height: 17px; padding-left: 5px; } .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one { line-height: 34px; } .bx_smart_searche .bx_item_block_item_price .bx_price_new { white-space: nowrap; font-weight: bold; display: block; } .bx_smart_searche .bx_item_block_item_price .bx_price_old { white-space: nowrap; text-decoration: line-through; } .bx_smart_searche .bx_item_block_item_text { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_props { color: #9b9b9b; display: block; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx_smart_searche .bx_item_block_item_text.wpic, .bx_smart_searche .bx_item_block_item_props.wpic { /* padding-left: 39px; */ } .bx_item_block_item_prop_item { display: block; } .bx_smart_no_result_find { padding: 0 8px 8px; } /* preloader base */ .bx-searchtitle .bx-searchtitle-preloader { position: absolute; top: 2px; right: 110%; width: 30px; height: 30px; z-index: 5; display: none; /* display: block; */ } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/local/templates/lpi2023/components/arturgolubev/search.title/.default/images/loader_orange.gif) center center no-repeat; } /* blue */ .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color:#01234A; } .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view { background-image: url(/local/templates/lpi2023/components/arturgolubev/search.title/.default/images/loader_blue.gif); } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{ background-color: #01234A; border-color: #01234A; } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #01234A; border-color: #01234A; color: #FFF; } .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #01234A; border-color: #01234A; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b{ color: #01234A; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: rgb(135 139 148 / 20%); } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color:#01234A; } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color:#01234A; } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #01234A; } /* black */ .bx-searchtitle.theme-black .bx-input-group .bx-form-control { border-color:#333; } .bx-searchtitle.theme-black .bx-searchtitle-preloader.view { background-image: url(/local/templates/lpi2023/components/arturgolubev/search.title/.default/images/loader_black.gif); } .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{ background-color: #333; border-color: #333; } .bx-searchtitle.theme-black .bx-input-group-btn button { background-color: #333; border-color: #333; color: #FFF; } .bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover { background-color: #5c5c5c; border-color: #5c5c5c; text-decoration: none; } .bx_smart_searche.theme-black .bx_item_element a b{ color: #5c5c5c; } .bx_smart_searche.theme-black { /* border:1px solid #333; */ border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche.theme-black .bx_item_block_href:hover { background-color: #eaeaea; } .bx_smart_searche.theme-black .bx_item_block_href_category_name { color:#333; } .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b { color:#333; } .bx_smart_searche.theme-black .bx_item_block_hrline { border-color: #333; } /* green */ .bx-searchtitle.theme-green .bx-input-group .bx-form-control { border-color:#159ebb; } .bx-searchtitle.theme-green .bx-searchtitle-preloader.view { background-image: url(/local/templates/lpi2023/components/arturgolubev/search.title/.default/images/loader_green.gif); } .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{ background-color: #159ebb; border-color: #159ebb; } .bx-searchtitle.theme-green .bx-input-group-btn button { background-color: #159ebb; border-color: #159ebb; color: #FFF; } .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover { background-color: #44b1c9; border-color: #44b1c9; text-decoration: none; } .bx_smart_searche.theme-green .bx_item_element a b{ color: #44b1c9; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #d0ebf1; } .bx_smart_searche.theme-green .bx_item_block_href_category_name { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #159ebb; } /* red */ .bx-searchtitle.theme-red .bx-input-group .bx-form-control { border-color:#E22B2B; } .bx-searchtitle.theme-red .bx-searchtitle-preloader.view { background-image: url(/local/templates/lpi2023/components/arturgolubev/search.title/.default/images/loader_red.gif); } .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{ background-color: #E22B2B; border-color: #E22B2B; } .bx-searchtitle.theme-red .bx-input-group-btn button { background-color: #E22B2B; border-color: #E22B2B; color: #FFF; } .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover { background-color: #e95c5c; border-color: #e95c5c; text-decoration: none; } .bx_smart_searche.theme-red .bx_item_element a b{ color: #e95c5c; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #f9d4d4; } .bx_smart_searche.theme-red .bx_item_block_href_category_name { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_hrline { border-color: #E22B2B; } /* yellow */ .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control { border-color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view { background-image: url(/local/templates/lpi2023/components/arturgolubev/search.title/.default/images/loader_yellow.gif); } .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{ background-color: #F9A91D; border-color: #F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group-btn button { background-color: #F9A91D; border-color: #F9A91D; color: #FFF; } .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover { background-color: #faba4a; border-color: #faba4a; text-decoration: none; } .bx_smart_searche.theme-yellow .bx_item_element a b{ color: #faba4a; } .bx_smart_searche.theme-yellow .bx_item_block_href_category_name { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_hrline { border-color: #F9A91D; } /* End */ /* Start:/local/templates/lpi2023/components/bitrix/form.result.new/catalog_subscribe/style.css?1703840314666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/templates/lpi2023/components/bitrix/form.result.new/catalog_subscribe/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/templates/lpi2023/components/bitrix/form.result.new/catalog_subscribe/images/icon_warn.gif); } /* End */ /* Start:/local/templates/lpi2023/styles.css?17605168537515*/ /*Доп сообщения о режиме работы START*/ /*.header_working_mode-wrap{*/ /* margin-top: 3px;*/ /*}*/ /*.header_working_mode{*/ /* padding-left: 23px;*/ /*}*/ /*.header-warning-message{*/ /* display: flex;*/ /* flex-wrap: wrap;*/ /* margin-top: 5px;*/ /* padding-left: 28px;*/ /* font-size: 14px;*/ /* line-height: 18px;*/ /* letter-spacing: -1px;*/ /*}*/ /*.header-warning-message .alter-text{*/ /* color: red;*/ /* font-weight: 500;*/ /*}*/ /*.header_mobile .header_place_select{*/ /* padding-bottom: 0;*/ /*}*/ /*.header_mobile .header_top{*/ /* flex-direction: column;*/ /* justify-content: center;*/ /* align-items: flex-start;*/ /* height: auto;*/ /*}*/ /*.header_mobile .header_working_mode-wrap{*/ /* margin-top: 22px;*/ /* margin-bottom: 5px;*/ /*}*/ /*.header_mobile .header_top .header-warning-message{*/ /* padding-left: 7.4667vw;*/ /* font-size: inherit;*/ /* line-height: 3.5vw;*/ /*}*/ /*@media(max-width: 1370px){*/ /* .header-warning-message{*/ /* padding-left: 2.0438vw;*/ /* }*/ /*}*/ /*@media(max-width: 1024px){*/ /* .header-warning-message{*/ /* font-size: 10px;*/ /* line-height: 10px;*/ /* }*/ /*}*/ /*@media(max-width: 400px){*/ /* .header_mobile .header_working_mode-wrap{*/ /* margin-top: 18px;*/ /* margin-bottom: 3px;*/ /* }*/ /*}*/ /*Доп сообщения о режиме работы END*/ .header-contacts-link{ display: flex; align-items: center; } .header-contacts-link-text{ margin-left: 3px; font-size: 13px; font-weight: 500; color: #fff; text-decoration: underline; } .header-contacts-link-middle .header-contacts-link-text{ color: rgb(1, 35, 74); } .main_reviews .section_title h2{ width: unset; } .main_reviews .section_title{ display: flex; justify-content: space-between; align-items: flex-start; } .yandex-rating-frame{ position: absolute; right: 150px; top: -16%; } .main_reviews .section_title .section_title_link{ position: relative; top: 0; margin-top: 0; } .brand-breitling-catalog .mobile_table_title > div:first-child:after{ display: none; } .uslugi p { margin-bottom: 60px } .uslugi.cols .col { width: 410px; padding: 0 } .uslugi.cols .col:first-child { width: 850px; margin-right: 30px } .uslugi h2, .uslugi .h2 { margin-bottom: 30px } .uslugi .repair_cost_form h3, .uslugi .repair_cost_form .h3 { margin-bottom: 23px } .uslugi .repair_cost_form { padding: 127px 52px 49px; background: url(/local/templates/lpi2023/images/cost_form.svg) 50% 24px/78px no-repeat } .contacts_phone small{ opacity: 1 !important; } .header_place_select span{ border-bottom: none !important } .header_place_select span.header_place_select-city-name-address{ margin-left: 0px; } div.bx-blue .btn.btn-default, div.bx-blue .btn.btn-default:hover{ border-color: #01234A; background-color: #01234A; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 [data-type="informer"].alert.alert-success{ background: rgb(135 139 148 / 70%); color: #fff; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 [data-type="informer"].alert.alert-success .icon-success{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' viewBox='0 0 21 21' fill='%23ffffff'%3E%3Cstyle xmlns='http://www.w3.org/2000/svg'%3E.st0%7Bfill:rgb(135 139 148 / 70%25);%7D%3C/style%3E%3Cpath id='Forma_1' class='st0' d='M10.5 0C4.7 0 0 4.7 0 10.5S4.7 21 10.5 21 21 16.3 21 10.5 16.3 0 10.5 0zM9 15.4l-5-4.9 2-2 3 3 6-5.9 2 2-8 7.8z'/%3E%3C/svg%3E"); background-color: #fff; border-radius: 50%; border: 1px solid #fff; } .c-sale-order-ajax [data-type="informer"] div{ font-size: 14px; } .ns-bitrix.c-sale-order-ajax.c-sale-order-ajax-simple-1 .bx-soa-orderSave-button .bx-soa-button.bx-soa-button-lg{ font-size: 14px; } .empty-desc:after{ display: none; } .search-item{ display: flex; } .search-item-right{ display: flex; flex-direction: column; width: 100%; } .price-block{ display: flex; align-items: center; margin-right: 15px; } .mobile_table_title { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 4.2667vw; box-sizing: border-box; font: 400 4.2667vw/6.4vw 'Inter'; margin-bottom: 5.3333vw; background: rgba(11,130,240,0.2) !important; } .mobile_table_title_text{ position: relative; } .mobile_table_garantia{ display: flex; justify-content: center; align-items: center; height: 40px; } .mobile_table_title > div:first-child:after { content: ''; width: 10px; height: 10px; border: 0; border-bottom: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg); position: absolute; right: -30px; top: 50%; margin-top: -9px; transition: 0.2s; } .mobile_table_title > div.open:first-child:after { transform: rotate(225deg); margin-top: -3px; } .mobile_table_title .table_title_description{ display: none; } .mobile_garantia_number{ font: 600 4.2667vw/6.4vw 'Inter'; } .anons-block{ position: relative; display: flex; justify-content: center; min-height: 32px; background-color: #132549; } .anons-inner-block{ display: flex; justify-content: center; align-items: center; /*width: 1290px;*/ /*width: 900px;*/ height: 100%; min-height: 32px; margin-right: 25px; font-weight: 400; font-size: 13px; line-height: 16px; } .anons-text-block{ display: flex; /*width: 100%;*/ margin-left: 11px; } .anons-block .text-1{ display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end; white-space: nowrap; /*flex-direction: column;*/ /*justify-content: center;*/ /*align-items: flex-start;*/ /*width: 44%;*/ margin-right: 5px; /*padding: 10px 0;*/ color: #ACB8D1; } .anons-block .text-2{ display: flex; flex-flow: row nowrap; align-items: center; /*flex-direction: column;*/ /*justify-content: center;*/ /*align-items: flex-start;*/ /*width: 48%;*/ color: #fff; /*padding: 10px 0;*/ } .anons-close{ display: flex; position: absolute; top: 9px; right: 15px; width: 12px; height: 12px; cursor: pointer; } @media(max-width: 767px){ .main_reviews .section_title{ height: 130px; } .yandex-rating-frame{ top: 60px; right: unset; left: 0; } .search-item-right{ flex-direction: column; } .price-block{ margin-right: 0; } .anons-block{ /*height: 51px;*/ padding: 7px 0 7px 10px; } .anons-block .text-1, .anons-block .text-2{ width: 100%; } .anons-inner-block{ align-items: flex-start; font-size: 10px; } .anons-text-block{ flex-direction: column; margin-left: 6px; } .anons-block .text-1{ justify-content: flex-start; margin-bottom: 2px; } .anons-close { right: 13px; } .header-contacts-link-top{ display: none; } } @media(max-width: 600px) { .main_reviews .section_title { height: 120px; } .yandex-rating-frame { top: 50px; right: unset; left: 0; } } @media(max-width: 450px) { .main_reviews .section_title { height: 110px; } .yandex-rating-frame { top: 40px; right: unset; left: 0; } } .moscow_geo_link { position: absolute; top: 0; left: 0; width: 20px; height: 25px; z-index: 20; } .footer .moscow_geo_link{ top: 5px; left: 15px; } .instruct_right { float:right;text-align:center;padding-top:20px; } .instruct_right a { color: #01234A; font-size:16px; } .instruct_left { float:left; } /* End */ /* Start:/local/templates/lpi2023/template_styles.css?175022981278437*/ /* 1330px - 20px */ /* Eric Meyer's CSS Reset */ 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 } /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block } body{ line-height:1 } ol,ul{ 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 } /* End of Eric Meyer's CSS Reset */ html{ height:100% } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block } body{ font:400 20px/28px 'Inter',Arial,sans-serif; width:100%; height:100%; color:#01234A; background:#fff } .wrapper{width:100%;margin:0;min-height:100%;height:auto !important;height:100%;overflow:hidden;} .widfix{ width:1290px; padding:0 20px; margin:0 auto; box-sizing:content-box } a{ text-decoration:none } .btn{ cursor:pointer; } /* Header-----------------------------------------------------------------------------*/ .header{ height:251px } .header .widfix{display:flex;align-items:flex-end;padding-top:29px;} .header_logo{ width:150px; height:222px; margin-right:70px; background:url(/local/templates/lpi2023/images/logo_header.svg) 0 50%/contain no-repeat; text-indent:-999px; overflow:hidden; flex:0 0 auto } .header_container{ height:222px; display:flex; flex-direction:column; justify-content:space-between; width:100% } .header_top{ display:flex; background:rgb(135 139 148 / 20%); font:500 14px/14px 'Inter'; height:70px; align-items:center; padding:0 16px; justify-content:space-between } .header_place_select{ display:flex; position:relative; padding-left:28px; cursor:pointer; padding-bottom:20px; margin-bottom:-20px } .header_place_select:hover{ z-index:21 } .header_place_select:before{ content:''; background:url(/local/templates/lpi2023/images/place.svg) 50% 50%/contain no-repeat; width:18px; height:18px; position:absolute; left:0; top:50%; margin-top:-19px } .header_place_select b{ height:23px; display:flex; align-items:center } .header_place_select span{ border-bottom:1px dashed #01234A; display:inline-block; padding:4px 0; margin-left:5px } .header_place_select_dropdown{ display:block; opacity:0; position:absolute; background:#E7E8EA; box-shadow:40px 35px 35px -3px rgba(0,0,0,0.05); top:40px; left:-16px; padding:16px 25px; z-index:-1; transition:opacity 0.1s; overflow:hidden } .header_place_select.open .header_place_select_dropdown{ opacity:1; z-index:10; transition:opacity 0.2s } .header_place_select.fading .header_place_select_dropdown{ z-index:10 } .header_place_select_dropdown h3, .header_place_select_dropdown .h3{ font:500 16px/24px 'Inter'; text-transform:uppercase; margin-bottom:16px } .header_place_select_dropdown > span{ margin:0 0 6px; border:0; padding:0; font:400 14px/24px 'Inter'; display:block } .header_place_select_dropdown input{border:0;font:500 16px/24px 'Inter';padding:10px 30px;margin-bottom:16px;outline:none;} .header_place_select_dropdown li a{ display:block; color:#01234A; font:500 16px/24px 'Inter'; margin:0 -25px 0; padding:8px 25px; transition:background 0.2s } ul.all_cities_container{ max-height:50vh; overflow-y:auto; margin-right:-45px; padding-right:25px; margin-left:-25px; padding-left:25px } .header_working_mode{ position:relative; padding-left:28px } .header_working_mode br{ display:none } .header_working_mode .with_br br{ display:initial } .with_br{ line-height:1.3em } .header_working_mode:before{ content:''; background:url(/local/templates/lpi2023/images/times.svg) 50% 50%/contain no-repeat; width:18px; height:18px; position:absolute; left:0; top:50%; margin-top:-9px } .header_contacts{ display:flex; flex-direction:column; justify-content:space-between; align-items:flex-end; height:80%; } .header_whatsapp{ display:flex; align-items:center; height:18px; background:url(/local/templates/lpi2023/images/whatsapp.svg) 0% 50%/contain no-repeat; padding-left:22px; color:#01234A; } .header_whatsapp-text{ text-align:right; font-size:10px; } .header_phone{ color:#01234A; background:url(/local/templates/lpi2023/images/serv_phone.svg) 0% 50%/contain no-repeat; padding-left:22px; } .header_phone:before{ content:'' } .header_middle{ display:flex; justify-content:space-between; align-items:center } .header_center_info{ font:400 18px/22px 'Noto Sans'; width:176px; text-transform:uppercase } .header_search{ position:relative; height:57px; width:530px } .header_search input{ font:500 16px/24px 'Inter'; color:#01234A; width:100%; height:100%; border:1px solid rgb(1 35 74 / 60%); padding:0 16px 0 52px; box-sizing:border-box; outline:none } .header_search button{ background:url(/local/templates/lpi2023/images/search.svg) 50% 50%/contain no-repeat; width:26px; height:26px; position:absolute; top:50%; left:16px; border:0; margin-top:-13px; overflow:hidden; text-indent:-999px; opacity:0.6; cursor:pointer } .header_cart{ display:flex; align-items:center; min-width:26px; height:26px; padding-left:31px; font:500 16px/24px 'Inter'; color:#01234A; text-decoration:none !important; border:0 !important; background:url(/local/templates/lpi2023/images/cart.svg) 0 50%/contain no-repeat } .fixed_header .header_cart{ margin:0 18px; min-width:58px; height:58px; background-size:26px } .header_personal{ position:relative } .header_personal_link{ font:500 16px/24px 'Inter'; text-transform:uppercase; color:#01234A; position:relative; background:url(/local/templates/lpi2023/images/personal.svg) 16px 40%/26px no-repeat; padding:16px 16px 27px 52px; transition:background 0.2s; display:block; margin-bottom:-10px } .header_personal_dropdown{ display:block; opacity:0; position:absolute; background:#E7E8EA; box-shadow:40px 35px 35px -3px rgba(0,0,0,0.05); top:67px; right:0; padding:20px 32px; z-index:-1; transition:opacity 0.1s } .header_personal.open .header_personal_dropdown{ opacity:1; z-index:10; transition:opacity 0.2s } .header_personal.fading .header_personal_dropdown{ z-index:10 } .header_personal_dropdown a{ white-space:nowrap; font:500 16px/24px 'Inter'; color:#01234A } .main_menu{ display:flex; justify-content:space-between } .main_menu li{ position:relative; z-index:20 } .main_menu li.parent > a:after{ content:''; background:url(/local/templates/lpi2023/images/menu_arrow.svg) 50% 50%/contain no-repeat; width:18px; height:18px; position:absolute; right:16px; top:50%; margin-top:-9px; transition:0.2s } .main_menu > li.active{ background:#01234A !important; color:#fff !important } .main_menu > li.active > a{ color:#fff } .main_menu li.parent.open{ background:#E7E8EA !important } .main_menu > li.active > a:after{ filter:invert(1) brightness(1.5) } .main_menu li.parent.open > a:after{ filter:none } .main_menu li.parent.open > a:after{ transform:rotate(180deg) } .main_menu li.parent > ul{ display:block; position:absolute; background:#132549; box-shadow:40px 35px 35px -3px rgba(0,0,0,0.05); padding:13px 0; opacity:0; top:-1000px; left:0; z-index:-1; transition:opacity 0.2s } .main_menu li.parent.double_children > ul{ display:flex; flex-wrap:wrap; min-width:500px } .main_menu li.parent.open > ul{ opacity:1; top:54px; z-index:10 } .main_menu li.parent.fading > ul{ z-index:10 } .main_menu li.parent.nowrap > ul a{ white-space: nowrap; } .main_menu a{ font:500 16px/24px 'Inter'; color:#01234A; transition:0.2s; display:block } .main_menu > li > a{ padding:10px 16px 10px 16px } .main_menu > li.parent > a{ padding:10px 40px 20px 16px; margin-bottom:-10px } .main_menu li.parent > ul a{ font:500 16px/24px 'Inter'; color:#fff; padding:16px 32px; transition:0.1s } .main_menu li.parent.double_children > ul li{ width:50% } .fixed_header{ position:fixed; top:-130px; opacity:0; left:0; right:0; height:130px; background:#fff; transition:0.3s; box-shadow:0px 38px 53px -52px rgba(0,0,0,0.25); z-index:200 } .fixed .fixed_header{ top:0; opacity:1 } .fixed_header .widfix{ display:flex; align-items:center; padding:6px 0; justify-content:space-between } .fixed_header .header_logo{ width:80px; height:118px; margin-right:0 } .header_tools{ display:flex; align-items:center; justify-content:space-between } .header_tools > div{ position:relative } .fixed_header .header_search_dropdown{ opacity:0; position:absolute; background:#132549; box-shadow:40px 35px 35px -3px rgba(0,0,0,0.05); top:-1000px; right:0; padding:20px 32px; z-index:-1; transition:opacity 0.1s; width:400px } .fixed_header .header_search.open .header_search_dropdown{ opacity:1; z-index:10; transition:opacity 0.2s; top:57px } .fixed_header .header_search.fading .header_search_dropdown{ z-index:10 } .fixed_header .header_search{ width:initial; height:initial } .fixed_header .header_search > span{ width:58px; height:58px; background:url(/local/templates/lpi2023/images/fx_search.svg) 50% 50%/26px no-repeat; display:block; cursor:pointer } .fixed_header .header_search input{ font:500 16px/24px 'Inter'; color:#01234A; width:100%; height:44px; border:0; padding:8px 60px 8px 16px; box-sizing:border-box } .fixed_header .header_search button{ width:44px; height:44px; right:32px; left:initial; top:20px; margin:0; background-size:28px } .fixed_header .header_contacts{ margin:0 18px } .fixed_header .header_contacts > span{ width:58px; height:58px; background:url(/local/templates/lpi2023/images/fx_phone.svg) 50% 50%/26px no-repeat; display:block; cursor:pointer } .fixed_header .header_contacts_dropdown{ opacity:0; position:absolute; background:#132549; box-shadow:40px 35px 35px -3px rgba(0,0,0,0.05); top:-1000px; right:0; padding:20px 32px 19px; z-index:-1; transition:opacity 0.1s } .fixed_header .header_contacts.open .header_contacts_dropdown{ top:57px; opacity:1; z-index:10; transition:opacity 0.2s } .fixed_header .header_contacts.fading .header_contacts_dropdown{ z-index:10 } .fixed_header .header_contacts_dropdown a{ white-space:nowrap; font:400 18px/24px 'Inter'; color:#fff; margin:0 0 24px; display:block; padding:8px 0 8px 44px; position:relative } .fixed_header .header_contacts_dropdown a span{ display:block; font:400 14px/20px 'Inter'; position:initial; width:initial; margin-top:8px } .fixed_header .header_contacts_dropdown a.header_phone:before{ content:''; position:absolute; left:16px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(/local/templates/lpi2023/images/fx_conphone.svg) 50% 50%/contain no-repeat } .fixed_header .header_contacts_dropdown a.header_whatsapp{ background:none; margin-bottom:0; width:initial; height:inherit } .fixed_header .header_contacts_dropdown a.header_whatsapp:before{ content:''; position:absolute; left:16px; top:19px; margin-top:-9px; width:18px; height:18px; background:url(/local/templates/lpi2023/images/fx_conwapp.svg) 50% 50%/contain no-repeat } .fixed_header .header_personal > span{ display:block; width:58px; height:58px; background:url(/local/templates/lpi2023/images/fx_user.svg) 50% 50%/26px no-repeat; display:block; cursor:pointer } .fixed_header .header_personal_dropdown{ opacity:0; position:absolute; background:#132549; box-shadow:40px 35px 35px -3px rgba(0,0,0,0.05); right:0; top:-1000px; padding:20px 32px; z-index:-1; transition:opacity 0.1s } .fixed_header .header_personal.open .header_personal_dropdown{ top:57px; opacity:1; z-index:10; transition:opacity 0.2s } .fixed_header .header_personal.fading .header_personal_dropdown{ top:67px; z-index:10 } .fixed_header .header_personal_dropdown a{ font:400 18px/24px 'Inter'; color:#fff } /* Middle-----------------------------------------------------------------------------*/ .content{ padding:0 0 529px } .breadcrumbs{ padding:60px 0 30px } .breadcrumbs ul{ display:flex; flex-wrap:wrap; font:500 16px/24px 'Inter' } .breadcrumbs li{ color:#01234A; padding:8px 30px 8px 0; position:relative; display:block } .breadcrumbs li:after{ content:''; position:absolute; background:url(/local/templates/lpi2023/images/more_arrow.svg) 50% 50%/contain no-repeat; width:18px; height:18px; right:6px; top:50%; margin-top:-8px } .breadcrumbs li:last-child{ padding-right:0 } .breadcrumbs li:last-child:after{ display:none } .breadcrumbs a{ color:#01234A; display:block } h1{ font:400 38px/46px 'Noto Sans'; text-transform:uppercase; margin-bottom:20px } h1.half{ width:55%; margin-bottom:0 } h2, .h2{ font:400 38px/46px 'Noto Sans'; text-transform:uppercase; margin-bottom:20px } .image{ margin:20px 0 30px; overflow:hidden } .image img{ display:block; max-width:100% } .wide_image{ margin-bottom:100px; width:100% } .wide_image img{ width:100% } .wide_image img.only_mobile{ display:none } .cols{ display:flex; justify-content:space-between; margin:30px 0 100px } .cols + .cols{ margin-top:-70px } .col{ width:630px; background:rgba(135,139,148,0.1); padding:58px 76px 57px; font:400 18px/25px 'Inter'; box-sizing:border-box } .cols5 .col2{ width:520px } .cols5 .col3{ width:740px } .cols3 .col{ width:410px; padding-right:50px !important } .cols_info .col{ background:rgba(135,139,148,0.1); padding:46px 55px; display:flex; align-items:center } .cols_info .order_info1{ background-image:url(/local/templates/lpi2023/images/order_info1.svg); background-repeat:no-repeat; background-position:90px 50%; padding-left:200px } .cols_info .order_info2{ background-image:url(/local/templates/lpi2023/images/order_info2.svg); background-repeat:no-repeat; background-position:86px 50%; padding-left:200px } .cols_info .order_info3{ background-image:url(/local/templates/lpi2023/images/order_info3.svg); background-repeat:no-repeat; background-position:58px 50%; padding-left:182px } .cols_info .order_info4{ background-image:url(/local/templates/lpi2023/images/order_info4.svg); background-repeat:no-repeat; background-position:46px 50%; padding-left:171px; padding-right:48px } .cols_check .col{ background:url(/local/templates/lpi2023/images/check.svg) 40px 50%/40px no-repeat rgba(135,139,148,0.05); padding:40px 70px 40px 120px; align-items:center; display:flex } .cols_check .col.col_love{ background-image:url(/local/templates/lpi2023/images/check_love.svg); justify-content:center; background-position:100px 50% } .col h3, .col .h3{ font:400 28px/34px 'Noto Sans'; margin-bottom:20px } .col.image{ padding:0 } .col1_3{ width:410px; padding:70px 54px } .col2_3{ width:850px; padding:70px 86px } .photos{ padding-bottom:100px } .photos h2, .photos .h2{ font:400 38px/45px 'Noto Sans'; margin-bottom:30px; text-transform:uppercase } .photos_slider{ padding-bottom:65px !important } .photos_slider_item{ width:300px; height:400px; display:flex; justify-content:center; align-items:center } .photos_slider_item img{ display:block; max-width:100%; max-height:100% } .repair_cost{ position:relative; margin-top:-66px } .half + .repair_cost{ margin-top:-90px } .repair_cost .col{ padding:41px 50px 42px; font:400 20px/28px 'Inter' } .repair_cost .col:first-child{ padding:0 110px 0 0; background:none; align-items:flex-end; display:flex } .half + .repair_cost .col{ width:520px } .half + .repair_cost .col:first-child{ width:650px; padding:0 0 20px } .repair_cost_form{ padding:0 } .repair_cost_form h3, .repair_cost_form .h3{ font:400 28px/34px 'Noto Sans'; text-transform:uppercase; text-align:center; margin-bottom:30px } .repair_cost_form .btn{ width:100%; border:0; background:#01234A; color:#fff; height:64px; padding:8px 30px; font:500 18px/24px 'Inter'; cursor:pointer } .brands_list{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:80px 75px; margin:60px 0 100px } .brands_list_item{ padding-bottom:72px; position:relative } .brands_list_item > a:first-child{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10 } .brands_list_item_image{ width:100%; height:276px; display:flex; justify-content:center; align-items:center; background:rgba(135,139,148,0.05); margin-bottom:10px } .brands_list_item_image img{ max-width:100%; max-height:100% } .brands_list_item p{ font:400 18px/25px 'Inter' } .brands_list_item p a{ color:#01234a } .brands_list_item .btn{ width:100%; display:flex; height:50px; border-radius:25px; justify-content:center; align-items:center; border:1px solid #01234A; font:500 16px/24px 'Inter'; letter-spacing:-0.5px; color:#01234A; position:absolute; bottom:0; left:0 } .main_promo{ display:flex; padding:90px 0 100px } .main_promo h1, .main_promo h3, .main_promo .h3{ font:400 28px/34px 'Noto Sans'; text-transform:uppercase } .main_promo .col{ width:520px; padding:0; background:none } .main_promo .col:first-child{ width:740px; margin-right:30px; flex:0 0 auto } .main_slider.owl-carousel{ width:740px; height:585px; margin-bottom:34px } .main_slider .owl-dots{ position:absolute; background:rgba(135,139,148,0.2); width:100%; height:74px; display:flex; justify-content:center; align-items:center; bottom:0 } .main_slider button.owl-dot{ background:#878B94; width:14px; height:14px; border-radius:7px; margin:0 16px; transition:0.5s } .main_slider button.owl-dot.active{ background:#01234A; width:60px } .main_slider_item{ width:740px; height:585px; position:relative } .main_slider_item > a{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:10 } .main_slider_item_image{ position:absolute; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat; background-position:50%; background-size:cover; z-index:0 } .main_slider_item h3, .main_slider_item .h3{ bottom:32px; left:42px; font:400 38px/46px 'Noto Sans'; color:#fff; position:absolute; text-transform:uppercase; width:50%; margin:0 } .main_features ul{ display:flex; justify-content:space-between } .main_features li{ background:rgba(135,139,148,0.2); width:232px; height:228px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; text-align:center; align-content:center } .main_features img{ width:104px; margin-bottom:27px } .main_features span{ text-transform:uppercase; font:400 22px/26px 'Noto Sans'; width:70% } .main_brands{ background:rgba(135,139,148,0.2); margin-bottom:30px; padding:30px 50px 37px; position:relative } .main_brands h1, .main_brands h3, .main_brands .h3{ margin-bottom:10px } .main_brands_slider .owl-dots{ position:absolute; width:100%; height:10px; left:0; display:flex; justify-content:center; align-items:center; bottom:-10px } .main_brands_slider button.owl-dot{ width:26px; height:26px; margin:0; display:flex; justify-content:center; align-items:center; transition:0.5s } .main_brands_slider button.owl-dot span{ background:#878B94; width:8px; height:8px; border-radius:50%; transition:0.5s } .main_brands_slider button.owl-dot.active span{ background:#01234A } .main_brands_slider_item{ width:195px; height:200px; display:flex; justify-content:center; align-items:center } .main_brands_slider_item img{ max-width:100%; max-height:100% } .main_status_form{ background:rgba(135,139,148,0.2); padding:30px 57px 30px 51px } .main_status_form h3, .main_status_form .h3{ margin-bottom:40px; margin-right:-10px } .main_status_form .field{ margin-bottom:20px } .main_status_form .field label{ font:500 20px/30px 'Inter'; color:#01234A; margin-bottom:13px; display:block } .main_status_form .field input{ width:100%; padding:13px 30px; box-sizing:border-box; background:transparent; border:1px solid #01234A; font:500 18px/24px 'Inter'; height:50px; outline:none } .main_status_form .btn{ margin-top:14px; width:100%; background:#01234A; height:64px; color:#fff; font:500 18px/24px 'Inter'; padding:0; border:0 } .main_status_form .btn span{ display:inline-block; vertical-align:middle } .main_status_form .btn span:before{ content:''; width:26px; height:26px; margin-right:10px; background:url(/local/templates/lpi2023/images/mag.svg) 50% 50%/contain no-repeat; display:inline-block; vertical-align:middle } .main_watchbands{ padding-bottom:104px } .section_title{ position:relative } .section_title h2, .section_title .h2{ font:400 38px/46px 'Noto Sans'; text-transform:uppercase; margin-bottom:40px } .section_title .section_title_link{ font:500 16px/24px 'Inter'; position:absolute; right:0; top:50%; margin-top:-12px; padding-right:24px; color:#01234A } .section_title .section_title_link:after{ content:''; position:absolute; background:url(/local/templates/lpi2023/images/more_arrow.svg) 50% 50%/contain no-repeat; width:18px; height:18px; right:0; top:50%; margin-top:-9px } .watchbands_slider{ display:flex; margin-right:-30px; position:relative } .watchbands_slider.owl-carousel{ margin-right:0; display:block; height:0; overflow:hidden; opacity:0 } .watchbands_slider.owl-carousel.owl-loaded{ height:initial; overflow:visible; opacity:1 } .watchbands_slider_item{ height:215px; display:flex; justify-content:center; align-items:center } .watchbands_slider_item img{ max-width:100%; max-height:100% } .nav_and_dots{ padding-bottom:45px } .nav_and_dots .owl-dots{ position:absolute; width:80%; height:32px; right:0; display:flex; justify-content:flex-end; align-items:center; bottom:0 } .nav_and_dots button.owl-dot{ width:26px; height:26px; margin:0; display:flex; justify-content:flex-end; align-items:center; transition:0.5s } .nav_and_dots button.owl-dot span{ background:#878B94; width:8px; height:8px; border-radius:50%; transition:0.5s } .nav_and_dots button.owl-dot.active span{ background:#01234A } .nav_and_dots .owl-nav{ position:absolute; width:20%; height:32px; left:0; display:flex; align-items:center !important; bottom:0 } .nav_and_dots button.owl-prev,.nav_and_dots button.owl-next{ width:32px; height:32px; margin:0 20px 0 0; display:flex; justify-content:center; align-items:center } .nav_and_dots button.owl-prev span{ background:url(/local/templates/lpi2023/images/slider_prev.svg) 50% 50%/contain no-repeat; width:100%; height:100%; transition:0.2s; text-indent:-999px; overflow:hidden } .nav_and_dots button.owl-next span{ background:url(/local/templates/lpi2023/images/slider_next.svg) 50% 50%/contain no-repeat; width:100%; height:100%; transition:0.2s; text-indent:-999px; overflow:hidden } .main_repair{ display:flex; flex-wrap:wrap; padding-bottom:100px } .main_repair h2, .main_repair .h2{ font:400 38px/46px 'Noto Sans'; text-transform:uppercase; margin-bottom:30px; width:100% } .main_repair .col{ width:550px; font:400 20px/24px 'Inter'; padding:0; background:none } .main_repair .col:nth-child(2){ width:550px; margin-right:80px } .main_repair img{ display:block; max-width:100% } .main_repair ul{ margin:-10px 0 } .main_repair li{ position:relative; padding:10px 0 10px 52px; margin-bottom:18px } .main_repair li:before{ content:''; position:absolute; width:32px; height:32px; background:url(/local/templates/lpi2023/images/li.svg) 50% 50%/contain no-repeat; left:0; top:7px } .main_repair li a{ color:#01234A } .main_numbers{ font:300 68px/82px 'Noto Sans'; padding-bottom:100px } .main_numbers ul{ display:flex; justify-content:space-between } .main_numbers li{ width:20% } .main_numbers span{ display:block; margin-top:6px; font:400 20px/24px 'Inter' } .main_warranty{ display:flex; margin-bottom:30px } .main_warranty .col{ background:#244C7F; color:#fff; width:710px; padding:42px 52px; font:300 18px/25px 'Inter'; display:flex; flex-wrap:wrap; justify-content:space-between } .main_warranty .col:first-child{ background:rgba(135,139,148,0.2); color:#01234A; width:550px; margin-right:30px; padding:42px 58px; font:400 18px/22px 'Inter'; display:block; flex:0 0 auto; box-sizing:border-box } .main_warranty .col h3, .main_warranty .col .h3{ font:400 28px/34px 'Inter'; color:#fff; margin-bottom:30px; width:100% } .main_warranty .col:first-child h3, .main_warranty .col:first-child .h3{ color:#01234A } .main_warranty li{ position:relative; padding-left:28px } .main_warranty .col:first-child li{ margin-bottom:20px } .main_warranty li:before{ content:''; position:absolute; width:6px; height:6px; background:#fff; border-radius:50%; left:10px; top:8px } .main_warranty .col:first-child li:before{ background:#01234A } .main_warranty li a{ color:#fff } .main_masters{ display:flex; padding-bottom:100px } .main_masters .col{ background:rgba(135,139,148,0.2); color:#01234A; width:550px; padding:37px 56px 0; font:400 18px/25px 'Inter' } .main_masters .col:first-child{ padding:0; width:710px; margin-right:30px; flex:0 0 auto } .main_masters .col img{ max-width:100%; display:block } .main_masters .col h3, .main_masters .col .h3{ font:400 28px/34px 'Inter'; color:#01234A; margin-bottom:30px } .main_masters li{ position:relative; padding-left:28px; margin-bottom:20px } .main_masters li:before{ content:''; position:absolute; width:6px; height:6px; background:#01234A; border-radius:50%; left:10px; top:8px } .main_reviews,.main_articles{ padding-bottom:100px } .reviews_slider_item{ background:rgba(135,139,148,0.1); width:630px; padding:43px 57px; box-sizing:border-box; font:400 18px/25px 'Inter' } .reviews_slider_item h3, .reviews_slider_item .h3{ margin-bottom:20px; font:400 28px/34px 'Noto Sans' } .reviews_slider_item .date{ color:#878B94; font:400 18px/23px 'Inter'; margin-top:20px } /* .articles_slider .owl-nav{ position:absolute; width:20%; height:32px; right:0; display:flex; align-items:center; top:-78px; justify-content:flex-end } .articles_slider button.owl-prev,.articles_slider button.owl-next{ width:32px; height:32px; margin:0 0 0 20px; display:flex; justify-content:center; align-items:center } .articles_slider button.owl-prev span{ background:url(/local/templates/lpi2023/images/slider_prev.svg) 50% 50%/contain no-repeat; width:100%; height:100%; transition:0.2s; text-indent:-999px; overflow:hidden } .articles_slider button.owl-next span{ background:url(/local/templates/lpi2023/images/slider_next.svg) 50% 50%/contain no-repeat; width:100%; height:100%; transition:0.2s; text-indent:-999px; overflow:hidden } */ .articles_slider_item > a{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10 } .articles_slider_item_image{ width:630px; height:280px; background-position:50%; background-size:cover; background-repeat:no-repeat; margin-bottom:20px } .articles_slider_item h3, .articles_slider_item .h3{ font:400 28px/34px 'Noto Sans'; margin-bottom:10px } .articles_slider_item p{ font:400 18px/25px 'Inter'; width:80%; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } .main_about{ display:flex; justify-content:space-between; padding-bottom:100px; font:400 18px/25px 'Inter' } .main_about.wide{ display:block; } .main_about .col{ width:630px; padding:0; background:initial } .main_about h2, .main_about .h2{ font:400 38px/46px 'Noto Sans'; margin-bottom:30px; text-transform:uppercase } .main_about .more{ height:64px; display:inline-block; background:#01234A; border-radius:32px; color:#fff; padding:20px 90px 20px 53px; box-sizing:border-box; font:500 18px/24px 'Inter'; margin-top:10px; position:relative } .main_about .more:after{ content:''; position:absolute; height:26px; width:26px; background:url(/local/templates/lpi2023/images/more_arrow4.svg) 50% 50% no-repeat; margin-top:-13px; right:53px; top:50% } .main_about img{ display:block; max-width:100% } .main_about p{ margin-bottom:28px } .repair_detail_cost{ font:400 20px/28px 'Inter' } .repair_detail_cost .wide_image{ margin-bottom:30px } .wide_image{ position:relative; } .wide_image a{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:10; } .repair_detail_cost p{ margin-bottom:60px } .repair_detail_cost .cols .col{ width:410px; padding:0 } .repair_detail_cost .cols .col:first-child{ width:850px; margin-right:30px } .repair_detail_cost h2, .repair_detail_cost .h2{ margin-bottom:30px } .repair_detail_cost table{ width:100%; margin-bottom:100px } .repair_detail_cost table th{ background:#01234A; color:#fff; vertical-align:middle; white-space:nowrap; padding:15px 20px; text-align:left; border-bottom:3px solid #fff } .repair_detail_cost table th:first-child,.repair_detail_cost table td:first-child{ padding-left:40px } .repair_detail_cost table th:last-child,.repair_detail_cost table td:last-child{ padding-right:40px } .repair_detail_cost table td{ vertical-align:middle; padding:28px 20px; border-bottom:3px solid #fff; background:rgba(135,139,148,0.1); font:500 16px/22px 'Inter'; min-width:110px; transition:0.2s } .repair_detail_cost table td.table_title{ background:rgba(11,130,240,0.2) !important; padding:10px 40px; font:500 18px/27px 'Inter'; vertical-align:middle; } .repair_detail_cost table td.table_title > div:first-child{ float:left; max-width:30%; position:relative; padding-right:70px; box-sizing:border-box; cursor:pointer; } .repair_detail_cost table td.table_title > div:first-child:after{ content:''; width:10px; height:10px; border:0; border-bottom:2px solid #000; border-right:2px solid #000; transform:rotate(45deg); position:absolute; right:30px; top:50%; margin-top:-9px; transition:0.2s; } .repair_detail_cost table td.table_title > div.open:first-child:after{ transform:rotate(225deg); margin-top:-3px; } .repair_detail_cost table td.table_title .table_title_description{ float:right; width:70%; text-align:left; display:none; } .repair_detail_cost table td.table_comment{ background:rgba(135,139,148,0.1); padding:10px 40px; font:500 16px/22px 'Inter' } .repair_detail_cost .repair_cost_form h3, .repair_detail_cost .repair_cost_form .h3{ margin-bottom:23px } .repair_detail_cost .repair_cost_form{ padding:127px 52px 49px; background:url(/local/templates/lpi2023/images/cost_form.svg) 50% 24px/78px no-repeat } .repair_status_form{ background:#F3F3F4; padding:30px 80px 49px; display:flex; flex-wrap:wrap } .repair_status_form h3, .repair_status_form .h3{ margin-bottom:30px; text-transform:uppercase } .repair_status_form .field{ margin-bottom:30px; width:330px; margin-right:30px } .repair_status_form .field + .field{ margin-right:0 } .repair_status_form .field label{ font:500 20px/30px 'Inter'; color:#01234A; margin-bottom:14px; display:block } .repair_status_form .field input{ width:100%; padding:13px 30px; box-sizing:border-box; background:transparent; border:1px solid #01234A; font:500 18px/24px 'Inter'; height:50px; outline:none } .repair_status_form .btn{ width:100%; background:#01234A; height:64px; color:#fff; font:500 18px/24px 'Inter'; padding:0; border:0 } .repair_status_form .btn span{ display:inline-block; vertical-align:middle } .repair_status_form .btn span:before{ content:''; width:26px; height:26px; margin-right:10px; background:url(/local/templates/lpi2023/images/mag.svg) 50% 50%/contain no-repeat; display:inline-block; vertical-align:middle } .repair_detail_title{ display:flex; align-items:center; } .repair_detail_title_instrlink{ margin-left:auto; color:#01234A; font-size:16px; position:relative; padding-left:25px; } .repair_detail_title_instrlink:before{ content:''; width:17px; height:18px; margin-top:-9px; position:absolute; top:50%; left:0; background:url(/images/inst_left.svg) 0 0/100% no-repeat; } .watchbands .wide_image{ margin-bottom:30px } .watchbands p{ font:400 20px/28px 'Inter'; width:100% } .catalog_search{ width:100%; position:relative; margin:100px 0 29px; height:57px; display:flex } .catalog_search input{ font:500 18px/24px 'Inter'; height:100%; width:100%; padding:0 60px; box-sizing:border-box; border:1px solid rgb(1 35 74 / 60%); color:#01234A } .catalog_search:before{ content:''; width:26px; height:26px; position:absolute; left:24px; top:16px; background:url(/local/templates/lpi2023/images/search.svg) 50% 50%/contain no-repeat; opacity:0.6 } .catalog_search_info{ position:absolute; right:219px } .catalog_search_info span{ width:24px; height:77px; position:absolute; top:-10px; right:16px; background:url(/local/templates/lpi2023/images/search_info.svg) 50% 50%/contain no-repeat } .catalog_search_info_dropdown{ background:#E7F3FE; position:absolute; right:0; width:398px; padding:20px 34px 34px; z-index:-10; box-sizing:border-box; font:500 16px/24px 'Inter'; box-shadow:40px 35px 35px -3px rgba(0,0,0,0.05); top:67px; opacity:0 } .catalog_search_info_dropdown img{ display:block; max-width:100%; margin-top:20px } .catalog_search .btn{ height:100%; background:#01234A; color:#fff; font:600 16px/24px 'Inter'; width:200px; margin-left:20px; flex:0 0 auto } .watchbands_filter{ height:50px; display:flex; margin-bottom:60px } .field.checkbox{ display:flex; align-items:center; padding:13px 23px 13px 27px; border:1px solid rgba(1,35,74,0.4); border-radius:25px; margin-right:30px; box-sizing:border-box } .watchbands_filter .field.checkbox .jq-checkbox{ margin-bottom:-1px } .field.checkbox label{ font:600 16px/24px 'Inter' } .field.checkbox .jq-checkbox{ width:22px; height:22px; border-radius:50%; border:2px solid #01234A; margin-right:13px; background:none; box-shadow:none; box-sizing:border-box } .field.checkbox .jq-checkbox .jq-checkbox__div{ width:8px; height:4px; margin:5px 0 0 4px; border-bottom:2px solid transparent; border-left:2px solid transparent; transition:0.1s; transform:rotate(-50deg) } .field.checkbox .jq-checkbox.checked .jq-checkbox__div{ margin:5px 0 0 4px; border-color:#01234A } .field.select{ border:1px solid rgba(1,35,74,0.4); border-radius:25px; display:flex; align-items:center; margin-right:30px; padding:13px 24px } .field.select > select{ width:100% } .field.select label{ font:600 16px/24px 'Inter' } .field.select .jq-selectbox__select{ height:24px; padding:0 30px 0 10px; border:none; border-radius:0; background:none; box-shadow:none; font:600 18px/24px 'Inter'; color:#01234A; text-shadow:none } .field.select .jq-selectbox__trigger{ top:0; right:0; width:30px; height:100%; border-left:0 } .field.select .jq-selectbox__trigger-arrow{ position:absolute; top:3px; right:3px; width:10px; height:10px; border:0; border-right:2px solid #01234A; border-bottom:2px solid #01234A; transform:rotate(45deg) } .field.select .jq-selectbox__dropdown{ border:1px solid rgba(1,35,74,0.4); border-radius:0; min-width:210px; font:600 18px/24px 'Inter' } .field.select .jq-selectbox li{ min-height:18px; padding:5px 9px 4px; color:#01234A } .field.select .jq-selectbox li.selected{ background-color:rgba(1,35,74,0.4); color:#fff } .watchbands_list{ display:grid; grid-gap:60px 30px; grid-template-columns:repeat(3,1fr) } .watchbands_list_item{ position:relative; width:410px; margin-right:30px; padding:27px 33px 104px; background:#fff; border-radius:20px; box-sizing:border-box; transition:0.5s } .watchbands_list_item.spec_brand{ padding-bottom:27px } .watchbands_slider.owl-carousel .watchbands_list_item{ width:initial; margin-right:0 } .watchbands_list_item > a:first-child{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:10 } .watchbands_list_item .mark_discount, .detail_page .mark_discount{ position:absolute; font:400 16px/24px 'Inter'; color:#fff; background:rgba(237,43,44,1); padding:5px 15px; display:flex; align-items:center; left:33px; top:27px; } .detail_page .mark_discount{ left:23px; top:20px; border-radius:15px; z-index:10; } .watchbands_list_item_image{ width:100%; height:345px; display:flex; justify-content:center; align-items:center; margin-bottom:23px; background:#fff } .watchbands_list_item_image img{ max-height:100%; max-width:100% } .watchbands_list_item_info{ position:relative; color:rgba(1,35,74,0.6); font:400 18px/25px 'Inter' } .watchbands_list_item_price{ font:600 22px/24px 'Inter'; margin-bottom:23px; color:#01234A } .item_price{ position:relative; display:inline-block; } .item_price .old_price{ font:600 15px/24px 'Inter'; text-decoration:line-through; color:#A5BAD1; position:absolute; top:-24px; right:0; text-wrap:nowrap; } .item_price .discount{ position:absolute; font:600 14px/22px 'Inter'; color:#fff; background:#17559D; border-radius:19px; height:38px; padding:0 11px; display:flex; align-items:center; left:100%; top:50%; margin:-19px 0 0 12px; } .detail_price .item_price .old_price{ top:-30px; } .search-view-default .item_price{ margin-top:20px; } .watchbands_list_item_avail{ position:absolute; right:0; top:-8px; background:rgba(1,35,74,0.05); font:600 14px/22px 'Inter'; height:40px; color:#17559D; display:flex; align-items:center; padding:0 16px 0 16px; border-radius:20px } .watchbands_list_item_avail:before{ content:''; width:24px; height:24px; background:url(/local/templates/lpi2023/images/avail.svg) 50% 50%/contain no-repeat; display:inline-block; margin-right:8px } .watchbands_list_item_avail.preorder:before{ content:''; background:url(/local/templates/lpi2023/images/avail_preorder.svg) 50% 50%/contain no-repeat } .watchbands_list_item_avail.many, .search-previewtext.many{ color:#179D1C } .watchbands_list_item_avail.few, .search-previewtext.few{ color:#ED1E1E } .watchbands_list_item_avail.many:before,.watchbands_list_item_avail.few:before{ display:none } .watchbands_list_item .btn{ font:500 18px/24px 'Inter'; color:#01234A; position:absolute; z-index:20; left:33px; right:33px; bottom:24px; border:1px solid #01234A; border-radius:25px; height:50px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; transition:0.2s } .watchbands_list_item .btn span{ position:relative; padding-left:34px } .watchbands_list_item .btn span:before{ content:''; width:24px; height:24px; position:absolute; top:50%; margin-top:-12px; left:0; background:url(/local/templates/lpi2023/images/btn_cart.svg) 50% 50%/contain no-repeat; transition:0.2s } .paginator{ margin:40px 0 100px; display:flex; justify-content:center; font:500 17px/25px 'Inter' } .paginator .prev{ display:block; background:url(/local/templates/lpi2023/images/pag_next.svg) 50% 50%/contain no-repeat; margin-right:32px; width:32px; height:32px; transform:rotate(180deg) } .paginator .next{ display:block; background:url(/local/templates/lpi2023/images/pag_next.svg) 50% 50%/contain no-repeat; width:32px; height:32px; margin-left:32px } .paginator span.prev,.paginator span.next{ opacity:0.2 } .paginator ul{ display:flex } .paginator li{ margin:0 5px } .paginator li a{ display:flex; width:32px; height:32px; border-radius:50%; background:transparent; justify-content:center; align-items:center; color:#01234A; transition:0.2s; padding:0 0 0 1px; box-sizing:border-box } .paginator li.active a{ background:#01234A; color:#fff } .reference{ margin-bottom:100px } .watchbands_list + .reference{ margin-top:100px } .reference h2, .reference .h2{ margin-bottom:30px } .reference_images{ display:grid; grid-gap:30px; grid-template-columns:repeat(3,1fr) } .reference_images img{ display:block } .detail_page{ display:flex; flex-wrap:wrap; justify-content:space-between } .detail_images{ position:relative; width:520px; margin-bottom:100px } .detail_image_art{ position:absolute; left:30px; top:450px; z-index:10; background:rgba(1,35,74,0.05); font:600 14px/22px 'Inter'; height:40px; color:#999; display:flex; align-items:center; padding:0 16px 0 16px; border-radius:20px } .detail_avail{ position:absolute; right:30px; top:450px; z-index:10; background:rgba(1,35,74,0.05); font:600 14px/22px 'Inter'; height:40px; color:#17559D; display:flex; align-items:center; padding:0 16px 0 16px; border-radius:20px } .detail_avail:before{ content:''; width:24px; height:24px; background:url(/local/templates/lpi2023/images/avail.svg) 50% 50%/contain no-repeat; display:inline-block; margin-right:8px } .detail_avail.preorder:before{ content:''; background:url(/local/templates/lpi2023/images/avail_preorder.svg) 50% 50%/contain no-repeat } .detail_avail.many{ color:#179D1C } .detail_avail.few{ color:#ED1E1E } .detail_avail.many:before,.detail_avail.few:before{ display:none } .detail_main_image{ background:#FFFFFF; border:1px solid rgba(135,139,148,0.24); border-radius:28px; overflow:hidden; position:relative; width:100%; height:520px; margin-bottom:40px; box-sizing:border-box } .detail_main_image > div{ position:absolute; top:0; left:0; right:0; bottom:0; display:flex; justify-content:center; align-items:center } .detail_main_image a{ width:100%; height:100%; display:flex; justify-content:center; align-items:center } .detail_main_image img{ max-width:100%; max-height:100% } .detail_images_slider{ width:300px; margin:0 auto } .detail_images_slider a{ border:1px solid rgba(135,139,148,0.24); border-radius:4px; width:80px; height:80px; display:flex; justify-content:center; align-items:center; box-sizing:border-box } .detail_images_slider a img{ max-width:100%; max-height:100% } .detail_images_slider .owl-nav{ position:absolute; left:-62px; right:-62px; top:50%; height:0; display:flex; justify-content:space-between } .detail_images_slider .owl-carousel button.owl-prev{ display:block; background:url(/local/templates/lpi2023/images/pag_next.svg) 50% 50%/contain no-repeat; margin-top:-16px; width:32px; height:32px; transform:rotate(180deg) } .detail_images_slider .owl-carousel button.owl-next{ display:block; background:url(/local/templates/lpi2023/images/pag_next.svg) 50% 50%/contain no-repeat; margin-top:-16px; width:32px; height:32px } .detail_images_slider .owl-carousel button.owl-prev.disabled,.detail_images_slider .owl-carousel button.owl-next.disabled{ opacity:0.2 } .detail_images_slider .owl-carousel button.owl-prev span,.detail_images_slider .owl-carousel button.owl-next span{ display:none } .detail_description{ margin-bottom:100px; width:660px } .detail_description h1{ text-transform:initial } .detail_description dl{ font:400 20px/40px 'Inter'; display:flex } .detail_description dt{ white-space:nowrap; margin-right:6px } .detail_price{ margin-top:43px; font:600 34px/24px 'Inter' } .detail_description .btn{ font:500 18px/24px 'Inter'; color:#01234A; border:1px solid #01234A; border-radius:25px; height:50px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; transition:0.2s; margin-top:43px; width:280px; margin-right:20px; background:none; } .detail_description .js-pop_order{ float:left; margin-bottom:5px; } .detail_description .btn span{ position:relative; padding-left:34px } .detail_description .btn span:before{ content:''; width:24px; height:24px; position:absolute; top:50%; margin-top:-12px; left:0; transition:0.2s; background:url(/local/templates/lpi2023/images/btn_cart.svg) 50% 50%/contain no-repeat } .detail_watsapp{ margin-top:60px; display:inline-block; background:url(/local/templates/lpi2023/images/link_watsapp.svg) 0 50%/24px no-repeat; padding-left:32px; font:400 18px/24px 'Inter'; color:#01234A } .detail_tabs{ width:100%; margin-bottom:100px } .detail_tabs_titles ul{ display:flex } .detail_tabs_titles li a{ color:#01234A; padding-left:42px; min-height:56px; display:block; padding:0 34px 0 76px; background-position:34px 50%; background-repeat:no-repeat; background-size:32px; background-color:transparent; box-sizing:border-box; font:500 18px/24px Inter; display:flex; align-items:center } .detail_tabs_titles li.tab_description a{ background-image:url(/local/templates/lpi2023/images/tab_description.svg) } .detail_tabs_titles li.tab_delivery a{ background-image:url(/local/templates/lpi2023/images/tab_delivery.svg) } .detail_tabs_titles li.tab_payment a{ background-image:url(/local/templates/lpi2023/images/tab_payment.svg) } .detail_tabs_titles li.tab_services a{ background-image:url(/local/templates/lpi2023/images/tab_services.svg) } .detail_tabs_titles li.active a{ background-color:rgba(1,35,74,0.05) } .tab_content{ display:none; background:rgba(1,35,74,0.05); font:400 18px/27px 'Inter' } .tab_content.active{ display:block } .tab_content > .flex_content{ display:flex } .tab_content .col{ padding:50px 125px 50px 80px; background:none; width:100%; font:400 18px/27px 'Inter' } .tab_content.tab_description .col:last-child{ width:394px; padding:0; flex:0 0 auto } .tab_content.tab_delivery .col:last-child{ width:394px; padding:0; flex:0 0 auto } .tab_content.tab_payment .col:last-child{ width:161px; padding:31px 32px 32px; flex:0 0 auto } .tab_content.tab_services .col:last-child{ width:394px; padding:0; flex:0 0 auto } .tab_content p{ margin-bottom:30px } .tab_content b{ font-weight:600 } .links_list{ display:flex; flex-wrap:wrap; margin:50px -80px 0 0 } .links_list a{ padding:12px 28px; box-sizing:border-box; font:500 16px/24px 'Inter'; color:#01234A; background:#fff; border-radius:24px; margin-right:30px; transition:0.2s } .tab_content .col img{ display:block; max-width:100% } .paysystems{ display:flex; margin-top:38px } .paysystems img{ margin-right:21px } .tab_content li{padding-left:30px;position:relative;font-weight:600;margin-bottom:40px;} .tab_content li:before{content:'';width:5px;height:5px;border-radius:50%;position:absolute;top:11px;left:13px;background:#01234a;} .tab_content li p{ margin:12px -40px 0 -30px; font:400 16px/24px 'Inter' } .detail_watchbands_list{ width:100%; margin-bottom:100px } .detail_watchbands_list h3, .detail_watchbands_list .h3{ font:400 38px/46px 'Noto Sans'; margin-bottom:30px; width:60%; text-transform:uppercase } .detail_watchbands_list .watchbands_slider.owl-carousel{ padding-bottom:60px } .detail_watchbands_list .watchbands_slider.owl-carousel .owl-nav{ position:absolute; width:20%; height:32px; right:0; display:flex; align-items:center; top:-78px; justify-content:flex-end } .detail_watchbands_list .watchbands_slider.owl-carousel button.owl-prev,.detail_watchbands_list .watchbands_slider.owl-carousel button.owl-next{ width:32px; height:32px; margin:0 0 0 20px; display:flex; justify-content:center; align-items:center } .detail_watchbands_list .watchbands_slider.owl-carousel button.owl-prev span{ background:url(/local/templates/lpi2023/images/slider_prev.svg) 50% 50%/contain no-repeat; width:100%; height:100%; transition:0.2s; text-indent:-999px; overflow:hidden } .detail_watchbands_list .watchbands_slider.owl-carousel button.owl-next span{ background:url(/local/templates/lpi2023/images/slider_next.svg) 50% 50%/contain no-repeat; width:100%; height:100%; transition:0.2s; text-indent:-999px; overflow:hidden } .detail_watchbands_list .watchbands_slider.owl-carousel .owl-dots{ position:absolute; width:100%; height:10px; left:0; display:flex; justify-content:center; align-items:center; bottom:10px } .detail_watchbands_list .watchbands_slider.owl-carousel button.owl-dot{ width:26px; height:26px; margin:0; display:flex; justify-content:center; align-items:center; transition:0.5s } .detail_watchbands_list .watchbands_slider.owl-carousel button.owl-dot span{ background:#878B94; width:8px; height:8px; border-radius:50%; transition:0.5s } .detail_watchbands_list .watchbands_slider.owl-carousel button.owl-dot.active span{ background:#01234A } .services{ display:flex; margin-bottom:100px } .services .col{ width:520px; padding:0; background:none } .services .col:first-child{ width:100%; margin-right:30px } .services .col:last-child{ flex:0 0 auto } #yamap{ width:100%; height:763px; margin-top:35px } .services_filter{ display:flex; margin-bottom:29px; margin-right:-30px } .services_filter .jq-selectbox__select-text{ text-overflow:ellipsis; max-width:100%; overflow:hidden } .services_filter .select{ box-sizing:border-box; width:236px } .services_list{ height:763px } .services_list_container{ height:100%; margin-right:-26px } .services_list_container.mCS_no_scrollbar{ margin-right:0 } .services_list_item{ background:rgba(1,35,74,0.05); margin-bottom:30px; padding:30px 37px 12px; position:relative } .services_list_item h3, .services_list_item .h3{ font:500 20px/24px 'Inter'; width:70%; letter-spacing:-0.5px; margin-bottom:20px } .services_list_item_info{ margin-bottom:28px; font:500 16px/24px 'Inter' } .services_list_item_email,.services_list_item_address,.services_list_item_phone{ padding-left:44px; position:relative; display:block; color:#01234A; font:400 18px/24px 'Inter'; margin-left:-10px } .services_list_item_email:before,.services_list_item_address:before,.services_list_item_phone:before{ content:''; width:18px; height:18px; margin-top:-9px; position:absolute; top:50%; left:16px; background-size:contain; background-position:50%; background-repeat:no-repeat } .services_list_item_phone{ margin-bottom:22px } .services_list_item_phone:before{ background-image:url(/local/templates/lpi2023/images/serv_phone.svg) } .services_list_item_email{ margin-bottom:22px } .services_list_item_email:before{ background-image:url(/local/templates/lpi2023/images/serv_email.svg) } .services_list_item_address{ display:flex; flex-direction:column; align-items:flex-start; margin-bottom:22px } .services_list_item_address:before{ background-image:url(/local/templates/lpi2023/images/serv_address.svg); top:3px; margin-top:0 } .services_list_item_address span{ font:400 16px/24px 'Inter'; border-bottom:2px dashed #01234A } .btn_onmap{ position:absolute; top:30px; right:30px; background:#01234A; height:38px; border-radius:19px; color:#fff; font:600 14px/22px 'Inter'; display:flex; align-items:center; padding:8px 44px 8px 16px; box-sizing:border-box; transition:0.2s } .btn_onmap:after{ content:''; position:absolute; top:50%; margin-top:-10px; right:16px; background:url(/local/templates/lpi2023/images/on_map.svg) 50% 50%/contain no-repeat; height:20px; width:20px; transition:0.2s } .delivery{ margin-bottom:100px } .delivery p{ margin-bottom:60px } .delivery .cols{ margin-top:-30px; flex-wrap:wrap } .delivery .col{ padding:42px 58px 12px 58px; margin-bottom:30px; width:740px; box-sizing:border-box } .delivery .col:nth-child(2n+2){ margin-right:0; width:520px; flex:0 0 auto } .delivery .col.image{ padding:0; margin:0 } .delivery .col h3, .delivery .col .h3{ font:400 28px/34px 'Noto Sans' } .delivery .col p{ margin-bottom:28px } .delivery .footer_paysystems{ margin-bottom:30px } .delivery .footer_paysystems img{ border-radius:7px; overflow:hidden } .delivery .col.delivery_three_col{ background:none; padding:0; margin-bottom:0; display:flex; flex-direction:column; align-items:stretch } .delivery .col.delivery_three_col > div{ margin-bottom:30px; background:rgba(135,139,148,0.1); padding:42px 58px 12px 58px } .delivery .col.delivery_three_col > div:last-child{ margin-bottom:0; height:100% } .delivery_phone,.delivery_address,.delivery_times{ padding-left:48px; position:relative; display:block; color:#01234A; font:500 18px/24px 'Inter' } .delivery_phone:before,.delivery_address:before,.delivery_times:before{ content:''; width:22px; height:22px; margin-top:-11px; position:absolute; top:50%; left:16px; background-size:contain; background-position:50%; background-repeat:no-repeat } .delivery_phone{ margin-bottom:34px } .delivery_phone a{ color:#01234a; } .delivery_phone:before{ background-image:url(/local/templates/lpi2023/images/serv_phone.svg) } .delivery_address{ margin-bottom:34px } .delivery_address:before{ background-image:url(/local/templates/lpi2023/images/serv_address.svg); top:1px; margin-top:0 } .delivery_address span{ display:block; font:400 18px/24px 'Inter'; margin-top:8px } .delivery_times{ margin-bottom:34px } .delivery_times:before{ background-image:url(/local/templates/lpi2023/images/serv_times.svg); top:1px; margin-top:0 } .delivery_times span{ display:block; font:400 18px/24px 'Inter'; margin-top:8px } .delivery #yamap{ height:430px; margin-bottom:30px } .office_list{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:30px } .office_list_item{ background:rgba(1,35,74,0.05); padding:30px 43px 0; position:relative } .office_list_item.hidden{ display:none } .office_list_item h3, .office_list_item .h3{ font:500 20px/24px 'Inter'; letter-spacing:-0.5px; margin-bottom:38px; width:65% } .office_list_item_address,.office_list_item_times{ padding-left:48px; position:relative; display:block; color:#01234A; font:500 18px/24px 'Inter' } .office_list_item_address:before,.office_list_item_times:before{ content:''; width:22px; height:22px; margin-top:-11px; position:absolute; top:50%; left:16px; background-size:contain; background-position:50%; background-repeat:no-repeat } .office_list_item_address{ margin-bottom:26px } .office_list_item_address:before{ background-image:url(/local/templates/lpi2023/images/serv_address.svg); top:1px; margin-top:0 } .office_list_item_address span{ display:block; font:400 18px/24px 'Inter'; margin-top:8px } .office_list_item_times{ margin-bottom:30px } .office_list_item_times:before{ background-image:url(/local/templates/lpi2023/images/serv_times.svg); top:1px; margin-top:0 } .office_list_item_times span{ display:block; font:400 18px/24px 'Inter'; margin-top:8px } .office_list_item p{ font:400 18px/24px 'Inter'; margin-bottom:30px; word-break:break-word } .office_list_item p b{ font-weight:600 } .buttons_more{ margin-top:60px; display:flex } .buttons_more .btn{ font:500 18px/24px 'Inter'; color:#01234a; height:56px; display:flex; border-radius:28px; box-sizing:border-box; padding:13px 70px 13px 28px; position:relative; background:rgba(1,35,74,0.05); align-items:center } .buttons_more .btn:after{ content:''; position:absolute; height:32px; width:32px; background:url(/local/templates/lpi2023/images/more_arrow5.svg) 50% 50% no-repeat; margin-top:-16px; right:28px; top:50% } .reviews_list{ position:relative; margin:60px 0 } .add_review{ position:absolute; height:56px; display:flex; align-items:center; padding:16px 70px 16px 28px; border-radius:28px; background:rgba(1,35,74,0.05); font:500 18px/24px 'Inter'; color:#01234a; box-sizing:border-box; top:-111px; right:0 } .add_review:after{ content:''; position:absolute; height:32px; width:32px; top:50%; margin-top:-16px; right:28px; background:url(/local/templates/lpi2023/images/btn_review.svg) 50% 50%/contain no-repeat } .reviews_list_item{ background:rgba(135,139,148,0.05); padding:42px 58px; margin-bottom:30px } .reviews_list_item_name{ font:400 28px/34px 'Noto Sans'; margin-bottom:20px } .reviews_list_item_name span{ font:400 18px/25px 'Inter'; display:inline-block; margin-left:20px; color:#878b94 } .reviews_list_item_text{ font:400 18px/25px 'Inter' } .contacts_cols_info{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:30px; margin-bottom:100px; font:400 18px/25px 'Inter' } .contacts_cols_info .col{ padding:32px 39px 2px } .contacts_cols_info h3, .contacts_cols_info .h3{ font:600 20px/28px 'Inter'; margin-bottom:10px } .contacts_cols_info p{ margin-bottom:30px } .contacts_phone,.contacts_whatsapp,.contacts_email,.contacts_times{ padding-left:50px; position:relative; display:block; color:#01234A; font:500 18px/24px 'Inter'; background-size:contain; background-position:50%; background-repeat:no-repeat } .contacts_phone:before,.contacts_whatsapp:before,.contacts_email:before,.contacts_times:before{ content:''; width:24px; height:24px; margin-top:-12px; position:absolute; top:50%; left:16px; background-size:contain; background-position:50%; background-repeat:no-repeat } .contacts_phone{ margin:38px 0 36px } .contacts_phone:before{ background-image:url(/local/templates/lpi2023/images/serv_phone.svg) } .contacts_whatsapp{ margin-bottom:28px } .contacts_whatsapp:before{ background-image:url(/local/templates/lpi2023/images/serv_whatsapp.svg); top:12px } .contacts_whatsapp span{ font:400 14px/20px 'Inter'; margin-top:8px; display:block } .contacts_email{ margin-bottom:38px } .contacts_email:before{ background-image:url(/local/templates/lpi2023/images/serv_email.svg) } .contacts_times{ display:flex; flex-direction:column; align-items:flex-start; margin-bottom:0; line-height:28px } .contacts_times:before{ background-image:url(/local/templates/lpi2023/images/serv_times.svg) } .contacts_cols_map{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:30px; margin-bottom:100px } .contacts_cols_map .col{ width:100%; padding:0; margin:0 } .contacts_cols_map #yamap{ width:100%; height:425px; margin:0 } .contacts_cols_video{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:30px; margin-bottom:100px } .contacts_cols_video .col{ padding:0; height:350px } .contacts_cols_video .feedback_form{ padding:160px 80px 60px; text-align:center; position:relative } .contacts_cols_video .feedback_form:before{ content:''; position:absolute; width:54px; height:80px; top:45px; left:50%; margin-left:-27px; background:url(/local/templates/lpi2023/images/logo_header.svg) 50% 50%/contain no-repeat } .contacts_cols_video .feedback_form h3, .contacts_cols_video .feedback_form .h3{ text-transform:uppercase; margin-bottom:30px; font:400 28px/34px 'Noto Sans' } .contacts_cols_video .feedback_form .btn{ width:100%; border:0; background:#01234A; color:#fff; height:64px; padding:8px 30px; font:500 18px/24px 'Inter'; cursor:pointer } .contacts_cols_video iframe,.contacts_cols_video video{ width:100%; height:100% } .contacts_cols_forms{ display:flex; margin-bottom:100px } .contacts_cols_forms .col{ width:850px; padding:0 } .contacts_cols_forms .col:first-child{ width:410px; margin-right:30px } .contacts_cols_forms .repair_cost_form{ padding:127px 52px 49px; background:url(/local/templates/lpi2023/images/cost_form.svg) 50% 24px/78px no-repeat } .contacts_cols_forms .repair_cost_form h3, .contacts_cols_forms .repair_cost_form .h3{ margin-bottom:23px } .articles{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:60px 30px; margin-bottom:100px } .articles + .paginator{ margin-top:-60px } .articles_item{ position:relative; padding-bottom:80px } .articles_item > a{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:10 } .articles_item_image{ width:630px; height:280px; background-position:50%; background-size:cover; background-repeat:no-repeat; margin-bottom:20px } .articles_item h3, .articles_item .h3{ font:400 28px/34px 'Noto Sans'; margin-bottom:10px } .articles_item p{ font:400 18px/25px 'Inter'; width:80% } .articles_item .more{ font:500 16px/24px 'Inter'; color:#878B94; height:50px; border:1px solid #878B94; display:inline-block; border-radius:25px; box-sizing:border-box; padding:13px 66px 13px 30px; position:absolute; bottom:0; left:0 } .articles_item .more:after{ content:''; position:absolute; height:26px; width:26px; background:url(/local/templates/lpi2023/images/more_arrow2.svg) 50% 50% no-repeat; margin-top:-13px; right:30px; top:50% } .files_list{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;margin-bottom:100px;} .files_list_item{ margin-top:56px; padding:13px 30px 13px 82px; border-radius:25px; position:relative; color:#01234a; transition:0.2s } .files_list_item:before{ content:''; top:50%; margin-top:-16px; width:32px; height:32px; position:absolute; left:30px; background:url(/local/templates/lpi2023/images/file.svg) 50% 50%/contain no-repeat } .sub_menu{ margin-bottom:100px } .sub_menu ul{ display:flex; flex-wrap:wrap; margin-right:-30px } .sub_menu li{ margin:0 26px 30px 0 } .sub_menu a{ color:#01234a; font:400 18px/24px 'Inter'; padding:13px 30px; border-radius:25px; background:rgba(1,35,74,0.05); display:block; transition:0.2s; letter-spacing:-0.5px } .service_cols_1{ display:flex; margin-bottom:100px } p +.service_cols_1,ul +.service_cols_1,ol +.service_cols_1{ margin-top:100px } .service_cols_1 p{ margin-bottom:30px } .service_cols_1 .col{ width:740px; background:none; padding:0 } .service_cols_1 .col:last-child{ width:520px; margin-left:30px } .service_cols_1 .col.image{ margin:0 0 0 30px } .service_cols_2{ display:flex; margin-bottom:30px } .service_cols_2 .col{ background:none; padding:0 } .service_cols_2 .col.image{ margin:0 30px 0 0; width:740px; flex:0 0 auto } .service_detail,.text{ font:400 18px/25px 'Inter' } .text{ margin-bottom:100px } .text a{ color:#01234a; border-bottom:1px solid #01234a } .text a:hover{ border-color:transparent } .text img{ max-width:100%; } .service_detail b, .text b, .text strong{ font-weight:500 } .service_detail p,.text p{ margin-bottom:28px } .service_detail ul,.service_detail ol, .text ul,.text ol{ margin-top:28px } .service_detail ul li,.service_detail ol > li, .text ul li,.text ol > li{ margin-bottom:28px } .service_detail ul > li:before, .text ul > li:before{ content:'-'; display:inline-block; margin-right:5px } .service_detail ol, .text ol{ list-style:none; counter-reset:li; } .service_detail ol > li, .text ol > li{ margin-left:27px } .service_detail ol > li:before, .text ol > li:before{ counter-increment:li; content:counters(li,".") ". "; } .service_detail ol > li ul, .text ol > li ul{ margin:0 } .service_detail ol > li ul > li, .text ol > li ul > li{ margin-bottom:0 } .service_detail h3, .text h2,.text h3, .service_detail .h3, .text .h2,.text .h3{ margin:60px 0 28px; font:600 18px/25px 'Inter'; text-transform:uppercase } .status_form{ display:flex; flex-wrap:wrap; width:770px; margin:60px 0; position:relative } .status_form .field{ width:190px; display:flex; flex-direction:column-reverse; margin:0 30px 64px 0; justify-content:flex-end } .status_form .field:nth-child(3n+2){ width:300px } .status_form .field label{ font:400 16px/24px 'Inter'; margin-top:10px; width:190px; position:relative; padding-left:32px } .status_form .field label:before{ content:''; width:24px; height:24px; background-position:50%; background-repeat:no-repeat; background-size:contain; position:absolute; left:0; top:1px } .status_form .field.important label:before{ background-image:url(/local/templates/lpi2023/images/ico_important.svg) } .status_form .field.brand label:before{ background-image:url(/local/templates/lpi2023/images/ico_brand.svg); opacity:0.4 } .status_form .field.model label:before{ background-image:url(/local/templates/lpi2023/images/ico_model.svg); opacity:0.4 } .status_form .field.serial label:before{ background-image:url(/local/templates/lpi2023/images/ico_serial.svg); opacity:0.4 } .status_form .field input{ color:#878B94; background:rgba(1,35,74,0.05); border:0; height:64px; padding:20px 30px; box-sizing:border-box; outline:none; font:500 20px/24px 'Inter'; margin-bottom:0; letter-spacing:-0.5px } .status_form .field .status_form_text{ color:#01234a; background:rgba(1,35,74,0.05); height:64px; padding:20px 30px; box-sizing:border-box; outline:none; font:500 20px/24px 'Inter'; letter-spacing:-0.5px } .status_form .btn{ background:#01234a; color:#fff; height:64px; font:500 18px/24px 'Inter'; display:flex; justify-content:center; align-items:center; cursor:pointer; border:1px solid #01234a; padding:0; transition:0.2s } .status_form .btn:before{ content:''; background:url(/local/templates/lpi2023/images/search.svg) 50% 50%/contain no-repeat; width:26px; height:26px; filter:invert(1) brightness(2); display:inline-block; vertical-align:middle; margin-right:10px; transition:0.2s } .mark_work{ background:rgba(11,130,240,0.1); position:absolute; right:-520px; width:440px; padding:44px 60px 19px; box-sizing:border-box; font:400 16px/24px 'Inter'; color:#01234a } .mark_work:after{ content:''; width:32px; height:32px; position:absolute; right:62px; bottom:44px; background:url(/local/templates/lpi2023/images/mark_link.svg) 50% 50%/contain no-repeat } .mark_work a{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:10 } .mark_work h3, .mark_work .h3{ font:500 30px/36px 'Noto Sans'; text-transform:uppercase; padding-left:75px; margin-bottom:30px; position:relative } .mark_work h3:before, .mark_work .h3:before{ content:''; width:55px; height:55px; background:url(/local/templates/lpi2023/images/mark.svg) 50% 50%/contain no-repeat; position:absolute; left:0; top:50%; margin-top:-27px } .mark_work p{ margin-bottom:25px; width:90% } .form_result{ font:500 20px/24px 'Inter' } .status_result{ width:740px } .status_result > div{ width:100%; display:flex; align-items:center; padding:22px 30px 22px 112px; box-sizing:border-box; margin-bottom:30px; position:relative; flex-wrap:wrap } .status_result > div:before{ content:''; margin-top:-23px; top:50%; left:34px; position:absolute; width:46px; height:46px } .status_result > div h3, .status_result > div .h3{ font:500 20px/24px 'Inter'; text-transform:uppercase } .status_result > div p{ margin-bottom:10px } .status_result > div p b{ font-weight:500 } .status_result > div span{ display:block; font:500 16px/24px 'Inter'; color:#878b94; width:100%; margin-top:8px } .status_result .ready{ background:rgba(1,35,74,0.03) } .status_result .attention{ padding-bottom:12px } .status_result .ready:before{ background:url(/local/templates/lpi2023/images/res_ready.svg) 50% 50%/contain no-repeat } .status_result .attention:before{ background:url(/local/templates/lpi2023/images/res_attention.svg) 50% 50%/contain no-repeat } .email_form{ margin:100px 0 30px; display:flex } .email_form input{ height:57px; width:540px; border:1px solid #01234a; border-right:0; font:500 18px/24px 'Inter'; padding:16px 24px; box-sizing:border-box; color:#01234a; flex:0 0 auto; outline:none } .email_form .btn{ width:100%; background:#01234a; color:#fff; border:1px solid #01234a; font:600 16px/24px 'Inter'; display:flex; align-items:center; justify-content:center; padding:0; cursor:pointer; transition:0.2s } .email_form .btn:before{ content:''; width:32px; height:32px; margin-right:10px; background:url(/local/templates/lpi2023/images/send_email.svg) 50% 50%/contain no-repeat; transition:0.2s } .email_form + p,.get_email{ font:400 16px/21px 'Inter'; margin-bottom:100px } .error label, .error .jq-selectbox__select-text{ color:#f00 !important } .group.error label,.group.error .jq-selectbox__select-text{ color:#01234a !important } .group.error h3, .group.error .h3{ color:#f00 !important } /* .error input[type="text"],.error input[type="email"],.error textarea,.error.ps_select{ background:rgba(255,0,0,0.1) !important } */ .field.error{ background:rgba(255,0,0,0.1) !important } .modal .field.error .jq-selectbox__trigger-arrow{ border-right:2px solid #f00; border-bottom:2px solid #f00; } /* Footer-----------------------------------------------------------------------------*/ .footer{ width:100%; margin:-529px auto 0; height:529px; background:#01234A; display:flex; flex-direction:column; justify-content:space-between } .footer a{ color:#fff } .footer .widfix{ display:flex; justify-content:space-between; align-items:flex-start; padding-top:35px } .footer_first_col{ margin-right:65px; flex:0 0 auto } .footer .logo{ background:url(/local/templates/lpi2023/images/logo_footer.svg) 0 0/contain no-repeat; width:190px; height:281px; display:block; text-indent:-999px; overflow:hidden } .footer_first_col span{ display:block; color:#fff; font:300 17px/26px 'Inter'; margin-top:12px } .footer_contacts{ font:400 18px/24px 'Inter'; display:flex; flex-direction:column; width:380px; flex:0 0 auto; margin-right:61px } .footer_contacts > *{ padding:8px 0 8px 44px; margin-bottom:30px; position:relative; color:#fff } .footer_phone:before{ content:''; position:absolute; left:16px; top:10px; width:18px; height:18px; background:url(/local/templates/lpi2023/images/f_phone.svg) 50% 50%/contain no-repeat } .footer_whatsapp{ padding-bottom:0 } .footer_whatsapp:before{ content:''; position:absolute; left:16px; top:10px; width:18px; height:18px; background:url(/local/templates/lpi2023/images/f_wapp.svg) 50% 50%/contain no-repeat } .footer_whatsapp span{ display:block; font:400 14px/20px 'Inter'; margin-top:8px } .footer_email:before{ content:''; position:absolute; left:16px; top:10px; width:18px; height:18px; background:url(/local/templates/lpi2023/images/f_email.svg) 50% 50%/contain no-repeat } .footer_place:before{ content:''; position:absolute; left:16px; top:10px; width:18px; height:18px; background:url(/local/templates/lpi2023/images/f_place.svg) 50% 50%/contain no-repeat } .footer_place span{ display:block; font:400 16px/24px 'Inter'; border-bottom:2px dashed #fff } .footer_working_mode{ font:400 16px/24px 'Inter' } .footer_working_mode:before{ content:''; position:absolute; left:16px; top:23px; width:18px; height:18px; background:url(/local/templates/lpi2023/images/f_time.svg) 50% 50%/contain no-repeat } .footer .widfix > div{ max-width:30% } .footer_contacts + div{ margin-left:auto; margin-right:120px } .footer li{ margin-bottom:14px } .footer li a{ font:500 16px/24px 'Inter'; padding:8px 0; display:block } .footer_paysystems{ display:flex; margin-top:30px } .footer_paysystems img{ margin-right:20px } .footer_support{ background:#878B94; height:40px; display:flex; justify-content:center; align-items:center } .footer_support a{ font:400 16px/24px 'Inter'; color:#fff } /* Popups */ .popups{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:rgba(0,0,0,0.15); backdrop-filter:blur(2px); overflow:hidden; display:none } .popup{position:absolute;top:0;left:0;right:0;bottom:0;display:none;} .popup > div{ position:absolute; top:0; left:0; right:0; bottom:0; display:flex; justify-content:center; overflow-y:auto; margin-right:-20px } .modal{ padding:40px 80px 58px; background:#fff; width:1070px; position:relative; box-sizing:border-box; height:fit-content; margin:30px 0 } .modal .close{ position:absolute; width:32px; height:32px; top:40px; right:40px; background:url(/local/templates/lpi2023/images/close.svg) 50% 50%/contain no-repeat } .modal h3, .modal .h3{ font:400 38px/46px 'Noto Sans'; margin-bottom:60px } .mod_order_info{ display:flex } .mod_order_image{ width:330px; height:330px; display:flex; justify-content:center; align-items:center; overflow:hidden; border:1px solid rgba(135,139,148,0.24); border-radius:18px; margin-right:30px; flex:0 0 auto } .mod_order_image img{ max-width:100%; max-height:100% } .mor_order_description{ width:100% } .mor_order_description dl{ display:flex; font:400 18px/36px 'Inter' } .mod_order_price{ margin-top:43px; font:600 34px/24px 'Inter' } .modal form{ display:flex; flex-wrap:wrap; margin:60px 0 22px; justify-content:space-between } .modal form .field{ position:relative; width:100%; margin-bottom:30px; background:rgba(1,35,74,0.05); z-index:1 } .modal form .field.half{ width:440px } .modal form .field label{ position:absolute; top:20px; left:20px; padding:0 10px; font:400 20px/24px 'Inter'; letter-spacing:-0.5px; color:#01234a; background:transparent; z-index:-1; transition:0.2s } .modal form .field.filled label{ z-index:1; top:-13px; background:#fff; font:400 13px/24px 'Inter'; opacity:0.7 } .modal form .field label span{ color:#e40521; display:inline-block; margin-left:5px } .modal form .field input{ font:400 20px/24px 'Inter'; letter-spacing:-0.5px; color:#01234a; width:100%; border:0; background:transparent; height:64px; padding:20px 30px; box-sizing:border-box; outline:none } .modal form .field textarea{ font:400 20px/24px 'Inter'; letter-spacing:-0.5px; color:#01234a; width:100%; border:0; background:transparent; height:64px; padding:20px 30px; box-sizing:border-box; display:block; outline:none; resize:none } .pop_director .modal form .field textarea{ height:100%; } .pop_form_footer{ display:flex; align-items:center } .agree_info{ font:400 16px/24px 'Inter'; padding-left:42px; background:url(/local/templates/lpi2023/images/res_ready.svg) 0 50%/32px no-repeat; letter-spacing:-0.5px; box-sizing:border-box } .pop_form_footer .btn{ height:64px; width:440px; background:#01234a; color:#fff; border:1px solid #01234a; font:500 20px/24px 'Inter'; letter-spacing:-0.5px; display:flex; align-items:center; justify-content:center; padding:0; cursor:pointer; transition:0.2s; flex:0 0 auto; margin-left:30px } .modal .mor_order_description p{ margin-bottom:30px; font:400 24px/29px 'Noto Sans' } .modal p{ margin-bottom:30px; font:400 18px/24px 'Noto Sans'; letter-spacing:-0.5px } .modal h4, .modal .h4{ font:600 20px/30px 'Inter'; margin-bottom:20px; text-transform:uppercase; margin-top:60px } .paysystems img{ border-radius:7px } .pop_director .modal{ padding:40px 80px 80px } .pop_director .modal form{ margin-bottom:0 } .pop_director .field.text{ height:224px } .pop_director .pop_form_footer{ margin:30px 0 0 } .modal .field .jq-selectbox,.services .jq-selectbox{ max-width:100% } .modal .field .jq-selectbox__select{ height:64px; padding:20px 60px 20px 30px; border:none; border-radius:0; background:none; box-shadow:none; font:500 20px/24px 'Inter'; color:#01234A; text-shadow:none; letter-spacing:-0.5px; box-sizing:border-box } .modal .field .jq-selectbox__trigger{ top:0; right:0; width:60px; height:100%; border-left:0 } .modal .field .jq-selectbox__trigger-arrow{ position:absolute; top:18px; right:23px; width:15px; height:15px; border:0; border-right:2px solid #01234A; border-bottom:2px solid #01234A; transform:rotate(45deg) } .modal .field .jq-selectbox__dropdown{border:1px solid rgba(1,35,74,0.4);border-radius:0;font:600 18px/24px 'Inter';min-width:100%;} .modal .field .jq-selectbox li{ min-height:18px; padding:5px 9px 4px; color:#01234A } .modal .field .jq-selectbox li.selected{ background-color:rgba(1,35,74,0.4); color:#fff } .popup .field.up{ z-index:5 } .pop_repair form > p{ font:400 18px/24px 'Inter'; margin-bottom:30px; width:70% } .pop_repair form .field + p{ margin-top:30px } .upload_images{ display:flex; justify-content:space-between; width:100%; margin-bottom:44px } .upload_images_item{ width:282px; flex:0 0 auto; position:relative } .upload_images_item input{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:10; opacity:0; cursor:pointer } .upload_images_item_vis{ width:100%; height:220px; margin-bottom:16px; background:url(/local/templates/lpi2023/images/upload_image.svg) 50% 50%/50px no-repeat #F2F4F6 } .upload_images_item.ready .upload_images_item_vis{ background-size:cover } .upload_images_item p{ margin-bottom:0 } .upload_images_item .delete{ background:url(/local/templates/lpi2023/images/delete.svg) 50% 50%/24px no-repeat #fff; position:absolute; top:14px; right:13px; width:48px; height:40px; border-radius:6px; z-index:-1; opacity:0 } .upload_images_item.ready .delete{ z-index:20; opacity:1 } .pop_repair .pop_form_footer{ flex-wrap:wrap; justify-content:space-between } .pop_repair .pop_form_footer .field{ width:50% } .pop_repair .pop_form_footer .agree_info{ width:440px; margin-bottom:30px } .pop_repair .pop_form_footer .btn{ width:100%; margin:30px 0 0 } .popup .field.checkbox,.popup .field.radio{ display:flex; align-items:center; padding:0; border:none; border-radius:0; margin-right:0; background:none; width:440px; margin-bottom:40px } .popup .field.checkbox label{ font:500 18px/24px 'Inter'; letter-spacing:-0.5px; padding:0; position:initial; top:initial; left:initial } .popup .field.checkbox .jq-checkbox{ width:26px; height:26px; margin-right:14px; vertical-align:-7px } .popup .field.checkbox .jq-checkbox .jq-checkbox__div{ margin:6px 0 0 5px; transform:rotate(-42deg); width:10px; height:5px } .popup .field.checkbox .jq-checkbox.checked .jq-checkbox__div{ margin:6px 0 0 5px } .popup h3.half, .popup .h3.half{ width:460px; font:500 20px/24px 'Inter'; text-transform:uppercase; margin:0 -20px 30px 0; letter-spacing:-0.5px } .popup .field.radio label{ font:500 18px/24px 'Inter'; letter-spacing:-0.5px; padding:0; position:initial; top:initial; left:initial; color:#01234a; background:transparent; z-index:-1; transition:0.2s } .popup .field.radio .jq-radio{ width:26px; height:26px; margin-right:14px; border-radius:50%; border:2px solid #01234A; background:none; box-shadow:none; box-sizing:border-box; vertical-align:-7px } .popup .field.radio .jq-radio .jq-radio__div{ margin:6px 0 0 5px; transform:rotate(-42deg); width:10px; height:5px; border-bottom:2px solid transparent; border-left:2px solid transparent; transition:0.1s; border-radius:0; background:none; box-shadow:none } .popup .field.radio .jq-radio.checked .jq-radio__div{ margin:6px 0 0 5px; border-bottom:2px solid #01234a; border-left:2px solid #01234a } .popup .group{ margin:30px 0 0 } .popup .group + .field{ margin-top:30px } .pop_mark .modal form .field textarea{ height:224px } .pop_success .modal{ width:500px; padding:40px 80px 20px 40px } .pop_success .modal h3, .pop_success .modal .h3{ margin-bottom:30px; } .success_text{ margin-top:-10px } .success_text > a{ font:400 18px/24px 'Noto Sans'; letter-spacing:-0.5px; color:#17559D; border-bottom:1px solid #17559D } .success_text .btns{ display:flex; justify-content:center; margin:20px -40px 10px 0 } .success_text .btn{ font:500 18px/24px 'Inter'; border:1px solid #01234A; border-radius:25px; height:50px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; transition:0.2s; color:#fff; background:#01234A; width:80%; } .success_text .btn:hover{ color:#01234A; background:#fff } .success_text .btn span{ position:relative; padding-left:34px } .success_text .btn span:before{ content:''; width:24px; height:24px; position:absolute; top:50%; margin-top:-12px; left:0; background:url(/local/templates/lpi2023/images/btn_cart.svg) 50% 50%/contain no-repeat; transition:0.2s; filter:invert(1) brightness(2) } .success_text a.btn:hover span:before{ filter:none } .mobile_header{ display:none; } .only_mobile{ display:none; } #panel{ bottom:0; left:0; opacity:0.9; position:fixed; width:100%; z-index:900; } .brand_seo_text{ margin:-60px 0 100px } .seo_text{ margin:-50px 0 50px; min-height:1px; } .brand_seo_text p,.seo_text p,.main_about p{ margin-bottom:28px } .brand_seo_text li,.seo_text li,.main_about li{ padding-left:30px; position:relative; font-weight:600; margin-bottom:40px } .brand_seo_text li:before, .seo_text li:before,.main_about li:before{ content:''; width:5px; height:5px; border-radius:50%; position:absolute; top:11px; left:13px; background:#01234a } .DPD_openTerminalSelect{ background-color:#244c80 !important; border-color:#244c80 !important; color:#fff; border-radius:0px; } .main-user-consent-request{ display:flex; justify-content:flex-start; align-items:center; padding:0; margin-bottom:20px; } .main-user-consent-request input{ position:static; margin:0 10px 0 0; } .main-user-consent-request-announce{ display:flex; height:100%; align-items:center; } .main-user-consent-request-announce a{ display:flex; align-items:center; align-content:center; text-transform:none !important; font-size:15px !important; font-weight:600 !important; color:#01234A; } .main-user-consent-request-popup-link div{ display:flex; justify-content:center; min-width:100%; } .main-user-consent-request-popup-link a{ max-width:100% !important; color:#01234A; } .main-user-consent-request-popup-button-acc{ background:#01234A; color:#ffffff; } .popup-subscribe .pop_form_footer{ flex-direction:column; justify-content:flex-start; align-items:flex-start; width:100%; } .popup-subscribe .pop_form_footer .btn{ width:100%; margin:20px 0 20px 0; } .brand_addinfo{ font-size:16px; margin:-15px 0 15px !important; } .header_phone small,.footer_phone small{ opacity:1 !important; } .o-w-delivery_flex_block .o-w-d-item{ justify-content:center; display:flex; flex-direction:column; } .header_place_select span.header_place_select-city-name-address{ display:block; padding:0; } a[href^="tel:"] small { opacity: 1 !important; } .brand_buttons{ display:flex; flex-wrap:wrap; margin:0 -20px -20px 0; } .brand_buttons a{ display:flex; justify-content:center; align-items:center; width:calc(12.5% - 20px); height:80px; margin:0 20px 20px 0; border:1px solid #F4F4F4; box-sizing: border-box; transition:0.2s; } .brand_buttons a img{ max-width:80%; max-height:80%; filter:saturate(0); transition:0.2s; } .ps_whatches .catalog_search{ width:calc(100% - 315px - 205px); height:55px; } .ps_sort{ width:300px; margin-right:15px; z-index:19; } .ps_sort .ps_pseudo_select{ height:55px; box-sizing:border-box; } .catalog_tools.ps_whatches .watchbands_filter{ width:190px; } .catalog_tools.ps_whatches .watchbands_filter .ps_pseudo_select{ width:100%; } .pre-anons-block{ position: relative; display: flex; justify-content: center; min-height: 32px; margin:10px 0 0; } .pre-anons-inner-block{ display: flex; justify-content: center; align-items: center; width: 1290px; background-color: #ACB8D1; height: 100%; min-height: 32px; font-weight: 400; font-size: 16px; line-height: 16px; } .pre-anons-text-block{ display: flex; width: 100%; justify-content: center; } .pre-anons-block .text-1{ display: flex; flex-flow: row nowrap; align-items: center; color: #132549; } .pre-anons-inner-block a{ font-size: 13px; display: flex; background: #132549; padding: 3px 7px 4px; margin-left: 20px; color: #fff; } .porfolio_gallery{ display:flex; flex-wrap:wrap; margin:0 -10px; } .porfolio_gallery h2{ width:100%; } .porfolio_gallery a{ width:25%; padding:10px; box-sizing:border-box; overflow:hidden; display:flex; justify-content:center; align-items:center; } .porfolio_gallery img{ max-width:100%; max-height:100%; } .text + .porfolio_gallery{ margin-top:-200px; } /* End */ /* /local/templates/lpi2023/css/lightbox.min.css?17038403142556 */ /* /local/templates/lpi2023/css/jquery.mCustomScrollbar.css?170384031442387 */ /* /local/templates/lpi2023/css/owl.carousel.min.css?17038403143387 */ /* /local/templates/lpi2023/css/owl.theme.default.min.css?17038403141013 */ /* /local/templates/lpi2023/css/jquery.formstyler.css?17038403142175 */ /* /local/templates/lpi2023/css/jquery.formstyler.theme.css?170384031410724 */ /* /bitrix/components/webes/oneclick/css/styles.css?17038402947895 */ /* /local/templates/lpi2023/components/arturgolubev/search.title/.default/style.css?170384031414087 */ /* /local/templates/lpi2023/components/bitrix/form.result.new/catalog_subscribe/style.css?1703840314666 */ /* /local/templates/lpi2023/styles.css?17605168537515 */ /* /local/templates/lpi2023/template_styles.css?175022981278437 */