/* Start:/local/templates/.default/template_styles.css?178842794040037*/ button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;line-height:1.15}body{margin:0}menu,article,aside,details,footer,header,nav,section{display:block}h1{margin:.67em 0;font-size:2em}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace;font-size:1em}a{-webkit-text-decoration-skip:objects;background-color:#0000}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{color:#000;background-color:#ff0}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){height:0;display:none}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0;font-family:sans-serif;font-size:100%;line-height:1.15}button,select{text-transform:none}[type=submit],[type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}button:-moz-focusring{outline:1px dotted buttontext}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:"Exo 2";font-style:normal;font-weight:400;font-display:swap;src:url(/local/templates/.default/fonts/Exo2-Regular.woff2)format("woff2"),url(/local/templates/.default/fonts/Exo2-Regular.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-weight:300;font-display:swap;src:url(/local/templates/.default/fonts/Exo2-Light.woff2)format("woff2"),url(/local/templates/.default/fonts/Exo2-Light.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/local/templates/.default/fonts/Exo2-Bold.woff2)format("woff2"),url(/local/templates/.default/fonts/Exo2-Bold.woff)format("woff")}h1,h2,h3,h4,h5,h6,.typography-h1,.typography-h2,.typography-h3,.typography-h4,.typography-h5,.typography-h6{margin:0 0 .5em;font-family:"Exo 2",sans-serif;font-weight:300;line-height:1.2;display:block}h1,.typography-h1{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.15}@media screen and (width<=640px){h1,.typography-h1{font-size:1.625rem}}h2,.typography-h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:700}@media screen and (width<=640px){h2,.typography-h2{font-size:1.25rem}}h3,.typography-h3{font-size:1.25rem;font-weight:700}h4,.typography-h4{font-size:1.125rem;font-weight:700}h5,.typography-h5{font-size:1rem;font-weight:700}h6,.typography-h6{text-transform:uppercase;letter-spacing:.04em;font-size:.875rem;font-weight:700}p{margin:0 0 1em;font-size:1rem;line-height:1.28}p:last-child{margin-bottom:0}.lead,.typography-lead{font-size:1.125rem;font-weight:300;line-height:1.4}.small,.typography-small{font-size:.875rem;line-height:1.35}.typography-tiny{font-size:.75rem;line-height:1.35}ul,ol{color:#34393c;margin:0 0 1em;padding-left:1.5em;font-size:1rem;line-height:1.28}ul ul,ul ol,ol ul,ol ol{margin:.25em 0}blockquote{color:#34393c;border-left:3px solid #0cb28b;margin:0 0 1em;padding:.5em 0 .5em 1em;font-size:1rem;font-style:italic;line-height:1.28}blockquote cite{color:#6b7174;margin-top:.5em;font-size:.875rem;font-style:normal;display:block}.font-light{font-weight:300}.font-regular{font-weight:400}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.typography{color:#34393c;font-family:"Exo 2",sans-serif;font-size:1rem;line-height:1.28}.typography a{color:#0cb28b;text-decoration:none}.typography a:hover{text-decoration:underline}.typography strong,.typography b{font-weight:700}.typography em,.typography i{font-style:italic}.typography code,.typography kbd{color:#34393c;background:#e8eaeb;border-radius:3px;padding:.15em .35em;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em}.typography pre{color:#34393c;background:#e8eaeb;border-radius:4px;margin:0 0 1em;padding:1em;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}.typography pre code{background:0 0;padding:0}.typography>:first-child{margin-top:0}.typography>:last-child{margin-bottom:0}html{color:#34393c;background:#eff1f1;min-width:320px;font:300 16px/1.28 "Exo 2",sans-serif}@media screen and (width>=865px) and (width<=1288px){body{overflow:hidden auto}}body.compensate-for-scrollbar header{padding-right:15px}img{vertical-align:middle;max-width:100%}a{color:#0cb28b;text-decoration:none}strong,b{font-weight:700}input,button,textarea{box-sizing:border-box;color:#34393c;font:300 14px "Exo 2",sans-serif;display:block}input:focus,button:focus,textarea:focus{outline:none}button{cursor:pointer}input::-webkit-input-placeholder{opacity:.75}textarea::-webkit-input-placeholder{opacity:.75}input::-moz-placeholder{opacity:.75}textarea::-moz-placeholder{opacity:.75}textarea{resize:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}table{border-collapse:collapse}.clearfix:after{clear:both;content:"";display:block}.aligner{vertical-align:middle;line-height:1.28;display:inline-block}.single-line{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.read-more{text-align:center;width:100%;margin:24px 0 0;display:inline-block}@media screen and (width<=440px){.read-more{margin:14px 0 0}}.read-more .button{width:186px;padding:0}.hidden{display:none}.tab-content{opacity:0;visibility:hidden;width:0;height:0;transition:opacity .36s,visibility .36s;overflow:hidden}.tab-content.is-visible{opacity:1;visibility:visible;width:auto;height:auto}.show-more{text-align:center;margin:20px 0 0}@media screen and (width<=440px){.show-more{margin:16px 0 0}}.show-more .button{text-transform:none}.background-image,.background-image_none-hover{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .36s;display:block}.background-image:hover{transform:scale(1.1)}.product-certificates .background-image,.product-certificates .background-image_none-hover{background-size:contain}.size_autox147{width:auto;height:147px}.size_autox170{width:auto;height:170px}.size_autox180{width:auto;height:180px}.size_autox225{width:auto;height:225px}.size_autox230{width:auto;height:230px}.size_autox306{width:auto;height:306px}.size_autox348{width:auto;height:348px}.size_autox680{width:auto;height:680px}.size_autox576{width:auto;height:576px}.size_70x70{width:70px;height:70px}.size_240x180{width:240px;height:180px}.size_178x100{width:178px;height:100px}.size_138x142{width:120px;height:125px;margin:9px auto}.loading_page{z-index:9999;opacity:.5;background:#fff url(/local/templates/.default/css/img/loader_2.gif) 50%/contain no-repeat;width:100%;height:100%;position:absolute;top:0;left:0}.loading_normal{background-size:auto}.check-box label{padding-left:30px;display:inline-block;position:relative}.check-box input{visibility:hidden;width:0;height:0;position:absolute;overflow:hidden}.check-box input:checked+.icon{background:#0cb28b;border-color:#0cb28b}.check-box input:checked+.icon .fa-check{opacity:1}.check-box input:checked+.icon+.caption{color:#34393c}.check-box .icon{color:#fff;text-align:center;background:0 0;border:2px solid #b2b4b7;border-radius:100%;width:18px;height:18px;font-size:12px;line-height:14px;transition:background .18s,border-color .18s;position:absolute;top:-3px;left:0}.check-box .icon .fa-check{opacity:0;transition:opacity .18s}.check-box .caption{color:#b2b4b7;font-size:14px;line-height:16px;transition:color .18s;display:block}.agree-submit-wrap{vertical-align:top;max-width:100%;display:inline-block;position:relative}.agree-submit-wrap--block{width:100%;display:block}.agree-submit-wrap .disabled-button{pointer-events:none;cursor:default!important;background:#b2b4b7!important;border:1px solid #555!important}.agree-submit-wrap.is-disabled{cursor:not-allowed}.agree-submit-wrap.is-disabled:hover:after{content:attr(data-tooltip);z-index:1000;color:#fff;text-align:center;white-space:normal;pointer-events:none;background:#2b2b2b;border-radius:4px;width:max-content;max-width:280px;padding:8px 12px;font-size:13px;line-height:1.35;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.agree-submit-wrap.is-disabled:hover:before{content:"";z-index:1001;pointer-events:none;border:6px solid #0000;border-top-color:#2b2b2b;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.header{color:#fff;z-index:888;background:#34393c;font-size:15px;position:relative}@media screen and (width>=1289px){.header{position:fixed;top:0;left:0;right:0}}.header_logo{float:left;height:74px;line-height:74px;display:block}@media screen and (width>=865px) and (width<=1288px){.header_logo{margin-right:50px}}.header_logo img{max-height:100%}.header_phones{float:right;height:76px;line-height:70px}@media screen and (width>=865px) and (width<=1288px){.header_phones{float:left}}@media screen and (width<=864px){.header_phones{float:none;text-align:center;overflow:hidden}}.header_phones a{color:#fff;text-align:left;margin:0 0 3px;font-size:16px;font-weight:400;display:block}@media screen and (width<=440px){.header_phones a{font-size:14px}}.header_phones a:last-child{margin:0}.header_actions{float:right;width:200px;margin-right:35px;padding:21px 200px 21px 0;position:relative}@media screen and (width>=865px) and (width<=1288px){.header_actions{margin-right:50px}}@media screen and (width<=864px){.header_actions{clear:both;float:none;width:auto;margin:0;padding:0 165px 15px 0}}.header_actions .search-bar{width:100%}.header_actions .link{color:#b2b4b7;text-align:center;height:34px;line-height:34px;display:block;position:absolute;top:21px}@media screen and (width<=864px){.header_actions .link{top:0}}.header_actions .link--profile{font-size:16px;right:68px}.header_actions .link--profile a{color:#b2b4b7}.header_actions .link--profile a:hover{border-bottom:1px solid #b2b4b7}.header_actions .link--cart{font-size:18px;right:0}.header_actions .link--cart.is-active .count{color:#fff;background:#0cb28b}.header_actions .link--cart .count{text-align:center;background:#494d50;border-radius:100%;width:20px;height:20px;margin-left:5px;font-size:12px;line-height:20px;display:inline-block;position:relative;top:-3px}.text_entrance-register{text-align:left;float:right;margin-left:5px;font-size:14px;line-height:normal}@media screen and (width<=864px){.text_entrance-register{font-size:11px}}.text_login{float:none}.footer{color:#fff;background:#34393c;font-size:14px}.footer .title{color:#b2b4b7;text-transform:uppercase;margin:0 0 8px;font-size:14px;font-weight:300;display:block}.footer_top{padding:36px 0 20px}@media screen and (width<=1288px){.footer_top{padding:20px 0}}.footer_middle{border-top:2px solid #494d50;padding:20px 0 30px}.footer_bottom{background:#212427;padding:16px 0}@media screen and (width>=865px){.footer_bottom{height:25px;line-height:25px}}.footer_bottom .copyright{float:left;width:196px;margin-right:16px}@media screen and (width<=864px){.footer_bottom .copyright{float:none;margin:0 0 16px}}.footer_bottom .links{float:left;margin:0;padding:0;list-style:none}.footer_bottom .links li{float:left;margin-right:40px}@media screen and (width<=864px){.footer_bottom .links li{float:none;margin:0 0 8px}}.footer_bottom .links li:last-child{margin:0}.footer_bottom .links a{color:#777}.footer_bottom .links a:hover{color:#fff}.footer_bottom .payment-methods{float:right}@media screen and (width<=1288px){.footer_bottom .payment-methods{display:none}}.footer_contacts{float:left;width:196px;margin-right:16px}.footer_contacts .phone{color:#fff;font-size:18px;font-weight:400}.footer_contacts .address,.footer_contacts .email{margin:0 0 22px}.footer_contacts .email{display:inline-block}@media screen and (width<=1288px){.footer_address{display:none}}.footer_sns{float:left}@media screen and (width<=864px){.footer_sns{margin:0 0 20px}}@media screen and (width<=440px){.footer_sns{float:none}}.footer_sns .list{margin:14px 0 0;padding:0;list-style:none}.footer_sns .list li{float:left;margin-right:5px}.footer_sns .list li:last-child{margin:0}.footer_sns .list a{text-align:center;border-radius:100%;width:34px;height:34px;font-size:18px;line-height:34px;transition:background .18s,color .18s;display:block}.footer_sns .list a:hover{color:#fff}@media screen and (width>=1289px){.footer_sns--1{width:142px;margin-right:50px}}@media screen and (width>=865px) and (width<=1288px){.footer_sns--1{margin-right:40px}}.footer_sns--1 a{color:#fff}.footer_sns--1 a:hover{background:#212427}.footer_sns--1 .i-1{background:#32a3db}.footer_sns--1 .i-2{background:#7c519b}@media screen and (width>=441px) and (width<=864px){.footer_sns--2{float:none}}.footer_sns--2 a{color:#ccc;background:#212427}.footer_sns--2 .i-1:hover{background:#6996c7}.footer_sns--2 .i-2:hover{background:#496194}.footer_sns--2 .i-3:hover{background:#28c3ff}.footer_sns--2 .i-4:hover{background:#ff9c43}.footer_sns--2 .i-5:hover{background:#ff6d4a}.footer_subscribe{float:right;width:440px}@media screen and (width>=865px) and (width<=1288px){.footer_subscribe{float:left;margin-top:29px;margin-bottom:20px;padding-right:100%}}@media screen and (width<=864px){.footer_subscribe{clear:both;float:none;width:auto}}.footer_subscribe .title span{text-transform:none}.footer_subscribe .form{border-radius:17px;margin:14px 0 0}.footer_subscribe .input-field{color:#fff;float:left;z-index:1;background:#494d50;width:100%;position:relative}.footer_subscribe .button{float:left;z-index:2;border-top-left-radius:0;border-bottom-left-radius:0;width:120px;height:34px;margin-left:-120px;position:relative}.footer_subscribe .agreements-container{clear:both;padding:5px 0 0}.footer_subscribe .agreements-container input[type=checkbox]{display:inline-block}.footer_menu .title{color:#fff;font-weight:700}.footer_menu .column{float:left;margin-right:50px}@media screen and (width>=769px) and (width<=864px){.footer_menu .column{width:153px;margin-top:18px}}@media screen and (width<=768px){.footer_menu .column{width:43%;margin-top:18px;margin-bottom:20px;margin-right:25px}}@media screen and (width<=375px){.footer_menu .column{float:none}}@media screen and (width<=768px){.footer_menu .column:nth-child(2n){margin-right:0}}@media screen and (width<=375px){.footer_menu .column:nth-child(2n){float:right}.footer_menu .column:nth-child(odd){float:left}}@media screen and (width<=320px){.footer_menu .column:nth-child(odd){margin-right:40px}}.footer_menu .column:last-child{margin:0}.footer_menu .list{margin:0;padding:0;list-style:none}.footer_menu .list li{margin:0 0 8px}.footer_menu .list li:last-child{margin:0}.footer_menu .list a{color:#b2b4b7}.footer_menu .list a:hover{color:#fff}@media screen and (width<=1600px){.main-panel+.page-outer .page-container{padding-left:20px;padding-right:20px}}.title-search-result{border-radius:none;z-index:999;background:#fff;border:none;margin-left:-5vw;padding:0!important}@media screen and (width<=440px){.title-search-result{min-width:420px!important;margin-left:-200px!important}}.search-popup{color:#34393c;width:100%;position:absolute;top:100%}@media screen and (width<=1500px){.search-popup{right:6vw}}@media screen and (width<=1400px){.search-popup{right:8vw}}@media screen and (width<=1288px){.search-popup{right:-3vw}}.search-popup__container{background:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.search-popup__group{border-bottom:1px solid #ebebeb;padding:20px 10px 20px 12px}@media screen and (width<=1288px){.search-popup__group{border:none}}@media screen and (width>=865px){.search-popup__group--long{height:392px}}@media screen and (width<=864px){.search-popup__group--long{padding-bottom:0}}.search-popup__group--short{border:none;height:210px;padding-bottom:12px}@media screen and (width<=1288px){.search-popup__group--short{height:auto;padding-top:0}}.search-popup__section{float:left;height:100%;margin-right:8px;position:relative}@media screen and (width<=864px){.search-popup__section{float:none;border-top:1px solid #ebebeb;width:auto;margin:0 2px 0 0;padding:20px 0}}.search-popup__section:last-child{margin-right:2px}.search-popup__section:before{content:"";background:#ebebeb;width:1px;display:block;position:absolute;top:0;bottom:0;right:2px}@media screen and (width<=1288px){.search-popup__section:before{top:20px;bottom:20px}}@media screen and (width>=1289px){.search-popup__section--1{width:206px}}@media screen and (width>=865px) and (width<=1288px){.search-popup__section--1{width:174px}}@media screen and (width<=864px){.search-popup__section--1{border:none;padding-top:0}}@media screen and (width>=1289px){.search-popup__section--2{width:582px}}@media screen and (width>=865px) and (width<=1288px){.search-popup__section--2{width:294px}}@media screen and (width>=1289px){.search-popup__section--3{width:428px}}@media screen and (width>=865px) and (width<=1288px){.search-popup__section--3{width:324px}}@media screen and (width>=1289px){.search-popup__section--4{width:606px}.search-popup__section--5{width:618px}}@media screen and (width<=1288px){.search-popup__section--4,.search-popup__section--5{float:none;border-top:1px solid #ebebeb;margin:0 2px 0 0;padding:20px 0}.search-popup__section--4:before,.search-popup__section--5:before{top:20px;bottom:20px}.search-popup__section--5{padding-bottom:0}.search-popup__section--5:before{bottom:0}}.search-popup__section-title{text-align:center;font-size:14px;line-height:18px}.search-popup__scroller{overflow:hidden}.search-popup__scroller--long{max-height:356px}@media screen and (width<=440px){.search-popup__scroller--long{max-height:174px}}.search-popup__scroller--short{max-height:174px}@media screen and (width<=440px){.search-popup__scroller--medium{max-height:238px}}.search-popup__scroller .mCSB_inside>.mCSB_container{margin-right:14px}.search-popup__scroller .mCSB_scrollTools{opacity:1;width:6px}.search-popup__scroller .mCSB_scrollTools .mCSB_draggerRail{opacity:0}.search-popup__scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#cbccce;border-radius:6px;width:6px}.search-popup__scroller .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.search-popup__scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#cbccce}.search-popup__vendor{float:none;border:2px solid #15151514;width:auto;margin:0 0 8px;padding:18px;transition:border-color .18s,color .18s}@media screen and (width>=441px) and (width<=864px){.search-popup__vendor{float:left;width:174px;margin-right:8px}}.search-popup__vendor:nth-child(2n){margin-right:0}@media screen and (width>=441px) and (width<=864px){.search-popup__vendor:nth-last-child(2):nth-child(odd){margin-bottom:0}}.search-popup__vendor:last-child{margin-bottom:0}.search-popup__vendor:hover{box-shadow:none;border-color:#0cb28b}.search-popup__vendor .caption{height:40px;line-height:20px}.search-popup__product{color:#34393c;float:left;border:2px solid #eff1f0;border-radius:5px;width:250px;height:63px;margin:0 8px 8px 0;padding:8px;transition:border-color .18s,color .18s;display:block}@media screen and (width<=1288px){.search-popup__product{margin-right:0}}@media screen and (width<=864px){.search-popup__product{float:none;width:auto}}.search-popup__product:nth-child(2n){margin-right:0}@media screen and (width>=1289px){.search-popup__product:nth-last-child(2):nth-child(odd){margin-bottom:0}}.search-popup__product:last-child{margin-bottom:0}.search-popup__product:hover{color:#b2b4b7;border-color:#0cb28b}.search-popup__product-image{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.search-popup_product-image-container{float:left;width:65px;height:65px;margin-right:15px;position:relative}.search-popup__product-caption{line-height:63px;display:block;overflow:hidden}.search-popup__product-caption .aligner{max-height:63px;line-height:21px;overflow:hidden}.search-popup__offer{color:#34393c;background:#eff1f0;border:2px solid #eff1f0;border-radius:5px;height:120px;margin:0 0 8px;padding:8px 18px;line-height:63px;transition:border-color .18s;display:block;position:relative}@media screen and (width<=440px){.search-popup__offer{height:auto;padding:8px;line-height:normal}}.search-popup__offer:last-child{margin:0}.search-popup__offer:hover{border-color:#0cb28b}@media screen and (width>=441px){.search-popup__offer--narrow{padding-right:118px}}@media screen and (width>=865px){.search-popup__offer--wide{padding-right:236px}}@media screen and (width>=441px) and (width<=864px){.search-popup__offer--wide{padding-right:118px}}.search-popup__offer-caption{max-height:63px;font-size:14px;line-height:21px;overflow:hidden}@media screen and (width<=440px){.search-popup__offer-caption{height:63px;margin:0 0 8px}}.search-popup__offer-prices{text-align:right;line-height:20px;display:block;position:absolute;top:75px;bottom:8px;right:18px}@media screen and (width<=440px){.search-popup__offer-prices{text-align:left;line-height:normal;position:static}}@media screen and (width>=441px){.search-popup__offer-prices--narrow{width:102px}}@media screen and (width>=865px){.search-popup__offer-prices--wide{width:218px}}@media screen and (width>=441px) and (width<=864px){.search-popup__offer-prices--wide{width:102px}}.search-popup__offer-price{color:#fff;text-transform:uppercase;border-radius:12px 12px 12px 0;height:24px;margin-right:12px;padding:0 9px;line-height:24px}@media screen and (width>=441px) and (width<=864px){.search-popup__offer-price{margin:0 0 8px}}@media screen and (width<=440px){.search-popup__offer-price{margin-right:4px}}.search-popup__offer-price:last-child{margin:0}.search-popup__offer-price--current{background:#008e87}.search-popup__offer-price--new{background:#f77b28}.search-popup__offer-price--old{background:#cbccce;text-decoration:line-through}.search-popup__article{float:left;background:0 0;width:278px;margin:0 8px 8px 0;padding:0 10px 12px}@media screen and (width>=865px) and (width<=1288px){.search-popup__article{width:373px;height:60px}}@media screen and (width<=864px){.search-popup__article{float:none;border-bottom:1px solid #eff1f0;width:auto;height:60px;margin:0 0 12px;padding:0 0 12px}}.search-popup__article:nth-child(2n){margin-right:0}@media screen and (width>=865px){.search-popup__article:nth-last-child(2):nth-child(odd){margin-bottom:0}}.search-popup__article:last-child{border:none;margin-bottom:0;padding-bottom:0}.search-popup__article:hover{box-shadow:none}.search-popup__article .category{margin:0 0 10px;font-size:14px;line-height:18px}.search-popup__article .category a{color:#b2b4b7}.search-popup__article .title{height:100px;margin:0 0 12px;line-height:20px;overflow:hidden}@media screen and (width<=864px){.search-popup__article .title{margin:0 0 26px}}.search-popup__article .title a:hover{text-decoration:underline}.search-popup__article .title em{color:#0cb28b;font-style:normal}.search-popup__article .bottom-panel{position:static}.search-popup__article .bottom-panel .info{float:left}.search-popup__article .bottom-panel .stats{float:right}.search-popup .page-container{width:1256px}@media screen and (width<=1288px){.search-popup .page-container{width:100%}}@media screen and (width<=950px){.search-popup .page-container{width:832px}}@media screen and (width<=864px){.search-popup .page-container{width:415px}}@media screen and (width<=470px){.search-popup .page-container{width:350px}}@media screen and (width<=380px){.search-popup .page-container{width:300px;margin-left:20vw}}.search-news .article-item{float:left;background:#fff;border-radius:5px;margin:0 16px 16px 0;font-size:14px;transition:box-shadow .36s}.search-news .article-item:hover{box-shadow:0 0 20px #0003}.search-news .article-item:hover .image img{transform:scale(1.1)}.search-news .article-item .image{border-top-left-radius:5px;border-top-right-radius:5px;display:block;overflow:hidden}.search-news .article-item .image img{border-top-left-radius:5px;border-top-right-radius:5px;width:100%;height:100%;transition:transform .36s}.search-news .article-item .text{padding:16px 20px 52px;position:relative;overflow:hidden}@media screen and (width<=864px){.search-news .article-item .text{padding:16px}}.search-news .article-item .type{margin:0 0 16px;font-size:14px}@media screen and (width>=865px){.search-news .article-item .type{line-height:20px}}.search-news .article-item .type a{color:#b2b4b7}.search-news .article-item .title{overflow:hidden}.search-news .article-item .title a{color:#34393c;display:inline-block}.search-news .article-item .brief{color:#777;overflow:hidden}@media screen and (width<=864px){.search-news .article-item .brief{margin:0 0 16px}}.search-news .article-item .brief p{margin:0}.search-news .article-item .bottom-panel{color:#b2b4b7;font-size:12px;position:absolute;bottom:16px;left:20px;right:20px}@media screen and (width>=865px){.search-news .article-item .bottom-panel{line-height:20px}}@media screen and (width<=864px){.search-news .article-item .bottom-panel{position:static}}.search-news .article-item .bottom-panel a{color:#b2b4b7}.search-news .article-item .info{float:left}@media screen and (width<=440px){.search-news .article-item .info{float:none;margin:0 0 16px}}.search-news .article-item .stats{float:right}@media screen and (width<=440px){.search-news .article-item .stats{float:none}}.search-news .article-item .date{margin-right:6px}.search-news .article-item .date:after{content:"|";margin-left:8px}.search-news .article-item .date:last-child{margin:0}.search-news .article-item .date:last-child:after{display:none}.search-news .article-item .views{margin-right:24px}.search-news .article-item .views:last-child{margin:0}.search-news .article-item .fa-eye,.search-news .article-item .fa-comment-alt{margin-right:3px;position:relative;top:1px}.search-news .article-item--1{width:408px}@media screen and (width<=864px){.search-news .article-item--1{float:none;width:auto;margin-right:0}}@media screen and (width>=1289px){.search-news .article-item--1:nth-child(3n){margin-right:0}}@media screen and (width>=865px) and (width<=1288px){.search-news .article-item--1:nth-child(3n){display:none}.search-news .article-item--1:nth-child(2n){margin-right:0}}@media screen and (width>=865px){.search-news .article-item--1 .text{height:130px}.search-news .article-item--1 .title{max-height:60px;line-height:20px}.search-news .article-item--1 .brief{max-height:54px;line-height:18px}}.search-news .article-item--2{width:302px}@media screen and (width>=1289px){.search-news .article-item--2 .image{height:170px}}@media screen and (width>=865px) and (width<=1288px){.search-news .article-item--2 .image{height:230px}}.search-news .article-item--2 .text{padding:16px 20px}@media screen and (width<=864px){.search-news .article-item--2 .text{padding:16px}}@media screen and (width>=865px){.search-news .article-item--2 .title{height:60px;line-height:20px}}.search-news .article-item--2 .bottom-panel{position:static}.search-news .article-item--3{width:302px}@media screen and (width>=1289px){.search-news .article-item--3 .text{height:266px}}@media screen and (width>=865px) and (width<=1288px){.search-news .article-item--3 .text{height:326px}}@media screen and (width>=865px){.search-news .article-item--3 .title{max-height:60px;line-height:20px}}@media screen and (width>=1289px){.search-news .article-item--3 .brief{max-height:144px;line-height:18px}}@media screen and (width>=865px) and (width<=1288px){.search-news .article-item--3 .brief{max-height:180px;line-height:18px}}.search-news .article-item--4{width:620px}@media screen and (width<=1288px){.search-news .article-item--4{float:none;width:auto;margin-right:0}}@media screen and (width>=1289px){.search-news .article-item--4 .image{height:348px}}@media screen and (width>=865px) and (width<=1288px){.search-news .article-item--4 .image{float:left;border-top-right-radius:0;border-bottom-left-radius:5px;width:408px;height:230px}.search-news .article-item--4 .image img{border-top-right-radius:0;border-bottom-left-radius:5px}}@media screen and (width>=1289px){.search-news .article-item--4 .text{height:268px}}@media screen and (width>=865px) and (width<=1288px){.search-news .article-item--4 .text{height:162px}}@media screen and (width>=865px){.search-news .article-item--4 .title{max-height:60px;line-height:20px}}@media screen and (width>=1289px){.search-news .article-item--4 .brief{max-height:144px;line-height:18px}}@media screen and (width>=865px) and (width<=1288px){.search-news .article-item--4 .brief{max-height:54px;line-height:18px}}.search-news .article-group{float:left;width:302px;margin:0 16px 16px 0}.search-news .article-group .article-item{float:none;margin-right:0}.search-news .article-group .article-item:last-child{margin:0}@media screen and (width>=1289px){.search-news .article-group .article-item .text{height:91px}}@media screen and (width>=865px) and (width<=1288px){.search-news .article-group .article-item .text{height:121px}}@media screen and (width>=1289px){.search-news .article-group .article-item .type{margin:0 0 12px}}@media screen and (width>=865px){.search-news .article-group .article-item .title{margin:0;line-height:20px}}@media screen and (width>=1289px){.search-news .article-group .article-item .title{max-height:60px}}@media screen and (width>=865px) and (width<=1288px){.search-news .article-group .article-item .title{max-height:80px}}@media screen and (width>=865px){.search-news .news-line{margin-bottom:-16px}}@media screen and (width>=865px) and (width<=1288px){.search-news .news-line .article-item,.search-news .news-line .article-group{width:408px}}@media screen and (width<=864px){.search-news .news-line .article-item,.search-news .news-line .article-group{float:none;width:auto;margin-right:0}}@media screen and (width>=1289px){.search-news .news-line .article-item:nth-child(4n),.search-news .news-line .article-group:nth-child(4n){margin-right:0}}@media screen and (width>=865px) and (width<=1288px){.search-news .news-line .article-item:nth-child(2n),.search-news .news-line .article-group:nth-child(2n){margin-right:0}}@media screen and (width<=864px){.search-news .news-line .article-item:last-child,.search-news .news-line .article-group:last-child{margin:0}}.search-offer{float:left;background:#fff;border-radius:5px;width:580px;height:200px;margin:0 16px 16px 0;padding:20px;transition:background .18s,color .18s}@media screen and (width>=865px) and (width<=1288px){.search-offer{width:368px}}@media screen and (width<=864px){.search-offer{float:none;width:auto;height:auto;margin-right:0}}@media screen and (width<=440px){.search-offer{height:auto;padding:14px}}.search-offer:nth-child(2n){margin-right:0}@media screen and (width>=865px){.search-offer:nth-last-child(2):nth-child(odd){margin-bottom:0}}.search-offer:last-child{margin-bottom:0}@media screen and (width<=1288px){.search-offer.clearfix{height:260px}}.search-offer_image{text-align:center;background:#fff;border-radius:5px;display:block}@media screen and (width>=1289px){.search-offer_image{float:left;width:138px;height:142px;margin-right:16px;line-height:142px}}@media screen and (width>=441px) and (width<=1288px){.search-offer_image{margin-bottom:20px}}@media screen and (width<=440px){.search-offer_image{margin:0 0 16px;padding:16px}}.search-offer_image img{max-width:100%;max-height:100%}.search-offer_info{overflow:hidden}.search-offer_info .title{margin:0 0 8px;font-size:18px;font-weight:400}@media screen and (width>=441px){.search-offer_info .title{height:44px;line-height:44px;overflow:hidden}}.search-offer_info .title a{color:#34393c}@media screen and (width>=441px){.search-offer_info .title a{vertical-align:bottom;line-height:22px;display:inline-block}}.search-offer_info .title a:hover{text-decoration:underline}.search-offer_info .type{color:#b2b4b7;margin:0 0 12px;font-size:14px;line-height:18px;overflow:hidden}.search-offer_info .rating{height:16px;margin:0 0 14px;line-height:16px}.search-offer_info .rating:last-child{margin:0}.search-offer_info .rating .star{color:#cbccce;display:inline-block}.search-offer_info .rating .star.is-active{color:#ffc600}.search-offer_info .price{float:left;margin-left:10px}.search-offer_info .price:first-child{margin-left:0}@media screen and (width<=440px){.search-offer_info .price{margin-bottom:12px}}.search-offer_info .price span{color:#fff;border-radius:15px 15px 15px 0;height:34px;padding:0 12px;font-size:21px;font-weight:400;line-height:34px;display:inline-block}.search-offer_info .price small{font-size:18px}.search-offer_info .price--current span{background:#0cb28b}.search-offer_info .price--new span{background:#f77b28}.search-offer_info .price--old span{background:#cbccce;text-decoration:line-through}.search-offer_info .buy{float:right;width:120px;padding:0}@media screen and (width<=440px){.search-offer_info .buy{clear:both;float:none;width:100%}}.actikul_search{color:#0cb28b}.search-result-header{min-height:70px}.contact-modal{box-sizing:border-box;z-index:1;pointer-events:auto;width:100%;max-width:500px;padding:30px;position:relative}.contact-modal.fancybox-content{max-width:500px;padding:30px}.contact-modal__inner{z-index:1;flex-direction:column;gap:1.5rem;display:flex;position:relative}.contact-modal__section{margin:0}.contact-modal__title{margin-bottom:.5em}.contact-modal__list{margin:0;padding:0;list-style:none}.contact-modal__item{margin-bottom:.35em}.contact-modal__item:last-child{margin-bottom:0}.contact-modal__label{color:#6b7174}.contact-modal__link{color:#0cb28b;cursor:pointer;pointer-events:auto;text-decoration:none}.contact-modal__link:hover{text-decoration:underline}.fa,.fas,.far,.fab{--ss-cols:8;--ss-rows:6;--ss-x:0;--ss-y:0;width:1em;height:1em;-webkit-mask-image:url(/local/templates/.default/build/icons.svg);mask-image:url(/local/templates/.default/build/icons.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--ss-cols) * 1em) calc(var(--ss-rows) * 1em);-webkit-mask-size:calc(var(--ss-cols) * 1em) calc(var(--ss-rows) * 1em);mask-size:calc(var(--ss-cols) * 1em) calc(var(--ss-rows) * 1em);-webkit-mask-position:calc(var(--ss-x) * -1em) calc(var(--ss-y) * -1em);-webkit-mask-position:calc(var(--ss-x) * -1em) calc(var(--ss-y) * -1em);mask-position:calc(var(--ss-x) * -1em) calc(var(--ss-y) * -1em);vertical-align:-.125em;background-color:currentColor;display:inline-block}.fa-fw{text-align:center;width:1.25em}.fa-layers{width:1em;height:1em;display:inline-block;position:relative}.fa-layers>.fa,.fa-layers>.fas,.fa-layers>.far{position:absolute;top:0;left:0}[data-fa-transform*=rotate-180]{transform:rotate(180deg)}[data-fa-transform*=shrink-8]{width:.5em;height:.5em}[data-fa-transform*=shrink-1]{width:.9375em;height:.9375em}.fa-layers>[data-fa-transform*=shrink-8]{top:.25em;left:.25em}.fa-layers>[data-fa-transform*=shrink-1]{top:.03125em;left:.03125em}.svg-inline--fa{vertical-align:-.125em;height:1em;display:inline-block;overflow:visible}.fa-w-12{width:.75em}.fa-w-16{width:1em}.fa-w-18{width:1.125em}.fa-arrow-alt-circle-left,.far.fa-arrow-alt-circle-left{--ss-x:7;--ss-y:4}.fa-arrow-alt-circle-right,.far.fa-arrow-alt-circle-right{--ss-x:0;--ss-y:5}.fa-arrow-left,.fas.fa-arrow-left,.fa.fa-arrow-left,.far.fa-arrow-left{--ss-x:0;--ss-y:0}.fa-bars,.fas.fa-bars,.fa.fa-bars,.far.fa-bars{--ss-x:1;--ss-y:0}.fa-calendar,.fas.fa-calendar,.fa.fa-calendar,.far.fa-calendar{--ss-x:3;--ss-y:0}.fa-calendar-alt,.fas.fa-calendar-alt,.fa.fa-calendar-alt,.far.fa-calendar-alt{--ss-x:2;--ss-y:0}.fa-caret-down,.fas.fa-caret-down,.fa.fa-caret-down,.far.fa-caret-down{--ss-x:4;--ss-y:0}.fa-check,.fas.fa-check,.fa.fa-check,.far.fa-check{--ss-x:6;--ss-y:0}.fa-check-circle,.fas.fa-check-circle,.fa.fa-check-circle,.far.fa-check-circle{--ss-x:5;--ss-y:0}.fa-chevron-down,.fas.fa-chevron-down,.fa.fa-chevron-down,.far.fa-chevron-down{--ss-x:7;--ss-y:0}.fa-chevron-left,.fas.fa-chevron-left,.fa.fa-chevron-left,.far.fa-chevron-left{--ss-x:0;--ss-y:1}.fa-chevron-right,.fas.fa-chevron-right,.fa.fa-chevron-right,.far.fa-chevron-right{--ss-x:1;--ss-y:1}.fa-chevron-up,.fas.fa-chevron-up,.fa.fa-chevron-up,.far.fa-chevron-up{--ss-x:2;--ss-y:1}.fa-circle,.fas.fa-circle,.fa.fa-circle{--ss-x:3;--ss-y:1}.far.fa-circle{--ss-x:1;--ss-y:5}.fa-comment-alt,.fas.fa-comment-alt,.fa.fa-comment-alt,.far.fa-comment-alt{--ss-x:4;--ss-y:1}.fa-desktop,.fas.fa-desktop,.fa.fa-desktop,.far.fa-desktop{--ss-x:5;--ss-y:1}.fa-download,.fas.fa-download,.fa.fa-download,.far.fa-download{--ss-x:6;--ss-y:1}.fa-exclamation-triangle,.fas.fa-exclamation-triangle,.fa.fa-exclamation-triangle,.far.fa-exclamation-triangle{--ss-x:7;--ss-y:1}.fa-eye,.fas.fa-eye,.fa.fa-eye,.far.fa-eye{--ss-x:1;--ss-y:2}.fa-eye-slash,.fas.fa-eye-slash,.fa.fa-eye-slash,.far.fa-eye-slash{--ss-x:0;--ss-y:2}.fa-heart,.fas.fa-heart,.fa.fa-heart{--ss-x:2;--ss-y:2}.far.fa-heart{--ss-x:2;--ss-y:5}.fa-list,.fas.fa-list,.fa.fa-list,.far.fa-list{--ss-x:3;--ss-y:2}.fa-long-arrow-left,.fas.fa-long-arrow-left,.fa.fa-long-arrow-left,.far.fa-long-arrow-left{--ss-x:4;--ss-y:2}.fa-minus,.fas.fa-minus,.fa.fa-minus,.far.fa-minus{--ss-x:5;--ss-y:2}.fa-paperclip,.fas.fa-paperclip,.fa.fa-paperclip,.far.fa-paperclip{--ss-x:6;--ss-y:2}.fa-play-circle,.fas.fa-play-circle,.fa.fa-play-circle,.far.fa-play-circle{--ss-x:7;--ss-y:2}.fa-plus,.fas.fa-plus,.fa.fa-plus,.far.fa-plus{--ss-x:0;--ss-y:3}.fa-print,.fas.fa-print,.fa.fa-print,.far.fa-print{--ss-x:1;--ss-y:3}.fa-question-circle,.fas.fa-question-circle,.fa.fa-question-circle,.far.fa-question-circle{--ss-x:2;--ss-y:3}.fa-ruble-sign,.fas.fa-ruble-sign,.fa.fa-ruble-sign,.far.fa-ruble-sign{--ss-x:3;--ss-y:3}.fa-search,.fas.fa-search,.fa.fa-search,.far.fa-search{--ss-x:4;--ss-y:3}.fa-shopping-basket,.fas.fa-shopping-basket,.fa.fa-shopping-basket,.far.fa-shopping-basket{--ss-x:5;--ss-y:3}.fa-sign-out-alt,.fas.fa-sign-out-alt,.fa.fa-sign-out-alt,.far.fa-sign-out-alt{--ss-x:6;--ss-y:3}.fa-star,.fas.fa-star,.fa.fa-star,.far.fa-star{--ss-x:7;--ss-y:3}.fa-sync-alt,.fas.fa-sync-alt,.fa.fa-sync-alt,.far.fa-sync-alt{--ss-x:0;--ss-y:4}.fa-telegram,.fab.fa-telegram{--ss-x:6;--ss-y:5}.fa-th,.fas.fa-th,.fa.fa-th,.far.fa-th{--ss-x:2;--ss-y:4}.fa-th-list,.fas.fa-th-list,.fa.fa-th-list,.far.fa-th-list{--ss-x:1;--ss-y:4}.fa-thumbs-up,.fas.fa-thumbs-up,.fa.fa-thumbs-up,.far.fa-thumbs-up{--ss-x:3;--ss-y:4}.fa-times,.fas.fa-times,.fa.fa-times,.far.fa-times{--ss-x:5;--ss-y:4}.fa-times-circle,.fas.fa-times-circle,.fa.fa-times-circle{--ss-x:4;--ss-y:4}.far.fa-times-circle{--ss-x:3;--ss-y:5}.fa-trash-alt,.far.fa-trash-alt{--ss-x:4;--ss-y:5}.fa-user,.fas.fa-user,.fa.fa-user{--ss-x:6;--ss-y:4}.far.fa-user{--ss-x:5;--ss-y:5}.fa-vk,.fab.fa-vk{--ss-x:7;--ss-y:5}.fa-shopping-bag,.fas.fa-shopping-bag,.fa.fa-shopping-bag,.far.fa-shopping-bag{--ss-x:5;--ss-y:3} /* End */ /* Start:/local/templates/.default/components/bitrix/menu/main_menu/style.css?17884279418796*/ .header_menu{float:left;margin-right:95px}@media screen and (width<=1288px){.header_menu{float:right;margin:0}}.header_menu .toggle{width:28px;height:74px;display:block;position:relative}@media screen and (width>=1289px){.header_menu .toggle{display:none}}.header_menu .toggle.is-active .t{margin:-2px 0 0;transform:rotate(45deg)}.header_menu .toggle.is-active .m{opacity:0}.header_menu .toggle.is-active .b{margin:-2px 0 0;transform:rotate(-45deg)}.header_menu .toggle span{background:#b2b4b7;border-radius:4px;height:4px;transition:margin .36s,opacity .36s,transform .36s;display:block;position:absolute;top:50%;left:0;right:0}.header_menu .toggle .t{margin:-12px 0 0}.header_menu .toggle .m{margin:-2px 0 0}.header_menu .toggle .b{margin:8px 0 0}@media screen and (width>=1289px){.header_menu .list{display:block!important}}@media screen and (width<=1288px){.header_menu .list{background:#34393c;display:none;position:absolute;top:100%;left:0;right:0}}@media screen and (width>=865px) and (width<=1288px){.header_menu .list{border-top:1px solid #494d50}}.header_menu .list ul{margin:0 auto;padding:0;list-style:none}@media screen and (width>=865px) and (width<=1288px){.header_menu .list ul{width:832px}}@media screen and (width>=865px){.header_menu .list li{float:left;margin-right:25px}}@media screen and (width>=865px) and (width<=1288px){.header_menu .list li{margin-right:100px}}.header_menu .list li:last-child{margin:0}.header_menu .list li:hover a,.header_menu .list li.is-active a{color:#fff}@media screen and (width>=865px){.header_menu .list li.is-active a{border-color:#0cb28b}}@media screen and (width<=864px){.header_menu .list li.is-active a{background:#222528}}.header_menu .list a{color:#b2b4b7;text-align:center;text-transform:uppercase;border-bottom:2px solid #34393c;height:74px;font-weight:400;line-height:76px;display:block}@media screen and (width<=1288px){.header_menu .list a{height:46px;line-height:46px}}@media screen and (width<=864px){.header_menu .list a{border-top:1px solid #494d50;border-bottom:none}}.header_sub-menu{box-sizing:border-box;text-align:center;background:#212427f2;padding:24px 0 15px;display:none;position:absolute;top:100%;left:0;right:0}@media screen and (width>=865px) and (width<=1288px){.header_sub-menu{padding:24px 0;top:125px}}@media screen and (width<=864px){.header_sub-menu{z-index:999;padding:24px 0 0;position:fixed;top:0;bottom:0}}.header_sub-menu .title{color:#0cb28b;float:left;text-align:left;text-transform:uppercase;height:24px;margin:0 0 32px;font-size:18px;line-height:22px}@media screen and (width>=865px){.header_sub-menu .title{display:none}}.header_sub-menu .close{color:#fff;float:right;font-size:20px;line-height:24px;display:block}@media screen and (width>=865px){.header_sub-menu .close{display:none}}.header_sub-menu .list{float:left;margin:0 50px 0 0;padding:0;list-style:none}@media screen and (width>=1289px){.header_sub-menu .list.clearfix{min-width:1280px}}@media screen and (width>=865px) and (width<=1288px){.header_sub-menu .list{float:none;margin:0 2px}}@media screen and (width<=864px){.header_sub-menu .list{float:none;margin:0}}.header_sub-menu .list li{float:left;width:160px}@media screen and (width>=865px) and (width<=1288px){.header_sub-menu .list li{width:138px}}@media screen and (width>=441px) and (width<=864px){.header_sub-menu .list li{width:136px;margin:0 0 32px}}@media screen and (width<=440px){.header_sub-menu .list li{width:50%;margin:0 0 32px}}.header_sub-menu .list a{color:#b2b4b7;display:block}.header_sub-menu .list a:hover{color:#fff}.header_sub-menu .list a:hover .icon,.header_sub-menu .list .is-active .icon{opacity:1}.header_sub-menu .list a:hover .icon--1,.header_sub-menu .list .is-active .icon--1{background-position:100% 0}.header_sub-menu .list a:hover .icon--2,.header_sub-menu .list .is-active .icon--2{background-position:100% -44px}.header_sub-menu .list a:hover .icon--3,.header_sub-menu .list .is-active .icon--3{background-position:100% -88px}.header_sub-menu .list a:hover .icon--4,.header_sub-menu .list .is-active .icon--4{background-position:100% -132px}.header_sub-menu .list a:hover .icon--5,.header_sub-menu .list .is-active .icon--5{background-position:100% -176px}.header_sub-menu .list a:hover .icon--6,.header_sub-menu .list .is-active .icon--6{background-position:100% -220px}.header_sub-menu .list a:hover .icon--7,.header_sub-menu .list .is-active .icon--7{background-position:100% -264px}.header_sub-menu .list a:hover .icon--8,.header_sub-menu .list .is-active .icon--8{background-position:100% -308px}.header_sub-menu .list a:hover .icon--9,.header_sub-menu .list .is-active .icon--9{background-position:100% -352px}.header_sub-menu .list a:hover .icon--10,.header_sub-menu .list .is-active .icon--10{background-position:100% -396px}.header_sub-menu .list a:hover .icon--11,.header_sub-menu .list .is-active .icon--11{background-position:100% -440px}.header_sub-menu .list a:hover .icon--12,.header_sub-menu .list .is-active .icon--12{background-position:100% -484px}.header_sub-menu .list a:hover .icon--13,.header_sub-menu .list .is-active .icon--13{background-position:100% -528px}.header_sub-menu .list a:hover .icon--14,.header_sub-menu .list .is-active .icon--14{background-position:100% -572px}.header_sub-menu .list a:hover .icon--15,.header_sub-menu .list .is-active .icon--15{background-position:100% -616px}.header_sub-menu .list a:hover .icon--16,.header_sub-menu .list .is-active .icon--16{background-position:100% -660px}.header_sub-menu .list a:hover .icon--17,.header_sub-menu .list .is-active .icon--17{background-position:100% -704px}.header_sub-menu .list a:hover .icon--18,.header_sub-menu .list .is-active .icon--18{background-position:100% -748px}.header_sub-menu .list a:hover .icon--19,.header_sub-menu .list .is-active .icon--19{background-position:100% -792px}.header_sub-menu .list a:hover .icon--20,.header_sub-menu .list .is-active .icon--20{background-position:100% -836px}.header_sub-menu .list a:hover .icon--21,.header_sub-menu .list .is-active .icon--21{background-position:100% -880px}.header_sub-menu .list a:hover .icon--22,.header_sub-menu .list .is-active .icon--22{background-position:100% -924px}.header_sub-menu .list a:hover .icon--23,.header_sub-menu .list .is-active .icon--23{background-position:100% -968px}.header_sub-menu .list a:hover .icon--24,.header_sub-menu .list .is-active .icon--24{background-position:100% -1012px}.header_sub-menu .list a:hover .icon--25,.header_sub-menu .list .is-active .icon--25{background-position:100% -1056px}.header_sub-menu .list a:hover .icon--26,.header_sub-menu .list .is-active .icon--26{background-position:100% -1100px}.header_sub-menu .list .icon{opacity:.25;background-image:url(/local/templates/.default/img/menu-icons.svg);width:44px;height:44px;margin:0 auto 6px;display:block}.header_sub-menu .list .icon--1{background-position:0 0}.header_sub-menu .list .icon--2{background-position:0 -44px}.header_sub-menu .list .icon--3{background-position:0 -88px}.header_sub-menu .list .icon--4{background-position:0 -132px}.header_sub-menu .list .icon--5{background-position:0 -176px}.header_sub-menu .list .icon--6{background-position:0 -220px}.header_sub-menu .list .icon--7{background-position:0 -264px}.header_sub-menu .list .icon--8{background-position:0 -308px}.header_sub-menu .list .icon--9{background-position:0 -352px}.header_sub-menu .list .icon--10{background-position:0 -396px}.header_sub-menu .list .icon--11{background-position:0 -440px}.header_sub-menu .list .icon--12{background-position:0 -484px}.header_sub-menu .list .icon--13{background-position:0 -528px}.header_sub-menu .list .icon--14{background-position:0 -572px}.header_sub-menu .list .icon--15{background-position:0 -616px}.header_sub-menu .list .icon--16{background-position:0 -660px}.header_sub-menu .list .icon--17{background-position:0 -704px}.header_sub-menu .list .icon--18{background-position:0 -748px}.header_sub-menu .list .icon--19{background-position:0 -792px}.header_sub-menu .list .icon--20{background-position:0 -836px}.header_sub-menu .list .icon--21{background-position:0 -880px}.header_sub-menu .list .icon--22{background-position:0 -924px}.header_sub-menu .list .icon--23{background-position:0 -968px}.header_sub-menu .list .icon--24{background-position:0 -1012px}.header_sub-menu .list .icon--25{background-position:0 -1056px}.header_sub-menu .list .icon--26{background-position:0 -1100px}.header_sub-menu .list .caption{height:32px;line-height:16px;display:block;overflow:hidden}.header_sub-menu .button{border-radius:40px;height:40px;font-size:12px;line-height:37px}@media screen and (width>=1289px){.header_sub-menu .button{float:left;margin:17px 0 32px}}@media screen and (width>=865px) and (width<=1288px){.header_sub-menu .button{margin:24px 0 0}} /*$vite$:1*/ /* End */ /* Start:/local/templates/.default/css/lib/jquery.mCustomScrollbar.css?178842794153583*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .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; /* auto-expanded scrollbar */ } .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; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .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; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .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; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .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{ /* RTL direction/left-side scrollbar */ 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; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .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{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .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{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .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{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/.default/css/lib/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .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)"; } /* theme: "dark" */ .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; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .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; } /* theme: "dark-2" */ .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; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .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; } /* theme: "dark-thick" */ .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; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .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; } /* theme "dark-thin" */ .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; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .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; /* auto-expanded scrollbar */ 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; /* auto-expanded scrollbar */ } .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; /* auto-expanded scrollbar */ 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; /* auto-expanded scrollbar */ 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; } /* theme "rounded-dark", "rounded-dots-dark" */ .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; } /* theme "rounded-dots", "rounded-dots-dark" */ .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; } /* theme "rounded-dots-dark" */ .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; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .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%); } /* theme "3d", "3d-dark" */ .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; } /* theme "3d-dark" */ .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; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .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; } /* theme: "3d-thick-dark" */ .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; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .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; } /* RTL direction/left-side scrollbar */ .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)"; } /* theme: "minimal-dark" */ .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)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .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; } /* theme "dark-3" */ .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; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .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; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .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; } /* theme "inset-2", "inset-2-dark" */ .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); } /* theme "inset-3", "inset-3-dark" */ .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/.default/css/lib/jquery.fancybox.min.css?178842794112796*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/.default/css/lib/owl.carousel.min.css?17884279412937*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name: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 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/.default/css/lib/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/components/syssoft/search.title/templates/.default/style.css?1788427937958*/ .title-search-result .search-popup { position: relative; top: auto; left: auto; right: auto; width: auto; } .search-popup__container { position: relative; } .search-popup.is-loading .search-popup__container { min-height: 392px; } .search-popup__loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: none; align-items: center; justify-content: center; background: rgba(221, 221, 221, 0.75); } .search-popup.is-loading .search-popup__loader { display: flex; } .search-popup__loader img { width: 48px; height: auto; } .search-popup__offer-price--old-strike { background: #cbccce; text-decoration: line-through; } .title-search-result { background: white; border: none; border-radius: 5px; padding: 10px; min-width: 920px; z-index: 999; margin-left: -420px; } .title-search-fader { display: none; } /* End */ /* Start:/local/templates/.default/components/bitrix/breadcrumb/.default/style.css?1788427940443*/ .breadcrumbs { font-size: 14px; list-style: none; margin: 0 0 20px; padding: 0; } .breadcrumbs li { display: inline; margin-right: 2px; } .breadcrumbs li:last-child { margin: 0; } .breadcrumbs li:last-child::after { display: none; } .breadcrumbs li::after { color: #787878; content: "\2192"; font-family: "Minion Pro", sans-serif; margin-left: 2px; } .breadcrumbs a { color: #787878; } /* End */ /* Start:/local/components/syssoft/auth.modal/templates/default/style.css?17884279379967*/ .auth-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; display: flex; align-items: center; justify-content: center; } .auth-modal[hidden] { display: none; } .auth-modal__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } .auth-modal__dialog { position: relative; max-width: 480px; width: 90%; max-height: 90vh; z-index: 1; } .auth-modal__content { position: relative; background: #fff; padding: 32px 40px 40px; border-radius: 8px; max-height: 90vh; overflow-x: hidden; overflow-y: auto; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); box-sizing: border-box; } .auth-modal__content *, .auth-modal__content *::before, .auth-modal__content *::after { box-sizing: border-box; } .auth-modal__close { position: absolute; top: 12px; right: 12px; border: none; background: #fff; color: #999; cursor: pointer; padding: 0; width: 40px; height: 40px; margin: 0; display: flex; align-items: center; justify-content: center; z-index: 2; border-radius: 50%; } .auth-modal__close:hover { color: #333; } .auth-modal__close-icon { display: block; width: 20px; height: 20px; flex-shrink: 0; } .auth-modal__header { display: block; padding-right: 36px; margin-bottom: 24px; } .auth-modal__tabs { display: flex; width: 100%; min-width: 0; gap: 0; margin-bottom: 0; border-bottom: 2px solid #eee; } .auth-modal__tab { flex: 1; padding: 12px 16px; border: none; background: transparent; font-size: 16px; color: #999; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: color 0.2s, border-color 0.2s; } .auth-modal__tab:hover { color: #666; } .auth-modal__tab.is-active { color: #0cb28b; border-bottom-color: #0cb28b; font-weight: 500; } .auth-modal__panel .authorization { margin: 0; display: block !important; width: 100% !important; max-width: 100%; } .auth-modal__panel .authorization_form.page-block, .auth-modal__panel .authorization .authorization_form { padding: 0; margin: 0; box-shadow: none; display: block !important; width: 100% !important; max-width: 100%; float: none; } .auth-modal__panel .authorization_form::after { content: ''; display: table; clear: both; } .auth-modal__panel .authorization_form .input-group-1 { float: none !important; clear: both !important; width: 100%; margin: 0 0 16px; } .auth-modal__panel .authorization_form .auth-mode-switch, .auth-modal__panel .authorization_form .auth-email-disclaimer, .auth-modal__panel .authorization_form .auth-form-title, .auth-modal__panel .authorization_form .message_err, .auth-modal__panel .authorization_form .auth-message_err, .auth-modal__panel .authorization_form .reg-message_err, .auth-modal__panel .authorization_form .recovery-message_err, .auth-modal__panel .authorization_form .recovery-message_send, .auth-modal__panel .authorization_form .recovery-server-result { float: none !important; clear: both !important; width: 100%; } .auth-modal__panel .authorization_form .agreement { padding: 0 !important; margin: 16px 0 !important; float: none !important; clear: both !important; width: 100% !important; } .auth-modal__panel .authorization_form .agreement .check-box-1 { float: none !important; margin: 0; width: 100%; } .auth-modal__panel .authorization_form .agreement .check-box-1 label { display: block; width: 100%; max-width: 100%; } .auth-modal__panel .authorization_form .links { margin: 0 0 16px !important; padding: 0 !important; float: none !important; clear: both !important; width: 100% !important; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; list-style: none; } .auth-modal__panel .authorization_form .links li { float: none !important; margin: 0 !important; width: 100%; } .auth-modal__panel .authorization_form .links a { display: inline-block; } .auth-modal__panel .authorization_form .auth-submit, .auth-modal__panel .authorization_form button[type="submit"] { float: none !important; clear: both !important; } .auth-modal__panel .authorization_form .input-group-1 .caption { float: none !important; width: 100% !important; height: auto; line-height: 1.28; margin: 0 0 5px; } .auth-modal__panel .authorization_form .input-group-1 .input-field, .auth-modal__panel .authorization_form .input-group-1 .select-box { float: none !important; width: 100% !important; max-width: 100%; } .auth-modal__panel .authorization_form .button--large, .auth-modal__panel .authorization_form .reg-send-code, .auth-modal__panel .authorization_form .reg-verify, .auth-modal__panel .authorization_form .reg-register, .auth-modal__panel .authorization_form .recovery-submit, .auth-modal__panel .authorization_form .recovery-verify, .auth-modal__panel .authorization_form .recovery-reset { width: 100%; margin-left: 0 !important; } .auth-modal__panel .authorization_form .reg-captcha-mount, .auth-modal__panel .authorization_form .recovery-captcha-mount { padding-left: 0; margin: 0 0 16px; } .change-captcha-mount { margin: 0 0 16px; min-height: 100px; } .auth-modal__panel .authorization_form .captcha_bitrix img { max-width: 100%; height: auto; } .auth-modal__panel .authorization_form .captcha_bitrix input { width: 100% !important; max-width: 100%; } .auth-modal__panel .auth-mode-switch { max-width: 100%; } .auth-modal__panel .auth-email-disclaimer { max-width: 100%; } .auth-modal__panel .reg-step, .auth-modal__panel .recovery-step { max-width: 100%; } .auth-denied { text-align: center; padding: 40px 20px; } .auth-denied__title { font-size: 22px; margin: 0 0 12px; color: #333; } .auth-denied__text { font-size: 15px; line-height: 1.5; color: #666; margin: 0 0 24px; } .auth-denied__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } body.auth-modal-open { overflow: hidden; } @media screen and (max-width: 480px) { .auth-modal__dialog { width: 94%; } .auth-modal__content { padding: 28px 20px 24px; } .auth-modal__header { padding-right: 32px; } .auth-modal__close { top: 8px; right: 8px; width: 36px; height: 36px; } .auth-modal__close-icon { width: 18px; height: 18px; } .auth-modal__tab { padding: 12px 10px; font-size: 15px; } } /* Формы авторизации внутри модалки */ .auth-modal .auth-form-title { margin: 0 0 20px; padding: 0; font-size: 20px; font-weight: 500; line-height: 1.3; color: #222; } .auth-modal .auth-message_err, .auth-modal .reg-message_err, .auth-modal .recovery-message_err, .auth-modal .change-message_err { color: #d00; padding: 10px 15px; margin-bottom: 15px; background: #ffeaea; border: 1px solid #fcc; border-radius: 4px; font-size: 14px; } .auth-modal .auth-message_send, .auth-modal .reg-message_send, .auth-modal .recovery-message_send { color: #080; padding: 10px 15px; margin-bottom: 15px; background: #eaffea; border: 1px solid #cfc; border-radius: 4px; font-size: 14px; } .auth-modal .auth-mode-switch { position: relative; display: flex; margin-bottom: 20px; padding: 4px; border-radius: 999px; background: rgba(12, 178, 139, 0.12); } .auth-modal .auth-mode-switch__indicator { position: absolute; top: 4px; left: 4px; width: calc((100% - 8px) / 2); height: calc(100% - 8px); border-radius: 999px; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); transition: transform 0.25s ease; pointer-events: none; } .auth-modal .auth-mode-switch[data-active="email"] .auth-mode-switch__indicator, .auth-modal .auth-mode-switch[data-active="login"] .auth-mode-switch__indicator { transform: translateX(100%); } .auth-modal .auth-mode-switch__btn { position: relative; z-index: 1; flex: 1; padding: 10px 16px; border: none; border-radius: 999px; background: transparent; color: #9aa0a6; font-size: 14px; line-height: 1.3; cursor: pointer; transition: color 0.2s ease; } .auth-modal .auth-mode-switch__btn:hover { color: #666; } .auth-modal .auth-mode-switch__btn.is-active { color: #333; font-weight: 500; } .auth-modal .auth-email-disclaimer { margin-bottom: 20px; padding: 10px 12px; background: rgba(12, 178, 139, 0.08); border: 1px solid rgba(12, 178, 139, 0.2); border-radius: 4px; line-height: 1.4; color: #555; } .auth-modal .auth-email-disclaimer p { margin: 0 0 8px; font-size: 13px; } .auth-modal .auth-email-disclaimer p:last-child { margin-bottom: 0; } .auth-modal .disabled-button { background: #b2b4b7 !important; border: 1px solid #555 !important; cursor: default !important; } .auth-modal .reg-step, .auth-modal .recovery-step { margin-bottom: 10px; } .auth-modal .recovery-success-text { margin: 0 0 20px; font-size: 16px; line-height: 1.5; color: #080; text-align: center; } .auth-modal .reg-timer, .auth-modal .recovery-timer { font-size: 13px; color: #888; margin: 10px 0; } .auth-modal .reg-resend, .auth-modal .recovery-resend { margin-bottom: 15px; font-size: 13px; } .auth-modal .reg-code, .auth-modal .recovery-code { letter-spacing: 8px; text-align: center; font-size: 20px; } /* End */ /* Start:/local/templates/.default/components/bitrix/system.auth.registration/modal/style.css?1788427941190*/ .reg-captcha-mount { margin: 0 0 16px; min-height: 100px; } @media screen and (min-width: 669px) { .authorization_form .reg-captcha-mount { padding-left: 190px; } } /* End */ /* Start:/local/templates/.default/components/bitrix/system.auth.forgotpasswd/modal/style.css?1788427941200*/ .recovery-captcha-mount { margin: 0 0 16px; min-height: 100px; } @media screen and (min-width: 669px) { .authorization_form .recovery-captcha-mount { padding-left: 190px; } } /* End */ /* Start:/local/templates/s2_template_main/css/style.css?178842794276806*/ /*---------------------------------------------------- */ /* PAGE ELEMENTS */ /*----------------------------------------------------- */ .page-container { margin: 0 auto; width: 1256px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .page-container { width: 832px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .page-container { width: 408px; } } @media screen and (max-width: 440px) { .page-container { margin: 0 16px; width: auto; } } .page-outer { padding: 122px 0 0; } @media screen and (min-width: 1289px) { .page-outer { min-height: calc(100vh - 122px - 403px); } } @media screen and (max-width: 1288px) { .page-outer { padding: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .page-outer { min-height: calc(100vh - 122px - 162px); } } .page-inner { padding: 30px 0 50px; } @media screen and (max-width: 440px) { .page-inner { padding: 25px 0 35px; } } .page-section-1 { margin: 0 0 40px; } @media screen and (max-width: 440px) { .page-section-1 { margin: 0 0 30px; } } .page-section-1:last-child { margin: 0; } .page-section-2 { margin: 0 0 30px; } @media screen and (max-width: 440px) { .page-section-2 { margin: 0 0 20px; } } .page-section-2:last-child { margin: 0; } .page-main { float: left; margin-right: 16px; } .page-main--1 { width: 832px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .page-main--1 { width: 408px; } } @media screen and (max-width: 864px) { .page-main--1 { float: none; margin: 0 0 40px; width: auto; } } @media screen and (max-width: 440px) { .page-main--1 { margin: 0 0 30px; } } .page-main--2 { width: 832px; } @media screen and (max-width: 1288px) { .page-main--2 { float: none; margin: 0 0 40px; width: auto; } } @media screen and (max-width: 440px) { .page-main--2 { margin: 0 0 30px; } } .page-main--3 { width: 938px; min-height: 385px; } @media screen and (max-width: 1288px) { .page-main--3 { float: none; margin: 0 0 40px; width: auto; min-height: auto; } } @media screen and (max-width: 440px) { .page-main--3 { margin: 0 0 30px; } } .page-sidebar { float: left; } .page-sidebar--1 { width: 408px; } @media screen and (max-width: 864px) { .page-sidebar--1 { float: none; width: auto; } } .page-sidebar--2 { width: 408px; } @media screen and (max-width: 1288px) { .page-sidebar--2 { float: none; width: auto; } } .page-sidebar--3 { width: 302px; } @media screen and (max-width: 1288px) { .page-sidebar--3 { float: none; width: auto; } } .page-controls { border-bottom: 2px solid #cacccd; margin: 0 0 16px; } .page-controls .tabs-toggle { float: left; list-style: none; margin: 0; padding: 0; position: relative; top: 2px; } .page-controls .tabs-toggle li { float: left; margin-right: 24px; } .page-controls .tabs-toggle li:last-child { margin: 0; } .page-controls .tabs-toggle li.is-active a { border-color: #0cb28b; color: #34393c; font-weight: bold; } .page-controls .tabs-toggle a { border-bottom: 2px solid transparent; color: #787878; display: block; font-size: 16px; height: 22px; line-height: 22px; padding: 0 0 12px; text-transform: uppercase; } .page-controls .flip-switch { display: block; float: right; } @media screen and (max-width: 864px) { .page-controls--1 { border: none; } } @media screen and (max-width: 864px) { .page-controls--1 .tabs-toggle { float: none; position: static; } } @media screen and (max-width: 864px) { .page-controls--1 .tabs-toggle li { float: none; margin: 0; } } @media screen and (max-width: 864px) { .page-controls--1 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; height: auto; line-height: 1; padding: 16px; } } @media screen and (max-width: 440px) { .page-controls--1 .tabs-toggle a { padding: 8px 16px; } } @media screen and (max-width: 864px) { .page-controls--1 .flip-switch { float: none; margin: 16px 0 0; } } @media screen and (max-width: 1288px) { .page-controls--2 { border: none; } } .page-controls--2 .tabs-toggle { float: none; } @media screen and (max-width: 1288px) { .page-controls--2 .tabs-toggle { position: static; } } .page-controls--2 .tabs-toggle li { margin-right: 50px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .page-controls--2 .tabs-toggle li { margin: 0; width: 50%; } } @media screen and (max-width: 864px) { .page-controls--2 .tabs-toggle li { float: none; margin: 0; } } .page-controls--2 .tabs-toggle li:last-child { margin: 0; } @media screen and (min-width: 441px) { .page-controls--2 .tabs-toggle li.is-active a { font-size: 21px; } } @media screen and (max-width: 1288px) { .page-controls--2 .tabs-toggle a { border-bottom: none; border-left: 2px solid #cacccd; padding: 16px; } } @media screen and (max-width: 864px) { .page-controls--2 .tabs-toggle a { height: auto; line-height: 1; } } @media screen and (max-width: 440px) { .page-controls--2 .tabs-toggle a { padding: 8px 16px; } } .page-controls--2 .tabs-toggle .aligner { line-height: 1; vertical-align: bottom; } @media screen and (max-width: 1288px) { .page-controls--2 .tabs-toggle .aligner { vertical-align: baseline; } } .page-title-1 { font-size: 36px; font-weight: 300; line-height: 1; margin: 0 0 20px; } @media screen and (max-width: 440px) { .page-title-1 { font-size: 32px; } } .page-title-2 { font-size: 30px; font-weight: 300; line-height: 1.1; margin: 0 0 20px; } @media screen and (max-width: 440px) { .page-title-2 { font-size: 28px; } } .page-title-3 { font-size: 18px; margin: 0 0 18px; text-transform: uppercase; } .page-title-4 { font-size: 16px; font-weight: normal; margin: 0 0 16px; } .page-heading { margin: 0 0 20px; position: relative; } .page-heading .page-title-2 { margin: 0; } .page-heading .slider-controls { margin: -8px 0 0; position: absolute; right: 0; top: 50%; } .page-heading .slider-controls a { color: #b2b4b7; display: block; float: left; height: 20px; line-height: 20px; text-align: center; -webkit-transition: color 0.18s; -o-transition: color 0.18s; transition: color 0.18s; width: 30px; } .page-heading .slider-controls a:hover { color: #494d50; } .page-heading .slider-controls a.is-disabled { color: #d9d9d9; cursor: default; } .page-heading .view-all { color: #b2b4b7; font-size: 14px; line-height: 16px; margin: -4px 0 0; position: absolute; right: 0; top: 50%; text-transform: uppercase; } .page-heading .view-all:hover { color: #494d50; } /*----------------------------------------------------- */ /* CONTENT AREA */ /*----------------------------------------------------- */ .content-area p, .content-area ul, .content-area ol { margin: 0 0 1em; } .content-area p:last-child, .content-area ul:last-child, .content-area ol:last-child { margin-bottom: 0; } .content-area ul, .content-area ol { list-style: none; padding: 0; } .content-area ul li, .content-area ol li { margin: 0 0 6px; position: relative; } .content-area ul li:last-child, .content-area ol li:last-child { margin: 0; } .content-area ul li { padding-left: 12px; } .content-area .share ul li { padding-left: 0; margin-right: 12px;} .content-area ul li::before { content: "\2022"; left: 0; position: absolute; top: 0; } .content-area ol { counter-reset: ol_counter; } .content-area ol li::before { counter-increment: ol_counter; content: counters(ol_counter,".") " "; } /*----------------------------------------------------- */ /* BUTTON */ /*----------------------------------------------------- */ .button { -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; padding: 0 20px; text-align: center; text-transform: uppercase; -webkit-transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; transition: background-color 0.18s, border-color 0.18s, color 0.18s, -webkit-box-shadow 0.18s; -o-transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s; transition: background-color 0.18s, border-color 0.18s, box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s; vertical-align: middle; } .button.is-hidden { position: absolute; visibility: hidden; } .button span { margin-left: 8px; } .button--small { border-radius: 15px; font-size: 12px; height: 30px; line-height: 27px; } .button--medium { border-radius: 17px; height: 34px; line-height: 31px; } .button--large { border-radius: 22px; height: 44px; line-height: 41px; } .button--1 { background: transparent; border: 1px solid #494d50; color: #b2b4b7; } .button--1:hover { background: #0cb28b; border-color: #0cb28b; color: white; } .button--2 { background: #0cb28b; border: 1px solid #0cb28b; color: white; } .button--2:disabled {background: #626262; border: 1px solid #626262; pointer-events: none;} .button--2:hover { background: #41ba88; -webkit-box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); } .button--3 { background: #b2b4b7; border: 1px solid #b2b4b7; color: white; } .button--3:hover { background: #494d50; border-color: #494d50; } /*----------------------------------------------------- */ /* INPUT FIELD */ /*----------------------------------------------------- */ .input-field { background: #eff1f1; border: none; border-radius: 17px; padding: 8.5px 20px; } input.input-field { height: 34px; } /*----------------------------------------------------- */ /* SEARCH BAR */ /*----------------------------------------------------- */ .search-bar { position: relative; } .search-bar button { background: #494d50; border: none; border-radius: 17px; color: #b2b4b7; display: block; height: 34px; line-height: 34px; padding: 0; position: absolute; text-align: center; top: 0; width: 34px; z-index: 22; } .search-bar .input-field { background: #494d50; color: #b2b4b7; padding-left: 34px; position: relative; width: 100%; z-index: 11; } .search-bar .clear { display: none; right: 0; } .search-bar .submit { left: 0; } /*----------------------------------------------------- */ /* CUSTOM SCROLL BAR */ /*----------------------------------------------------- */ .mCSB_inside > .mCSB_container { margin-right: 6px; } .mCSB_scrollTools { opacity: 1; width: 6px; } .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #0cb28b; border-radius: 6px; width: 6px; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #0cb28b; } /*----------------------------------------------------- */ /* NEWS FILTER */ /*----------------------------------------------------- */ .news-filter { background: white; font-size: 14px; position: relative; z-index: 777; } @media screen and (min-width: 1289px) { .news-filter { left: 0; position: fixed; top: 76px; right: 0; } } .news-filter a { color: #34393c; display: block; font-weight: normal; height: 46px; line-height: 46px; text-transform: uppercase; } .news-filter a:hover { color: #0cb28b; } .news-filter .menu { float: left; list-style: none; margin: 0; padding: 0; } @media screen and (min-width: 1289px) { .news-filter .menu { display: block !important; } } @media screen and (max-width: 1288px) { .news-filter .menu { border-top: 1px solid #cbccce; clear: both; display: none; float: none; padding: 10px 0; } } .news-filter .menu li { float: left; margin-right: 30px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-filter .menu li { margin-right: 20px; width: 193px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .news-filter .menu li { margin-right: 21px; width: 122px; } } @media screen and (max-width: 440px) { .news-filter .menu li { margin-right: 2%; width: 49%; } } .news-filter .menu li:last-child { margin-right: 0; } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-filter .menu li:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 441px) and (max-width: 864px) { .news-filter .menu li:nth-child(3n) { margin-right: 0; } } @media screen and (max-width: 440px) { .news-filter .menu li:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 1288px) { .news-filter .menu a { height: 36px; line-height: 36px; } } .news-filter .toggle { float: left; } @media screen and (min-width: 1289px) { .news-filter .toggle { display: none; } } .news-filter .toggle.is-active { color: #b2b4b7; } .news-filter .toggle .fa-bars { font-size: 16px; margin-right: 4px; } .news-filter .special { float: right; } /*----------------------------------------------------- */ /* NEWS BANNER */ /*----------------------------------------------------- */ .news-banner { background-position: 50% 50%; background-size: cover; margin: 0 0 -30px; padding: 0 0 60px; position: relative; } @media screen and (max-width: 864px) { .news-banner { padding-bottom: 30px; } } @media screen and (max-width: 440px) { .news-banner { margin: 0 0 -25px; } } .news-banner::before { background: -webkit-gradient(linear, left bottom, left top, from(#eff1f1), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #eff1f1 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, #eff1f1 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, #eff1f1 0%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ""; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .news-banner .page-container { height: 360px; position: relative; z-index: 2; } .news-banner .logo { bottom: 0; left: 0; position: absolute; } @media screen and (max-width: 864px) { .news-banner .logo { display: none; } } .news-banner .text { bottom: 0; max-width: 540px; position: absolute; right: 0; } .news-banner .text p { margin: 0; } .news-banner .title { font-size: 48px; line-height: 1; margin: 0 0 18px; } @media screen and (max-width: 440px) { .news-banner .title { font-size: 36px; } } /*----------------------------------------------------- */ /* NEWS FEED */ /*----------------------------------------------------- */ .news-feed { background: #34393c; border-radius: 5px; color: white; margin: 0 0 16px; padding-right: 14px; } .news-feed:last-child { margin: 0; } .news-feed .wrapper { padding: 0 0 20px; } .news-feed--1 .scroller { height: 768px; } @media screen and (max-width: 864px) { .news-feed--1 .scroller { height: 350px; } } .news-feed--2 .scroller { max-height: 802px; } @media screen and (max-width: 1288px) { .news-feed--2 .scroller { height: 350px; } } .news-feed_heading { padding: 20px 6px 0 20px; } .news-feed_heading .page-title-3 { font-weight: bold; line-height: 24px; margin: 0 0 10px; text-transform: uppercase; } .news-feed_heading .page-controls { border-color: #494d50; margin: 0; } .news-feed_heading .page-controls li.is-active a { color: white; } .news-feed_heading .page-controls a { color: #b2b4b7; } .news-feed_item { display: block; padding: 15px 10px 15px 20px; position: relative; -webkit-transition: background 0.18s; -o-transition: background 0.18s; transition: background 0.18s; } .news-feed_item:hover { background: #494d50; } .news-feed_item:hover::before { opacity: 0; } .news-feed_item:hover + .news-feed_item::before { opacity: 0; } .news-feed_item:first-child::before { display: none; } .news-feed_item::before { background: #494d50; content: ""; display: block; height: 1px; left: 20px; position: absolute; right: 20px; top: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; } .news-feed_item .info { color: #b2b4b7; display: block; font-size: 12px; margin: 0 0 8px; } .news-feed_item .date { margin-right: 6px; } .news-feed_item .date::after { content: "|"; margin-left: 8px; } .news-feed_item .title { color: white; display: block; font-size: 14px; font-weight: normal; } /*----------------------------------------------------- */ /* ARTICLE ITEM */ /*----------------------------------------------------- */ .article-item { cursor:pointer; background: white; border-radius: 5px; float: left; font-size: 14px; margin: 0 16px 16px 0; -webkit-transition: box-shadow 0.36s; -webkit-transition: -webkit-box-shadow 0.36s; transition: -webkit-box-shadow 0.36s; -o-transition: box-shadow 0.36s; transition: box-shadow 0.36s; transition: box-shadow 0.36s, -webkit-box-shadow 0.36s; position: relative;} .article-item:hover { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } .article-item:hover .image img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .article-item .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; overflow: hidden; } .article-item .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: transform 0.36s; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; height: 100%; width: 100%; } .article-item .text { padding: 16px 20px 52px; position: relative; } @media screen and (max-width: 864px) { .article-item .text { padding: 16px; } } .article-item .type { font-size: 14px; margin: 0 0 16px; } @media screen and (min-width: 865px) { .article-item .type { line-height: 20px; } } .article-item .type a { color: #b2b4b7; } .article-item .title { overflow: hidden; margin-bottom: 10px; } .article-item .title a { color: #34393c; display: inline-block; } .article-item .brief { color: #777; overflow: hidden; } @media screen and (max-width: 864px) { .article-item .brief { margin: 0 0 16px; } } .article-item .brief p { margin: 0; } .article-item .bottom-panel { bottom: 16px; color: #b2b4b7; font-size: 12px; left: 20px; position: absolute; right: 20px; } @media screen and (min-width: 865px) { .article-item .bottom-panel { line-height: 20px; } } @media screen and (max-width: 864px) { .article-item .bottom-panel { position: static; } } .article-item .bottom-panel a { color: #b2b4b7; } .article-item .info { float: left; } @media screen and (max-width: 440px) { .article-item .info { float: none; margin: 0 0 16px; } } .article-item .stats { float: right; } @media screen and (max-width: 440px) { .article-item .stats { float: none; } } .article-item .date { margin-right: 6px; } .article-item .date::after { content: "|"; margin-left: 8px; } .article-item .date:last-child { margin: 0; } .article-item .date:last-child::after { display: none; } .article-item .views { margin-right: 24px; } .article-item .views:last-child { margin: 0; } .article-item .fa-eye, .article-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; } .article-item .brief-wrapper { position: relative; display: inline-block; } .article-item .brief.truncated::after {content: ""; position: absolute;bottom: 0;left: 0;right: 0;height: 20px;background: linear-gradient(to bottom, rgba(255,255,255,0), #fff); pointer-events: none;} .article-item .tooltip {display: none; position: absolute; top: 100%; left: 0; z-index: 20; background: #fff; padding: 8px 10px; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); } .article-item .tooltip::before { content: "";position: absolute; top: -6px; left: 20px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; filter: drop-shadow(0 -1px 1px rgba(0,0,0,0.1)); } .article-item .brief.truncated:hover + .tooltip { display: block; } .article-item--1 .brief {position: relative; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: pointer; } .article-item--2 { width: 302px; } .article-item--2 .brief {position: relative; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: pointer; } @media screen and (min-width: 1289px) { .article-item--2 .image { height: 170px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--2 .image { height: 230px; } } .article-item--2 .text { padding: 16px 20px; } @media screen and (max-width: 864px) { .article-item--2 .text { padding: 16px; } } @media screen and (min-width: 865px) { .article-item--2 .title { height: 60px; line-height: 20px; margin-bottom: 10px;} } .article-item--2 .bottom-panel { position: static; } .article-item--3 { width: 302px; } @media screen and (min-width: 1289px) { .article-item--3 .text { height: 266px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--3 .text { height: 326px; } } @media screen and (min-width: 865px) { .article-item--3 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .article-item--3 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--3 .brief { line-height: 18px; max-height: 180px; } } .article-item--4 { width: 620px; } @media screen and (max-width: 1288px) { .article-item--4 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .article-item--4 .image { height: 348px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .image { border-bottom-left-radius: 5px; border-top-right-radius: 0; float: left; height: 230px; width: 408px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .image img { border-bottom-left-radius: 5px; border-top-right-radius: 0; } } @media screen and (min-width: 1289px) { .article-item--4 .text { height: 268px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .text { height: 162px; } } @media screen and (min-width: 865px) { .article-item--4 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .article-item--4 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-item--4 .brief { line-height: 18px; max-height: 54px; } } @media screen and (max-width: 1288px) and (min-width: 865px) { .article-item--4 .size_autox348 { width: auto; height: 230px; } .article-item--2 .size_autox170 { width: auto; height: 230px; } } @media screen and (max-width: 865px) { .article-item--4 .size_autox348 { width: auto; height: 170px; } .article-item--2 .size_autox170 { width: auto; height: 170px; } } /*----------------------------------------------------- */ /* ARTICLE GROUP */ /*----------------------------------------------------- */ .article-group { float: left; margin: 0 16px 16px 0; width: 302px; } .article-group .article-item { float: none; margin-right: 0; } .article-group .article-item:last-child { margin: 0; } @media screen and (min-width: 1289px) { .article-group .article-item .text { height: 91px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-group .article-item .text { height: 121px; } } @media screen and (min-width: 1289px) { .article-group .article-item .type { margin: 0 0 12px; } } @media screen and (min-width: 865px) { .article-group .article-item .title { line-height: 20px; } } @media screen and (min-width: 1289px) { .article-group .article-item .title { max-height: 60px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .article-group .article-item .title { max-height: 80px; } } /*----------------------------------------------------- */ /* EVENT ITEM */ /*----------------------------------------------------- */ .event-item { border-radius: 5px; color: white; display: block; margin: 0 0 16px; overflow: hidden; position: relative; } @media screen and (min-width: 865px) and (max-width: 1288px) { .event-item { float: left; margin: 0 16px 0 0; width: 408px; } } .event-item:hover .image { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .event-item:last-child { margin: 0; } .event-item .image { border-radius: 5px; -webkit-transition: -webkit-transform 0.36s; transition: -webkit-transform 0.36s; -o-transition: transform 0.36s; transition: transform 0.36s; transition: transform 0.36s, -webkit-transform 0.36s; width: 100%; } .event-item .caption { background: -webkit-linear-gradient(0deg, #34393c, transparent); background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0)); background: -o-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0)); background: linear-gradient(0deg, #34393c, rgba(0, 0, 0, 0)); bottom: 0; display: block; left: 0; padding: 25px; position: absolute; right: 0; } .event-item .caption .date { background: #0cb28b; border-radius: 12px; border-bottom-left-radius: 0; display: inline-block; font-size: 14px; height: 24px; line-height: 22px; margin: 0 0 20px; padding: 0 10px 0 8px; } .event-item .caption .title { display: block; text-transform: uppercase; } /*----------------------------------------------------- */ /* INTEGRATION BANNER */ /*----------------------------------------------------- */ .integration-banner { border-radius: 5px; color: white; position: relative; } .integration-banner .image { border-radius: 5px; width: 100%; } .integration-banner .caption { bottom: 25px; left: 25px; position: absolute; right: 25px; } .integration-banner .title { margin: 0 0 20px; } /*----------------------------------------------------- */ /* RECENT NEWS SLIDER */ /*----------------------------------------------------- */ .recent-news-slider .article-item { float: none; margin-right: 0; } .recent-news-slider .article-item:last-child { margin: 0; } @media screen and (min-width: 865px) { .recent-news-slider .article-item .image { height: 230px; } } @media screen and (min-width: 865px) { .recent-news-slider .article-item .text { height: 92px; } } @media screen and (min-width: 865px) { .recent-news-slider .article-item .title { line-height: 20px; max-height: 40px; } } @media screen and (min-width: 865px) { .recent-news-slider .article-item .brief { line-height: 18px; max-height: 36px; } } /*----------------------------------------------------- */ /* REVIEW ITEM */ /*----------------------------------------------------- */ .review-item { position: relative; } .review-item::before { background: -webkit-gradient(linear, left bottom, left top, from(#34393c), color-stop(50%, rgba(52, 57, 60, 0.75)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.75) 50%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, #34393c 0%, rgba(52, 57, 60, 0.75) 50%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(0deg, #34393c 0%, rgba(52, 57, 60, 0.75) 50%, rgba(0, 0, 0, 0) 100%); bottom: 0; content: ""; display: block; height: 80%; left: 0; position: absolute; width: 100%; z-index: 1; } .review-item .image { height: 100%; width: 100%; } .review-item .text { bottom: 0; color: white; left: 0; padding: 0 20px 24px; position: absolute; right: 0; z-index: 2; } .review-item .page-title-2 { font-size: 24px; font-weight: normal; } .review-item .page-title-2 a { color: white; } .review-item .brief { color: #b2b4b7; margin: 0 0 20px; } @media screen and (max-width: 440px) { .review-item .brief { display: none; } } .review-item .brief p { margin: 0; } .review-item .bottom-panel { font-size: 12px; margin: 0 0 20px; } .review-item .bottom-panel a { color: white; } @media screen and (min-width: 441px) { .review-item .info { float: left; } } .review-item .stats { float: right; } @media screen and (max-width: 440px) { .review-item .stats { display: none; } } .review-item .date { margin-right: 6px; } .review-item .date::after { content: "|"; margin-left: 8px; } .review-item .date:last-child { margin: 0; } .review-item .date:last-child::after { display: none; } .review-item .views { margin-right: 24px; } .review-item .views:last-child { margin: 0; } .review-item .fa-eye, .review-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; } .review-item .read { float: left; padding: 0; width: 132px; } .review-item .share { float: right; } @media screen and (max-width: 440px) { .review-item .share { display: none; } } .review-item .share .pluso-more, .review-item .share .pluso-counter { display: none; } /*----------------------------------------------------- */ /* REVIEWS SLIDER */ /*----------------------------------------------------- */ @media screen and (min-width: 865px) { .reviews-slider { padding: 2px 0 0; } } .reviews-slider_thumbnails { border-bottom-left-radius: 5px; border-top-left-radius: 5px; float: left; list-style: none; margin: 0; padding: 0; position: relative; width: 322px; z-index: 22; } @media screen and (max-width: 864px) { .reviews-slider_thumbnails { display: none; } } .reviews-slider_thumbnails .thumbnail { background: #34393c; display: block; height: 170px; line-height: 170px; padding: 0 20px; position: relative; -webkit-transition: background 0.36s; -o-transition: background 0.36s; transition: background 0.36s; } .reviews-slider_thumbnails .thumbnail.is-active { background: #494d50; } .reviews-slider_thumbnails .thumbnail.is-active::before { opacity: 0; } .reviews-slider_thumbnails .thumbnail.is-active::after { opacity: 1; visibility: visible; } .reviews-slider_thumbnails .thumbnail.is-active + .thumbnail::before { display: none; } .reviews-slider_thumbnails .thumbnail:first-child { border-top-left-radius: 5px; } .reviews-slider_thumbnails .thumbnail:first-child::before { opacity: 0; } .reviews-slider_thumbnails .thumbnail:last-child { border-bottom-left-radius: 5px; } .reviews-slider_thumbnails .thumbnail::before { background: #494d50; content: ""; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.36s; -o-transition: opacity 0.36s; transition: opacity 0.36s; } .reviews-slider_thumbnails .thumbnail::after { border-color: transparent transparent transparent #494d50; border-style: solid; border-width: 13px 0 13px 12px; content: ""; display: block; height: 0; left: 100%; margin: -13px 0 0; opacity: 0; position: absolute; top: 50%; -webkit-transition: opacity 0.36s, visibility 0.36s; -o-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; width: 0; } .reviews-slider_thumbnails .title { color: white; display: block; font-size: 16px; line-height: 20px; margin: 0 0 10px; max-height: 60px; overflow: hidden; } .reviews-slider_thumbnails .brief { color: #b2b4b7; display: block; font-size: 14px; line-height: 18px; max-height: 54px; overflow: hidden; } .reviews-slider_full-size { border-bottom-right-radius: 5px; border-top-right-radius: 5px; overflow: hidden; position: relative; z-index: 11; } @media screen and (max-width: 864px) { .reviews-slider_full-size { border-radius: 5px; } } .reviews-slider_full-size .review-item { border-bottom-right-radius: 5px; border-top-right-radius: 5px; background: #787b7d; } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item { border-radius: 5px; } } .reviews-slider_full-size .review-item::before { border-bottom-right-radius: 5px; } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item::before { border-radius: 5px; height: 100%; } } .reviews-slider_full-size .review-item .image { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item .image { border-radius: 5px; } } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item .text { padding-bottom: 50px; } } .reviews-slider_full-size .owl-dots { bottom: 20px; height: 10px; left: 0; position: absolute; right: 0; text-align: center; z-index: 9; } @media screen and (min-width: 865px) { .reviews-slider_full-size .owl-dots { display: none; } } .reviews-slider_full-size .owl-dot { background: white; border-radius: 100%; display: inline-block; height: 8px; margin: 1px 5px; opacity: 0.4; vertical-align: top; width: 8px; } .reviews-slider_full-size .owl-dot.active { height: 10px; margin: 0 4px; opacity: 1; width: 10px; } @media screen and (max-width: 864px) { .reviews-slider_full-size .review-item .size_autox680 { width: 510px; height: 544px; } } /*----------------------------------------------------- */ /* SPECIAL NEWS SLIDER */ /*----------------------------------------------------- */ .special-news-slider .article-item { float: none; margin: 0; width: 302px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .special-news-slider .article-item { width: 266px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .special-news-slider .article-item { width: 196px; } } @media screen and (max-width: 440px) { .special-news-slider .article-item { width: auto; } } .special-news-slider .article-item .type { line-height: 1.28; } .special-news-slider .article-item .text { padding: 16px 20px; } @media screen and (max-width: 864px) { .special-news-slider .article-item .text { padding: 16px; } } @media screen and (min-width: 441px) { .special-news-slider .article-item .title { height: 60px; line-height: 20px; } } .special-news-slider .article-item .bottom-panel { line-height: 1.28; position: static; } @media screen and (max-width: 864px) { .special-news-slider .article-item .bottom-panel .info { float: none; margin: 0 0 16px; } } @media screen and (max-width: 864px) { .special-news-slider .article-item .bottom-panel .stats { float: none; } } @media screen and (max-width: 1288px) and (min-width: 865px){ .special-news-slider .article-item .size_autox170 { width: 266px; } } @media screen and (max-width: 864px) and (min-width: 441px){ .special-news-slider .article-item .size_autox170 { width: 196px; } } @media screen and (max-width: 440px) { .special-news-slider .article-item .size_autox170 { width: auto; } } /*----------------------------------------------------- */ /* NEWS LINE */ /*----------------------------------------------------- */ @media screen and (min-width: 865px) { .news-line { margin-bottom: -16px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-line .article-item, .news-line .article-group { width: 408px; } } @media screen and (max-width: 864px) { .news-line .article-item, .news-line .article-group { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .news-line .article-item:nth-child(4n), .news-line .article-group:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-line .article-item:nth-child(even), .news-line .article-group:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 864px) { .news-line .article-item:last-child, .news-line .article-group:last-child { margin: 0; } } /*----------------------------------------------------- */ /* NEWS GROUPS */ /*----------------------------------------------------- */ @media screen and (min-width: 1289px) { .news-group-1 .article-item--2 { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-1 .article-item--2 { width: 408px; } } @media screen and (max-width: 864px) { .news-group-1 .article-item--2 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-1 .article-item--2:last-child { margin-right: 0; } } @media screen and (min-width: 865px) { .news-group-2 { margin-bottom: -16px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-2 .article-item, .news-group-2 .article-group { width: 408px; } } @media screen and (max-width: 864px) { .news-group-2 .article-item, .news-group-2 .article-group { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .news-group-2 .article-item:nth-child(3n), .news-group-2 .article-group:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-group-2 .article-item:nth-child(even), .news-group-2 .article-group:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 864px) { .news-group-2 .article-item:last-child, .news-group-2 .article-group:last-child { margin: 0; } } /*----------------------------------------------------- */ /* CALENDAR SLIDER */ /*----------------------------------------------------- */ .calendar-slider { position: relative; } .calendar-slider .slider-next, .calendar-slider .slider-prev { background: #34393c; color: #b2b4b7; display: block; font-size: 18px; height: 54px; line-height: 54px; position: absolute; text-align: center; top: 0; -webkit-transition: opacity 0.18s; -o-transition: opacity 0.18s; transition: opacity 0.18s; width: 54px; z-index: 22; } .calendar-slider .slider-next.is-disabled, .calendar-slider .slider-prev.is-disabled { opacity: 0.1; } .calendar-slider .slider-prev { left: 0; } .calendar-slider .slider-next { right: 0; } .calendar-slider .slide { position: relative; z-index: 11; } .calendar-slider .page-title-3 { background: #34393c; color: white; height: 54px; line-height: 54px; margin: 0; padding: 0 54px; text-align: center; } .calendar-slider table { background: white; font-size: 14px; width: 100%; } .calendar-slider tr:nth-child(2) td { padding-top: 8px; } @media screen and (max-width: 440px) { .calendar-slider tr:nth-child(2) td { padding-top: 4px; } } .calendar-slider tr:last-child td { padding-bottom: 8px; } @media screen and (max-width: 440px) { .calendar-slider tr:last-child td { padding-bottom: 4px; } } .calendar-slider th { background: #0cb28b; color: white; font-weight: 300; height: 36px; text-transform: uppercase; } .calendar-slider td { text-align: center; } .calendar-slider td a, .calendar-slider td span { border-radius: 100%; display: block; height: 30px; line-height: 28px; margin: 0 auto; width: 30px; } @media screen and (max-width: 440px) { .calendar-slider td a, .calendar-slider td span { height: 24px; line-height: 22px; width: 24px; } } .calendar-slider td span { color: #b2b4b7; } .calendar-slider td a { color: #34393c; -webkit-transition: background 0.18s, color 0.18s; -o-transition: background 0.18s, color 0.18s; transition: background 0.18s, color 0.18s; } .calendar-slider td a:hover { background: #b2b4b7; color: white; } .calendar-slider th, .calendar-slider td { padding: 4px; } @media screen and (max-width: 440px) { .calendar-slider th, .calendar-slider td { padding: 2px; } } .calendar-slider th:first-child, .calendar-slider td:first-child { padding-left: 8px; } @media screen and (max-width: 440px) { .calendar-slider th:first-child, .calendar-slider td:first-child { padding-left: 4px; } } .calendar-slider th:last-child, .calendar-slider td:last-child { padding-right: 8px; } @media screen and (max-width: 440px) { .calendar-slider th:last-child, .calendar-slider td:last-child { padding-right: 4px; } } .calendar-slider .input-field {padding: 0px;} .calendar-slider .navigation-date { background: #34393c;color: #fff;height: 54px;margin: 0;padding: 0 54px;text-align: center;line-height: 54px;font-size: 17px;} .calendar-slider .month { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 62%; } .calendar-slider .year { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 38%; } .calendar-slider .NewsCalWeekend{ color:#df8492; } .calendar-slider .NewsCalToday span{ background: #0cb28b; color: white; font-weight: bold; } .calendar-slider .NewsCalDefault{ color:#000; } .calendar-slider .NewsCalOtherMonth{ color:#F8F9EF; } .calendar-slider .Event, .calendar-slider .Event a { color: #0cb28b; } /*----------------------------------------------------- */ /* PRODUCT BANNER */ /*----------------------------------------------------- */ .product-banner { background-size: cover; background-position: 100% 50%; border-radius: 5px; color: white; position: relative; } @media screen and (min-width: 865px) { .product-banner { height: 290px; line-height: 290px; } } .product-banner:hover .product-banner_details { opacity: 1; visibility: visible; } .product-banner_brief { padding-left: 50px; position: relative; width: 578px; z-index: 11; } @media screen and (max-width: 864px) { .product-banner_brief { display: none; } } .product-banner_brief p { color: #b2b4b7; font-weight: normal; margin: 0; } .product-banner_brief .title { font-weight: bold; margin: 0 0 16px; } .product-banner_brief .slogan { margin: 0 0 16px; text-transform: none; } .product-banner_details { background: rgba(33, 37, 40, 0.9); border-radius: 5px; } @media screen and (min-width: 865px) { .product-banner_details { bottom: 0; left: 0; opacity: 0; padding: 0 50px; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.36s, visibility 0.36s; -o-transition: opacity 0.36s, visibility 0.36s; transition: opacity 0.36s, visibility 0.36s; visibility: hidden; z-index: 22; } } @media screen and (max-width: 864px) { .product-banner_details { padding: 25px; } } .product-banner_details .column { float: left; width: 578px; } @media screen and (max-width: 1288px) { .product-banner_details .column { float: none; width: auto; } } /* @media screen and (max-width: 1288px) { .product-banner_details .column:last-child { display: none; } } */ .product-banner_details .column p { margin: 12px 0 0; } .product-banner_details .page-title-1 { font-weight: normal; } .product-banner_details .page-title-1 small { color: #b2b4b7; display: block; font-size: 18px; margin: 8px 0 0; } @media screen and (max-width: 440px) { .product-banner_details .page-title-1 small { font-size: 16px; } } .product-banner_details .price { display: block; font-size: 36px; margin: 0 0 30px; } @media screen and (max-width: 440px) { .product-banner_details .price { font-size: 30px; } } .product-banner_details .price small { font-size: 30px; } @media screen and (max-width: 440px) { .product-banner_details .price small { font-size: 24px; } } .product-banner_details .button { display: block; float: left; margin-right: 10px; padding: 0; } /* .product-banner_details .button:last-child { margin: 0; padding: 0; } */ .product-banner_details .more, .product-banner_details .buy { width: 154px; } @media screen and (min-width: 441px) and (max-width: 864px) { .product-banner_details .more, .product-banner_details .buy { width: 142px; } } @media screen and (max-width: 440px) { .product-banner_details .more { float: none; margin: 0 0 10px; width: 238px; } } @media screen and (max-width: 440px) { .product-banner_details .buy { width: 184px; } } .product-banner_details .like { background: #34393c; color: #b2b4b7; font-size: 22px; line-height: 44px; width: 44px; } .product-banner_details .like:hover, .product-banner_details .like.is-active { background: #494d50; color: white; } /*----------------------------------------------------- */ /* NEWS ARTICLE */ /*----------------------------------------------------- */ @media screen and (min-width: 441px) { .news-article { font-size: 18px; } } /* .news-article .heading { border-bottom: 1px solid #b2b4b7; padding: 80px 100px 100px; text-align: center; } */ .news-article .heading { text-align: center; position: relative } @media screen and (min-width: 865px) and (max-width: 1288px) { .news-article .heading { padding: 30px 50px 50px; } } @media screen and (max-width: 864px) { .news-article .heading { padding: 10px 0 30px; } } @media screen and (max-width: 440px) { .news-article .heading { padding: 0 0 30px; text-align: left; } } .news-article .heading .type { color: #b2b4b7; font-size: 21px; margin: 0 0 4px; } @media screen and (max-width: 440px) { .news-article .heading .type { font-size: 18px; } } .news-article .heading .title { font-size: 40px; line-height: 1.2; margin: 0 0 12px; } @media screen and (min-width: 441px) and (max-width: 864px) { .news-article .heading .title { font-size: 36px; } } @media screen and (max-width: 440px) { .news-article .heading .title { font-size: 30px; } } .news-article .heading .author { color: #b2b4b7; margin: 0 0 8px; } @media screen and (min-width: 441px) { .news-article .heading .author { font-size: 18px; } } .news-article .heading .author span { color: #34393c; } .news-article .date { color: #b2b4b7; display: block; font-size: inherit; font-weight: inherit; margin: 0 0 1em; } @media screen and (max-width: 440px) { .news-article .heading .date { font-size: 14px; } } .news-article .illustration { width: 100%; } .news-article .product-banner { font-size: 16px;background-color: #34393c; } .news-article .share .caption { color: #b2b4b7; font-size: 14px; margin: -10px 0 5px; } .news-article .share .pluso-more, .news-article .share .pluso-counter { display: none; } /*----------------------------------------------------- */ /* PRELOADER */ /*----------------------------------------------------- */ .preloader { background: #34393c; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 8888; } .preloader img { -webkit-animation: 5s loadingAnimation linear infinite forwards; animation: 5s loadingAnimation linear infinite forwards; height: 128px; left: 50%; margin: -64px 0 0 -120px; position: absolute; top: 50%; width: 240px; } /*----------------------------------------------------- */ /* LOADING ANIMATION */ /*----------------------------------------------------- */ @keyframes loadingAnimation { 0% { opacity: 1; -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2); } } @-webkit-keyframes loadingAnimation { 0% { opacity: 1; -webkit-transform: scale(0.5); } 100% { opacity: 0; -webkit-transform: scale(2); } } /*----------------------------------------------------- */ /* WARNINGS */ /*----------------------------------------------------- */ #noScriptWarning, #outdatedBrowserWarning { color: white; padding: 12px; position: relative; text-align: center; z-index: 9999; } #noScriptWarning a, #outdatedBrowserWarning a { color: white; } #noScriptWarning { background: red; } #outdatedBrowserWarning { background: orangered; } .message_send { border: none;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #61a942;background-color: #dff2de;border-color: #ebccd1;} .message_err {border: none;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #a94442;background-color: #f2dede;border-color: #ebccd1;} font.errortext { display: block;font-size: 14px;padding: 15px;margin-bottom: 20px;color: #a94442;background-color: #f2dede;border-color: #ebccd1;} font.notetext { display: block;font-size: 14px;padding: 15px;margin-bottom: 20px; color: #61a942;background-color: #dff2de;border-color: #ebccd1;} .alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;} .alert-success {color: #61a942;background-color: #dff2de;border-color: #ebccd1;} .alert {border: 0;border-radius: 1px;font-size: 14px;padding: 15px;margin-bottom: 20px;} /*----------------------------------------------------- */ /* PAGINATION */ /*----------------------------------------------------- */ .pagination { display: inline-block; margin: 24px 0 0; text-align: center; width: 100%; } @media screen and (max-width: 440px) { .pagination { margin: 14px 0 0; } } .pagination ul { display: inline-block; list-style: none; margin: 0; padding: 0; } .pagination li { color: #cbccce; float: left; height: 30px; line-height: 30px; margin-right: 4px; } .pagination li:last-child { margin-right: 0; } .pagination li.is-active a, .pagination li.is-active span { background: #0cb28b; border-color: #0cb28b; } .pagination a, .pagination span { background: #cbccce; border-color: #cbccce; display: block; padding: 0; width: 42px; } /*----------------------------------------------------- */ /* CAPTCHA_BITRIX */ /*----------------------------------------------------- */ .captcha_bitrix { display: inline-block; width: 100%; margin: 0px 0px 10px 0px; } .captcha_bitrix img { width: 48%; height: 38px; float: left; margin-right: 2%; } .captcha_bitrix .input-field { width: 45%; float: left; } .captcha_bitrix input {height: 38px !important; width: 50%!important; padding: 0 15px; margin: 0px !important;} /*----------------------------------------------------- */ /* PROMO BANNERS */ /*----------------------------------------------------- */ .promo-banner-1 { background: #34393c; } .promo-banner-1 a { display: block; position: relative; } .promo-banner-1 .fg {border-bottom-left-radius: 5px;border-top-left-radius: 5px;height: 100%;left: 0;position: absolute;top: 0;} .promo-banner-1 .bg {border-radius: 5px;width: 100%;} /*----------------------------------------------------- */ /* OTHER */ /*----------------------------------------------------- */ .news-detail .promo-banner-1 {margin: 0 0 30px;} .news-detail .description_image {border-radius: 5px;float: left;margin-right: 32px;position: relative;width: 282px;} .news-detail .description_image .photo {background: url(/local/templates/s2_template_main/css/../img/company-description-image.jpg);background-size: contain;border-radius: 5px;} .news-detail .description_image .photo img {border-radius: 5px;width: 100%;} .news-detail .description_image .caption {background: -webkit-gradient(linear, left bottom, left top, from(#34393c), to(rgba(0, 0, 0, 0)));background: -webkit-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0));background: -o-linear-gradient(bottom, #34393c, rgba(0, 0, 0, 0));background: linear-gradient(0deg, #34393c, rgba(0, 0, 0, 0));bottom: 0;color: white;font-size: 20px;left: 0;overflow: hidden;padding: 25px;position: absolute;right: 0;} .news-detail .description_image .caption span {color: #0cb28b;display: block;font-size: 30px;margin: 0 0 8px;} /*----------------------------------------------------- */ /* SEARCH POPUP */ /*----------------------------------------------------- */ .search-popup { color: #34393c; left: 0; position: absolute; top: 100%; width: 100%; } .search-popup__container { background: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .search-popup__group { border-bottom: 1px solid #ebebeb; padding: 20px 10px 20px 12px; } @media screen and (max-width: 1288px) { .search-popup__group { border: none; } } @media screen and (min-width: 865px) { .search-popup__group--long { height: 392px; } } @media screen and (max-width: 864px) { .search-popup__group--long { padding-bottom: 0; } } .search-popup__group--short { border: none; height: 210px; padding-bottom: 12px; } @media screen and (max-width: 1288px) { .search-popup__group--short { height: auto; padding-top: 0; } } .search-popup__section { float: left; height: 100%; margin-right: 8px; position: relative; } @media screen and (max-width: 864px) { .search-popup__section { border-top: 1px solid #ebebeb; float: none; margin: 0 2px 0 0; padding: 20px 0; width: auto; } } .search-popup__section:last-child { margin-right: 2px; } .search-popup__section::before { background: #ebebeb; bottom: 0; content: ""; display: block; position: absolute; right: 2px; top: 0; width: 1px; } @media screen and (max-width: 1288px) { .search-popup__section::before { bottom: 20px; top: 20px; } } @media screen and (min-width: 1289px) { .search-popup__section--1 { width: 206px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--1 { width: 174px; } } @media screen and (max-width: 864px) { .search-popup__section--1 { border: none; padding-top: 0; } } @media screen and (min-width: 1289px) { .search-popup__section--2 { width: 582px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--2 { width: 294px; } } @media screen and (min-width: 1289px) { .search-popup__section--3 { width: 428px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__section--3 { width: 324px; } } @media screen and (min-width: 1289px) { .search-popup__section--4 { width: 606px; } } @media screen and (min-width: 1289px) { .search-popup__section--5 { width: 618px; } } @media screen and (max-width: 1288px) { .search-popup__section--4, .search-popup__section--5 { border-top: 1px solid #ebebeb; float: none; margin: 0 2px 0 0; padding: 20px 0; } } @media screen and (max-width: 1288px) { .search-popup__section--4::before, .search-popup__section--5::before { bottom: 20px; top: 20px; } } @media screen and (max-width: 1288px) { .search-popup__section--5 { padding-bottom: 0; } } @media screen and (max-width: 1288px) { .search-popup__section--5::before { bottom: 0; } } .search-popup__section-title { font-size: 14px; line-height: 18px; text-align: center; } .search-popup__scroller { overflow: hidden; } .search-popup__scroller--long { max-height: 356px; } @media screen and (max-width: 440px) { .search-popup__scroller--long { max-height: 174px; } } .search-popup__scroller--short { max-height: 174px; } @media screen and (max-width: 440px) { .search-popup__scroller--medium { max-height: 238px; } } .search-popup__scroller .mCSB_inside > .mCSB_container { margin-right: 14px; } .search-popup__scroller .mCSB_scrollTools { opacity: 1; width: 6px; } .search-popup__scroller .mCSB_scrollTools .mCSB_draggerRail { opacity: 0; } .search-popup__scroller .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #cbccce; border-radius: 6px; width: 6px; } .search-popup__scroller .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .search-popup__scroller .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #cbccce; } .search-popup__vendor { border: 2px solid transparent; float: none; margin: 0 0 8px; padding: 18px; transition: border-color 0.18s, color 0.18s; width: auto; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__vendor { float: left; margin-right: 8px; width: 174px; } } .search-popup__vendor:nth-child(even) { margin-right: 0; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__vendor:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-popup__vendor:last-child { margin-bottom: 0; } .search-popup__vendor:hover { border-color: #0cb28b; box-shadow: none; } .search-popup__vendor .caption { height: 40px; line-height: 20px; } .search-popup__product { border: 2px solid #eff1f0; border-radius: 5px; color: #34393c; float: left; display: block; height: 63px; margin: 0 8px 8px 0; padding: 8px; transition: border-color 0.18s, color 0.18s; width: 260px; } @media screen and (max-width: 1288px) { .search-popup__product { margin-right: 0; } } @media screen and (max-width: 864px) { .search-popup__product { float: none; width: auto; } } .search-popup__product:nth-child(even) { margin-right: 0; } @media screen and (min-width: 1289px) { .search-popup__product:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-popup__product:last-child { margin-bottom: 0; } .search-popup__product:hover { border-color: #0cb28b; color: #b2b4b7; } .search-popup__product-image { max-height: 100%; max-width: 100%; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; right: 0; } .search-popup_product-image-container { float: left; width: 65px; height: 65px; margin-right: 15px; position: relative; } /*.search-popup__product-image { float: left; height: 100%; margin-right: 12px; }*/ .search-popup__product-caption { display: block; line-height: 63px; overflow: hidden; } .search-popup__product-caption .aligner { line-height: 21px; max-height: 63px; overflow: hidden; } .search-popup__offer { background: #eff1f0; border: 2px solid #eff1f0; border-radius: 5px; color: #34393c; display: block; line-height: 63px; margin: 0 0 8px; padding: 8px 18px; position: relative; transition: border-color 0.18s; } @media screen and (max-width: 440px) { .search-popup__offer { height: auto; line-height: normal; padding: 8px; } } .search-popup__offer:last-child { margin: 0; } .search-popup__offer:hover { border-color: #0cb28b; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer--wide { padding-right: 118px; } } .search-popup__offer-caption { font-size: 14px; line-height: 21px; max-height: 63px; overflow: hidden; } @media screen and (max-width: 440px) { .search-popup__offer-caption { height: 63px; margin: 0 0 8px; } } .search-popup__offer-prices { bottom: 8px; display: block; line-height: 63px;} @media screen and (max-width: 440px) { .search-popup__offer-prices { line-height: normal; position: static; text-align: left; } } @media screen and (min-width: 441px) { .search-popup__offer-prices--narrow { width: 102px; } } @media screen and (min-width: 865px) { .search-popup__offer-prices--wide { width: 218px; } } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer-prices--wide { width: 102px; } } .search-popup__offer-price { border-radius: 12px; border-bottom-left-radius: 0; color: white; height: 24px; line-height: 24px; margin-right: 12px; padding: 0 9px; text-transform: uppercase; } @media screen and (min-width: 441px) and (max-width: 864px) { .search-popup__offer-price { margin: 0 0 8px; } } @media screen and (max-width: 440px) { .search-popup__offer-price { margin-right: 4px; } } .search-popup__offer-price:last-child { margin: 0; } .search-popup__offer-price--current { background: #008e87; } .search-popup__offer-price--new { background: #f77b28; } .search-popup__offer-price--old { background: #cbccce; text-decoration: line-through; } .search-popup__article { background: none; float: left; margin: 0 8px 8px 0; padding: 0 10px 12px; width: 278px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-popup__article { width: 373px; } } @media screen and (max-width: 864px) { .search-popup__article { border-bottom: 1px solid #eff1f0; float: none; margin: 0 0 12px; padding: 0 0 12px; width: auto; } } .search-popup__article:nth-child(even) { margin-right: 0; } @media screen and (min-width: 865px) { .search-popup__article:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-popup__article:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .search-popup__article:hover { box-shadow: none; } .search-popup__article .category { font-size: 14px; line-height: 18px; margin: 0 0 10px; } .search-popup__article .category a { color: #b2b4b7; } .search-popup__article .title { line-height: 20px; height: 100px; margin: 0 0 12px; overflow: hidden; } @media screen and (max-width: 864px) { .search-popup__article .title { margin: 0 0 26px; } } .search-popup__article .title a:hover { text-decoration: underline; } .search-popup__article .title em { color: #0cb28b; font-style: normal; } .search-popup__article .bottom-panel { position: static; } .search-popup__article .bottom-panel .info { float: left; } .search-popup__article .bottom-panel .stats { float: right; } /*----------------------------------------------------- */ /* SEARCH NEWS */ /*----------------------------------------------------- */ .search-news .article-item { background: white; border-radius: 5px; float: left; font-size: 14px; margin: 0 16px 16px 0; -webkit-transition: box-shadow 0.36s; transition: box-shadow 0.36s; } .search-news .article-item:hover { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); } .search-news .article-item:hover .image img { -webkit-transform: scale(1.1); transform: scale(1.1); } .search-news .article-item .image { border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; overflow: hidden; } .search-news .article-item .image img { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-transition: transform 0.36s; transition: transform 0.36s; height: 100%; width: 100%; } .search-news .article-item .text { overflow: hidden; padding: 16px 20px 52px; position: relative; } @media screen and (max-width: 864px) { .search-news .article-item .text { padding: 16px; } } .search-news .article-item .type { font-size: 14px; margin: 0 0 16px; } @media screen and (min-width: 865px) { .search-news .article-item .type { line-height: 20px; } } .search-news .article-item .type a { color: #b2b4b7; } .search-news .article-item .title { overflow: hidden; } .search-news .article-item .title a { color: #34393c; display: inline-block; } .search-news .article-item .brief { color: #777; overflow: hidden; } @media screen and (max-width: 864px) { .search-news .article-item .brief { margin: 0 0 16px; } } .search-news .article-item .brief p { margin: 0; } .search-news .article-item .bottom-panel { bottom: 16px; color: #b2b4b7; font-size: 12px; left: 20px; position: absolute; right: 20px; } @media screen and (min-width: 865px) { .search-news .article-item .bottom-panel { line-height: 20px; } } @media screen and (max-width: 864px) { .search-news .article-item .bottom-panel { position: static; } } .search-news .article-item .bottom-panel a { color: #b2b4b7; } .search-news .article-item .info { float: left; } @media screen and (max-width: 440px) { .search-news .article-item .info { float: none; margin: 0 0 16px; } } .search-news .article-item .stats { float: right; } @media screen and (max-width: 440px) { .search-news .article-item .stats { float: none; } } .search-news .article-item .date { margin-right: 6px; } .search-news .article-item .date::after { content: "|"; margin-left: 8px; } .search-news .article-item .date:last-child { margin: 0; } .search-news .article-item .date:last-child::after { display: none; } .search-news .article-item .views { margin-right: 24px; } .search-news .article-item .views:last-child { margin: 0; } .search-news .article-item .fa-eye, .search-news .article-item .fa-comment-alt { margin-right: 3px; position: relative; top: 1px; } .search-news .article-item--1 { width: 408px; } @media screen and (max-width: 864px) { .search-news .article-item--1 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .search-news .article-item--1:nth-child(3n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--1:nth-child(3n) { display: none; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--1:nth-child(2n) { margin-right: 0; } } @media screen and (min-width: 865px) { .search-news .article-item--1 .text { height: 130px; } } @media screen and (min-width: 865px) { .search-news .article-item--1 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 865px) { .search-news .article-item--1 .brief { line-height: 18px; max-height: 54px; } } .search-news .article-item--2 { width: 302px; } @media screen and (min-width: 1289px) { .search-news .article-item--2 .image { height: 170px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--2 .image { height: 230px; } } .search-news .article-item--2 .text { padding: 16px 20px; } @media screen and (max-width: 864px) { .search-news .article-item--2 .text { padding: 16px; } } @media screen and (min-width: 865px) { .search-news .article-item--2 .title { height: 60px; line-height: 20px; } } .search-news .article-item--2 .bottom-panel { position: static; } .search-news .article-item--3 { width: 302px; } @media screen and (min-width: 1289px) { .search-news .article-item--3 .text { height: 266px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--3 .text { height: 326px; } } @media screen and (min-width: 865px) { .search-news .article-item--3 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .search-news .article-item--3 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--3 .brief { line-height: 18px; max-height: 180px; } } .search-news .article-item--4 { width: 620px; } @media screen and (max-width: 1288px) { .search-news .article-item--4 { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .search-news .article-item--4 .image { height: 348px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .image { border-bottom-left-radius: 5px; border-top-right-radius: 0; float: left; height: 230px; width: 408px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .image img { border-bottom-left-radius: 5px; border-top-right-radius: 0; } } @media screen and (min-width: 1289px) { .search-news .article-item--4 .text { height: 268px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .text { height: 162px; } } @media screen and (min-width: 865px) { .search-news .article-item--4 .title { line-height: 20px; max-height: 60px; } } @media screen and (min-width: 1289px) { .search-news .article-item--4 .brief { line-height: 18px; max-height: 144px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-item--4 .brief { line-height: 18px; max-height: 54px; } } .search-news .article-group { float: left; margin: 0 16px 16px 0; width: 302px; } .search-news .article-group .article-item { float: none; margin-right: 0; } .search-news .article-group .article-item:last-child { margin: 0; } @media screen and (min-width: 1289px) { .search-news .article-group .article-item .text { height: 91px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-group .article-item .text { height: 121px; } } @media screen and (min-width: 1289px) { .search-news .article-group .article-item .type { margin: 0 0 12px; } } @media screen and (min-width: 865px) { .search-news .article-group .article-item .title { line-height: 20px; margin: 0; } } @media screen and (min-width: 1289px) { .search-news .article-group .article-item .title { max-height: 60px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .article-group .article-item .title { max-height: 80px; } } @media screen and (min-width: 865px) { .search-news .news-line { margin-bottom: -16px; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .news-line .article-item, .search-news .news-line .article-group { width: 408px; } } @media screen and (max-width: 864px) { .search-news .news-line .article-item, .search-news .news-line .article-group { float: none; margin-right: 0; width: auto; } } @media screen and (min-width: 1289px) { .search-news .news-line .article-item:nth-child(4n), .search-news .news-line .article-group:nth-child(4n) { margin-right: 0; } } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-news .news-line .article-item:nth-child(even), .search-news .news-line .article-group:nth-child(even) { margin-right: 0; } } @media screen and (max-width: 864px) { .search-news .news-line .article-item:last-child, .search-news .news-line .article-group:last-child { margin: 0; } } /*----------------------------------------------------- */ /* SEARCH OFFERS */ /*----------------------------------------------------- */ .search-offer { background: white; border-radius: 5px; float: left; margin: 0 16px 16px 0; padding: 20px; transition: background 0.18s, color 0.18s; width: 580px; } @media screen and (min-width: 865px) and (max-width: 1288px) { .search-offer { width: 368px; } } @media screen and (max-width: 864px) { .search-offer { float: none; margin-right: 0; width: auto; } } @media screen and (max-width: 440px) { .search-offer { padding: 14px; } } .search-offer:nth-child(even) { margin-right: 0; } @media screen and (min-width: 865px) { .search-offer:nth-last-child(2):nth-child(odd) { margin-bottom: 0; } } .search-offer:last-child { margin-bottom: 0; } .search-offer_image { background: white; border-radius: 5px; display: block; text-align: center; } @media screen and (min-width: 1289px) { .search-offer_image { float: left; height: 142px; line-height: 142px; margin-right: 16px; width: 138px; } } @media screen and (min-width: 441px) and (max-width: 1288px) { .search-offer_image { margin-bottom: 20px; } } @media screen and (max-width: 440px) { .search-offer_image { margin: 0 0 16px; padding: 16px; } } .search-offer_image img { max-height: 100%; max-width: 100%; } .search-offer_info { overflow: hidden; } .search-offer_info .title { font-size: 18px; font-weight: normal; margin: 0 0 8px; } @media screen and (min-width: 441px) { .search-offer_info .title { height: 44px; line-height: 44px; overflow: hidden; } } .search-offer_info .title a { color: #34393c; } @media screen and (min-width: 441px) { .search-offer_info .title a { display: inline-block; line-height: 22px; vertical-align: bottom; } } .search-offer_info .title a:hover { text-decoration: underline; } .search-offer_info .type { color: #b2b4b7; font-size: 14px; line-height: 18px; margin: 0 0 12px; overflow: hidden; } .search-offer_info .rating { height: 16px; line-height: 16px; margin: 0 0 14px; } .search-offer_info .rating:last-child { margin: 0; } .search-offer_info .rating .star { color: #cbccce; display: inline-block; } .search-offer_info .rating .star.is-active { color: #ffc600; } .search-offer_info .price { float: left; margin-left: 10px; } .search-offer_info .price:first-child { margin-left: 0; } @media screen and (max-width: 440px) { .search-offer_info .price { margin-bottom: 12px; } } .search-offer_info .price span { border-radius: 15px; border-bottom-left-radius: 0; color: white; display: inline-block; font-size: 21px; font-weight: normal; height: 34px; line-height: 34px; padding: 0 12px; } .search-offer_info .price small { font-size: 18px; } .search-offer_info .price--current span { background: #0cb28b; } .search-offer_info .price--new span { background: #f77b28; } .search-offer_info .price--old span { background: #cbccce; text-decoration: line-through; } .search-offer_info .buy { float: right; padding: 0; width: 120px; } @media screen and (max-width: 440px) { .search-offer_info .buy { clear: both; float: none; width: 100%; } } .catalog-item { background: white; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #34393c; display: block; float: left; font-weight: normal; margin: 0 16px 16px 0; padding: 20px; position: relative; text-align: center; -webkit-transition: color 0.18s, -webkit-box-shadow 0.18s; transition: color 0.18s, -webkit-box-shadow 0.18s; -o-transition: box-shadow 0.18s, color 0.18s; transition: box-shadow 0.18s, color 0.18s; transition: box-shadow 0.18s, color 0.18s, -webkit-box-shadow 0.18s; width: 196px; } .catalog-item .image { display: block; height: 78px; line-height: 78px; margin: 0 0 16px; } .share{ margin-top: 40px; } /*----------------------------------------------------- */ /* MEDIA PRINT */ /*----------------------------------------------------- */ @media print { .page-container { width: 100%; } .header, .footer, .news-filter, .breadcrumbs, iframe { display: none; } } /*----------------------------------------------------- */ /* TEG */ /*----------------------------------------------------- */ .tag-list { float: right; } @media screen and (max-width: 864px) { .tag-list { float: none; } } .tag-list .button-teg { background: #0cb28b; border: 1px solid #0cb28b; color: white; margin: 0px 0px 10px 10px; border-radius: 22px; height: 36px; line-height: 33px; } @media screen and (max-width: 864px) { .tag-list .button-teg { display: flex; margin: 5px 0px; } } .tag-list .button-teg:hover { background: #41ba88; -webkit-box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); box-shadow: 0 6px 12px 0 rgba(65, 186, 136, 0.3); } /*----------------------------------------------------- */ /* IFRAME */ /*----------------------------------------------------- */ @media screen and (max-width: 864px) { .iframe-global { display: flex; } } .iframe-text { display: none; } @media screen and (max-width: 864px) { .iframe-text { color: #b2b4b7; float: left; display: block; word-wrap: break-word; width: 7ch; line-height: 1; margin-right: 5px; font-weight: bold; font-size: 16px;} } @media screen and (max-width: 427px) { .iframe-text { width: 1ch; margin-right: 10px;} } @media screen and (max-width: 372px) { .iframe-text { margin-bottom: 5px; width: 7ch;} } @media screen and (max-width: 864px) { iframe {float: none !important; display: block;} } @media screen and (max-width: 440px) { .size_autox230 { height: 170px; } } @media screen and (max-width: 360px) { .size_autox230 { height: 150px; } .article-item--4 .size_autox348 { height: 150px; } .article-item--2 .size_autox170 { height: 150px; } } /*----------------------------------------------------- */ /* COOKIE WARNING */ /*----------------------------------------------------- */ .cookie-warning { background: #eff1f1; border-top: 1px solid #cbccce; bottom: 0; left: 0; padding: 15px 0; position: fixed; right: 0; z-index: 7777; } .cookie-warning .brief { margin: 0 0 15px; } .cookie-warning .button { float: left; margin-right: 10px; } .cookie-warning .button:last-child { margin-right: 0; } .cookie-warning .button--1 { border: 1px solid #0cb28b; color: #0cb28b; } @media screen and (max-width: 440px) {.cookie-warning .button--1 { margin-top: 15px;}} .cookie-warning .button--1:hover { color: white; } div.beono-flashmessage{ background: #0cb28b !important; border-color: #0cb28b !important; color: white; } div.beono-flashmessage a{ color: white; } /*----------------------------------------------------- */ /* EXPERT LINK */ /*----------------------------------------------------- */ @media screen and (min-width: 1871px) { .expert-block { display: flex; justify-content: space-between; } .expert-left-part { display: flex; flex-basis:1; } .expert-right-part { display: flex; flex-basis:3; justify-content: end; align-items: end; } .expert-photo { min-width:70px; border-radius:7px; } .expert-description { flex-direction: column; margin-left:15px; display: flex; justify-content: center; } .expert-logo { display: flex; margin-right:10px; } } @media screen and (min-width: 1445px) and (max-width: 1870px) { .expert-left-part { display: flex; flex-direction: row; } .expert-photo { min-width:70px; border-radius:7px; } .expert-logo { display: flex; margin-right:10px; } .expert-description { flex-direction: column; margin-left:15px; display: flex; justify-content: center; } .expert-right-part { display: flex; justify-content: space-between; align-items: end; margin-top: 20px; } } @media screen and (min-width: 441px) and (max-width: 1444px) { .expert-left-part { display: flex; flex-direction: row; } .expert-photo { min-width:70px; border-radius:7px; } .expert-logo { display: flex; margin-right:10px; } .expert-description { flex-direction: column; margin-left:15px; display: flex; justify-content: center; } .expert-right-part { display: inline-block; justify-content: space-between; align-items: end; margin-top: 20px; } .expert-button { margin-top: 20px; } } @media screen and (min-width: 441px) and (max-width: 668px) { .expert-right-part { display: inline-block; justify-content: space-between; align-items: end; margin-top: 20px; width:100%; } } .flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat; } .flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em; } .flag-icon:before { content: "\00a0"; } .flag-icon.flag-icon-squared { width: 1em; } .flag-icon-ru { background-image: url(/local/templates/s2_template_main/css/../img/4x3_ru.svg); } .flag-icon-ru.flag-icon-squared { background-image: url(/local/templates/s2_template_main/css/../img/1x1_ru.svg); } .otech-po-button{ padding: 0 10px !important; color: #fff !important; margin-right: 11px !important; } /*----------------------------------------*/ /* 26.05.2022 EXPERT BLOCK FIX */ /*----------------------------------------*/ .expert-block .expert-button { overflow: hidden; line-height: 81px; } .expert-block .expert-logo > span { background-size: contain; height: 60px; margin-bottom: 10px; width: 250px; } @media screen and (max-width: 1870px) { .expert-block .expert-logo > span { margin-bottom: 0; } } @media screen and (max-width: 1444px) { .expert-block .expert-button > a { margin: 0; } } .samord-tippy-init { background: #f2f2f2; } /* End */ /* /local/templates/.default/template_styles.css?178842794040037 */ /* /local/templates/.default/components/bitrix/menu/main_menu/style.css?17884279418796 */ /* /local/templates/.default/css/lib/jquery.mCustomScrollbar.css?178842794153583 */ /* /local/templates/.default/css/lib/jquery.fancybox.min.css?178842794112796 */ /* /local/templates/.default/css/lib/owl.carousel.min.css?17884279412937 */ /* /local/components/syssoft/search.title/templates/.default/style.css?1788427937958 */ /* /local/templates/.default/components/bitrix/breadcrumb/.default/style.css?1788427940443 */ /* /local/components/syssoft/auth.modal/templates/default/style.css?17884279379967 */ /* /local/templates/.default/components/bitrix/system.auth.registration/modal/style.css?1788427941190 */ /* /local/templates/.default/components/bitrix/system.auth.forgotpasswd/modal/style.css?1788427941200 */ /* /local/templates/s2_template_main/css/style.css?178842794276806 */