/* Start:/local/templates/default/css/fonts.css?16902110612063*/ @font-face { font-family: 'bl-icons'; src: url('/local/templates/default/css/../fonts/bl-icons.eot?rwwxur'); src: url('/local/templates/default/css/../fonts/bl-icons.eot?rwwxur#iefix') format('embedded-opentype'), url('/local/templates/default/css/../fonts/bl-icons.ttf?rwwxur') format('truetype'), url('/local/templates/default/css/../fonts/bl-icons.woff?rwwxur') format('woff'), url('/local/templates/default/css/../fonts/bl-icons.svg?rwwxur#bl-icons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/default/css/../fonts/subset-GothamPro.eot'); src: url('/local/templates/default/css/../fonts/subset-GothamPro.eot?#iefix') format('embedded-opentype'), url('/local/templates/default/css/../fonts/subset-GothamPro.woff2') format('woff2'), url('/local/templates/default/css/../fonts/subset-GothamPro.woff') format('woff'), url('/local/templates/default/css/../fonts/subset-GothamPro.ttf') format('truetype'), url('/local/templates/default/css/../fonts/subset-GothamPro.svg#GothamPro') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/default/css/../fonts/subset-GothamPro-Medium.eot'); src: url('/local/templates/default/css/../fonts/subset-GothamPro-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/default/css/../fonts/subset-GothamPro-Medium.woff2') format('woff2'), url('/local/templates/default/css/../fonts/subset-GothamPro-Medium.woff') format('woff'), url('/local/templates/default/css/../fonts/subset-GothamPro-Medium.ttf') format('truetype'), url('/local/templates/default/css/../fonts/subset-GothamPro-Medium.svg#GothamPro-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham Pro'; src: url('/local/templates/default/css/../fonts/subset-GothamPro-Bold.eot'); src: url('/local/templates/default/css/../fonts/subset-GothamPro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/default/css/../fonts/subset-GothamPro-Bold.woff2') format('woff2'), url('/local/templates/default/css/../fonts/subset-GothamPro-Bold.woff') format('woff'), url('/local/templates/default/css/../fonts/subset-GothamPro-Bold.ttf') format('truetype'), url('/local/templates/default/css/../fonts/subset-GothamPro-Bold.svg#GothamPro-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/default/css/normalize.min.css?16673189151846*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /* End */ /* Start:/local/templates/default/css/grid.min.css?16673189158997*/ html{box-sizing:border-box;-ms-overflow-style:scrollbar}.container{width:100%;padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto}@media (min-width: 768px){.container{max-width:100%}}@media (min-width: 992px){.container{max-width:992px}}@media (min-width: 1312px){.container{max-width:1312px}}.container-fluid{width:100%;padding-right:16px;padding-left:16px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}.no-gutters{margin-right:0;margin-left:0}.no-gutters > .col,.no-gutters > [class*="col-"]{padding-right:0;padding-left:0}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:16px;padding-left:16px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media (min-width: 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}@media (min-width: 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}@media (min-width: 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}@media (min-width: 1312px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}} .row_sm { margin-left: -8px; margin-right: -8px; } .row_sm > .col, .row_sm > [class*="col-"]{ padding-right: 8px; padding-left: 8px; } .row_xs { margin-left: -4px; margin-right: -4px; } .row_xs > .col, .row_xs > [class*="col-"]{ padding-right: 4px; padding-left: 4px; } /* End */ /* Start:/local/templates/default/css/common.css?174437459615240*/ * { box-sizing: border-box; } html, body { min-width: 320px; } html { scroll-padding-top: 150px; } body { font-family: 'Gotham Pro'; font-weight: normal; font-size: 16px; color: #0E0F19; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; min-height: 100%; } @media screen and (max-width: 767px) { html { scroll-padding-top: 120px; } body.body_overflow_mobile { overflow: hidden; } #bxpanel { position: fixed; z-index: 1; left: 0; right: 0; } } #page-frame { flex: 1 1 auto; display: flex; flex-flow: column nowrap; min-height: 100vh; width: 100%; position: relative; overflow: hidden; } #page-frame__wrapper { display: flex; } #page-frame__content { flex: 1 1 auto; transition: transform 0.5s ease; position: relative; } #header { position: fixed; z-index: 1001; top: 0; left: 0; right: 0; min-width: 320px; background: #fff; transition: background 0.3s ease, box-shadow 0.3s ease; } #bxpanel ~ #page-frame__wrapper #header { transition: background 0.3s ease, box-shadow 0.3s ease, top 0.3s ease; } .header-top { border-bottom: 1px solid #f2f2f2; } .header-top__inner { display: flex; align-items: center; justify-content: space-between; height: 36px; } .header-region {} .header-region__open { font-weight: 400; font-size: 12px; line-height: 1.85; color: #0E0F19; display: inline-flex; align-items: center; } .header-region__open:before { content: "\e908"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1; margin-right: 4px; color: #0BD91B; position: relative; top: -2px; } .header-region__open:after { content: "\e905"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 8px; line-height: 1; margin-left: 4px; position: relative; top: -1px; transform: rotate(90deg); } .header-phone-wrap { display: flex; flex-direction: column; align-items: end; } .header-phone { display: flex; align-items: center; flex-direction: column; } .header-phone__help { font-weight: 400; font-size: 12px; margin-left: 10px; line-height: 1.2; color: #0E0F19; white-space: nowrap; position: relative; } .header-phone__help:before { position: absolute; content: ''; display: inline-block; width: 17px; height: 17px; background-image: url("/local/templates/default/css/../images/icons/icon-operator.svg"); background-size: contain; background-repeat: no-repeat; left: -25px; top: -1px; } .header-phone__item { font-weight: 500; font-size: 14px; line-height: 1.2; color: #0E0F19; margin-left: 12px; white-space: nowrap; } .header-main {} .header-main__inner { display: flex; align-items: center; justify-content: space-between; position: relative; height: 80px; padding-right: 40px; } .header-main__group { display: flex; align-items: center; } .header-main__calc, .header-main__feedback, .header-main__order { margin-left: 8px; } .header-logo { flex: 0 0 auto; position: relative; z-index: 5; margin-right: 4px; } .header-logo__img { width: auto; max-height: 24px; display: block; } @media screen and (max-width: 767px) { #header.header_scrolling { box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.05); } .header-main__calc.btn_sm.btn_square_tablet, .header-main__order.btn_sm.btn_square_tablet, .header-main__feedback.btn_sm.btn_square_tablet { padding: 0 8px; height: 32px; border-radius: 12px; } .header-main__calc.btn_sm.btn_square_tablet:before, .header-main__order.btn_sm.btn_square_tablet:before, .header-main__feedback.btn_sm.btn_square_tablet:before { font-size: 20px; } .header-phone-wrap { position: absolute; right: 16px; top: 42px; z-index: 2; flex-direction: column-reverse; } .header-phone { /*position: absolute;*/ /*right: 16px;*/ /*top: 42px;*/ /*z-index: 2;*/ } .header-phone__help:before { width: 15px; height: 15px; left: -20px; } .header-main__group { transform: translateY(-59px); } .header-main__order-wrapper { position: fixed; left: 0; right: 0; bottom: 0; padding: 20px 20px; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); display: flex; justify-content: center; } } @media screen and (max-width: 359px) { .header-main__calc.btn_sm.btn_square_tablet, .header-main__order.btn_sm.btn_square_tablet, .header-main__feedback.btn_sm.btn_square_tablet { width: 32px; } .header-phone { top: 44px; } } @media screen and (min-width: 360px) { .header-phone__item { font-size: 17px; margin-left: 3px; } } @media screen and (min-width: 768px) { #header { position: absolute; } #header.header_scrolling { position: fixed; box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.05); } #header.header_shadow { box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.05); } .header-top { border-bottom: 1px solid #E5E6F0; } .header-top__inner { height: 48px; } .header-region__open { font-size: 13px; } .header-main {} .header-main__inner { height: 88px; padding-right: 0; } .header-main__calc, .header-main__order, .header-main__feedback { margin-left: 8px; } .header-logo { margin-right: 16px; } .header-logo__img { max-height: 32px; } .header-phone { flex-direction: row; } .header-phone__item { margin-left: 12px; font-size: 13px; } } @media screen and (min-width: 992px) { .header-logo__img { max-height: 32px; } .header-main__calc, .header-main__order, .header-main__feedback { margin-left: 16px; } .header-phone__item { margin-left: 40px; font-size: 16px; } } @media screen and (min-width: 1312px) { .header-logo__img { max-height: 40px; } .header-main__calc, .header-main__order, .header-main__feedback { margin-left: 24px; } } .nav-top { display: flex; align-items: flex-start; flex-direction: column; } .nav-top__item { margin: 0 0 16px; } .nav-top__link { font-weight: 400; font-size: 18px; line-height: 1.84; color: #0E0F19; } .nav-top__item_active .nav-top__link, .nav-top__link:hover { color: #2153D9; } .nav-main { display: flex; align-items: flex-start; flex-direction: column; } .nav-main__item { margin: 0 0 16px; } .nav-main__link { font-weight: 400; font-size: 18px; line-height: 1.6; color: #0E0F19; } .nav-main__link:hover { color: #2153D9; } .nav-main__item:hover .nav-main__link, .nav-main__item_active .nav-main__link { color: #2153D9; } .nav-main__submenu-title { margin-bottom: 12px; font-weight: 500; font-size: 15px; line-height: 1.3; color: #0E0F19; } .nav-main__submenu-item { margin-bottom: 16px; } .nav-main__submenu-item + .nav-main__submenu-title { margin-top: 20px; } .nav-main__submenu-link { font-weight: 400; font-size: 15px; line-height: 1.3; color: #0E0F19; } .nav-main__submenu-item_active .nav-main__submenu-link, .nav-main__submenu-link:hover { color: #2153D9; } .nav-main__toggle { position: absolute; width: 32px; height: 32px; z-index: 10; cursor: pointer; top: 32%; right: 0; /*transform: translate(0,-50%);*/ transform: translate(0,-60px); transition: background-color 0.3s ease; padding: 0 6px; display: flex; justify-content: center; flex-direction: column; background-color: #0BD91B; border-radius: 12px; } .nav-main__toggle-line { width: 100%; height: 2px; background-color: #fff; position: relative; border-radius: 2px; transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; } .nav-main__toggle-line + .nav-main__toggle-line { margin-top: 4px; } .nav-main__toggle_active .nav-main__toggle-line:first-child { transform: rotate(45deg); top: 6px; } .nav-main__toggle_active .nav-main__toggle-line:last-child { transform: rotate(-45deg); top: -6px; } .nav-main__toggle_active .nav-main__toggle-line:nth-child(2) { opacity: 0; transition: opacity 0s ease, background-color 0.3s ease; } @media screen and (max-width: 767px) { .nav-main__wrapper { position: fixed; top: 107px; left: 0; right: 0; bottom: 0; background: #fff; overflow-y: auto; z-index: 100; display: none; padding: 24px 16px 64px; border-top: 1px solid #f2f2f2; } .nav-main__item { width: 100%; } .nav-main__link { position: relative; display: block; padding-right: 32px; } .nav-main__link_with_submenu { padding-right: 32px; } .nav-main__link, .nav-top__link { font-weight: 500; } .nav-main__link-toggle { position: absolute; right: 0; top: -1px; width: 24px; height: 24px; cursor: pointer; } .nav-main__link-toggle:after { content: "\e905"; font-family: "bl-icons"; font-size: 14px; line-height: 1; font-style: normal; font-weight: normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(90deg); transition: transform 0.3s ease; } .nav-main__link-toggle_active:after { transform: translate(-50%,-50%) rotate(90deg) scale(-1,1); } .nav-main__submenu-title .nav-main__link-toggle { position: relative; top: 0; width: auto; height: auto; padding-right: 32px; } .nav-main__submenu-title .nav-main__link-toggle:after { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; left: auto; right: 0; top: -1px; transform: translate(0,0) rotate(90deg); } .nav-main__submenu-title .nav-main__link-toggle_active:after { transform: translate(0,0) rotate(90deg) scale(-1,1); } .nav-main__submenu { margin-top: 12px; padding-left: 16px; display: none; } .nav-main__submenu-link { font-size: 14px; } .nav-main__submenu-title { position: relative; } .nav-main__submenu-title .nav-main__link-toggle:after { font-size: 10px; } .nav-main__submenu-group { display: none; padding-left: 16px; } } @media screen and (min-width: 768px) { .nav-top { flex-direction: row; align-items: center; } .nav-top__item { margin-bottom: 0; } .nav-top__item:not(:last-child) { margin-right: 16px; } .nav-top__link { font-size: 14px; } .nav-main__wrapper { display: block !important; opacity: 1 !important; } .nav-main { flex-direction: row; align-items: center; } .nav-main__list { display: flex; align-items: center; } .nav-main__item { margin-bottom: 0; position: relative; } .nav-main__item:not(:last-child) { margin-right: 16px; } .nav-main__link { font-size: 14px; display: flex; align-items: center; } .nav-main__link_with_submenu:after { content: "\e905"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 8px; line-height: 1; margin-left: 4px; position: relative; top: -1px; transform: rotate(90deg); transition: transform 0.3s ease; } .nav-main__submenu { position: absolute; min-width: 400px; left: -24px; top: 100%; margin-top: 20px; border-radius: 16px; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.2); padding: 24px; transition: opacity 0.3s ease, visibility 0.3s ease; display: block !important; max-height: calc(100vh - 140px); overflow-y: auto; } .nav-main__submenu:before { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; margin-bottom: -1px; height: 25px; } /*.nav-main__submenu_columns,*/ .nav-main__submenu-inner_columns { column-count: 2; column-gap: 20px; min-width: 750px; } .nav-main__submenu-title { font-size: 16px; } .nav-main__submenu-item, .nav-main__submenu-title { display: inline-block; width: 100%; } .nav-main__submenu-item + .nav-main__submenu-title { margin-top: 8px; } .nav-main__submenu-group { display: block !important; opacity: 1 !important; } .nav-main__item:hover .nav-main__submenu { opacity: 1 !important; visibility: visible; } .nav-main__item:hover .nav-main__link_with_submenu:after { transform: rotate(-90deg); } .nav-main__toggle { display: none !important; } } @media screen and (min-width: 992px) { .nav-top { margin-right: 56px; } .nav-top__item:not(:last-child) { margin-right: 26px; } .nav-main__item:not(:last-child) { margin-right: 24px; } } @media screen and (min-width: 1312px) { .nav-main__item:not(:last-child) { margin-right: 40px; } .nav-main__link { font-size: 15px; } } @media screen and (max-width: 767px) { /*.header-inner { padding-right: 40px; } .nav-main__list { padding: 0; } .nav-main__link { display: flex; align-items: center; justify-content: space-between; }*/ } main { position: relative; margin-top: 115px; } main.main_mt_sm { margin-top: 50px; } @media screen and (min-width: 768px) { main { margin-top: 137px; } main.main_mt_sm { margin-top: 100px; } } .page-content { display: flex; } .page-content__side { flex: 0 0 auto; } .page-content__main { flex: 1 1 auto; } @media screen and (max-width: 768px) { .page-content { flex-wrap: wrap; } .page-content__side { flex: 0 0 100%; margin-bottom: 24px; } } .container .container { padding-left: 0; padding-right: 0; } .grecaptcha-badge { opacity: 0; visibility: hidden; } .features-block_mt-index { margin-top: 0 !important; } /* End */ /* Start:/local/templates/default/css/components.css?174437459614594*/ a { text-decoration: none !important; transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease; } a:hover { text-decoration: none } img { display: block; max-width: 100%; height: auto; } /* helpers */ .symbol-rub { position: relative; top: 0.29em; line-height: 1; font-size: 0.94em; } @media screen and (min-width: 768px) { .symbol-rub { top: 0.05em; left: -0.1em; } } .symbol-rub:before { content: "\e90d"; font-family: "bl-icons"; } .hidden { display: none !important; } .text-primary { } .text-nowrap { white-space: nowrap !important; } .text-uppercase { text-transform: uppercase !important; } .text-semibold { font-weight: 600 !important; } .text-bold { font-weight: 700 !important; } .text-extrabold { font-weight: 800 !important; } .text-smaller { font-size: 90% !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .d-flex { display: flex; } .d-inline-block { display: inline-block; } .align-items-center { align-items: center !important; } .justify-content-center { justify-content: center !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-between { justify-content: space-between !important; } .align-self-end { align-self: flex-end !important; } .flex-nowrap { flex-wrap: nowrap !important; } .px0 { padding-left: 0 !important; padding-right: 0 !important; } .py0 { padding-top: 0 !important; padding-bottom: 0 !important; } .pb0 { padding-bottom: 0 !important; } .mrg0 { margin: 0 !important; } .mb0 { margin-bottom: 0 !important; } .mt0 { margin-top: 0 !important; } @media screen and (max-width: 991px) { .hidden_tablet { display: none !important; } } @media screen and (max-width: 767px) { .hidden_mobile { display: none !important; } .text-center_mobile { text-align: center !important; } } @media screen and (min-width: 768px) { .visible_mobile { display: none !important; } .flex-nowrap_md { flex-wrap: nowrap !important; } } .breadcrumbs { display: flex; flex-wrap: wrap; } .breadcrumbs__item { position: relative; color: #A0A2B4; display: flex; } .breadcrumbs__item:not(:last-child) { padding-right: 24px; margin-right: 16px; } .breadcrumbs__item:not(:last-child):after { content: "\e905"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 8px; line-height: 1; position: absolute; top: 50%; right: 0; transform: translate(0,-50%); } .breadcrumbs__link { font-weight: 400; font-size: 11px; line-height: 1.3; color: #A0A2B4; } .breadcrumbs_pt { padding-top: 32px; } .breadcrumbs {} h1, .h1 { font-weight: 700; font-size: 28px; line-height: 1.3; color: #0E0F19; margin: 24px 0; } h2, .h2 { font-weight: 500; font-size: 22px; line-height: 1.3; color: #0E0F19; } h3, .h3 { font-weight: 500; font-size: 18px; line-height: 1.3; color: #0E0F19; } h4, .h4 { font-weight: 500; font-size: 16px; line-height: 1.3; color: #0E0F19; } h5, .h5 { font-weight: 500; font-size: 13px; line-height: 1.3; color: #0E0F19; } @media screen and (min-width:768px) { h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 20px; } } .section { position: relative; } .section__bg, .section__bg-img { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .section__bg-img { object-position: center center; object-fit: cover; } .section__content { position: relative; z-index: 3; } .section_overflow { overflow: hidden; } .section_road { padding-top: 80px; } .section_road .section__bg-img { top: 0; left: 50%; transform: translate(-50%,0); width: auto; height: calc(100% + 130px); } .section_intro { margin-bottom: 60px; background-color: #f2f2f2; } .section_intro .section__content { padding: 12px 0 0; } .section_pt { padding-top: 40px; } .intro-block {} .intro-block__buttons { margin-top: 32px; } .intro-block__img-wrapper { display: flex; align-items: center; justify-content: center; } .intro-block__img { width: auto; } @media screen and (max-width: 767px) { .intro-block__buttons .btn { margin-bottom: 16px; } .breadcrumbs__link { font-size: 12px; } .intro-block__img-wrapper { display: none; } } @media screen and (min-width: 768px) { .section_intro { background-image: url(/local/templates/default/css/../images/bg/banner_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .section_intro .section__content { padding: 40px 0 60px; } } @media screen and (min-width: 992px) {} .btn { border: none; text-decoration: none !important; padding: 0 24px; height: 56px; white-space: nowrap; position: relative; display: inline-flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; background: none; transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease; z-index: 1; border-radius: 16px; box-shadow: none; font-weight: 500; font-size: 13px; line-height: 1.4; } .btn_primary { background: #0BD91B; color: #fff; box-shadow: 0px 16px 40px rgba(185, 209, 51, 0.2); } .btn_primary:hover { background: #00B545; color: #fff; box-shadow: 0px 16px 40px rgba(185, 209, 51, 0.4); } .btn_primary:active { background: #008F37; color: #fff; box-shadow: 0px 16px 40px rgba(185, 209, 51, 0.2); } .btn_large { font-size: 16px; } .btn_secondary { background: #2153D9; color: #fff; box-shadow: 0px 16px 40px rgba(234, 144, 16, 0.2); } .btn_secondary:hover { background: #1212B5; color: #fff; box-shadow: 0px 16px 40px rgba(234, 144, 16, 0.4); } .btn_secondary:active { background: #0E0E8F; color: #fff; box-shadow: 0px 16px 40px rgba(234, 144, 16, 0.2); } .btn_calc { background-color: #0BD91B; color: #FFF; } .btn_calc:hover { background-color: #00B545; } .btn_calc:active { background-color: #008F37; } .btn_white { color: #0E0F19; background: #fff; box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.2); } .btn_white:hover, .btn_white:active { color: #0BD91B; } .btn_white_primary { color: #0E0F19; background: #fff; box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.2); } .btn_white_primary:hover, .btn_white_primary:active { color: #fff; background: #0BD91B; box-shadow: 0px 16px 40px rgba(185, 209, 51, 0.2); } .btn_icon_calc:before, .btn_icon_chat:before, .btn_icon_exchange:before, .btn_icon_arrow:before, .btn_icon_order:before { font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 24px; line-height: 1; margin-right: 8px; } .btn_icon_calc:before { content: "\e901"; } .btn_icon_chat:before { content: "\e903"; } .btn_icon_exchange:before { content: "\e902"; } .btn_icon_arrow:before { content: "\e900"; } .btn_icon_order:before { content: "\e90b"; } .btn_square { width: 56px; } .btn_square:before { font-size: 16px; margin: 0; } .btn_square.btn_sm { width: 40px; padding: 0 12px; } .btn_sm { padding: 0 16px; height: 40px; } .btn_block { display: flex; width: 100%; } .btn_no_pointers { pointer-events: none; cursor: not-allowed; } .btn[disabled], .btn_disabled, .btn[disabled]:hover, .btn_disabled:hover, .btn[disabled]:active, .btn_disabled:active { background: #E5E6F0; color: #0E0F19; cursor: not-allowed; box-shadow: none; } @media screen and (min-width: 768px) and (max-width: 991px), screen and (max-width: 359px) { .btn_square_tablet.btn_sm { width: 40px; padding: 0 12px; text-indent: -999em; font-size: 0; } .btn_square_tablet.btn_sm:before { text-indent: 0; margin-right: 0; } } .btn-link { display: inline-flex; align-items: center; justify-content: center; font-weight: 500; font-size: 13px; line-height: 1.85; color: #0E0F19; } .btn-link:after { content: "\e905"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 8px; line-height: 1; margin-left: 8px; } .btn-link:hover { color: #2153D9; } .badge-item { display: inline-flex; align-items: center; justify-content: center; height: 16px; padding: 0 8px; border-radius: 6px; font-weight: 500; font-size: 11px; line-height: 100%; color: #FFFFFF; } .badge-item_primary { background-color: #0BD91B; box-shadow: 0px 16px 40px rgba(185, 209, 51, 0.2); } .badge-item_secondary { background-color: #2153D9; box-shadow: 0px 16px 40px rgba(234, 144, 16, 0.2); } @media screen and (max-width: 767px) { .badge-item { font-size: 12px; } } .content-styles { font-weight: 400; font-size: 15px; line-height: 1.5; } .content-styles p { margin: 0; } .content-styles a:not([class]) { color: #2153D9; border-bottom: 1px solid rgba(18, 17, 168, 0.5); } .content-styles a:not([class]):hover { color: #0BD91B; border-color: transparent; } .content-styles ul:not([class]), .content-styles ul.columns-xl-3, .content-styles ul.columns-lg-2 { padding: 0; margin: 0; list-style-type: none; } .content-styles ul:not([class]) li, .content-styles ul.columns-xl-3 li, .content-styles ul.columns-lg-2 li { position: relative; padding-left: 1.42em; } .content-styles ul:not([class]) li:before, .content-styles ul.columns-xl-3 li:before, .content-styles ul.columns-lg-2 li:before { content: ""; position: absolute; top: 0.36em; left: 0; width: 0.421em; height: 0.421em; border-radius: 50%; background: #0BD91B; } .content-styles ul:not([class]) li:not(:last-child), .content-styles ul.columns-xl-3 li:not(:last-child), .content-styles ul.columns-lg-2 li:not(:last-child) { margin-bottom: 0.6em } .content-styles * + p, .content-styles * + ul:not([class]) { margin-top: 1.2em; } .content-styles_mb { margin-bottom: 32px; } @media screen and (min-width: 768px) { .content-styles_lg { font-size: 19px; } .content-styles_xl { font-size: 21px; } .content-image-absolute { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-height: calc(100% + 130px); width: auto; max-width: none; z-index: -1; } } @media screen and (min-width: 992px) { .content-styles ul.columns-lg-2 { column-count: 2; } } @media screen and (min-width: 1312px) { .content-styles ul.columns-xl-3 { column-count: 3; } } table:not([class]) { width: 100%; border-collapse: collapse; } table:not([class]) th { padding: 8px 16px; background: #0BD91B; color: #fff; font-size: 18px; line-height: 1.4; font-weight: 500; } table:not([class]) td { padding: 8px 16px; background: #fff; border: 1px solid #E5E6F0; } table:not([class]) {} table:not([class]) {} table:not([class]) {} table:not([class]) {} .content-styles * + table:not([class]) { margin-top: 24px; } @media screen and (max-width: 767px) { table:not([class]), table:not([class]) tbody, table:not([class]) tr { display: block; } table:not([class]) tr { margin-bottom: 16px; } table:not([class]) thead { display: none; } table:not([class]) tbody td { display: flex; align-items: center; font-size: 14px; padding: 5px 10px; font-weight: 500; } table:not([class]) tbody td + td { border-top: none; } table:not([class]) tbody td[data-label]:before { content: attr(data-label); flex: 0 0 50%; max-width: calc(50% - 16px); padding-right: 16px; font-size: 12px; line-height: 1.3; font-weight: 500; color: rgba(14, 15, 25, 0.6); align-self: flex-start; margin-top: 2px; } table:not([class]) td.title_table { padding: 8px 16px; background: #0BD91B; color: #fff; font-size: 16px; line-height: 1.4; font-weight: 500; text-align: center; justify-content: center; border: none; border-radius: 8px 8px 0 0; } table:not([class]) td.title_table:before { content: none; display: none; } table:not([class]) {} table:not([class]) {} table:not([class]) {} } @media screen and (min-width: 768px) { table:not([class]) thead tr:first-child th:first-child { border-top-left-radius: 16px; } table:not([class]) thead tr:first-child th:last-child { border-top-right-radius: 16px; } } .phone-list { display: flex; flex-direction: column; align-items: center; } .phone-list__link { font-weight: 500; font-size: 16px; line-height: 1.2; color: #0E0F19; white-space: nowrap; margin-bottom: 8px; } .toggle-list {} .toggle-list__hidden { display: none; } .toggle-list__link { display: inline-block; margin-top: 10px; font-size: 16px; color: #2153D9; border-bottom: 1px dashed rgba(18, 17, 168, 0.5); } .toggle-list__link:hover { color: #0BD91B; border-color: transparent; } .toggle-list_active .toggle-list__hidden { display: block; } .swiper-button-prev:after, .swiper-button-next:after { color: #2153D9; } ._loading { position: relative; min-height: 50px; } ._loading:before { content: ""; width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid #0BD91B; border-radius: 50%; border-top-color: transparent; animation: preloader-spin 1s infinite linear; } @keyframes preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* End */ /* Start:/local/templates/default/css/forms.css?17283884688855*/ .form-block__wrapper { background: #FFFFFF; box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.2); border-radius: 16px; padding: 24px; } .form-block { position: relative; } .form-block_mt { margin-top: 32px; } .form-wrapper_max { max-width: 450px; margin-left: auto; margin-right: auto; } .form-block_max { max-width: 496px; margin-left: auto; margin-right: auto; } .form-block__title { font-weight: 500; font-size: 18px; line-height: 1.3; color: #0E0F19; margin: 0 0 32px; } .form-block__content { transition: opacity 0.3s ease, visibility 0.3s ease; } .form-block__content_hidden { opacity: 0; visibility: hidden; } .form-block__result { position: absolute; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; background: #FFFFFF; box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.2); border-radius: 16px; } .form-block__result-inner { display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } .form-block__result-close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; color: #A0A2B4; } .form-block__result-close:before { content: "\e907"; font-family: 'bl-icons'; font-style: normal; font-weight: normal; line-height: 1; font-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .form-block__result-title { text-align: center; margin: 0 auto; position: relative; font-weight: 500; font-size: 20px; line-height: 1.3; color: #0E0F19; } .form-block__result-text { font-weight: 400; font-size: 15px; line-height: 1.5; text-align: center; color: #0E0F19; } .form-block__result-title + .form-block__result-text { margin-top: 8px; } .form-block__result_active { visibility: visible; opacity: 1; } .form-block__result_no_shadow { box-shadow: none; } .form-block__wrapper_mb { margin-bottom: 40px; } @media screen and (min-width: 768px) { .form-block__title { font-size: 20px; } } .form-wrapper { position: relative; } .form-wrapper__bg { position: absolute; top: -55px; left: 0; right: 0; bottom: -24px; z-index: 1; overflow: hidden; } .form-wrapper__bg-img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .form-wrapper__content { padding: 10px 28px 0; position: relative; z-index: 3; } .form-group { margin-bottom: 24px; } @media screen and (min-width: 768px) { .form-wrapper__bg { top: -65px; bottom: -40px; } .form-wrapper__content { padding: 40px 70px 0; } .form-group_lg { margin-bottom: 32px; } } .form-control__wrapper { position: relative; } .form-control { background-color: #FFFFFF; border: 1px solid #E5E6F0; border-radius: 16px; box-shadow: none; height: 56px; width: 100%; display: block; font-weight: 400; font-size: 15px; line-height: 1.4; color: #0E0F19; padding: 8px 16px; outline: none; position: relative; z-index: 4; } .form-label { font-weight: 400; font-size: 15px; line-height: 1.2; color: #A0A2B4; margin-bottom: 8px; display: block; } .form-label_abs { position: absolute; bottom: 100%; transform: translateY(37px); left: 16px; pointer-events: none; transition: all 0.2s ease; display: inline-flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 0; z-index: 5; } .form-control__wrapper_icon_search .form-control { padding-left: 48px; } .form-control__wrapper_icon_search .form-label_abs { left: 48px; } .form-control__wrapper_icon_search:before { content: "\e90a"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 24px; line-height: 1; position: absolute; top: 50%; left: 16px; transform: translate(0,-50%); pointer-events: none; margin-top: -1px; z-index: 5; } .form-control:focus ~ .form-label_abs, .form-control_not_empty ~ .form-label_abs, .form-label_abs_fixed { transform: translateY(8px); left: 8px; height: 16px; padding: 0 8px; font-size: 11px; background: #0BD91B; color: #fff; font-weight: 500; border-radius: 6px; } .form-control_error { border-color: #B32D58; } .form-control_error.form-control_not_empty ~ .form-label_abs, .form-control_error:focus ~ .form-label_abs { background: #B32D58; } .form-control[required] { background-position: calc(100% - 10px) 8px; background-repeat: no-repeat; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNSA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xLjgzNDkxIDUuMDQ1MjFIMi42MTQ5MUwyLjQ2NDkxIDMuMTcwMjFMNC4wMDk5MSA0LjI2NTIxTDQuNDE0OTEgMy41NjAyMUwyLjY3NDkxIDIuNzY1MjFMNC40MTQ5MSAxLjk1NTIxTDQuMDA5OTEgMS4yNjUyMUwyLjQ2NDkxIDIuMzQ1MjFMMi42MTQ5MSAwLjQ3MDIxNUgxLjgzNDkxTDEuOTg0OTEgMi4zNDUyMUwwLjQzOTkxMiAxLjI2NTIxTDAuMDM0OTEyMSAxLjk1NTIxTDEuNzc0OTEgMi43NjUyMUwwLjAzNDkxMjEgMy41NjAyMUwwLjQzOTkxMiA0LjI2NTIxTDEuOTg0OTEgMy4xNzAyMUwxLjgzNDkxIDUuMDQ1MjFaIiBmaWxsPSIjQjMyRDU4Ii8+PC9zdmc+"); } .form-control[disabled] { background: #E5E6F0; } .form-control__wrapper_opened { z-index: 10; } @media screen and (max-width: 767px) { .form-control__wrapper_opened .calc-block__exchange { z-index: 1; } } textarea.form-control { height: 200px; resize: none; } .form-error { position: absolute; top: 100%; left: 0; right: 0; font-weight: 400; font-size: 12px; line-height: 1.3; color: #B32D58; margin-top: 2px; } .form-dropdown { position: relative; z-index: 0; } .form-dropdown__control { display: flex; align-items: center; position: relative; z-index: 5; cursor: pointer; } .form-dropdown__control:after { content: "\e906"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1; position: absolute; transform: translate(0,-50%) rotate(90deg); transition: transform 0.2s ease; top: 50%; right: 16px; } .form-dropdown__body { position: absolute; top: 100%; left: 0; right: 0; margin-top: -16px; background: #fff; border: 1px solid #E5E6F0; border-radius: 0px 0px 16px 16px; padding: 32px 16px 8px; z-index: 3; display: none; } .form-dropdown_opened { z-index: 10; } .form-dropdown_opened .form-dropdown__control:after { transform: translate(0,-50%) rotate(-90deg); } /*.form-helper {*/ /* font-weight: 400;*/ /* font-size: 12px;*/ /* line-height: 1.3;*/ /* color: #A0A2B4;*/ /*}*/ .dropdown-menu { position: absolute; top: 100%; left: 0; right: 0; margin-top: -16px; background: #fff; border: 1px solid #E5E6F0; border-radius: 0px 0px 16px 16px; padding: 32px 16px 8px; z-index: 3; max-height: 250px; overflow-y: auto; } .dropdown-menu__item {} .dropdown-menu__link { padding: 5px 0; display: block; font-weight: 400; font-size: 15px; line-height: 1.6; color: #0E0F19; } .dropdown-menu__link:hover { color: #2153D9; } .checkbox-default { position: relative; padding-left: 24px; } .checkbox-default input { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; z-index: -1; } .checkbox-default label { position: relative; padding-left: 8px; font-weight: 400; font-size: 13px; line-height: 24px; color: #0E0F19; display: inline-block; cursor: pointer; } .checkbox-default__main label { font-weight: 500; } .checkbox-default label:before { content: ""; position: absolute; top: -2px; left: -24px; width: 22px; height: 22px; background: #FFFFFF; border: 1px solid #909097; border-radius: 8px; transition: border-color 0.3s ease; } .checkbox-default__main label:before { border: 2px solid #909097; } .checkbox-default label:after { content: "\e904"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 10px; line-height: 1; position: absolute; left: -16px; top: 5px; opacity: 0; color: #000; transition: opacity 0.3s ease, color 0.3s ease; } .checkbox-default label:hover:before { border-color: #A0A2B4; } .checkbox-default label:hover:after { opacity: 0.2; } .checkbox-default input:checked ~ label:after { opacity: 1; } /* End */ /* Start:/local/templates/default/css/calc-block.css?17443745963083*/ .section_calc { z-index: 10; } .section_calc .section__content { padding-top: 0 !important; padding-bottom: 20px !important; } .calc-block {} .calc-block__controls-wrapper {} .calc-block__result-wrapper {} .calc-block__controls { background: #FFFFFF; box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.2); border-radius: 16px; padding: 24px; height: 100%; position: relative; } .calc-block__exchange { position: absolute; top: 50%; left: 100%; transform: translate(-50%,-50%); z-index: 5; } .calc-block__submit { position: absolute; top: 32px; left: 100%; transform: translate(-50%,0); } .calc-block__result { background: #0BD91B; padding: 24px; border-radius: 16px; box-shadow: 0px 16px 40px rgba(185, 209, 51, 0.2); color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center; } .calc-block__result-inner:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 32px; height: 32px; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; box-sizing: border-box; display: none; } .calc-block__result-inner_loader .calc-block__result-helper, .calc-block__result-inner_loader .calc-block__result-text { opacity: 0.4; } .calc-block__result-inner_loader:before { display: block; animation: loader 6s infinite linear; } .calc-block__result-title { font-weight: 500; font-size: 16px; line-height: 1.5; } .calc-block__result-row { margin-top: 24px; } .calc-block__result-helper { font-weight: 400; font-size: 15px; line-height: 1.5; } .calc-block__result-text { font-weight: 500; font-size: 16px; line-height: 1.5; } .calc-block__result-helper + .calc-block__result-text, .calc-block__result-text + .calc-block__result-helper { margin-top: 4px; } @keyframes loader { 0% { transform: translate(-50%,-50%) rotate(0deg) } 100% { transform: translate(-50%,-50%) rotate(3600deg) } } @media screen and (max-width: 991px) { .calc-block__submit { top: 100%; left: 50%; transform: translate(-50%,-50%) rotate(90deg); } .calc-block__result { margin-top: 8px; } } @media screen and (max-width: 767px) { .calc-block__exchange { top: 100%; left: 50%; margin-top: 12px; transform: translate(-50%,-50%) rotate(90deg); } .calc-block__result-btn { margin-top: 16px; } } @media screen and (min-width: 992px) { .calc-block__controls-wrapper { padding-right: 0; } .calc-block__controls { margin-right: -12px; } } #route_price_holder { width: 100%; min-height: 200px; text-align:center; position: relative; } #route_price_holder.hide { display: none; } #route_price_holder .preloader { position: absolute; left:50%; margin-left:-32px; top:50%; margin-top:-32px; } /* End */ /* Start:/local/templates/default/css/list-block.css?16850973234403*/ .list-block {} .list-block__header { display: flex; align-items: center; } .list-block__more { flex: 0 0 auto; margin: 0 0 12px; } .list-block__list {} .list-block__item-wrapper { margin-bottom: 32px; } .list-block__item { padding: 24px; display: flex; align-items: center; background: #FFFFFF; border: 1px solid #E5E6F0; border-radius: 16px; min-height: 100px; transition: box-shadow 0.3s ease; position: relative; height: 100%; } .list-block__desc { width: 100%; } .list-block__item_column { flex-direction: column; align-items: flex-start; } .list-block__img-wrapper { position: relative; flex: 0 0 auto; width: 72px; height: 72px; z-index: 1; margin-left: 12px; } .list-block__img { position: absolute; top: 0; height: 100%; width: 100%; z-index: 1; object-position: center center; object-fit: contain; } .list-block__img-wrapper_sm { width: 40px; height: 40px; } .list-block__img-wrapper_md { width: 60px; height: 60px; } .list-block__img-wrapper_lg { width: 100%; height: 160px; margin-bottom: 12px; } a.list-block__item:hover { box-shadow: 0px 16px 40px rgba(14, 15, 25, 0.2); } .list-block__title { font-weight: bold; font-size: 17px; line-height: 1.5; color: #0E0F19; margin-bottom: 8px; } .list-block__subtitle { font-weight: bold; font-size: 17px; line-height: 1.5; color: #0E0F19; margin-bottom: 8px; } .list-block__badge { flex: 0 0 auto; } .list-block__name { font-weight: 500; font-size: 16px; line-height: 1.5; color: #0E0F19; flex: 1 1 auto; display: flex; align-items: center; } .list-block__date { flex: 0 0 auto; font-style: normal; font-weight: 500; font-size: 13px; line-height: 1; color: #0E0F19; } .list-block__text { font-weight: 400; font-size: 14px; line-height: 1.5; color: #0E0F19; } .list-block__helper { font-size: 14px; line-height: 1.3; font-weight: 500; color: #A0A2B4; margin-bottom: 6px; } .list-block__group + .list-block__text { margin-top: 16px; } /* news */ .list-block_news .list-block__item { min-height: 220px; } /* steps */ .list-block_steps { counter-reset: stepItem; line-height: normal; } .list-block_steps .list-block__item { counter-increment: stepItem; border: 4px solid #E5E6F0; } .list-block_steps .list-block__item:before { content: counter(stepItem); width: 32px; height: 32px; border-radius: 50%; background: #0BD91B; color: #fff; box-shadow: 0px 16px 40px rgba(185, 209, 51, 0.2); font-size: 14px; line-height: 1.3; font-weight: 500; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; top: 50%; left: 0; transform: translate(-50%,-50%); } @media screen and (min-width: 1312px) { .list-block_steps .list-block__item-wrapper { flex: 0 0 20%; max-width: 16%; } } /* slider */ .list-block_slider {} .list-block_slider .list-block__item { border-radius: 0; } .list-block_slider .swiper-slide { width: auto; position: relative; z-index: 1; opacity: 0.4; transition: opacity 0.3s ease; } .list-block_slider .swiper-slide:hover { z-index: 3; } .list-block_slider .swiper-slide:first-child .list-block__item { border-radius: 16px 0 0 16px; } .list-block_slider .swiper-slide:last-child .list-block__item { border-radius: 0 16px 16px 0; } .list-block_slider .swiper-slide:not(:last-child) .list-block__item { border-right: none; } .list-block_slider .swiper-slide-visible { opacity: 1; } .swiper-slide.active_section .list-block__item { border-bottom: 3px solid #0BD91B; } .static_hover { align-items: start; } .static_hover:before { content: ""; position: absolute; display: block; width: 100%; height: 100%; transition: all 0.2s; background: rgb(18,17,168); background: linear-gradient(90deg, rgba(18,17,168,1) 0%, rgba(0,169,66,1) 100%); z-index: -1; border-radius: 16px; margin: -15px; opacity: .7; } .static_hover:hover:before { margin: -10px; opacity: 1; color: #fff !important; } .list-block_height_auto .list-block__item { min-height: 0; } .list-block_height_auto .list-block__item-wrapper { margin-bottom: 10px; } /* End */ /* Start:/local/templates/default/css/order.css?17079038463988*/ .order-info {} .order-info__inner { display: flex; } .order-info__city { font-weight: 400; font-size: 13px; line-height: 1.85; color: #0E0F19; display: inline-flex; position: relative; } .order-info__city:before { content: "\e909"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 24px; line-height: 1; position: absolute; left: 0; top: 0; color: #0BD91B; } .order-info__img-wrapper { position: absolute; width: 100%; height: 82px; left: 0; bottom: 100%; margin-bottom: -4px; } .order-info__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center bottom; object-fit: contain; } .order-info__text { font-weight: 700; font-size: 13px; line-height: 1.85; color: #0E0F19; text-align: center; padding-top: 18px; margin-top: 7px; position: relative; } .order-info__text:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 10px; background-position: center center; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEyIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMjEyIDEwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNLTIuMDc2M2UtMDcgNS4wMDAwMkMtMi4yNTczNmUtMDcgNC41ODU4IDAuMzM1Nzg2IDQuMjUwMDIgMC43NSA0LjI1MDAyTDIwOC45MzkgNC4yNTAwMUwyMDYuMjIgMS41MzAzNEMyMDUuOTI3IDEuMjM3NDQgMjA1LjkyNyAwLjc2MjU2OSAyMDYuMjIgMC40Njk2NzZDMjA2LjUxMyAwLjE3Njc4MyAyMDYuOTg3IDAuMTc2NzgzIDIwNy4yOCAwLjQ2OTY3NkwyMTEuMjggNC40Njk2OEMyMTEuNTczIDQuNzYyNTggMjExLjU3MyA1LjIzNzQ1IDIxMS4yOCA1LjUzMDM0TDIwNy4yOCA5LjUzMDM1QzIwNi45ODcgOS44MjMyNCAyMDYuNTEzIDkuODIzMjUgMjA2LjIyIDkuNTMwMzVDMjA1LjkyNyA5LjIzNzQ2IDIwNS45MjcgOC43NjI1OSAyMDYuMjIgOC40Njk2OUwyMDguOTM5IDUuNzUwMDFMMC43NSA1Ljc1MDAyQzAuMzM1Nzg2IDUuNzUwMDIgLTEuODk1MjRlLTA3IDUuNDE0MjMgLTIuMDc2M2UtMDcgNS4wMDAwMloiIGZpbGw9IiMxMjExQTgiLz48L3N2Zz4="); } .order-info__result { max-width: 240px; margin: 8px auto 0; text-align: center; } .order-info__result-title { font-weight: 500; font-size: 16px; line-height: 1.3; color: #0E0F19; } .order-info__result-text { font-weight: 400; font-size: 11px; line-height: 1.3; color: #0E0F19; } .order-info {} .order-info {} .order-info_mb { margin-bottom: 40px; } @media screen and (max-width: 767px) { .order-info__inner { flex-direction: column; align-items: center; } .order-info__text { padding-top: 82px; order: 100; } .order-info__text:before { display: none; } .order-info__img-wrapper { top: 0; } .order-info__city { padding-top: 20px; } .order-info__city:before { top: 0; left: 50%; transform: translate(-50%,0); } .order-info__city_from { margin-bottom: 24px; } .order-info__city_from:after { content: ""; position: absolute; top: 100%; bottom: -24px; width: 0; border-right: 1px dotted #2153D9; left: 50%; transform: translate(-50%,0); margin-left: -1px; margin-top: -2px; } .order-info__result-text { font-size: 12px; } } @media screen and (min-width: 768px) { .order-info__inner { padding-top: 82px; } .order-info__city { flex: 0 0 32%; max-width: 32%; } .order-info__city_from { text-align: right; justify-content: flex-end; } .order-info__city_from { padding-right: 32px !important; } .order-info__city_from:before { right: 0; left: auto; } .order-info__city_to { padding-left: 32px !important; } .order-info__text { flex: 0 0 36%; max-width: 36%; } } /* End */ /* Start:/local/templates/default/css/prices-table.css?17062603114616*/ .prices-table { margin-bottom: 80px; } .prices-table__title { margin-top: 60px; margin-bottom: 48px; } .prices-table__title.hide { display: none; } .prices-table sup { line-height: inherit; } .prices-table__header { padding-bottom: 8px; } .prices-table__row { margin: 0; align-items: center; position: relative; } .prices-table__col { padding-top: 8px; padding-bottom: 8px; color: #000; font-size: 18px; font-weight: 500; line-height: 1.4; padding-left: 20px; padding-right: 20px; } .prices-table__col_cover { padding-left: 30px; } .prices-table__section {} .prices-table__section + .prices-table__section { margin-top: 20px; } .prices-table__section-inner { margin: 0; } .prices-table__cover-wrapper { padding: 0; } .prices-table__cover { background: linear-gradient(115deg, #2153D9 0%, #5C82E6 100%); border-radius: 16px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; overflow: hidden; } .prices-table__cover-name { padding: 20px; width: 100%; color: #FFF; font-size: 21px; font-weight: 500; line-height: 1.48; } .prices-table__cover-img-wrapper { align-self: flex-end; max-width: calc(100% - 30px); } .prices-table__cover-img { max-height: 80px; width: auto; } .prices-table__desc { padding-left: 0; padding-right: 0; } .prices-table__desc .prices-table__row:nth-child(2n+2) { background: #f3f3f3; border-radius: 16px; } .prices-table__group { align-items: center; flex: 1 1 auto; } @media screen and (max-width: 991px) { .prices-table__header { display: none; } .prices-table__col[data-th]:before { font-size: 12px; font-weight: normal; text-transform: uppercase; opacity: 0.5; } } @media screen and (max-width: 767px) { .prices-table__row { margin-top: 16px; } .prices-table__section:not(:last-child) .prices-table__desc { padding-bottom: 20px; } .prices-table__section:not(:last-child) .prices-table__desc:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #E5E6F0; } .prices-table__col[data-th] { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; } .prices-table__col[data-th]:before { content: attr(data-th); flex: 0 0 100%; max-width: 100%; margin-bottom: 4px; } .prices-table__btn { height: 32px; padding: 0 16px; border-radius: 12px; margin-top: 8px; width: 100%; } .prices-table sup { line-height: inherit; font-size: 60%; top: -0.3em; } } @media screen and (min-width: 768px) and (max-width: 991px) { .prices-table__desc .prices-table__row:first-child { align-items: stretch; } .prices-table__desc .prices-table__row:first-child .prices-table__col[data-th] { display: flex; align-items: center; padding-top: 30px; } .prices-table__desc .prices-table__row:first-child .prices-table__col[data-th]:before { content: attr(data-th); position: absolute; top: 10px; left: 20px; } } @media screen and (min-width: 768px) { .prices-table__section + .prices-table__section { margin-top: 45px; } .prices-table__cover { flex-direction: row; } .prices-table__col { padding-top: 12px; padding-bottom: 12px; } .prices-table__cover-img { max-height: 157px; } } @media screen and (min-width: 992px) { .prices-table__col { padding-left: 10px; padding-right: 10px; } .prices-table__cover { align-items: flex-start; flex-direction: column; } .prices-table__cover-name { padding: 35px 30px 30px; max-width: 160px; } .prices-table__desc { padding: 0 0 0 30px; } .prices-table__desc .prices-table__row:nth-child(2n+2) { border-radius: 0 16px 16px 0; } .prices-table__desc .prices-table__row:nth-child(2n+2):before { content: ""; position: absolute; top: 0; right: calc(100% - 5px); bottom: 0; background: #f3f3f3; width: 60px; z-index: -1; } } @media screen and (min-width: 1312px) { .prices-table__desc .prices-table__row { padding-right: 40px; } } /* End */ /* Start:/local/templates/default/css/contacts-block.css?1712133633892*/ .contacts-block {} .contacts-block__title { margin: 0 0 8px; } .contacts-block__text { font-weight: 400; font-size: 15px; line-height: 1.5; color: #0E0F19; margin-bottom: 8px; } .contacts-block__helper { font-weight: 400; font-size: 13px; line-height: 1.3; color: #A0A2B4; margin-bottom: 32px; } .contacts-block-wrap { display: flex; flex-direction: column; } .contacts-block__item { margin-right: 15px; margin-bottom: 15px; } .contacts-block__item:last-child { margin-right: 0; margin-bottom: 8px; } .contacts-block__link { font-weight: 500; font-size: 16px; line-height: 1.5; color: #0E0F19; } .contacts-block_mb { margin-bottom: 40px; } @media screen and (min-width: 768px) { .contacts-block__text_lg { font-size: 17px; } .contacts-block-wrap { flex-direction: row; } } /* End */ /* Start:/local/templates/default/css/catalog-block.css?16673189151250*/ .catalog-block {} .catalog-block__item-wrapper { margin-bottom: 32px; } .catalog-block__item { padding: 24px; background: #FFFFFF; border: 1px solid #E5E6F0; border-radius: 16px; height: 100%; } .catalog-block__item-inner { height: 100%; } .catalog-block__desc { display: flex; flex-direction: column; align-items: flex-start; } .catalog-block__desc-inner { flex: 1 1 auto; } .catalog-block__name { margin: 0 0 16px; } .catalog-block__tags { display: flex; flex-wrap: wrap; margin-bottom: 8px; } .catalog-block__tags-item { white-space: nowrap; text-align: center; padding: 5px 10px; background: #E5E6F0; border-radius: 8px; margin: 0 8px 8px 0; font-size: 12px; line-height: 1.3; font-weight: 500; color: rgba(14, 15, 25, 0.6); } .catalog-block__tags-item strong { font-size: 13px; font-weight: 500; color: #0E0F19; } .catalog-block__text {} .catalog-block__btn { margin-top: 24px; } .catalog-block_mt { margin-top: 40px; } @media screen and (max-width: 991px) { .catalog-block__img-wrapper { margin-bottom: 16px; } } @media screen and (min-width: 992px) { .catalog-block__desc { height: 100%; } } /* End */ /* Start:/local/templates/default/css/footer.css?17121527976039*/ #page-frame__footer { margin-top: 40px; position: relative; z-index: 4; } .footer-helper {} .footer-helper__inner { display: flex; align-items: center; justify-content: space-between; } .footer-helper__group { display: flex; flex-wrap: wrap; } .footer-helper__calc, .footer-helper__feedback { margin-left: 24px; } .footer-helper span { margin-left: 20px; } .nav-helper { display: flex; flex-wrap: wrap; align-items: flex-start; flex-direction: column; margin-bottom: 16px; } .nav-helper__item { margin: 0 0 12px; } .nav-helper__link { font-weight: 500; font-size: 13px; line-height: 1.5; color: #0E0F19; } .footer-main { margin-top: 40px; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #E5E6F0; border-bottom: 1px solid #E5E6F0; background: #fff; position: relative; z-index: 3; } .footer-main__inner {} .footer-logo__wrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .footer-logo { margin-bottom: 12px; } .footer-logo__img { width: auto; max-height: 24px; } .footer-phone { display: flex; flex-direction: column; margin-bottom: 8px; } .footer-phone__item { font-weight: 500; font-size: 16px; line-height: 1.5; color: #0E0F19; margin-top: 4px; } .nav-footer {} .nav-footer__item { margin-bottom: 8px; } .nav-footer__link { font-weight: 400; font-size: 13px; line-height: 1.3; color: #A0A2B4; } .nav-footer__link:hover { color: #0BD91B; } .nav-footer__link_title { font-weight: 500; line-height: 1.85; color: #0E0F19; } .footer-bottom { margin: 40px 0; } .footer-bottom__inner { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; } .footer-helper { font-weight: 400; font-size: 12px; line-height: 1.3; color: #A0A2B4; margin-bottom: 8px; } .policy { font-weight: 400; font-size: 12px; line-height: 1.3; color: #A0A2B4; } .footer-helper p { margin: 0 0 4px; } .footer-helper a:not([class]) { color: #A0A2B4; border-bottom: 1px solid rgba(160, 162, 180, 0.5); } .footer-helper a:not([class]):hover { color: #2153D9; border-color: rgba(18, 17, 168, 0.5); } .region-block {} .region-block__list {} .region-block__item { margin-bottom: 18px; cursor: pointer; } .region-block__item_child { margin-bottom: 6px; } .region-block__item_child:last-child { margin-bottom: 0; } .region-block__link { font-weight: 400; font-size: 15px; line-height: 1.3; color: #0E0F19; cursor: pointer; } .region-block__link:hover { color: #2153D9; } .region-block__list {} .region-block__section { display: inline-block; width: 100%; } .region-block__item-wrapper { display: none; max-height: 160px; overflow-y: auto; margin-bottom: 15px; scrollbar-width: thin; scrollbar-color: #2153D9 white; } .region-block__item-wrapper_active { display: block; } .region-block__item-wrapper ::-webkit-scrollbar, .region-block__item-wrapper::-webkit-scrollbar, .region-block__list::-webkit-scrollbar, .region-block__list ::-webkit-scrollbar { height: 20px; width: 10px; } .region-block__item-wrapper ::-webkit-scrollbar-track, .region-block__item-wrapper::-webkit-scrollbar-track, .region-block__list::-webkit-scrollbar-track, .region-block__list ::-webkit-scrollbar-track { background: #ffffff; } .region-block__item-wrapper ::-webkit-scrollbar-thumb, .region-block__item-wrapper::-webkit-scrollbar-thumb, .region-block__list::-webkit-scrollbar-thumb, .region-block__list ::-webkit-scrollbar-thumb { background-color: #2153D9; border-radius: 8px; border: 3px solid #2153D9; } .region-block__item { display: flex; position: relative; padding-right: 20px; } .js-region-block-toggle span { display: inline-flex; } .js-region-block-toggle span:after { content: "\e905"; font-family: "bl-icons"; font-style: normal; font-weight: normal; font-size: 12px; line-height: 1; position: absolute; top: 1px; right: 0; transform: rotate(90deg); } .js-region-block-toggle_active span:after { transform: rotate(90deg) scale(-1,1); } /*.region-block__item[data-region="Ханты-Мансийский автономный округ"] span:after { margin-right: 70px; } .js-region-block-toggle_active[data-region="Ханты-Мансийский автономный округ"] span:after { margin-right: 45px; }*/ @media screen and (max-width: 767px) { .footer-helper__inner { flex-wrap: wrap; } .footer-helper__nav { flex: 0 0 100%; max-width: 100%; } .footer-helper__calc, .footer-helper__feedback { margin: 0 24px 16px 0; } } @media screen and (min-width: 576px) { .region-block__list-inner { column-count: 2; column-gap: 20px; } } @media screen and (min-width: 768px) { .nav-helper__item:not(:last-child) { margin-right: 24px; } .footer-bottom__inner { flex-direction: row; align-items: center; } .nav-helper { flex-direction: row; align-items: center; margin-bottom: 0; } .nav-helper__item { margin-bottom: 0; } .nav-helper__item:not(:last-child) { margin-right: 40px; } } @media screen and (min-width: 992px) { .footer-logo__img { max-height: 32px; } .footer-helper__calc, .footer-helper__feedback { margin-left: 16px; } .nav-helper__item:not(:last-child) { margin-right: 40px; } .region-block__list-inner { column-count: 3; column-gap: 20px; } } @media screen and (min-width: 1312px) { .footer-logo__img { max-height: 40px; } .footer-helper__calc, .footer-helper__feedback { margin-left: 24px; } } /* End */ /* Start:/local/templates/default/css/modal.css?17283884683624*/ .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: scroll; } .modal-dialog { position: relative; width: auto; margin: 15px; max-width: 100%; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (15px * 2)); } .modal-dialog-centered:before { display: block; height: calc(100vh - (15px * 2)); content: ""; } .modal-dialog-scrollable { height: calc(100% - 30px); } .modal-dialog-scrollable .modal-scrollbar { flex: 1 1 auto; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; background-color: #FFF; background-clip: padding-box; outline: 0; padding: 24px; height: 100%; border-radius: 12px; } .modal-content__bg, .modal-content__bg-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border-radius: 12px; overflow: hidden; } .modal-content__bg-img { object-position: center center; object-fit: cover; } .modal-content__inner { position: relative; z-index: 3; } .modal-title { margin: 0 0 40px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: rgba(0, 0, 0, 0.6); display: none; } .modal-close { position: absolute; top: 0; right: 0; width: 40px; height: 40px; z-index: 200; cursor: pointer; transition: color 0.3s ease; color: #A0A2B4; } .modal-close:before { content: "\e907"; font-family: 'bl-icons'; font-style: normal; font-weight: normal; line-height: 1; font-size: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .modal-close:hover {} .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media screen and (min-width: 768px) { .modal .modal-dialog { max-width: 850px;/*690px;*/ margin: 15px auto; } .modal .modal-dialog_xl { max-width: 1300px; } .modal-content { padding: 40px; } } .cookie_notice { display: none; position: fixed; z-index: 9999999; bottom: 13px; left: 10px; right: 0; text-align: center; font-size: 13px; font-family: 'Gotham Pro', sans-serif; color: #FFF; background: rgba(36,36,36,.95); padding: 15px 20px; max-width: 450px; border-radius: 16px; align-items: center; gap: 10px; } .cookie-descr { text-align: start; } .cookie-descr a { color: #FFF; border-bottom: 1px solid; border-color: initial; text-decoration: none; } .cookie-descr a:hover { color: hsla(0,0%,100%,.8); } /* Оформление кнопок */ .cookie_btn { display: inline-block; margin: 10px 6px 4px 6px; text-decoration: none; position: relative; font-size: 13px; padding: 7px 18px; color: #FFF; font-weight: bold; background: #2153D9; border-radius: 16px; transition: background-color 0.3s ease, box-shadow 0.3s ease; box-shadow: 0px 16px 40px rgba(234, 144, 16, 0.2); } .cookie_btn:hover { color: #FFF; background: #1212B5; box-shadow: 0px 16px 40px rgba(234, 144, 16, 0.45); } /* End */ /* Start:/local/components/informula/seo.set/templates/.default/style.css?1667390640794*/ #seo_block { position: fixed; right: -340px; top: 100px; z-index: 70000; width: 340px; padding: 20px; background: #fff; border-radius: 5px 0 0 5px; transition: 0.2s all; } #seo_block.active { right: 0; box-shadow: 0 0 10px 5px rgba(0,0,0,0.2); } #seo_block a { position: absolute; top: 20px; left: -40px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #0097D4; border-radius: 5px 0 0 5px; font-size: 14px; } #seo_block a:hover { background: #006994; } #seo_form label { display: block; } #seo_form textarea { display: block; width: 100%; height: auto; margin-bottom: 20px; resize: vertical; } /* End */ /* Start:/local/templates/default/template_styles.css?1744374596453*/ .form-control__error { border: 1px solid red; } .content_container_bg { background: #f2f2f2; padding: 10px 0; margin: 30px 0; background-color: #f2f2f2; /* background-image: url("/local/templates/default/images/bg/container_bg.png"); */ background-image: url("/local/templates/default/images/bg/bg-road.svg"); background-position: center top; background-size: cover; } .f14 { font-size: 14px; } @media screen and (min-width: 768px) { .f18 { font-size: 18px; } } /* End */ /* Start:/calc/js/typeahead/typeahead.css?16743375562002*/ .twitter-typeahead { width:100%; } .twitter-typeahead .tt-input, .twitter-typeahead .tt-hint { margin-bottom: 0; } .twitter-typeahead .tt-hint { display: none!important; } .tt-menu { min-width: 160px; margin-top: 0; padding: 0; background-color: #fff; -webkit-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.04), 0px 1px 4px rgba(0, 0, 0, 0.02); -moz-box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.04), 0px 1px 4px rgba(0, 0, 0, 0.02); box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.04), 0px 1px 4px rgba(0, 0, 0, 0.02); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width:100%; font-size: 16px; min-height: 64px; max-height: 200px; overflow-y: auto; } .tt-suggestion { display: block; padding: 6px 16px; cursor: pointer; color: #212529; transition: color 0.2s ease; } .tt-suggestion:hover { color: #95C518; } .tt-suggestion:first-child { margin-top: 8px; } .tt-suggestion:last-child { margin-bottom: 8px; } .tt-suggestion p { margin: 0; } .twitter-typeahead .suggestions-tip { background: #fff6d7; padding: 6px 16px; font-size: 11px; color: rgba(43,43,43,0.8); } .tt-menu .mCSB_inside > .mCSB_container { margin-right: 0; } .tips { position: absolute; top: 100%; left: 0; width: 100%; z-index: 5; padding: 10px 16px; margin: 0; font-size: 12px; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; box-shadow: 0px 8px 24px rgba(0,0,0,0.04),0px 1px 4px rgba(0,0,0,0.02); } .tips > i { cursor: pointer; font-style: normal; color: #00A0DE; border-bottom: 1px solid rgba(0, 160, 222, 0.5); transition: color 0.2s ease, border-color 0.2s ease; } .tips > i:hover { color: #95C518; border-color: rgba(149, 197, 24, 0.5); } /* End */ /* Start:/calc/css/style.css?17079036424109*/ .form-group_not_empty .form-label_abs { transform: translateY(8px); left: 8px; height: 16px; padding: 0 8px; font-size: 11px; background: #0BD91B; color: #fff; font-weight: 500; border-radius: 6px; } .calc-block__result-row { margin-top: 0; } .calc-block__result-result { display: flex; justify-content: center; } .additional-result { margin-top: 20px; padding: 0 24px; } .calc-block__result_white { padding: 30px; border: 1px solid #E5E6F0; border-radius: 16px; margin-left: 20px; background: #fff; } .calc-block__result_white-debug { padding: 30px; margin-left: 20px; font-size: 13px; } .truck-button { flex: 0 0 20%; max-width: 20%; display: block; } .truck-button input[type=radio] { display: none; } .truck-button label { display: block; padding: 60px 15px 15px; cursor: pointer; text-align: center; border: 3px solid #fff; border-radius: 16px; background-position: center 5px; background-repeat: no-repeat; background-size: auto 50px; opacity: .7; } .truck-button input[type=radio]:checked + label { /*background-color: #f5f5f5;*/ border: 3px solid #E5E6F0; font-weight: 500; color: #1211a8; opacity: 1; } .truck-button.t20 input[type=radio] + label { background-image: url(/calc/css/../images/t20.png); } .truck-button.t10 input[type=radio] + label { background-image: url(/calc/css/../images/t10.png); } .truck-button.t5 input[type=radio] + label { background-image: url(/calc/css/../images/t5.png); } .truck-button.t1 input[type=radio] + label { background-image: url(/calc/css/../images/t1.png); } .truck-button.sbg input[type=radio] + label { background-image: url(/calc/css/../images/sbg.png); } .calc_title { font-weight: 500; font-size: 20px; line-height: 1.5; margin-bottom: 20px; display: block; } .mt-30 { margin-top: 30px; } .calc-block__result-result { display: flex; flex-wrap: wrap; position: relative; } .calc-block__result_white.recalculate { background: url(/local/templates/default/images/preloader.gif) center center no-repeat; color: #fff; text-indent: -9999px; height: 315px; } .calc-block__result-result div { font-weight: 500; font-size: 13px; line-height: 1.5; width: 40%; padding: 8px 0; border-bottom: 1px dotted #efefef; } .calc-block__result_white.recalculate div { border: none; } .calc-block__result-result div.result_value { width: 60%; } .calc-block__result-result span.result_main { font-size: 20px; } .calc-block__result-order { margin-top: 30px; } .calc-block__result-order a, .calc-block__result-order-individual a { border-radius: 8px; box-shadow: none; font-weight: 400; font-size: 16px; line-height: 1.4; width: 100%; } .type_limit { font-size: 12px; padding: 8px 0 0 15px; color: #ff0000; } input[type="number"] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { display: none; } .region-from, .region-to { padding: 5px 0 0 20px; } .cartype_select { display: none; } .benefit { display: block; margin-bottom: 25px; border-radius: 5px; background: #f9ff00; padding: 15px 25px; } .calc-block_mini:not(.calc-block_mini_expanded) .calc-block__hidden_mini { display: none; } .calc-block_mini:not(.calc-block_mini_expanded) .calc-block__mb0_mini { margin-bottom: 0; } @media screen and (max-width: 768px) { .truck-button { flex: 0 0 50%; max-width: 50%; } .calc-block__result_white { /* position: fixed; bottom: 0; z-index: 99; border-radius: 0; border: none; */ margin: 15px 0 0 0; padding: 10px 25px; } .calc-block__result-order { margin-top: 0; } .hidden_mobile.js-modal-calc-order { display: block !important; line-height: 56px; } .hidden_mobile.js-modal-calc-order:before { display: none; } .form-group_not_empty .form-label_abs { font-size: 12px; } } /* End */ /* /local/templates/default/css/fonts.css?16902110612063 */ /* /local/templates/default/css/normalize.min.css?16673189151846 */ /* /local/templates/default/css/grid.min.css?16673189158997 */ /* /local/templates/default/css/common.css?174437459615240 */ /* /local/templates/default/css/components.css?174437459614594 */ /* /local/templates/default/css/forms.css?17283884688855 */ /* /local/templates/default/css/calc-block.css?17443745963083 */ /* /local/templates/default/css/list-block.css?16850973234403 */ /* /local/templates/default/css/order.css?17079038463988 */ /* /local/templates/default/css/prices-table.css?17062603114616 */ /* /local/templates/default/css/contacts-block.css?1712133633892 */ /* /local/templates/default/css/catalog-block.css?16673189151250 */ /* /local/templates/default/css/footer.css?17121527976039 */ /* /local/templates/default/css/modal.css?17283884683624 */ /* /local/components/informula/seo.set/templates/.default/style.css?1667390640794 */ /* /local/templates/default/template_styles.css?1744374596453 */ /* /calc/js/typeahead/typeahead.css?16743375562002 */ /* /calc/css/style.css?17079036424109 */