/* Start:/local/templates/listmet_header/assets/css/bootstrap-grid.min.css?163369063148488*/ /*! * Bootstrap Grid v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.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-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.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-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.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-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}} /*# sourceMappingURL=bootstrap-grid.min.css.map */ /* End */ /* Start:/local/templates/listmet_header/assets/css/owl.carousel.min.css?16758422883351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.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;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/listmet_header/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/listmet_header/assets/css/owl.theme.default.min.css?16758422881021*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}/*.owl-theme .owl-nav{margin-top:10px}*/.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}/*.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}*/.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/listmet_header/template_styles.css?1747407276221563*/ @font-face { font-family: "GothamPro"; src: url("/local/templates/listmet_header/assets/fonts/GothamPro.ttf") format("truetype"); font-weight: normal;.services-page-detail::after font-style: normal; font-display: swap; } @font-face { font-family: "GothamPro"; src: url("/local/templates/listmet_header/assets/fonts/GothamPro-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "GothamPro"; src: url("/local/templates/listmet_header/assets/fonts/GothamPro-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* make sure to set some focus styles for accessibility */ :focus { outline: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } textarea { overflow: auto; vertical-align: top; resize: vertical; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } html, button, input, select, textarea { color: #222; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } body { line-height: 1; font-family: 'GothamPro', sans-serif !important; background: #FBFBFB; min-height: 100vh; } a { text-decoration: none; color: inherit; } html { overflow-x: hidden; } .content { position: relative; margin: 0 auto; padding: 0 20px; max-width: 1630px; } .header { position: relative; z-index: 5; } .header-top { background: #F1F1F1; } .header-top__row { padding: 15px 0 10px; display: flex; justify-content: space-between; align-items: center; } .header-top__menu { display: flex; justify-content: space-between; align-items: center; } .header-top__menu-item { position: relative; margin-right: 25px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; color: #616974; transition: .3s; } .header-top__menu > :last-child .header-top__menu-item { margin-right: 0; } .header-top__contacts { font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; display: flex; justify-content: flex-start; align-items: center; color: #616974; } .header-top__contacts > a { margin-left: 10px; } .header-top__contacts > svg { margin-right: 5px; } .header-top__contacts > a > svg { margin-right: 5px; } .header-top__menu-item::after { position: absolute; bottom: -5px; left: 0; display: block; width: 0; height: 2px; background: #2C6FAB; content: ""; transition: .3s; } .header-top__menu-item:hover { color: #2C6FAB; } .header-top__menu-item:hover::after { width: 100%; } .header-bottom { background-color: #fff; background-color: #fff; border-bottom: 1px solid #D0DDF0; } .header-bottom__logo { margin-right: 30px; width: 122px; height: 62px; } .header-bottom__logo-image { width: 122px; height: 100%; object-fit: contain; object-position: center; } .header-bottom__menu { padding: 15px 0; width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center; box-sizing: border-box; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #2C6FAB; } .header-bottom__row { display: flex; justify-content: flex-start; align-items: center; height: 67px; } .header-bottom__basket { display: flex; justify-content: flex-start; align-items: center; } .header-bottom__search { margin-right: auto; margin-left: 10px; padding-left: 15px; display: flex; justify-content: center; align-items: center; border-left: 1px solid #D8D8D8; cursor: pointer; } .header-bottom__search svg { fill: #A0BCDB; transition: .3s; } .header-bottom__search:hover svg { fill: #2C6FAB; } .header-bottom__menu-item { position: relative; padding-right: 15px; margin-right: 15px; display: flex; justify-content: flex-start; align-items: center; border-right: 1px solid #D8D8D8; cursor: pointer; } .header-bottom__menu-item::after { content: ""; display: block; width: calc(100% - 15px); position: absolute; background-color: #2C6FAB; height: 2px; bottom: -15px; } .header-bottom__menu-item svg { fill: #A0BCDB; transition: .3s; } .header-bottom__menu-item-text { margin-left: 10px; } .header-bottom__personal-area { position: relative; padding-right: 15px; margin-right: 15px; display: flex; justify-content: flex-start; align-items: center; border-right: 1px solid #D8D8D8; } .personal-area__menu { position: absolute; top: 100%; right: 0; padding: 10px 10px 0; width: 145px; max-height: 0; text-align: right; background-color: #fff; overflow: hidden; transition: .3s; border: 1px solid transparent; } .header-bottom__personal-area_opened .personal-area__menu { max-height: 100px; border-color: #C7D4E3; } .header-bottom__personal-area-list { transition: .3s; } .header-bottom__personal-area_opened .header-bottom__personal-area-list { transform: rotate(180deg); } .personal-area__menu-item { display: block; margin-bottom: 10px; color: #4C555C; transition: .3s; } .personal-area__menu-item:hover { color: #2C6FAB; } .header-bottom__personal-area-icon { fill: #A0BCDB; transition: .3s; } .header-bottom__personal-area:hover .header-bottom__personal-area-icon { fill: #2C6FAB; } .header-bottom__catalog-list { display: flex; align-items: center; } .header-bottom__catalog-list svg { transition: .3s; } .header-bottom__catalog-list_active svg { transform: rotate(180deg); } .header-bottom__menu > * { height: 100%; } .header-bottom__basket-icon { padding-top: 1px; padding-left: 2px; width: 19px; height: 19px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; color: #fff; background-color: #D72020; border-radius: 50%; box-sizing: border-box; } .header-bottom__basket svg { fill: #a0bcdb; transition: .3s; } .header-bottom__basket:hover svg { fill: #2C6FAB; } .header-bottom__basket-properties { margin-left: 15px; } .header-bottom__basket-weight { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #2C6FAB; } .header-bottom__basket-price { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #4C555C; } .header-bottom__menu-button { margin-left: 25px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #FFFFFF; border: 1px solid #C7D4E3; box-sizing: border-box; cursor: pointer; z-index: 100; } .header-bottom__menu-button-line { position: relative; top: 1px; width: 26px; height: 3px; background-color: #2C6FAB; border-radius: 4px; transition-delay: 0.35s; transition: 0.3s; } .header-bottom__menu-button-line::before { position: absolute; top: 0; left: 0; transform: translateY(-6px); display: block; width: 26px; height: 3px; border-radius: 4px; content: ""; background-color: #2C6FAB; } .header-bottom__menu-button-line::after { position: absolute; top: 0; left: 0; transform: translateY(6px); display: block; width: 26px; height: 3px; content: ""; background-color: #2C6FAB; } .header-bottom__menu-button_active .header-bottom__menu-button-line { transform: rotate(45deg); } .header-bottom__menu-button_active .header-bottom__menu-button-line::before { transform: translateY(0) rotate(90deg); } .header-bottom__menu-button_active .header-bottom__menu-button-line::after { opacity: 0; transform: translateY(0) rotate(90deg); } .header-bottom__catalog-list-text { margin-right: 8px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #2C6FAB; } .header-bottom__catalog-list { width: 185px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #C7D4E3; box-sizing: border-box; cursor: pointer; transition: .3s; } .header-bottom__catalog-list:hover { border-color: #2C6FAB; } .personal-area__user-name { margin: 0 5px; color: #4C555C; } .header-bottom__menu-item-text { color: #4C555C; transition: .3s; } .header-bottom__menu-item:hover .header-bottom__menu-item-text { color: #2C6FAB; } .header-bottom__menu-item:hover svg { fill: #2C6FAB; } .header-bottom__basket-icon { margin-left: 5px; } .header-bottom__personal-area { cursor: pointer; } .header-top__city-choice { cursor: pointer; } .header-top__city-name { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #256299; } .header-menu { position: absolute; top: 0; left: 0; width: 100%; max-height: 0; background-color: #fff; border: 0 solid #C7D4E3; transition: .3s; overflow: hidden; } .header-menu_opened { border: 1px solid #C7D4E3; padding: 40px 0; max-height: 500px; } .header { position: relative; z-index: 10; } .header-menu__caption { margin-bottom: 40px; font-style: normal; font-weight: 500; font-size: 18px; color: #2C6FAB; } .header-menu__item { position: relative; margin-bottom: 20px; display: inline-block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #616974; } .header-menu__col { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .header-menu__item::after { position: absolute; bottom: -5px; left: 0; display: block; width: 0; height: 1px; background-color: #2C6FAB; content: ""; transition: .3s; } .header-menu__item_active { color: #2C6FAB; } .header-menu__item:hover::after { width: 100%; } .header-catalog { position: absolute; top: 0; left: 0; width: 100%; max-height: 0; background-color: #fff; border: 0 solid #C7D4E3; transition: .3s; overflow: hidden; } .header-catalog_opened { padding-top: 25px; padding-bottom: 25px; border: 1px solid #C7D4E3; max-height: 850px; } .header-catalog__caption { margin-bottom: 20px; font-style: normal; font-weight: 500; font-size: 18px; color: #2C6FAB; } .header-catalog__item { position: relative; margin-bottom: 10px; display: inline-block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #616974; transition: .3s; } .header-catalog__item:hover { /* text-decoration-line: underline; */ color: #2C6FAB; } .header-catalog__col { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; } .header-catalog .row { margin-top: 40px; } .header-catalog .row:first-child { margin-top: 0; } .main-firstscreen { margin-top: 0; } .caption-h1 { font-style: normal; font-weight: bold; font-size: 36px; line-height: 45px; color: #50585F; } .caption-h2 { font-style: normal; font-weight: bold; font-size: 36px; line-height: 45px; color: #50585F; } .caption-h3 { font-style: normal; font-weight: bold; font-size: 24px; line-height: 36px; color: #50585F; } .firstscreen::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 560px; background-color: #F4F4F4; content: ""; } .firstscreen-slider__button-fill { width: 230px; height: 49px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; } .firstscreen-slider__button-empty { margin-left: 25px; width: 175px; height: 49px; box-sizing: border-box; } .firstscreen-slider__button span { margin-right: 10px; } .firstsreen-slider__slide-buttons { margin-top: 30px; display: flex; justify-content: flex-start; align-items: center; } .firstscreen-slider__image-container { position: absolute; top: 0; right: 0; } .firstscreen-slider__slide-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .firstscreen-slider__slide-background:hover { cursor: pointer; } .firstsreen-slider__slide-caption { margin-top: 95px; display: inline-block; } .firstscreen-slider__navigation { position: relative; z-index: 5; margin-top: -75px; margin-bottom: 25px; padding-right: 25px; display: flex; justify-content: flex-end; align-items: center; font-style: normal; font-weight: 500; font-size: 22px; line-height: 21px; color: #9DA5B1; } .firstscreen-slider { position: relative; z-index: 5; width: 100%; height: 557px; background: radial-gradient(39.7% 39.7% at 50% 50%, #E9E9E9 0%, #D6DAE0 100%); } .slider-arrow { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background-color: #30588D; /* border: 2px solid #A0BCDB; */ box-sizing: border-box; cursor: pointer; transition: .3s; } .slider-arrow:hover { background-color: #e84e0f; } .slider-arrow svg path{ stroke: white; } .slider-arrow_left:hover + .slider-arrow_right { border-left-color: #2C6FAB; } .firstscreen-slider__arrows { display: flex; justify-content: flex-start; align-items: center; } .slider-arrow_left { border-right: none; } .firstscreen-slider__slide-container { height: 448px; } .firstscreen-slider__tabs { border-top: 1px solid #A0BCDB; border-bottom: 1px solid #A0BCDB; border-left: 1px solid #A0BCDB; display: flex; justify-content: space-between; align-items: center; } .firstscreen-slider__tab { position: relative; padding: 25px 10px; width: 100%; height: 107px; box-sizing: border-box; font-style: normal; font-weight: normal; font-size: 14px; line-height: 19px; color: #474747; border-right: 1px solid #A0BCDB; transition: .3s; cursor: pointer; } .firstscreen-slider__tab:not(.firstscreen-slider__tab_active):hover { background: #F2F5F8; } .firstscreen-slider__tab-number { font-style: normal; font-weight: normal; font-size: 22px; line-height: 23px; color: #9EBAD3; } .firstscreen-slider__tab-text { display: block; margin-left: 35px; } .firstscreen-slider__tab_active { background-color: #fff; } .firstscreen-slider__tab::before { position: absolute; left: 10px; top: -1px; width: 82px; height: 2px; display: block; background-color: #2C6FAB; content: ""; transition: .3s; } .firstscreen-slider__tab:not(.firstscreen-slider__tab_active):hover::before { width: 200px; } .firstscreen-slider__tab_active::before { position: absolute; left: 0; top: -1px; width: 100%; height: 5px; display: block; background-color: #BA1A1A; content: ""; animation: 5s sliderTimeline linear; } @keyframes sliderTimeline { 0% { width: 0; } 100% { width: 100%; } } .firstscreen-slider__slide { padding-left: 70px; height: 100%; box-sizing: border-box; transition: .3s; } .firstscreen-slider__count { margin-right: 30px; } .no-transition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } @keyframes timeline { 0% { width: 0; } 100% { width: 100%; } } .catalog-list__order-help { margin-left: 57px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 36px; color: #2C6FAB; } .catalog-list__caption-row { margin-top: 45px; display: flex; justify-content: flex-start; align-items: flex-end; } .catalog-list__section { margin-right: 52px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 45px; color: #AEAFB3; cursor: pointer; transition: .3s; white-space: nowrap; } .catalog-list__section:not(.catalog-list__section_active):hover { color: #A0BCDB; } .catalog-list__section-list { display: flex; justify-content: flex-start; align-items: center; } .catalog-list__menu { position: relative; padding-bottom: 5px; margin-top: 25px; margin-bottom: 28px; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #D0DDF0; } .catalog-list__menu-button { width: 225px; height: 50px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 45px; color: #2C6FAB; } .catalog-list__menu-button.standard-button-no-accent { border-width: 1px; color: #2C6FAB; } .catalog-item__background { padding-top: 25px; padding-left: 25px; background-repeat: no-repeat; background-size: cover; } .catalog-item__name { width: 100px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 22px; color: #6E7A89; transition: .3s; } .catalog-item__amount { margin-top: 10px; font-style: normal; font-weight: normal; font-size: 16px; color: #A4B2BD; transition: .3s; } .catalog-item__background { position: relative; height: 250px; background-color: #E4E8ED; transition: .3s; } .catalog-item__picture { position: absolute; top: 0; right: 0; max-height: 136px; max-width: 130px; } .catalog-item { margin-bottom: 30px; border: 1px solid #C4CCD6; transition: .3s; cursor: pointer; display: block; } .catalog-item__link-button { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #fff; stroke: #5c8fbe; transition: .3s; } .catalog-item__link-button svg{ stroke: #fff; } .catalog-item__link { position: absolute; bottom: 0; left: 0; padding-left: 25px; padding-right: 10px; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 70px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 45px; color: #555D64; border-top: 1px solid #5c8fbe; background-color: #5c8fbe; transition: .3s; } .catalog-item__link-2{ min-height: 60px; display: flex; transition: .3s; } @media screen and (min-width: 320px) and (max-width: 900px) { .catalog-item__link-2{ min-height: 95px; } } .catalog-item:hover .catalog-item__link-2 { color: #fff; background-color: #30588D; border-color: transparent; } .catalog-item:hover { border-color: transparent; } .catalog-item:hover .catalog-item__background { background-color: #C7D4E3; } .catalog-item:hover .catalog-item__link { color: #5c8fbe; background-color: #FFF; border-color: transparent; } .span-list{ line-height: 1.2; color: #30588D; width: 100%; text-align: center; font-size: 18px; } .span-list_append{ display: block; width: 100%; /* padding: 15px 0; */ margin: auto; } .catalog-item:hover .span-list_append { color: #fff; } .catalog-item:hover .catalog-item__link span { color: #5c8fbe; } .catalog-item:hover .catalog-item__name { color: #2C6FAB; } .catalog-item:hover .catalog-item__link-button { background-color: #fff; border-color: #5c8fbe; stroke: #5c8fbe; } .catalog-item:hover .catalog-item__link-button svg { stroke: #5c8fbe; } .catalog-list__marker { position: absolute; bottom: -1px; left: 0; width: 115px; height: 3px; background-color: #e84e0f; transition: .3s; } .catalog-list__section_active { font-style: normal; font-weight: 500; font-size: 18px; line-height: 45px; color: #30588D; } .stocks-block__slider-arrows-container { position: relative; z-index: 5; display: flex; justify-content: flex-end; align-items: center; font-style: normal; font-weight: 500; font-size: 22px; line-height: 21px; color: #9DA5B1; } .stocks-block__arrows { display: flex; justify-content: flex-start; align-items: center; } .stocks-block__slider-count { margin-right: 30px; } .stocks-block__slider-navigation { display: flex; justify-content: space-between; align-items: flex-end; } .stocks-block__label { padding: 10px 23px; display: inline-block; background-color: #C92424; font-style: normal; font-weight: bold; font-size: 16px; line-height: 15px; color: #fff; text-align: center; } .stocks-block { margin-top: 50px; padding: 30px 0; background-color: #E2E4E7; } .stock-item__name { font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px; color: #565B63; transition: .3s; } .stock-item__amount { padding: 5px; display: inline-block; background: #E4E8ED; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #6FA2D0; } .stock-item { padding-top: 20px; padding-left: 20px; height: 160px; background: #F0F4F8; border: 1px solid #C8D5E4; transition: .3s; cursor: pointer; } .stock-item::after { position: absolute; top: 0; left: 0; display: block; width: 4px; height: 100%; content: ""; background-color: #C92424; opacity: 0; transition: .3s; } .stock-item:hover { background: #fff; } .stock-item:hover .stock-item__name { color: #2C6FAB; } .stock-item:hover::after { opacity: 1; } .stock-item:hover .stock-item__link { background-color: #E4E8ED; } .stocks-slider__container { width: 100%; height: 160px; } .stock-item__name { width: 150px; margin-bottom: 5px; } .stock-item__link-button svg { stroke: #063D8D; transition: .3s; } .stock-item__link { padding: 5px 10px 5px 20px; position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #616974; border-top: 1px solid #C7D4E3; transition: .3s; } .stock-item__link-button { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #A0BCDB; transition: .3s; } .stocks-block__slider { margin-top: 30px; } .stock-item__link:hover { color: #2C6FAB; } .stock-item__link:hover .stock-item__link-button { background-color: #2C6FAB; border-color: #2C6FAB; } .stock-item__link:hover .stock-item__link-button svg { stroke: #fff; } .trimmings-list__section { margin-bottom: 5px; padding: 10px 15px; display: inline-block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #555D64; background: #E4E8ED; cursor: pointer; transition: .3s; border: 1px solid transparent; } .trimmings-list__section:not(.trimmings-list__section_active):hover { background-color: #fff; border-color: #2C6FAB; } .trimmings-list__section_active { background-color: #CEDFF3; color: #2C6FAB; } .trimmings-list__caption { margin-bottom: 30px; } .trimmings-list { padding-top: 50px; padding-bottom: 35px; background-color: #F4F4F4; } .trimmings-list__section-list { padding-bottom: 5px; border-bottom: 1px solid #D0DDF0; } .trimmings-list__button { margin-top: 10px; margin-left: auto; width: 200px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; } .trimmings-list__button svg { margin-left: 10px; } .trimming-item__image-container { width: 100%; height: 174px; } .trimming-item { height: 431px; background: #fff; border: 1px solid #C7D4E3; transition: .3s; } .trimming-item::after { position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 3px; background-color: #2C6FAB; content: ""; opacity: 0; transition: .3s; } .trimmings-list__slider-container { height: 431px; } .trimming-item__type { position: absolute; top: 10px; left: 0; padding: 10px; display: inline-block; font-style: normal; font-weight: normal; font-size: 13px; line-height: 12px; color: #2C6FAB; border-left: 6px solid #2C6FAB; background-color: #fff; } .trimmings-item__bookmark { position: absolute; top: 10px; right: 15px; cursor: pointer; } .trimmings-item__bookmark_blue { fill: #A0BCDB; transition: .3s; } .trimmings-item__bookmark_white { fill: #fff; transition: .3s; } .trimmings-item__bookmark:not(.trimmings-item__bookmark_active):hover .trimmings-item__bookmark_blue { fill: #2C6FAB; } .trimmings-item__bookmark_active .trimmings-item__bookmark_white { fill: #A0BCDB; } .trimmings-item__bookmark_active .trimmings-item__bookmark_blue { fill: #A0BCDB; } .trimming-item__name { margin-bottom: 15px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #616974; transition: .3s; } .trimming-item__information { padding: 13px 19px; } .trimming-item__property { margin-bottom: 15px; display: flex; justify-content: space-between; align-items: flex-end; } .trimming-item__property-name { font-style: normal; font-weight: normal; font-size: 14px; line-height: 10px; color: #9DA5B1; flex-shrink: 0; } .trimming-item__property-value { font-style: normal; font-weight: normal; font-size: 14px; line-height: 10px; color: #616974; flex-shrink: 0; } .trimming-item__property-line { background-image: url("/local/templates/listmet_header/images/dashed-line.svg"); background-repeat: repeat; width: 100%; height: 1px; } .trimming-item__add2basket { margin-top: 25px; width: 100%; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 45px; color: #616974; border: 1px solid #A0BCDB; transition: .3s; } .trimming-item:hover .trimming-item__add2basket { border-color: #2C6FAB; } .trimming-item__add2basket span { margin-left: 10px; } .trimming-item__add2basket svg { fill: #A0BCDB; transition: .3s; } .trimming-item:hover .trimming-item__add2basket svg { fill: #2C6FAB; } .trimming-item__add2basket:hover { background-color: #2C6FAB; color: #fff !important; } .trimming-item:hover .trimming-item__add2basket:hover svg { fill: #fff; } .trimming-item:hover { border-color: #A0BCDB; } .trimming-item:hover:after { opacity: 1; } .trimming-item:hover .trimming-item__name { color: #2C6FAB; } .trimming-item:hover .trimming-item__add2basket { color: #2C6FAB; } .trimmings-list__slider { margin-top: 23px; } .trimmings-list__slider-arrows-container { position: relative; margin-top: 30px; z-index: 5; display: flex; justify-content: flex-end; align-items: center; font-style: normal; font-weight: 500; font-size: 22px; line-height: 21px; color: #9DA5B1; } .trimmings-list__arrows { display: flex; justify-content: center; align-items: center; } .trimmings-list__slider-count { margin-right: 30px; } .about-company_main { padding-top: 60px; min-height: 500px; background-image: url("/local/templates/listmet_header/images/about-company__wrapper.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; } .about-company_main__caption { margin-bottom: 20px; font-style: normal; font-weight: bold; font-size: 40px; line-height: 45px; color: #fff; } .about-company_main__tab { font-style: normal; font-weight: bold; font-size: 14px; line-height: 23px; color: #fff; cursor: pointer; transition: .3s; } .about-company_main__tab:not(.about-company_main__tab_active):hover { color: #A0BCDB; } .about-company_main__tabs { position: relative; width: 600px; border-bottom: 1px solid #D0DDF0; padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center; } .about-company_main__text { margin-top: 50px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #fff; } .about-company_main__marker { position: absolute; bottom: -1px; left: 0; width: 62px; height: 3px; background-color: #D8580D; transition: .3s; } .about-company_main__statistics-item-amount { font-style: normal; font-weight: normal; font-size: 36px; color: #DADADA; } .about-company_main__statistics-item-descriptor { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #DADADA; } .about-company_main__statistics-item { margin-bottom: 30px; padding-bottom: 15px; display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #A0BCDB; } .about-company_main__statistics-item-icon { margin-right: 45px; display: flex; justify-content: flex-end; align-items: center; width: 56px; flex-shrink: 0; } .about-company_main__statistics-item:last-child { border-bottom: none; } .news-list { padding-bottom: 40px; } .news-list__button { display: flex; justify-content: center; align-items: center; width: 200px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #2C6FAB; border: 2px solid #C7D4E3; } .news-list__button svg { margin-left: 10px; } .news-list__caption-row { display: flex; justify-content: space-between; align-items: flex-start; } .news-list { padding-top: 80px; } .news-list__slider-arrows-container { position: relative; z-index: 5; display: flex; justify-content: flex-end; align-items: center; font-style: normal; font-weight: 500; font-size: 22px; line-height: 21px; color: #9DA5B1; } .news-list__arrows { display: flex; justify-content: center; align-items: center; } .news-list__slider-count { margin-right: 30px; } .news-item__image-container { position: relative; display: block; height: 205px; } .news-item__image { width: 100%; height: 100%; object-fit: cover; object-position: center; } .news-item__date { position: absolute; bottom: 0; left: 0; padding: 10px 67px 10px 28px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #2C6FAB; background-color: #fff; } .news-item__caption { display: block; margin-bottom: 15px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 20px; color: #616974; transition: .3s; } .news-item__descriptor { font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #9DA5B1; } .news-item__link { margin-top: 15px; display: flex; justify-content: flex-end; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #9DA5B1; transition: .3s; opacity: 0; } .news-item__info { padding: 15px 25px; background-color: #fff; } .news-item__link svg { margin-left: 10px; } .news-item { position: relative; border: 1px solid #A0BCDB; transition: .3s; } .news-item::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; display: block; background-color: #2C6FAB; content: ""; opacity: 0; transition: .3s; } .news-item:hover::after { opacity: 1; } .news-item:hover .news-item__caption { color: #2C6FAB; } .news-item:hover .news-item__link { opacity: 1; } .news-list__slider-container { height: 400px; margin-bottom:80px; } .news-list__slider { margin-top: 20px; } .news-list__slider-line { position: relative; width: 100%; height: 1px; margin-right: 30px; background-color: #D0DDF0; } .news-list__slider-navigation-container { margin-top: 24px; display: flex; justify-content: space-between; align-items: flex-start; } .services-list__slider { height: 224px; } .services-list { padding: 60px 0; background-color: #E2E4E7; } .services-list__row { margin-top: 10px; display: flex; justify-content: flex-start; align-items: flex-start; } .services-list__button { width: 200px; height: 50px; flex-shrink: 0; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; } .services-list__button svg { margin-left: 10px; } .services-list__descriptor { margin-bottom: 35px; margin-right: 300px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 26px; color: #9DA5B1; } .services-list__slider-navigation-container { margin-top: 40px; display: flex; justify-content: space-between; align-items: flex-start; } .services-list__slider-line { position: relative; width: 100%; height: 1px; margin-right: 30px; background-color: #CBD1D9; } .services-list__slider-arrows-container { position: relative; z-index: 5; display: flex; justify-content: flex-end; align-items: center; font-style: normal; font-weight: 500; font-size: 22px; line-height: 21px; color: #9DA5B1; } .services-list__arrows { display: flex; justify-content: center; align-items: center; } .services-list__slider-count { margin-right: 30px; } .services-item__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .services-item { position: relative; padding-top: 45px; padding-left: 30px; display: block; height: 224px; } .services-item__caption { position: relative; z-index: 5; font-style: normal; font-weight: bold; font-size: 18px; line-height: 23px; color: #fff; } .services-item::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; } .services-item__link { background-color: #30588D; position: absolute; left: 0; bottom: 0; z-index: 3; padding-left: 20px; width: 100%; height: 40px; display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 45px; color: #fff; /* border-top: 1px solid #fff; */ transition: .3s; cursor: pointer; } .services-item__link-button { display: flex; justify-content: center; align-items: center; width: 40px; height: 100%; border-left: 1px solid #fff; transition: .3s; } .services-item:hover .services-item__link { background-color: #EBEFF3; color: #30588D; } .services-item:hover .services-item__link-button { background-color: #30588D; } .footer { position: relative; z-index: 5; padding: 25px 0; background-color: #616974; } .footer__logo { display: block; width: 60px; } .footer__logo-image { width: 100%; } .footer__logo-descriptor { margin-left: 15px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #DDDDDD; } .footer__row { display: flex; justify-content: flex-start; align-items: flex-end; } .footer__menu { margin-top: 40px; padding-bottom: 40px; display: flex; justify-content: space-between; align-items: stretch; border-bottom: 1px solid #818790; } .footer__menu-col { min-width: 217px; padding: 0 30px; border-right: 1px solid #818790; } .footer__menu-col:first-child { padding-left: 0; } .footer__menu-col:last-child { padding-right: 0; border-right: none; } .footer__menu-item { margin-bottom: 10px; display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #fff; } .footer__menu-item:hover { text-decoration: underline; } .footer__menu-item_bold { margin-bottom: 30px; font-weight: 500; font-size: 18px; } .footer__information { margin-top: 40px; display: flex; justify-content: flex-start; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #FFFFFF; } .footer__work-time { margin-bottom: 20px; } .footer__information-block { margin-right: 100px; } .footer__information-block_lowered { margin-top: 43px; } .footer__address { min-height: 66px; } .footer__map { margin-top: 15px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 22px; display: flex; align-items: flex-end; color: #A0BCDB; } .footer__map:hover { text-decoration-line: underline; } .footer__contacts { margin-left: auto; width: 60%; } .footer__phone, .footer__email { margin-bottom: 15px; display: flex; justify-content: flex-start; align-items: center; font-style: normal; font-weight: normal; font-size: 18px; line-height: 18px; color: #fff; } .footer__email { margin-top: 35px; } .footer__phone svg, .footer__email svg { margin-right: 30px; } .footer__phone a { margin-right: 20px; } .footer__phone_without-icon { margin-left: 46px; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8FACCC; } input::-moz-placeholder, textarea::-webkit-input-placeholder { /* Firefox 19+ */ color: #8FACCC; } input:-ms-input-placeholder, textarea::-webkit-input-placeholder { /* IE 10+ */ color: #8FACCC; } input:-moz-placeholder, textarea::-webkit-input-placeholder { /* Firefox 18- */ color: #8FACCC; } .footer__copyright-row { margin-top: 20px; padding-top: 15px; display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid #818790; } .footer__copyright { display: flex; justify-content: flex-start; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; color: #fff; flex-shrink: 0; } .footer__copyright svg { margin-right: 10px; } .footer__informet { margin-left: 15px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #B0B4BA; } .footer__cookie-policy { margin-left: 30px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #B0B4BA; } .footer__developer { margin-left: 50px; display: flex; justify-content: flex-start; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px; color: #A6ABB1; flex-shrink: 0; } .footer__developer svg { margin-left: 10px; } .about-page::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 406px; content: ""; } .about-page .content { z-index: 5; } .breadcrumbs-container { margin: 30px 0; display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap; } .breadcrumbs-container__item { border-right: 1px solid #2C6FAB; padding: 0 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #525764; } .breadcrumbs-container__item:first-child { padding-left: 0; } .breadcrumbs-container__item_disable { border-right: none; color: #ABB1C1; } .about-page__firstscreen { width: 100%; height: 280px; background-image: url("/local/templates/listmet_header/images/about-page__image.jpg"); background-position: center; background-size: cover; } .about-page__caption { padding-top: 125px; padding-left: 65px; font-style: normal; font-weight: bold; font-size: 36px; line-height: 41px; color: #fff; } .about-page__tabs { padding: 20px 0 20px 65px; margin-top: 51px; display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid #9DA5B1; } .about-page__tab { position: relative; margin-right: 45px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 23px; color: #CCD0D6; cursor: pointer; } .about-page__tab::before { position: absolute; top: -21px; left: 50%; display: block; width: 0; height: 2px; background-color: #fff; content: ""; transition: .3s; } .about-page__tab:not(.about-page__tab_active):hover::before { left: 0; width: 100%; } .about-page__tab:not(.about-page__tab_active):hover { color: #fff; } .about-page__tab_active::before { left: 0; width: 100%; background-color: #D8580D; } .about-page__tab_active { color: #fff; } .about-history { padding-top: 140px; } .about-history__caption { margin-bottom: 30px; font-style: normal; font-weight: bold; font-size: 36px; line-height: 41px; color: #616974; } .about-history__descriptor { font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .about-chronology__years { position: relative; margin-bottom: 35px; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #D0DDF0; } .about-chronology__year { position: relative; font-style: normal; font-weight: 500; font-size: 24px; line-height: 23px; text-align: center; color: #616974; cursor: pointer; } .about-chronology__year:hover::after { width: 100%; } .about-chronology { margin-top: 110px; padding-bottom: 150px; } .about-chronology__year::after { position: absolute; bottom: -11px; left: 0; display: block; width: 23px; height: 2px; background-color: #2C6FAB; content: ""; transition: .3s; } .about-chronology__year_active::after { width: 100%; background-color: #BA1A1A; } .about-chronology__line { position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background-color: #BA1A1A; transition: .3s; } .about-chronology__caption { position: relative; z-index: 2; margin-bottom: 20px; font-style: normal; font-weight: bold; font-size: 36px; color: #BA1A1A; } .about-chronology__absolute-text { position: absolute; top: -40px; left: -150px; font-style: normal; font-weight: bold; font-size: 200px; color: #F3F3F3; } .about-chronology__descriptor { position: relative; z-index: 2; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .about-chronology__image { position: relative; z-index: 2; width: 100%; height: 381px; object-fit: cover; object-position: center; } .about-production__caption { margin-bottom: 40px; font-style: normal; font-weight: bold; font-size: 36px; color: #616974; } .about-production__descriptor { font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .about-production__descriptor a { color: #2C6FAB; text-decoration: underline; } .about-production__slide-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .about-production__slide-image { width: 100%; height: 407px; object-fit: cover; object-position: center; } .about-production__slide { position: relative; } .about-production-slider__navigation { position: relative; z-index: 5; margin-top: -50px; display: flex; justify-content: flex-end; align-items: center; font-style: normal; font-weight: 500; font-size: 22px; line-height: 21px; color: #9DA5B1; } .about-production-slider__count { margin-right: 30px; } .about-production-slider__arrows { display: flex; justify-content: flex-start; align-items: center; } .about-production { margin-top: 70px; padding-bottom: 80px; } .about-production__slider { height: 407px; width: 100%; } .about-page-services__item { margin-bottom: 30px; } .about-services { padding-top: 80px; padding-bottom: 100px; background-color: #F4F4F4; } .about-services__caption { margin-bottom: 42px; font-style: normal; font-weight: bold; font-size: 36px; color: #616974; } .about-services__descriptor { margin-bottom: 15px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .vacancy-item__button { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background: #fff; border: 2px solid #A0BCDB; transition: .3s; } .vacancy-form__caption { margin-top: 50px; margin-bottom: 10px; font-style: normal; font-weight: 500; font-size: 36px; line-height: 18px; color: #555D64; } .vacancy-form__clear-files { margin: -30px auto 0; width: 170px; height: 30px; } .vacancy-form__name { font-style: normal; font-weight: 500; font-size: 24px; line-height: 39px; color: #2C6FAB; } .vacancy-form__tip { margin-top: 50px; font-style: normal; font-weight: normal; font-size: 24px; line-height: 28px; color: #9DA5B1; } .vacancy-form__label { margin-bottom: 15px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: #555D64; } .vacancy-form__input { position: relative; z-index: 2; padding-left: 15px; width: 100%; height: 100%; font-family: 'GothamPro', sans-serif !important; background-color: transparent; border: 1px solid #C7D4E3; } .input-type-date { padding-right: 45px; cursor: pointer; } .vacancy-form__input_error { border-color: #ff3528; } .vacancy-form__input_error + input { border-color: #ff3528; } .vacancy-form__input-type-file-file { margin-top: 5px; display: block; color: #555D64; } .vacancy-form__error-message { margin-bottom: 15px; text-align: center; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: #FF3528; } .vacancy-form__input-type-file input { position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; } .vacancy-form { margin-bottom: 50px; } .vacancy-form__textarea { resize: vertical; } .vacancy-form__textarea { padding-top: 15px; min-height: 280px; } .vacancy-form__input-container { margin-bottom: 50px; position: relative; width: 100%; height: 50px; background-color: #fff; } .vacancy-form__input-type-file { padding: 15px; position: relative; height: auto; background-color: #fff; border: 1px solid #C7D4E3; cursor: pointer; } .vacancy-form__input-type-file-description { width: 306px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #8FACCC; } .vacancy-form__input-type-file-description_blue { font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; text-decoration-line: underline; color: #063D8D; } .vacancy-form__input-type-file-tip { margin-top: 50px; width: 306px; font-style: normal; font-weight: normal; font-size: 10px; line-height: 18px; color: #8FACCC; } .vacancy-form__textarea-container { height: auto; } .vacancy-form__input-container svg { position: absolute; top: 50%; right: 15px; z-index: 0; cursor: pointer; transform: translateY(-50%); } .vacancy-form__input-type-file svg { position: absolute; top: 15px; right: 15px; transform: none; } .vacancy-form__form { margin-top: 50px; } .vacancy-form__button { margin: 0 auto; width: 270px; height: 50px; } .about-vacancy__caption { margin-bottom: 20px; font-style: normal; font-weight: bold; font-size: 36px; line-height: 41px; color: #616974; } .about-vacancy__count { /* margin-bottom: 20px; */ font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .vacancy-item { margin-bottom: 20px; padding: 30px 0; background: #F2F5F8; border: 1px solid #A0BCDB; } .vacancy-item__caption { margin-bottom: 30px; font-style: normal; font-weight: 500; font-size: 24px; line-height: 18px; color: #555D64; } .vacancy-item__descriptor { margin-bottom: 30px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #616974; } .vacancy-item__salary { font-style: normal; font-weight: 500; font-size: 24px; line-height: 18px; color: #2C6FAB; text-align: right; } .about-vacancy { padding: 70px 0; } .vacancy-item__button-text { max-width: 0; overflow: hidden; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #2C6FAB; transition: .3s opacity 0s, width 0s; opacity: 0; } .vacancy-item__button:hover { width: 163px; } .vacancy-item__button:hover .vacancy-item__button-text { max-width: 140px; margin-right: 30px; transition: .3s opacity .15s, width 0s; opacity: 1; } .vacancy-detail__caption { margin-top: 50px; font-style: normal; font-weight: 500; font-size: 36px; line-height: 39px; color: #555D64; } .vacancy-detail__salary { margin-top: 30px; font-style: normal; font-weight: 500; font-size: 24px; color: #2C6FAB; } .vacancy-detail::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 406px; background-color: #F4F4F4; content: ""; } .vacancy-detail .content { position: relative; z-index: 2; } .vacancy-detail__address { margin-top: 68px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 22px; color: #616974; } .vacancy-detail__block { margin-top: 30px; padding: 35px 0; background: #fff; border: 1px solid #DADADA; } .vacancy-detail__block-caption { margin-bottom: 40px; font-style: normal; font-weight: 500; font-size: 24px; line-height: 18px; color: #555D64; } .vacancy-detail__block-descriptor { font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; color: #616974; } .vacancy-detail__button { margin-left: auto; margin-top: 50px; margin-bottom: 70px; width: 270px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; } .vacancy-detail__button span { margin-right: 10px; } .vacancy-form::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 310px; background-color: #F4F4F4; content: ""; } .vacancy-form .content { position: relative; z-index: 2; } .news-list-page__caption { margin-top: 80px; margin-bottom: 40px; } .news-list-page__row { margin-bottom: 30px; } .default-pagination__arrow { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background: #fff; border: 2px solid #A0BCDB; transition: .3s; } .default-pagination__arrow:hover { border-color: #2C6FAB; } .default-pagination { margin-top: 60px; display: flex; justify-content: center; align-items: center; } .default-pagination__arrow_left { margin-right: 25px; } .default-pagination__arrow_right { margin-left: 25px; } .default-pagination__page { position: relative; margin: 0 15px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #A0BCDB; } .default-pagination__page_active { color: #2C6FAB; } .default-pagination__page_active::after { position: absolute; bottom: -10px; left: -5px; display: block; width: 16px; height: 1px; background-color: #2C6FAB; content: ""; } .news-list-page { padding-bottom: 95px; } .news-detail__back { margin-bottom: 20px; margin-top: 20px; width: 201px; height: 50px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #616974; background-color: #fff; border: 2px solid #C7D4E3; } .news-detail__back span { margin-left: 10px; } .news-detail::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 406px; content: ""; } .news-detail .content { position: relative; z-index: 2; } /* .news-detail__caption { padding-top: 125px; padding-left: 65px; padding-right: 15px; font-style: normal; font-weight: bold; font-size: 36px; line-height: 41px; color: #fff; } */ .news-detail__gradient { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, #182F44 0.08%, rgba(44, 111, 171, 0) 137.88%); } .news-detail__firstscreen { width: 100%; height: 280px; display: flex; flex-direction: column; } .news-detail__caption { position: relative; z-index: 2; margin-top: auto; padding-left: 65px; font-style: normal; font-weight: bold; font-size: 36px; line-height: 41px; color: #fff; } .news-detail__tabs { position: relative; z-index: 2; padding: 20px 0 20px 65px; margin-top: 51px; display: flex; justify-content: flex-start; align-items: center; border-top: 1px solid #9DA5B1; } .news-detail__tab { position: relative; margin-right: 45px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 23px; color: #CCD0D6; } .news-detail__tab::before { position: absolute; top: -21px; left: 50%; display: block; width: 0; height: 2px; background-color: #fff; content: ""; transition: .3s; } .news-detail__tab:not(.about-page__tab_active):hover::before { left: 0; width: 100%; } .news-detail__tab:not(.about-page__tab_active):hover { color: #fff; } .news-detail__tab_active::before { left: 0; width: 100%; background-color: #C92424; } .news-detail__tab_active { color: #fff; } .news-detail__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .news-detail__firstscreen { position: relative; } .news-detail__text { padding: 45px 0; font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #616974; } .news-detail__text ul { list-style: disc; margin-left: 15px; } .news-list_another { padding: 30px 0; background-color: #E4E8ED; } .faq-search { position: relative; display: flex; justify-content: flex-start; align-items: center; } .faq-search__clear { position: absolute; top: 50%; transform: translateY(-50%); right: 100px; transition: .3s; opacity: 0; } .faq-search__clear svg { stroke: #A0BCDB; transition: .3s; cursor: pointer; } .faq-search__clear svg:hover { stroke: #2C6FAB; } .faq-search__input { padding-left: 15px; width: 100%; height: 50px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #8FACCC; background: #fff; border: 1px solid #C7D4E3; font-family: "GothamPro", sans-serif; } .faq-search__button { width: 100px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; border: none; } .faq-tip { padding: 30px 35px; background-color: #F2F5F8; border: 1px solid #A0BCDB; } .faq-tip__descriptor { margin: 20px 0; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .faq-tip__button { margin: 0 auto; width: 170px; height: 40px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; cursor: pointer; } .faq__title { margin-top: 35px; margin-bottom: 15px; } .faq__tabs { position: relative; padding: 15px 0; width: 470px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #9DA5B1; } .faq__tip { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #616974; } .faq__tip-link { color: #2C6FAB; text-decoration: underline; } .faq__tab { font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; color: #9DA5B1; cursor: pointer; } .faq__marker { position: absolute; bottom: -1px; left: 0; width: 88px; height: 2px; display: block; background-color: #BA1A1A; transition: .3s; } .faq__tab_active { color: #2C6FAB; } .faq__tab_active::after { width: 100%; left: 0; } .faq__question { padding: 15px; margin-bottom: 30px; max-height: 50px; overflow: hidden; background-color: #fff; border: 1px solid #C7D4E3; transition: .3s; } .faq__question:hover { border-color: #2C6FAB; } .faq__question_opened { max-height: 400px; } .faq__question-row > svg { transition: .3s; } .faq__question_opened .faq__question-row > svg { transform: rotate(180deg); } .faq__question-row { margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; color: #2C6FAB; cursor: pointer; } .faq__question-text { padding-left: 50px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; color: #616974; } .faq__question-list { padding-top: 30px; } .header-menu__callback { margin-top: 90px; display: flex; justify-content: flex-start; align-items: center; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; color: #2C6FAB; cursor: pointer; } .header-menu__callback span { margin-left: 10px; border-bottom: 1px dashed #2C6FAB; } .contacts__caption { margin-bottom: 70px; } .contacts-address { margin-bottom: 30px; background-color: #fff; border: 1px solid #DADADA; } .contacts-address__block { padding: 30px 0 30px 70px; } .contacts-address__city { margin-bottom: 30px; font-style: normal; font-weight: bold; font-size: 24px; color: #2C6FAB; text-decoration: underline; cursor: pointer; transition: .3s; } .contacts-address__city_active { color: #525764; text-decoration: none; pointer-events: none; } .contacts-address__city:first-child { margin-right: 60px; } .contacts-address__city-row { display: flex; justify-content: flex-start; align-items: center; } .contacts-address__position { margin-bottom: 25px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: #555D64; } .contacts-address__title { margin-bottom: 10px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; } .contacts-address__title_blue { color: #2C6FAB; } .contacts-address__title_gray { color: #555D64; } .contacts-address__descriptor { display: block; margin-bottom: 20px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .contacts-address__info { padding-left: 30px; } .contacts__map { width: 100%; height: 100%; } .contacts__map-container { position: relative; width: 100%; height: 100%; } .contacts__map-buttons { position: absolute; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; } .contacts__map-button { display: flex; justify-content: center; align-items: center; width: 200px; height: 40px; font-style: normal; font-weight: normal; font-size: 14px; color: #2C6FAB; background-color: #fff; border: 1px solid #2C6FAB; transition: .3s; } .contacts__map-button:hover { background-color: #2C6FAB; color: #fff; } .contacts-form__label { margin-bottom: 15px; display: block; font-style: normal; font-weight: 500; font-size: 18px; color: #555D64; text-align: left; } .contacts-form__input { padding-left: 15px; margin-bottom: 23px; width: 100%; height: 50px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #8FACCC; background-color: #fff; border: 1px solid #C7D4E3; } .contacts-form__error-message { margin-bottom: 15px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: #FF3528; } .contacts-form__input_error { border-color: #ff3528; } .contacts-form__input_error + input { border-color: #ff3528; } .contacts-form__textarea { font-family: 'GothamPro', sans-serif !important;; padding-top: 15px; min-height: 50px; max-height: 120px; } .contacts-form__caption { margin-top: 70px; margin-bottom: 35px; } .contacts-form__button { margin: 60px 0; width: 270px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; } .services-page__firstscreen { padding-top: 130px; padding-left: 60px; width: 100%; height: 280px; background-image: url("/local/templates/listmet_header/images/services-page__image.jpg"); } .services-page__caption { font-style: normal; font-weight: bold; font-size: 36px; line-height: 41px; color: #fff; } .services-callback__button { width: 100%; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; } .services-callback { margin-top: 70px; padding: 60px 0; background-color: #F4F4F4; } .services-callback__text { font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; color: #616974; } .services-page__text { margin-top: 35px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; color: #616974; } .services-page__services-list { margin-top: 45px; } .services-page__text_underline { text-decoration: underline; } .services-page::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 406px; background-color: #F4F4F4; content: ""; } .services-page .content { position: relative; z-index: 2; } .services-page-detail::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 406px; background-color: #FBFBFB; content: ""; } .services-page-detail .content { position: relative; z-index: 2; } .services-page-detail__firstscreen { display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 280px; background-size: cover; background-position: center; } .services-cutting__firstscreen { background-image: url("/local/templates/listmet_header/images/cutting__main-image.jpg"); } .services-page-detail__caption { font-style: normal; font-weight: bold; font-size: 36px; line-height: 41px; color: #fff; } .services-page-detail__firstscreen { padding-left: 60px; } .services-page-detail__descriptor { margin-top: 45px; margin-bottom: 30px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; color: #616974; } .services-page-detail__buttons { display: flex; justify-content: flex-start; align-items: center; } .services-direction { margin-top: 80px; } .services-page-detail__button { width: 270px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; } .services-page-detail__button_fill { margin-right: 30px; } .services-direction__caption { line-height: 29px; } .services-direction__descriptor { margin-top: 35px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; color: #616974; } .services-direction__button { margin-top: 30px; width: 270px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; color: #616974; } .services-direction__slider { height: 330px; } .services-direction__navigation { position: relative; z-index: 5; margin-top: -50px; display: flex; justify-content: flex-end; align-items: center; font-style: normal; font-weight: 500; font-size: 22px; line-height: 21px; color: #fff; } .services-direction__count { margin-right: 30px; } .services-direction__arrows { display: flex; justify-content: flex-start; align-items: center; } .services-direction__arrows { display: flex; justify-content: flex-start; align-items: center; } .direction-specifications { margin-top: 30px; padding: 30px 100px 30px; background: #fff; border: 1px solid #D0DDF0; } .directions-specifications__caption { margin-bottom: 30px; font-style: normal; font-weight: bold; font-size: 18px; color: #616974; } .directions-specifications__item-name { font-style: normal; font-weight: 500; font-size: 16px; line-height: 23px; color: #A0BCDB; } .directions-specifications__item-value { font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #616974; } .directions-specifications__row { margin: 0 -30px; display: flex; justify-content: space-between; align-items: stretch; } .directions-specifications__item { margin-bottom: 15px; display: flex; text-align: right; justify-content: space-between; align-items: flex-start; } .directions-specifications__col { padding: 15px 30px 0; width: 50%; display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 0; } .directions-specifications__item-tip { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 18px; height: 18px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; color: #2C6FAB; background-color: #D0DDF0; border-radius: 50%; cursor: pointer; } .tooltip { position: relative; } .directions-specifications__item-tip-content, .tooltip__content { padding: 5px 10px; position: absolute; right: 0; top: 30px; width: 236px; height: 94px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #AEBED0; background-color: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; } .tooltip__content { height: auto; z-index: 2; } .directions-specifications__item-tip-content .directions-specifications__item-tip { display: flex; margin-bottom: 10px; } .directions-specifications__item-tip:hover .directions-specifications__item-tip-content, .tooltip:hover .tooltip__content { visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; } .services-list-detail__caption { margin-bottom: 30px; } .services-list-detail { margin-top: 90px; } .services-callback_background-light { background-color: #F4F4F4; margin-top: 0; } .services-production__firstscreen { background-image: url("/local/templates/listmet_header/images/production__main-image.jpg"); } .services-laser__firstscreen { background-image: url("/images/ls2.png"); } .services-bending__firstscreen { background-image: url("/images/bending.jpg"); } .services-list__firstscreen { background-image: url("/local/templates/listmet_header/images/list__main-image.jpg"); } .services-delivery__firstscreen { background-image: url("/local/templates/listmet_header/images/delivery__main-image.jpg"); } .directions-specifications__col:last-child { border-left: 1px solid #4f585f; } .directions-specifications__item-value-descriptor { font-style: normal; font-weight: normal; font-size: 12px; line-height: 17px; color: #AEBED0; } .basket::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 460px; background-color: #F4F4F4; content: ""; } .basket .content { position: relative; z-index: 2; } .basket__row { margin-bottom: 50px; } .basket__button { margin-bottom: 30px; width: 171px; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; color: #2C6FAB; border: 2px solid #CCDAEE; } .basket__button svg { margin-right: 10px; } .basket__sale-descriptor { margin-top: 30px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #616974; } .basket__sale-progress-summary { position: absolute; top: -22px; right: 0; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; color: #616974; } .basket__sale-progress-balance { position: absolute; top: 0; right: 0; font-style: normal; font-weight: normal; font-size: 14px; line-height: 23px; color: #ABB1C1; } .basket__sale-progress-point { position: absolute; bottom: 0; font-style: normal; font-weight: 500; font-size: 24px; line-height: 23px; color: #616974; } .basket__sale-progress-point_end { right: 0; } .basket__sale-progress-point_start { left: 0; } .basket__sale-progress { position: relative; height: 80px; } .basket__sale-progress::after { position: absolute; top: 45px; left: 0; width: 100%; height: 1px; display: block; background-color: #D0DDF0; content: ""; } .basket__sale-progress-line { position: absolute; top: 42px; left: 0; z-index: 2; width: 78%; height: 4px; background-color: #BA1A1A; } .basket__list-items > .row > .col-9 { margin-bottom: 20px; } .basket__list-items > .row > .col-9:last-child { margin-bottom: 0; } .basket__list-items { margin-bottom: 80px; } .basket-item { position: relative; padding: 18px 35px; width: 100%; background-color: #fff; border: 1px solid #DADADA; } .basket-item__caption { margin-bottom: 10px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 32px; color: #525764; } .basket-item__col:last-child { min-width: 211px; } .basket-item__remove { position: absolute; top: 10px; right: 10px; width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; background-color: #E8EFF4; border-radius: 50%; cursor: pointer; } .basket-item__property-name { font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #AEBED0; margin-bottom: 5px; } .basket-item__property-value { margin-bottom: 15px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 15px; color: #596A82; } .basket-item__row { display: flex; justify-content: space-between; align-items: flex-start; } .basket-item__existence-rectangles { display: inline-flex; justify-content: flex-start; align-items: center; } .basket-item__existence-rectangle { margin-right: 2px; width: 5px; height: 5px; background-color: #C5CCD3; } .basket-item__existence-rectangle_fill-blue { background-color: #2C6FAB; } .basket-item__existence-rectangle_fill-red { background-color: #C92424; } .basket-item__existence-block { margin-bottom: 10px; padding: 0 5px; display: inline-block; max-width: 111px; background-color: #E4E8ED; } .basket-item__existence-text { display: inline-block; font-style: normal; font-weight: normal; font-size: 10px; line-height: 11px; color: #2C6FAB; } .basket-item__existence-text_few { color: #C92424; } .basket-item__existence-text_disable { color: #515960; } .basket-item__storage-existence { margin-bottom: 10px; max-width: 111px; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #4F4F4F; } .basket-item__storage-city { text-decoration-line: underline; color: #063D8D; } .basket-item__price { margin-top: 10px; margin-bottom: 15px; } .basket-item__price-value { font-style: normal; font-weight: normal; font-size: 22px; color: #363636; } .basket-item__price-currency { font-style: normal; font-weight: normal; font-size: 14px; color: #363636; } .basket-item__price-info { width: 18px; height: 18px; display: inline-flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #2C6FAB; border: 1px solid #A0BCDB; border-radius: 50%; cursor: pointer; } .basket-item__cut { display: flex; justify-content: flex-start; align-items: center; } .basket-item__cut-value { margin-right: 12px; padding: 14px 20px; display: inline-block; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #2C6FAB; background-color: #E8EFF4; } .basket-item__cut-edit { padding: 8px 10px; display: inline-block; background-color: #E8EFF4; cursor: pointer; } .basket-item__cut-open { margin-top: 15px; display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; text-decoration-line: underline; color: #2C6FAB; } .basket-counter { margin-bottom: 20px; margin-top: 15px; display: flex; justify-content: flex-start; align-items: center; } .basket-counter__button { position: relative; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #A0BCDB; cursor: pointer; transition: .3s; } .basket-counter__button:hover { border-color: #2C6FAB; } .basket-counter__button::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 10px; height: 2px; background-color: #2C6FAB; content: ""; } .basket-counter__button_plus::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 2px; height: 10px; background-color: #2C6FAB; content: ""; } .basket-counter__count { width: 80px; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 18px; line-height: 17px; color: #677483; text-align: center; border: none; border-top: 1px solid #A0BCDB; border-bottom: 1px solid #A0BCDB; } .basket-item__weight { margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; } .basket-item__info { font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #5F5F5F; } .basket-item__cut-price { display: flex; justify-content: space-between; align-items: center; } .basket-item__summary-caption { font-size: 16px; } .basket-item__summary { padding-top: 10px; margin-top: 10px; border-top: 1px solid #CFD7DD; display: flex; justify-content: space-between; align-items: flex-end; } .basket-item__summary-value { font-style: normal; font-weight: bold; font-size: 18px; line-height: 17px; color: #2C6FAB; } .basket-info { padding: 20px; padding-bottom: 30px; width: 100%; background-color: #F2F5F8; border: 1px solid #A0BCDB; } .basket-info__count { margin-bottom: 25px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #2C6FAB; } .basket-info__weight, .basket-info__discount { display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #616974; } .basket-info__summary { margin-top: 10px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #616974; } .basket-info__summary-value { font-style: normal; font-weight: 500; font-size: 18px; line-height: 23px; color: #616974; } .basket-info__discount-value { font-weight: 500; } .basket-info__button { margin: 0 auto; width: 177px; height: 40px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; } .privacy-policy__title { margin-bottom: 30px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 23px; color: #616974; } .privacy-policy__text { margin-bottom: 50px; margin-left: 100px; margin-right: 190px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; color: #616974; } .privacy-policy__caption { margin-bottom: 50px; } .payment__title { margin-top: 80px; margin-bottom: 45px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: #2C6FAB; } .payment-item { margin-bottom: 45px; display: flex; justify-content: flex-start; align-items: center; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .payment-item__icon { margin-left: 45px; margin-right: 15px; } .payment-item__link { text-decoration-line: underline; color: #2C6FAB; } .payment { padding-bottom: 60px; } .checkout__tabs { position: relative; padding-bottom: 5px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #9DA5B1; } .checkout__tab { font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #616974; } .checkout__tab-marker { position: absolute; bottom: -1px; left: 0; width: 236px; height: 2px; background-color: #BA1A1A; } .checkout-authorization { display: flex; justify-content: space-between; align-items: center; padding: 30px 50px; background-color: #fff; border: 1px solid #DADADA; } .checkout-authorization__caption { font-style: normal; font-weight: bold; font-size: 18px; color: #525764; } .checkout-authorization__button { width: 269px; height: 40px; display: flex; justify-content: center; align-items: center; } .checkout-authorization__button_fill { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #fff; background-color: #2C6FAB; } .checkout-authorization__button_empty { margin-top: 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #616974; background-color: #F4F4F4; border: 1px solid #CCDAEE; } .requisites__table-cell { padding: 29px 50px 29px 100px; } .requisites__table-cell-name { white-space: nowrap; font-style: normal; font-weight: 500; font-size: 16px; line-height: 23px; color: #A0BCDB; } .requisites__table-cell-value { font-style: normal; font-weight: normal; font-size: 16px; line-height: 23px; color: #616974; } .requisites__table-row:nth-child(2n) { background-color: #F2F5F8; } .requisites { padding-bottom: 101px; } .price-list__title { margin-bottom: 40px; margin-top: 50px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 23px; color: #616974; } .price-list__text { margin-left: 100px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; color: #616974; } .price-list__file { margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; text-decoration-line: underline; color: #2C6FAB; } .price-list__file-icon { margin: 0 30px; } .price-list { padding-bottom: 60px; } .checkout-authorization { margin-top: 50px; } .checkout__tabs { margin-top: 60px; margin-bottom: 40px; } .checkout__button { margin-bottom: 30px; width: 171px; height: 40px; font-style: normal; font-weight: normal; font-size: 14px; } .checkout__button svg { margin-right: 10px; } .checkout-info { padding: 20px; width: 100%; background-color: #F2F5F8; border: 1px solid #A0BCDB; } .checkout-info__count { margin-bottom: 25px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #2C6FAB; } .checkout-info__weight { display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #616974; } .checkout-info__summary { margin-top: 10px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #616974; } .checkout-info__summary-value { font-style: normal; font-weight: 500; font-size: 18px; line-height: 23px; color: #616974; } .checkout__client-type { margin-top: 45px; } .checkout__radio-label { margin-bottom: 30px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 32px; color: #525764; } .checkout__radio-container { margin-left: 50px; margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center; cursor: pointer; } .checkout__label { font-style: normal; font-weight: normal; font-size: 18px; color: #616974; } .checkout__radio-button { margin-right: 30px; position: relative; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #DADADA; border-radius: 50%; } .checkout__radio-button input { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; } .checkout__radio-button-check { display: block; width: 8px; height: 8px; background-color: #BA1A1A; border-radius: 50%; content: ""; transform: scale(0); transition: .3s; } .checkout__radio-button input:checked + .checkout__radio-button-check { transform: scale(1); } .checkout__input-label { font-family: "GothamPro", sans-serif; margin-bottom: 15px; display: block; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: #555D64; } .checkout__input { position: relative; z-index: 2; font-family: "GothamPro", sans-serif; padding-left: 21px; width: 100%; height: 50px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #8FACCC; background: transparent; border: 1px solid #C7D4E3; text-overflow: ellipsis; } .checkout-btns { margin-top: 75px; margin-bottom: 50px; display: flex; justify-content: flex-start; align-items: center; } .checkout__button-next { margin-left: 30px; width: 170px; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-align: right; color: #fff; background-color: #2C6FAB; } .checkout__button-prev { margin-left: auto; width: 170px; height: 40px; } .checkout__button-prev svg { margin-right: 10px; } .checkout__button-next svg { margin-left: 10px; } .checkout__input-caption { font-style: normal; font-weight: bold; font-size: 18px; line-height: 32px; color: #525764; } .checkout__address-map-open { margin-left: 15px; display: flex; justify-content: flex-start; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 25px; text-decoration-line: underline; color: #2C6FAB; cursor: pointer; } .checkout__address-map-open svg { margin-right: 15px; } .checkout__input-caption-row { margin-top: 30px; margin-bottom: 40px; display: flex; justify-content: flex-start; align-items: center; } .checkout__delivery-type-info-item { margin-bottom: 30px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; text-align: right; color: #ABB1C1; } .checkout__delivery-type-info-item_bold { font-weight: 500; } .checkout-delivery__row { width: 100%; display: flex; justify-content: space-between; align-items: flex-start; } .checkout__input-container { position: relative; margin-bottom: 30px; /* background-color: #fff; */ } .checkout__input { background-color: #fff; } .checkout__input-icon { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); z-index: 2; } .checkout__input-container_date { margin-top: 25px; } .checkout__textarea { padding-top: 15px; height: 280px; } .checkout-info__caption { margin-top: 20px; margin-bottom: 15px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; color: #616974; } .checkout-info__customer-row { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; } .checkout-info__customer-caption { font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; color: #616974; } .checkout-info__customer-value { font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #ABB1C1; } .checkout-info__customer { font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #616974; } .checkout-info__customer-name { margin-bottom: 10px; } .checkout-info__customer-phone { margin-bottom: 10px; } .checkout-info__delivery-item-caption { margin-bottom: 5px; display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #616974; } .checkout-info__delivery-item-value { margin-bottom: 15px; display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #ABB1C1; } .checkout-info__summary-caption { font-style: normal; font-weight: 500; font-size: 18px; line-height: 23px; color: #616974; } .checkout-payment__caption { margin-bottom: 15px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 32px; color: #525764; } .checkout-payment__descriptor { margin-bottom: 25px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #ABB1C1; } .checkout__tip { margin-top: 50px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 32px; color: #525764; } .payment-bank-card__title { margin: 35px 0; font-style: normal; font-weight: bold; font-size: 18px; line-height: 23px; color: #616974; } .payment-bank-card__text_blue { font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: #2C6FAB; } .payment-bank-card__text { display: block; padding-left: 100px; padding-right: 300px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 23px; color: #616974; } .payment-bank-card__image { display: block; margin: 15px 0; } .payment-bank-card__images-container { display: flex; justify-content: flex-start; align-items: center; } .payment-bank-card__images-container .payment-bank-card__image:first-child { margin-right: 130px; } .payment-bank-card { padding-bottom: 70px; } .catalog__section-list { padding: 20px 0 10px; background-color: #fff; border: 1px solid #D0DDF0; } .catalog__section-item { stroke: #798CA2; color: #8A929B; cursor: pointer; } .catalog__section-item-name { padding: 0 5px 12px; margin: 0 10px 10px; display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: 500; font-size: 18px; border-bottom: 0 solid #D0DDF0; transition: .3s; } .catalog__section-item-list { position: relative; max-height: 0; overflow: hidden; transition: .3s; } .catalog__section-item-list::after { position: absolute; bottom: 0; left: 10px; width: calc(100% - 20px); height: 1px; display: block; background-color: #D0DDF0; content: ''; } .catalog__section-item_opened { margin-bottom: 15px; color: #2C6FAB; stroke: #2C6FAB; } .catalog__section-item_opened > .catalog__section-item-name { border-width: 1px; } .catalog__section-item_opened > .catalog__section-item-list { max-height: 1000px; padding-bottom: 15px; } .catalog__section-item-child-name { font-size: 16px; padding: 10px 15px 10px 25px; display: flex; justify-content: space-between; align-items: center; color: #798CA2; transition: .3s; } .catalog__section-item-child-name:hover { color: #2C6FAB; background-color: #F0F4F8; } .catalog__section-item-child-trimmings { padding: 10px 0 10px 45px; color: #798CA2; transition: .3s; } .catalog__section-item-child-trimmings:hover { color: #2C6FAB; background-color: #F0F4F8; } .catalog__section-item_active { border-left: 3px solid #2C6FAB; background-color: #F0F4F8; } .catalog__section-item-child-list { position: relative; max-height: 0; overflow: hidden; transition: .3s; } .catalog__section-item-child-list a { display: block; } .catalog__section-item-child_opened .catalog__section-item-child-list { max-height: 40px; } .catalog__section-item-open { padding: 20px; margin: -20px -20px; display: block; box-sizing: content-box; transition: .3s; } .catalog__section-item_opened > .catalog__section-item-open { transform: rotate(180deg); } .catalog__section-item-child_opened .catalog__section-item-child-name { color: #2C6FAB; } .catalog__section-item-child-open { padding: 20px; margin: -20px -20px; box-sizing: content-box; transition: .3s; } .catalog__section-item-child_opened .catalog__section-item-child-open { transform: rotate(180deg); } .catalog-section__descriptor { font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #666; } .catalog-filter { display: flex; /*justify-content: space-between;*/ align-items: center; } .catalog-filter__item-name { font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #86909F; } .catalog-filter__select-name { font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #86909F; white-space: nowrap; } .catalog-filter__select { padding: 0 10px; margin-right: 10px; position: relative; z-index: 2; display: flex; justify-content: space-between; align-items: center; /*width: 100%;*/ height: 44px; background-color: #fff; border: 1px solid #D9E1EC; cursor: pointer; transition: .3s; } .catalog-filter__select:hover { border-color: #2C6FAB; } .catalog-filter-list { position: absolute; top: calc(100% + 1px); left: 0; width: 280px; padding: 0 15px; max-height: 0; overflow: hidden; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #86909F; background-color: #fff; border: 0 solid #E2E9F2; transition: .3s; } .catalog-filter__select_opened .catalog-filter-list { padding: 15px; border-width: 1px; max-height: 200px; overflow-y: auto; } .catalog-filter__select_opened { background: #CEDFF3; color: #2C6FAB; } .catalog-filter__select_opened .catalog-filter__select-name { color: #2C6FAB; } .catalog-filter__item-open { transition: .3s; margin-left: 20px; } .catalog-filter__select_opened .catalog-filter__item-open { transform: rotate(180deg); } .catalog-filter-list__item-checkbox { position: relative; width: 16px; height: 16px; margin-right: 10px; margin-bottom: 5px; display: flex; justify-content: center; align-items: center; background-color: #F3F3F3; border: 1px solid #D6DCE4; } .catalog-filter-list__item input { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .catalog-filter-list__item-check { width: 8px; height: 8px; background-color: #2C6FAB; opacity: 0; transition: .3s; } .catalog-filter-list__item:hover { color: #4E5053; } .catalog-filter-list__item:hover .catalog-filter-list__item-check { opacity: 1; background-color: #A8B0B8; } .catalog-filter-list__item input:checked + .catalog-filter-list__item-checkbox .catalog-filter-list__item-check { opacity: 1; background-color: #2C6FAB; } .catalog-filter-list__item input:checked + .catalog-filter-list__item-checkbox { border-color: #2C6FAB; } .catalog-filter-list__item input:checked ~ .catalog-filter-list__item-name { color: #2C6FAB; } .catalog-filter-list__item { position: relative; display: flex; justify-content: flex-start; align-items: center; cursor: pointer; } .catalog-filter__block { position: relative; margin-right: 10px; padding: 0 15px; display: flex; justify-content: flex-start; align-items: center; height: 44px; background-color: #fff; border: 1px solid #D9E1EC; white-space: nowrap; transition: .3s; cursor: pointer; } .catalog-filter__block:not(.catalog-filter__block_active):hover { border-color: #2C6FAB; } .catalog-filter__block .catalog-filter__item-name { position: relative; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #86909F; } .catalog-filter__block input { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .catalog-filter__block::before { margin-right: 7px; width: 8px; height: 8px; display: block; border-radius: 50%; background-color: #2C6FAB; content: ''; } .catalog-filter__item-value { width: 100%; display: inline-block; background-color: transparent; border: none; } .catalog-filter__item-open { flex-shrink: 0; } .catalog-filter__block_active { background-color: #CEDFF3; } .catalog-filter__block_active .catalog-filter__item-name { color: #2C6FAB; } .catalog-filter { display: flex; margin-left: 25%; margin-top: 36px; } .catalog-fusion-filter__list { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .catalog-fusion-filter__list-item { position: relative; margin-right: 5px; margin-bottom: 5px; padding: 10px 13px; display: inline-block; font-style: normal; font-weight: normal; font-size: 14px; color: #86909F; background-color: #FCFCFC; border: 1px solid #2C6FAB; white-space: nowrap; cursor: pointer; transition: .3s; } .catalog-fusion-filter__list-item-orange { position: relative; margin-right: 5px; margin-bottom: 5px; padding: 10px 13px; display: inline-block; font-style: normal; font-weight: normal; font-size: 14px; color: #86909F; background-color: #FCFCFC; border: 1px solid #2C6FAB; white-space: nowrap; cursor: pointer; transition: .3s; } .catalog-fusion-filter__list-item-orange:hover { border-color: #30588D; background-color: #fff; background-color: #30588D; color: #fff; } .catalog-fusion-filter__list-item input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .catalog-fusion-filter__list-item:not( .catalog-fusion-filter__list-item_active):hover { border-color: #30588D; background-color: #fff; background-color: #30588D; color: #fff; } .catalog-fusion-filter__list-item_active { color: #fff; background: url('/local/templates/listmet_header/images/close.png') no-repeat calc(100% - 10px) center #22629E; border-color: #CEDFF3; padding-right: 32px; } .catalog-fusion-filter__reset { display: none; margin-left: 10px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; text-decoration-line: underline; color: #86909F; cursor: pointer; } .catalog-fusion-filter__reset:hover { color: #2C6FAB; } .catalog-fusion-filter__title { margin-bottom: 10px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; color: #063D8D; } .catalog-fusion-filter { /* margin-top: 30px; */ border: 1px solid #C9D8EC; /* padding: 25px; background-color: #fff; */ } .catalog-list__count { padding-bottom: 5px; font-style: normal; font-weight: normal; font-size: 16px; color: #525764; border-bottom: 1px solid #E2E9F2; } .catalog-list__count { /* margin-top: 75px; */ } .catalog-list__sort { padding: 20px 15px; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #E2E9F2; } .catalog-list__sort-item { display: flex; justify-content: flex-start; align-items: center; font-style: normal; font-weight: normal; font-size: 16px; color: #989898; transition: .3s; cursor: pointer; } .catalog-list__sort-item:hover { color: #2C6FAB; } .catalog-list__sort-item .catalog-list__sort-icon svg { fill: #BCBCBC; transition: .3s; } .catalog-list__sort-item:hover .catalog-list__sort-icon svg { fill: #2C6FAB; } .catalog-list__sort-svg rect { transition: .3s; } .catalog-list__sort_DESC .catalog-list__sort-svg rect:first-child { width: 13px; } .catalog-list__sort_DESC .catalog-list__sort-svg rect:nth-child(2) { width: 8px; } .catalog-list__sort_DESC .catalog-list__sort-svg rect:nth-child(3) { width: 4px; } .catalog-list__sort_ASC .catalog-list__sort-svg rect:first-child { width: 4px; } .catalog-list__sort_ASC .catalog-list__sort-svg rect:nth-child(2) { width: 8px; } .catalog-list__sort_ASC .catalog-list__sort-svg rect:nth-child(3) { width: 13px; } .catalog-list__measure { padding: 5px 0; display: flex; justify-content: flex-start; align-items: center; background-color: #eee; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #4F4F4F; } .catalog-list__sort-icon { margin-left: 5px; } .catalog-list__measure-item { position: relative; padding: 0 5px; cursor: pointer; } .catalog-list__measure-item:first-child { border-right: 1px solid #D8D8D8; } .catalog-list__thickness { margin-right: 15px; } .catalog-list__size { margin-right: 95px; } .catalog-list__fusion { margin-right: 40px; } .catalog-list__existence { margin-right: 45px; } .catalog-list__price { margin-right: 20px; } .catalog-list__sort-item_active .catalog-list__sort-icon svg { fill: #2C6FAB; } .catalog-list__sort-item_active { color: #2C6FAB; } .catalog-list__measure-item_active { color: #2C6FAB; } .catalog-list__measure-item::after { position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background-color: #2C6FAB; transition: .3s; content: ""; } .catalog-list__measure-item_active::after { width: 100%; } .catalog-list-item__shield { position: relative; padding: 5px 5px 5px 12px; display: inline-flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 10px; color: #C13232; border: 1px solid #EAEAEA; /*border-left: 7px solid #D72020;*/ } .catalog-list-item__shield::before { position: absolute; top: 0; left: 0; width: 7px; height: 100%; background-color: #D72020; display: block; content: ""; } .catalog-list-item__properties { margin-bottom: 10px; height: 22px; display: flex; justify-content: space-between; align-items: center; } .catalog-list-item__cutting { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; text-decoration-line: underline; color: #2C6FAB; cursor: pointer; } .catalog-list-item__row { display: flex; justify-content: flex-start; } .catalog-list-item { margin-top: 15px; padding: 0; background-color: transparent; border: 1px solid transparent; border-bottom-color: #E2E9F2; transition: .3s; } .catalog-list-item:hover { background: #fff; border-color: #E2E9F2; } .catalog-list-item__col-info { display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: normal; font-size: 16px; line-height: 15px; margin-bottom: 41px; flex-flow: row wrap; } .catalog-list-item__existence-rectangles { margin-bottom: 5px; display: inline-flex; justify-content: flex-start; align-items: center; } .catalog-list-item__existence-rectangle { margin-right: 2px; width: 5px; height: 5px; background-color: #C5CCD3; } .catalog-list-item__existence-rectangle_fill-blue { background-color: #2C6FAB; } .catalog-list-item__existence-rectangle_fill-red { background-color: #C92424; } .catalog-list-item__existence-block { margin-bottom: 10px; padding: 2px 5px; display: inline-block; max-width: 111px; background-color: #E4E8ED; } .catalog-list-item__existence-text { display: inline-block; font-style: normal; font-weight: normal; font-size: 10px; line-height: 11px; color: #2C6FAB; } .catalog-list-item__existence-text_disable { color: #515960; } .catalog-list-item__existence-text_few { color: #C92424; } .catalog-list-item__tip { font-style: normal; font-weight: normal; font-size: 10px; line-height: 10px; color: #E5A3A3; } .catalog-list-item__storage-existence { max-width: 111px; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #4F4F4F; } .catalog-list-item__storage-city { text-decoration-line: underline; color: #063D8D; } .catalog-list-item__price_main { margin-bottom: 15px; display: flex; justify-content: flex-start; align-items: flex-end; } .catalog-list-item__price_main-value { font-style: normal; font-weight: normal; font-size: 22px; line-height: 18px; color: #363636; } .catalog-list-item__price_main-currency { margin: 0 6px; font-style: normal; font-weight: normal; font-size: 14px; color: #363636; } .catalog-list-item__price_additional { margin-bottom: 15px; display: flex; justify-content: flex-start; align-items: flex-end; } .catalog-list-item__price_additional-value { font-style: normal; font-weight: normal; font-size: 14px; color: #363636; } .catalog-list-item__price_additional-currency { margin: 0 auto; font-style: normal; font-weight: normal; font-size: 12px; color: #363636; } .catalog-list-item__price-info { width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; color: #2C6FAB; border: 1px solid #A0BCDB; border-radius: 50%; } .catalog-list-item__calculator { margin-right: 15px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #D9E4ED; } .catalog-list-item-counter { display: flex; justify-content: flex-start; align-items: center; } .catalog-list-item-counter__button { position: relative; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #A0BCDB; cursor: pointer; transition: .3s; } .catalog-list-item-counter__button:hover { border-color: #2C6FAB; } .catalog-list-item-counter__button::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 10px; height: 2px; background-color: #2C6FAB; content: ""; } .catalog-list-item-counter__button_plus::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 2px; height: 10px; background-color: #2C6FAB; content: ""; } .catalog-list-item-counter__count { width: 80px; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 18px; line-height: 17px; color: #677483; text-align: center; border: none; border-top: 1px solid #A0BCDB; border-bottom: 1px solid #A0BCDB; } .catalog-list-item__weight { margin-top: 10px; display: flex; justify-content: space-between; align-items: flex-end; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #5F5F5F; } .catalog-list-item__cut-price { margin-top: 10px; display: flex; justify-content: space-between; align-items: flex-end; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #5F5F5F; } .catalog-list-item__total-price { padding-top: 8px; margin-top: 10px; display: flex; justify-content: space-between; align-items: flex-end; font-style: normal; font-weight: normal; font-size: 16px; line-height: 15px; color: #5F5F5F; border-top: 1px solid #CFD7DD; } .catalog-list-item__total-price-value { font-style: normal; font-weight: bold; font-size: 18px; line-height: 17px; color: #2C6FAB; } .catalog-list-item__add2basket { width: 177px; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #fff; background-color: #30588D; border: 1px solid #30588D; transition: .3s; } .catalog-list-item__add2basket_inactive { width: 177px; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #fff; background-color: #b5b5b5; border: 1px solid #c9c9c9; transition: .3s; } .catalog-list-item__add2basket:hover { background-color: #fff; color: #5c8fbe; } .catalog-list-item__call { width: 177px; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #2C6FAB; background-color: #fff; border: 1px solid #2C6FAB; transition: .3s; } .catalog-list-item__call:hover { background-color: #2C6FAB; color: #fff; } .catalog-list-item__button { margin-top: -40px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #A0BCDB; transition: .3s; } .catalog-list-item__button-text { max-width: 0; overflow: hidden; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #2C6FAB; transition: .3s opacity 0s, width 0s; opacity: 0; } .catalog-list-item__button:hover { width: 199px; } .catalog-list-item__button:hover .catalog-list-item__button-text { max-width: 150px; margin-right: 15px; transition: .3s opacity .15s, width 0s; opacity: 1; } .catalog-list-item__col-price { margin-left: 22px; margin-right: auto; padding-top: 64px; } .catalog-list-item__parameters-row { display: flex; justify-content: flex-start; align-items: center; } .catalog-list-item__buttons-row { margin-top: 10px; display: flex; justify-content: space-between; align-items: center; } .catalog-list-item__bookmark { cursor: pointer; } .catalog-list-item__bookmark_active .catalog-list-item__bookmark_white { fill: #A0BCDB; } .catalog-list-item__bookmark_white { fill: #fff; transition: .3s; } .catalog-list-item__bookmark_active .catalog-list-item__bookmark_blue { fill: #A0BCDB; } .catalog-list-item__bookmark_blue { fill: #A0BCDB; transition: .3s; } .catalog-list__bottom-row { margin-top: 30px; display: flex; justify-content: space-between; align-items: center; } .catalog-list__show-more { width: 200px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; } .catalog-list__show-more-count { margin-left: 10px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #A0BCDB; } .catalog-list__sort-count-title { margin-right: 20px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #4F4F4F; } .catalog-list__sort-count-item { margin-right: 20px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #A0BCDB; cursor: pointer; } .catalog-list__sort-count-item:last-child { margin-right: 0; } .catalog-list__sort-count-item_active { font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #2C6FAB; } .default-pagination_right { justify-content: flex-end; } .catalog-list__pagination { margin-top: 10px; } .trimmings-list__row { display: flex; justify-content: space-between; align-items: flex-end; } .trimmings-list__row .trimmings-list__caption { margin-bottom: 0; } .catalog { padding-bottom: 60px; } .catalog-detail__back { margin-bottom: 30px; width: 171px; height: 40px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 25px; color: #2C6FAB; border: 1px solid #CCDAEE; } .catalog-detail__back svg { margin-right: 10px; } .catalog-detail__name { margin-bottom: 30px; font-style: normal; font-weight: bold; font-size: 28px; line-height: 32px; color: #313131; } .catalog-detail__tab { font-style: normal; font-weight: bold; font-size: 18px; line-height: 25px; color: #919191; transition: .3s; } .catalog-detail__tab_active { color: #2C6FAB; } .catalog-detail__tabs { margin-bottom: 35px; padding-bottom: 10px; position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #B8B8B8; } .catalog-detail__tab-marker { position: absolute; bottom: -2px; left: 0; width: 108px; height: 3px; background-color: #2C6FAB; transition: .3s; } .catalog-detail__property { padding-bottom: 10px; margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E2E2E2; } .catalog-detail__property-name { font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #808080; } .catalog-detail__property-value { font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #313131; } .catalog-detail__description { font-style: normal; font-weight: normal; font-size: 18px; line-height: 25px; color: #313131; } .catalog-detail__info-title { font-style: normal; font-weight: bold; font-size: 16px; line-height: 15px; color: #9DB9D2; } .catalog-detail__existence-rectangles { margin-bottom: 5px; display: flex; justify-content: flex-start; align-items: center; } .catalog-detail__existence-rectangle { margin-right: 2px; width: 5px; height: 5px; background-color: #C5CCD3; } .catalog-detail__storage-existence { margin-bottom: 10px; max-width: 111px; font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #4F4F4F; } .catalog-detail__storage-city { text-decoration-line: underline; color: #063D8D; } .catalog-detail__existence-rectangle_fill-blue { background-color: #2C6FAB; } .catalog-detail__info-row { margin-bottom: 10px; padding-bottom: 10px; display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid #E0E0E0; } .catalog-detail__info-row:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .catalog-detail__existence { margin-right: 30px; } .catalog-detail__info-row_column { flex-direction: column; } .catalog-detail__caption-row { display: flex; justify-content: flex-start; align-items: center; } .catalog-detail__measure { margin-left: 30px; padding: 5px 0; display: flex; justify-content: flex-start; align-items: center; background-color: #eee; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #4F4F4F; } .catalog-detail__measure-item { position: relative; padding: 0 5px; } .catalog-detail__measure-item_active { color: #2C6FAB; } .catalog-detail__measure-item:first-child { border-right: 1px solid #D8D8D8; } .catalog-detail__measure-item::after { position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background-color: #D72020; transition: .3s; content: ""; } .catalog-detail__measure-item_active::after { width: 100%; } .catalog-detail__prices-row { margin-top: 15px; width: 100%; display: flex; justify-content: space-between; align-items: flex-start; } .catalog-detail__price-value_main { font-style: normal; font-weight: normal; font-size: 22px; line-height: 18px; color: #363636; } .catalog-detail__price-currency_main { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #363636; } .catalog-detail__price-descriptor { font-style: normal; font-weight: normal; font-size: 10px; line-height: 12px; color: #969696; } .catalog-detail__price-value { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #363636; } .catalog-detail__price-currency { font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; color: #363636; } .catalog-detail__caption-row_between { width: 100%; justify-content: space-between; } .cutting-item:last-child { margin-right: 0; } .cutting-item__row { padding: 12px; height: 54px; display: flex; justify-content: space-between; align-items: center; background-color: #fff; border: 1px solid #D9D9D9; transition: .3s; } .cutting-item__row_active { background-color: #E8EFF4; } .cutting-item:hover { border-color: #2C6FAB; } .catalog-detail__cutting-row { margin-top: 30px; display: flex; justify-content: space-between; align-items: center; width: 100%; } .cutting-item { margin-right: 25px; width: 100%; } .cutting-item__checkbox-container { position: relative; width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; border: 1px solid #ABB7C2; border-radius: 50%; } .cutting-item__checkbox-container input { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .cutting-item__checkbox-container input:checked + .cutting-item__check { opacity: 1; } .cutting-item__check { opacity: 0; transition: .3s; } .cutting-item__value { font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #2C6FAB; } .cutting-item__count { width: 52px; height: 32px; background-color: #fff; border: 1px solid #2C6FAB; text-align: center; } .cutting-item__link { margin-top: 10px; width: 100%; display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; text-decoration-line: underline; color: #2C6FAB; text-align: center; white-space: nowrap; } .catalog-detail__cutting-add { margin-top: 15px; margin-left: auto; margin-right: auto; padding: 9px 13px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; text-decoration-line: underline; color: #2C6FAB; background-color: #E8EFF4; } .catalog-detail-counter { display: flex; justify-content: flex-start; align-items: center; } .catalog-detail-counter__button { position: relative; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border: 1px solid #D9D9D9; cursor: pointer; } .catalog-detail-counter__button::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 10px; height: 2px; background-color: #2C6FAB; content: ""; } .catalog-detail-counter__button_plus::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 2px; height: 10px; background-color: #2C6FAB; content: ""; } .catalog-detail-counter__count { width: 80px; height: 50px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 18px; line-height: 17px; color: #677483; text-align: center; border: none; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; } .catalog-detail__counter-container { width: 100%; display: flex; justify-content: space-between; align-items: center; } .catalog-detail__info-tip { font-style: normal; font-weight: normal; font-size: 16px; line-height: 15px; color: #808080; } .catalog-detail__element-price { margin: 15px 0; width: 100%; display: flex; justify-content: space-between; display:flex; flex-direction: column; } .catalog-detail__cut-price { margin-bottom: 15px; width: 100%; display: flex; justify-content: space-between; align-items: center; } .catalog-detail__total-price { padding-top: 10px; width: 100%; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #E0E0E0; } .catalog-detail__element-price-value { font-style: normal; font-weight: normal; font-size: 16px; line-height: 15px; color: #808080; } .catalog-detail__info-title_bold { font-style: normal; font-weight: bold; font-size: 22px; line-height: 21px; color: #808080; } .catalog-detail__element-price-value_bold { font-style: normal; font-weight: bold; font-size: 22px; line-height: 21px; color: #4B4B4B; } .catalog-detail__add2basket { width: 270px; height: 50px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 13px; color: #fff; background-color: #2C6FAB; } .catalog-detail__add2basket svg { margin-right: 10px; } .catalog-detail__favorites { width: 232px; height: 50px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; color: #565B63; background-color: #F4F4F4; } .catalog-detail__favorites svg { margin-right: 10px; } .catalog-detail__buttons { margin-top: 15px; width: 100%; display: flex; justify-content: space-between; align-items: center; } .catalog-detail__info { padding: 30px; background-color: #fff; border: 1px solid #D0DDF0; } .catalog-detail__cut-faq-icon { width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; color: #5C8DB8; text-decoration: none; background-color: #eee; border: 1px solid #D6D6D6; border-radius: 50%; } .catalog-detail__cut-faq-text { font-style: normal; font-weight: normal; font-size: 12px; line-height: 11px; text-decoration-line: underline; color: #2C6FAB; } .catalog-detail__cut-faq { cursor: pointer ; } .cutting-item__value_self { font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #6B6B6B; } .catalog-detail { padding-bottom: 35px; } .catalog-detail-more__caption { margin-top: 60px; margin-bottom: 30px; } .catalog-banner { padding-top: 35px; padding-left: 15px; width: 100%; height: 570px; background-image: url("/local/templates/listmet_header/images/catalog-detail__banner.jpg"); } .catalog-detail-more .catalog-list__sort { padding-top: 0; } .catalog-banner__title { font-style: normal; font-weight: bold; font-size: 18px; line-height: 38px; color: #D53C3C; } .catalog-banner__caption { font-style: normal; font-weight: bold; font-size: 24px; line-height: 25px; color: #2C6FAB; } .catalog-detail-more { padding-bottom: 40px; } .personal-area__name { margin-top: 25px; margin-bottom: 25px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; color: #2C6FAB; } .personal-area__title { margin-bottom: 15px; display: block; font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; color: #616974; } .personal-area__value { margin-bottom: 20px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .personal-area__info { padding: 20px 15px; position: relative; background-color: #F2F5F8; border: 1px solid #A0BCDB; } .personal-area__avatar-image { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; object-position: center; } .personal-area__avatar { width: 64px; height: 64px; border-radius: 50%; overflow: hidden; border: 1px solid #A0BCDB; } .personal-area__edit { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #D9E4ED; border-radius: 50%; } .personal-area__info-block { margin-bottom: 20px; padding: 0 15px; border-bottom: 1px solid #A0BCDB; } .personal-area__info-block:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .PA-notifications { padding: 30px 70px; background-color: #fff; border: 1px solid #C7D4E3; } .PA-notifications__caption { margin-right: 50px; font-style: normal; font-weight: bold; font-size: 24px; line-height: 45px; color: #525764; } .PA-notifications__row { display: flex; justify-content: flex-start; align-items: center; } .PA-notifications__count { margin-right: auto; font-style: normal; font-weight: bold; font-size: 24px; line-height: 45px; color: #ABB1C1; } .PA-notifications__all { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #2C6FAB; } .PA-notifications__title { font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; color: #555D64; } .PA-notifications__date { margin-top: 10px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #ABB1C1; } .PA-notifications__item { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #C7D4E3; } .PA-notifications__list { margin-top: 20px; } .PA-order-history { margin-top: 34px; padding: 30px 70px; background-color: #fff; border: 1px solid #C7D4E3; } .PA-order-history__caption { font-style: normal; font-weight: bold; font-size: 24px; line-height: 45px; color: #525764; } .PA-order-history__all { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #2C6FAB; } .PA-order-history__row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .PA-order-history__title { margin-top: 10px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 24px; color: #555D64; width: 100%; } .order-history-item__row { display: flex; justify-content: flex-start; align-items: flex-start; } .order-history-item__history { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #2C6FAB; cursor: pointer; } .order-history-item__repeat { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #2C6FAB; } .order-history-item__title { margin-bottom: 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #AEBED0; } .order-history-item__value { margin-bottom: 20px; display: flex; justify-content: flex-start; align-items: center; font-style: normal; font-weight: normal; font-size: 16px; color: #596A82; } .order-history-item__value svg { margin-right: 10px; } .order-history-item__consist { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #2C6FAB; cursor: pointer; } .order-history-item__consist svg { transition: .3s; } .order-history-item__consist_opened svg { transform: rotate(180deg); } .order-history-item__button { margin-top: 20px; margin-bottom: 16px; width: 170px; height: 40px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; } .order-history-item__price { font-style: normal; font-weight: bold; font-size: 18px; line-height: 24px; color: #2C6FAB; } .order-history-item__col { margin-right: auto; } .order-history-item__col:last-child { margin-right: 0; } .order-history-item__bookmark { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: 1px solid #C7D4E3; cursor: pointer; } .order-history-item__bookmark_active .order-history-item__bookmark_white { fill: #A0BCDB; } .order-history-item__bookmark_white { fill: #fff; transition: .3s; } .order-history-item__bookmark_active .order-history-item__bookmark_blue { fill: #A0BCDB; } .order-history-item__bookmark_blue { fill: #A0BCDB; transition: .3s; } .order-history-item__bookmark:hover .order-history-item__bookmark_blue { fill: #2C6FAB; } .order-history-item { padding-top: 20px; margin-top: 20px; border-top: 1px solid #C7D4E3; } .PA-documents { margin-top: 30px; padding: 30px 40px; background-color: #fff; border: 1px solid #C7D4E3; } .PA-documents__caption { font-style: normal; font-weight: bold; font-size: 24px; line-height: 45px; color: #525764; } .PA-documents__row { padding: 0 30px; display: flex; justify-content: space-between; align-items: center; } .PA-documents__all { font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #2C6FAB; } .PA-documents__item { position: relative; margin-right: 30px; padding: 15px; width: 249px; height: 135px; background-color: #fff; border: 1px solid #C7D4E3; } .PA-documents__item:last-child { margin-right: 0; } .PA-documents-item__title { margin-left: 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #AEBED0; } .PA-documents-item__name { margin-bottom: 5px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #596A82; } .PA-documents-item__value { margin-bottom: 5px; margin-left: 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; color: #596A82; } .PA-documents-item__tools { position: absolute; bottom: 15px; right: 10px; } .PA-documents-item__tool { margin-bottom: 10px; } .PA-documents-item__tool:last-child { margin-bottom: 0; } .PA-documents__list { display: flex; justify-content: flex-start; align-items: flex-start; } .PA-documents__new { margin-top: 25px; margin-right: 30px; margin-left: auto; width: 302px; height: 40px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; } .personal-area { padding-bottom: 140px; } .personal-area__caption { margin-bottom: 30px; } .order-history-page-item { padding: 30px 70px; background-color: #fff; border: 1px solid #C7D4E3; } .order-history-item__product { padding: 20px 0; display: flex; justify-content: flex-start; align-items: center; border-bottom: 1px solid #C7D4E3; } .order-history-item__products-list { margin-top: 25px; max-height: 0; overflow: hidden; border-top: 0 solid #C7D4E3; transition: .3s; } .order-history-item__products-list_opened { max-height: 1000px; border-width: 1px; } .order-history-item__product-name { margin-right: auto; max-width: 240px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 32px; color: #525764; } .order-history-item__product-cut-title { margin-bottom: 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #AEBED0; text-align: center; } .order-history-item__product-cut-value { font-style: normal; font-weight: normal; font-size: 18px; line-height: 16px; text-align: center; color: #677483; } .order-history-item__product-cut-show { margin-top: 15px; display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; text-decoration-line: underline; color: #2C6FAB; text-align: center; } .order-history-item__product-count-title { margin-bottom: 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #AEBED0; text-align: center; } .order-history-item__product-count-value { font-style: normal; font-weight: normal; font-size: 18px; line-height: 17px; color: #677483; text-align: center; } .order-history-item__product-price-title { margin-bottom: 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #AEBED0; text-align: center; } .order-history-item__product-price-value { font-style: normal; font-weight: bold; font-size: 18px; line-height: 17px; color: #2C6FAB; text-align: center; } .order-history-item__product-cut { margin-right: auto; } .order-history-item__product-count { align-self: flex-start; margin-right: auto; } .order-history-item__product-price { align-self: flex-start; } .order-history-item__comment-title { margin-top: 10px; font-style: normal; font-weight: bold; font-size: 14px; line-height: 32px; color: #525764; } .order-history-item__comment-text { font-style: normal; font-weight: normal; font-size: 14px; line-height: 23px; color: #616974; } .order-history-item__comment { padding-left: 30px; } .order-history-page__bottom-row { margin-top: 30px; display: flex; justify-content: space-between; align-items: center; } .order-history-page__show-more { width: 200px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; } .order-history-page__show-more-count { margin-left: 10px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #A0BCDB; } .order-history-page__sort-count-title { margin-right: 20px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #4F4F4F; } .order-history-page__sort-count-item { margin-right: 20px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #A0BCDB; cursor: pointer; } .order-history-page__sort-count-item_active { font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #2C6FAB; } .order-history-page { padding-bottom: 110px; } .order-history-page__row { display: flex; justify-content: space-between; align-items: center; } .order-history-page__caption { margin-right: 50px; font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; color: #525764; flex-shrink: 0; } .order-history-page__search-input { font-family: "GothamPro", sans-serif; padding-left: 15px; width: 100%; height: 50px; background-color: #fff; border: 1px solid #C7D4E3; } .order-history-page__search-button { width: 100px; height: 50px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-align: center; border: none; } .order-history-page__search-container { width: 100%; display: flex; justify-content: flex-start; align-items: center; } .order-history-page__select { padding: 0 15px; width: 268px; height: 44px; display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #86909F; background-color: #fff; border: 1px solid #CED4DB; } .order-history-page__filter { margin: 30px 0; display: flex; justify-content: flex-start; align-items: center; } .order-history-page__order-date { padding: 0 15px; margin-left: 30px; width: 268px; height: 44px; display: flex; justify-content: space-between; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 13px; color: #86909F; background-color: #fff; border: 1px solid #CED4DB; } .order-history-page__order-date .vacancy-form__input-container { margin-bottom: 0; width: 100%; height: 100%; } .order-history-page__order-date .vacancy-form__input { border: none; width: 100%; height: 100%; color: #6FA2D0; padding-left: 0; } .standard-button-accent { display: flex; justify-content: center; align-items: center; color: #fff; background-color: #5c8fbe; border: 2px solid #5c8fbe; cursor: pointer; transition: .3s; font-family: 'GothamPro', sans-serif; width: calc(100% / 2 + 20px); height: calc(50%-46px); } .standard-button-accent .svg-stroke { stroke: #fff; transition: .3s; } .standard-button-accent .svg-fill { fill: #fff; transition: .3s; } .standard-button-accent:hover { background-color: #fff; color: #2C6FAB; } .standard-button-accent:hover .svg-stroke { stroke: #2C6FAB; } .standard-button-accent:hover .svg-fill { fill: #2C6FAB; } .standard-button-no-accent { display: flex; justify-content: center; align-items: center; color: #2C6FAB; border: 1px solid #C7D4E3; transition: .3s; cursor: pointer; background-color: transparent; } .standard-button-no-accent .svg-stroke { stroke: #616974; transition: .3s; } .standard-button-no-accent .svg-fill { fill: #616974; transition: .3s; } .standard-button-no-accent:hover { color: #FBFBFB; border-color: #2C6FAB; background-color: #2C6FAB; } .standard-button-no-accent:hover .svg-stroke { stroke: #FBFBFB; } .standard-button-no-accent:hover .svg-fill { fill: #FBFBFB; } .standard-button-no-accent_white { background-color: #fff; } .show-more-button { display: flex; justify-content: center; align-items: center; color: #2C6FAB; background-color: #fff; border: 2px solid #C7D4E3; transition: .3s; } .show-more-button:hover { border-color: #2C6FAB; } .m-fadeOut { visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms; } .m-fadeIn { visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms; } .overlay { position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; background-color: rgba(97, 105, 116, 0.8); } .popup, .popup-window { position: fixed; top: 50%; left: 50%; z-index: 10000; transform: translate(-50%, -50%); display: inline-block; } .popup-content { position: relative; padding: 30px 70px; height: 80vh; min-height: 600px; man-height: 1200px; width: 100%; text-align: center; background-color: #fff; } .popup-content__close, .popup-window-close-icon { position: absolute; top: 15px; right: 15px; transform: rotate(45deg); width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .popup-window-close-icon { transform: rotate(0deg); } .popup-window-close-icon:after { width: 100%; height: 100%; } .popup-content__close::before { position: absolute; top: 50%; left: 0; margin-top: -1px; width: 100%; height: 3px; display: block; background-color: #2C6FAB; content: ""; } .popup-content__close::after { position: absolute; top: 0; left: 50%; margin-left: -1px; width: 3px; height: 100%; display: block; background-color: #2C6FAB; content: ""; } .popup-content__caption { margin-top: 15px; font-style: normal; font-weight: bold; font-size: 36px; line-height: 45px; color: #525764; } .popup-content__descriptor { margin-top: 10px; font-style: normal; font-weight: bold; font-size: 24px; line-height: 30px; color: #525764; } .question-form__button { margin: 0 auto; } .question-form__caption { margin-top: 0; } .question-popup { width: 900px; } .PA-edit__menu-item { padding: 8px 25px; margin-bottom: 10px; display: block; font-style: normal; font-weight: normal; font-size: 14px; color: #798CA2; border-left:3px solid transparent; transition: .3s; } .PA-edit__menu-item_active { border-color: #2C6FAB; background-color: #F8FAFD; } .PA-edit__menu-item:last-child { margin-bottom: 0; } .PA-edit__menu { position: sticky; top: 10px; margin-bottom: 30px; border: 1px solid #D0DDF0; padding: 24px 0 0; background-color: #fff; } .PA-edit__block__input-container { position: relative; display: block; margin-bottom: 30px; } .PA-edit__block-label { margin-bottom: 15px; display: block; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; color: #555D64; } .PA-edit__block-input { padding-left: 21px; width: 100%; height: 50px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #8FACCC; background: #fff; border: 1px solid #C7D4E3; font-family: "GothamPro", sans-serif; } .PA-edit__block-file { width: 154px; height: 40px; margin-top: 35px; margin-bottom: 58px; cursor: pointer; position: relative; } .PA-edit__block-avatar { margin-top: 20px; width: 154px; height: 154px; border-radius: 50%; overflow: hidden; object-fit: cover; object-position: center; } .PA-edit__block-input-file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 6; cursor: pointer; } .PA-edit__block-button { width: 154px; height: 40px; } .PA-edit__block { margin-bottom: 30px; padding: 35px 70px; background-color: #fff; border: 1px solid #C7D4E3; } .PA-edit__block-file:hover .standard-button-no-accent { color: #FBFBFB; border-color: #2C6FAB; background-color: #2C6FAB; } .PA-edit__block-caption { margin-bottom: 20px; font-style: normal; font-weight: bold; font-size: 24px; color: #525764; } .PA-edit__block-row { display: flex; justify-content: space-between; align-items: flex-start; } .PA-edit__block-col { width: 100%; margin-right: 30px; } .PA-edit__block-col:last-child { margin-right: 0; } .PA-edit__save-button { margin-top: 20px; height: 40px; width: 100%; } .PA-edit { padding-bottom: 60px; } .PA-edit__block-avatar-error { font-size: 14px; text-align: left; color: #f00; margin-top: 15px; margin-bottom: -29px; display: none; } .PA-edit__block-descriptor { margin-bottom: 20px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; color: #798CA2; } .PA-edit__block-input-tip { position: absolute; right: 20px; top: 47px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #2C6FAB; cursor: pointer; } .PA-edit__block-radio-label { margin-bottom: 20px; font-style: normal; font-weight: bold; font-size: 18px; line-height: 32px; color: #525764; } .PA-edit__block-radio-container { margin-bottom: 30px; display: inline-flex; justify-content: flex-start; align-items: center; } .PA-edit__block-radio-container .PA-edit__block-label { margin-bottom: 0; } .PA-edit__block-radio-button { flex-shrink: 0; margin-right: 30px; position: relative; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #DADADA; border-radius: 50%; } .PA-edit__block-radio-button input { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; } .PA-edit__block-radio-button-check { display: block; width: 8px; height: 8px; background-color: #BA1A1A; border-radius: 50%; content: ""; transform: scale(0); transition: .3s; } .PA-edit__block-radio-button input:checked + .PA-edit__block-radio-button-check { transform: scale(1); } .block-address__label { font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; color: #596A82; } .block-address__radio-button { flex-shrink: 0; margin-left: 15px; position: relative; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; background-color: #fff; border: 1px solid #DADADA; border-radius: 50%; } .block-address__radio-button input { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 0; } .block-address__radio-button-check { display: block; width: 8px; height: 8px; background-color: #BA1A1A; border-radius: 50%; content: ""; transform: scale(0); transition: .3s; } .block-address__radio-button input:checked + .block-address__radio-button-check { transform: scale(1); } .block-address__input-container { display: inline-flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; cursor: pointer; } .block-address__value { margin-top: 15px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #616974; } .block-address__descriptor-add { margin-top: 15px; display: flex; justify-content: flex-start; align-items: center; cursor: pointer; } .block-address__descriptor-add-text { margin-left: 10px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #2C6FAB; } .block-address__descriptor-add-text:hover { text-decoration: underline; } .block-address { padding: 13px; background-color: #fff; border: 1px solid #C7D4E3; } .news-detail__share-container { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 120px; border-top: 2px solid #E5EAF0; padding-top: 30px; } .news-detail__share-caption { font-weight: bold; font-size: 18px; line-height: 37px; color: #515560; } .news-detail__share { margin-left: 30px; } .catalog-detail-more__showmore { width: 230px; height: 50px; margin: 0 auto; margin-top: 60px; } .news-list__count { margin-right: 30px; } .payment .caption-h1, .payment-bank-card .caption-h1, .privacy-policy .caption-h1, .price-list .caption-h1 { text-transform: uppercase; } .checkout-page__order-popup .popup-content { padding: 30px 40px; } .checkout-page__order-popup { width: 770px; } .popup__buttons { display: flex; justify-content: center; align-items: center; } .checkout-page__order-popup .popup-content__caption { margin-top: 45px; margin-bottom: 23px; } .popup__button { margin: 0 15px; width: 270px; height: 50px; } .PA-buh-documents { margin-top: 34px; padding: 35px 40px 20px; border: 1px solid #C7D4E3; background-color: #fff; } .PA-buh-documents .PA-order-history__row { margin-bottom: 15px; padding: 0 30px; } .PA-buh-documents__item { border: 1px solid #C7D4E3; padding: 12px 28px 15px 12px; } .PA-buh-documents__name { margin-bottom: 5px; font-weight: 600; font-size: 16px; color: #596A82; line-height: 24px; } .PA-buh-documents__caption { font-size: 14px; color: #AEBED0; } .PA-buh-documents__description { font-size: 14px; color: #596A82; line-height: 24px; } .PA-buh-documents__button { display: block; margin-bottom: 5px; fill: #8FACCC; transition: .3s; } .PA-buh-documents__button:last-child { margin-bottom: 0; } .PA-buh-documents__button:hover { fill: #2C6FAB; } .PA-buh-documents__row { display: flex; justify-content: space-between; align-items: center; } .PA-buh-documents__info-block { margin-bottom: 5px; } .PA-buh-documents__info-block:last-child { margin-bottom: 0; } .PA-buh-documents__info { margin-left: 15px; } .PA-buh-documents__new-btn { margin-top: 25px; margin-left: auto; margin-right: 25px; width: 302px; height: 40px; } .header-city__choice { position: absolute; z-index: 2; top: 35px; left: 0; max-height: 0; overflow: hidden; transition: .3s; } .header-city__choice_active { max-height: 300px; } .header-city__options { border: 1px solid #C7D4E3; background-color: #fff; padding: 15px; } .header-city__option { margin-bottom: 15px; cursor: pointer; font-size: 14px; line-height: 18px; color: #616974; } .header-city__option:hover { text-decoration-line: underline; color: #2C6FAB; } .header-city__option:last-child { margin-bottom: 0; } .personal-area__info-block_navigation .personal-area__title { margin-bottom: 30px; } .personal-area__info-block_navigation .personal-area__title:last-child { margin-bottom: 0; } .search-container { width: 100%; position: absolute; top: 110px; z-index: 10; visibility: hidden; transition: 0s visibility .3s; } .search-container.visible { visibility: visible; transition: 0s visibility; } .search-container .content { margin: 0 auto; background-color: #fff; padding: 43px 100px; border: 1px solid #C7D4E3; transition: .3s; transform: translateY(-50px); opacity: 0; } .visible.search-container .content { transform: translateY(0); opacity: 1; } .search-container__caption { margin-bottom: 20px; color: #525764; font-size: 24px; font-weight: 700; } .search-container__input { width: 100%; flex-shrink: 1; border: 1px solid #C7D4E3; border-right: 0; padding-left: 51px; padding-right: 68px; padding-top: 17px; padding-bottom: 13px; font-size: 16px; color: #474747; transition: .3s; } .search-container__input:focus { border-color: #2C6FAB; } .search-container__form { position: relative; display: flex; justify-content: flex-start; align-items: center; } .search-container__icon { position: absolute; top: 50%; transform: translateY(-50%); left: 15px; transition: .3s; } .search-container__button { display: flex; justify-content: center; align-items: center; width: 100px; height: 50px; color: #fff; font-size: 14px; border: 0; background-color: #2C6FAB; border: 2px solid #2C6FAB; transition: .3s; } .search-container__button:hover { color: #2C6FAB; background-color: transparent; } .search-container__input:invalid + .search-container__clear { display: none; } .search-container__clear { position: absolute; top: 50%; transform: translateY(-50%); right: 126px; cursor: pointer; transition: .3s; stroke: #A0BCDB; color: #A0BCDB; } .search-container__clear:hover, .search-container__close:hover { stroke: #2C6FAB; color: #2C6FAB; } .search-container__close { position: absolute; top: 48px; right: 25px; cursor: pointer; stroke: #A0BCDB; color: #A0BCDB; transition: .3s; } .search-container__overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; } .search .search-container__form { margin-top: 25px; margin-bottom: 70px; max-width: 770px; } .search-results__caption { font-weight: bold; font-size: 24px; color: #525764; border-bottom: 1px solid #E2E9F2; padding-bottom: 22px; } .search-results .trimming-list { margin-top: 145px; } .search-results .trimming-list .col-lg-4 { margin-bottom: 30px; } .search-results .trimming-item { position: relative; } .search-navigation { position: sticky; margin-top: 25px; margin-bottom: 30px; top: 25px; } .search-navigation__item { margin-bottom: 30px; font-weight: bold; font-size: 24px; color: #525764; transition: .3s; cursor: pointer; } .search-navigation__item_active { color: #2C6FAB; } .search-navigation__item:last-child { margin-bottom: 0; } .info-block { position: relative; margin: 0 auto; padding: 5px; width: 1300px; height: 70px; z-index: 10; background: #E4E8ED; } .info-block p { margin-bottom: 4px; text-align: center; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; color: #d72020; } .p-telegram { display: block; position: fixed; z-index: 10; bottom: 24px; right: 24px; width: 80px; height: 80px; overflow: hidden; border-radius: 50%; margin-bottom: 50px; } .p-telegram img { width: 100px; height: 100px; margin: -10px; } /*@media screen and (min-width: 320px) and (max-width: 539px) {*/ @media screen and (min-width: 320px) and (max-width: 900px) { .content { padding: 0 10px; width: 100%; } .header-top__row { flex-direction: column; justify-content: center; } .header-top__contacts { margin-bottom: 10px; } .header-bottom__row { height: auto; flex-direction: column; } .header-bottom__menu { padding: 0; } .header-bottom__catalog-list-text { margin-right: 0; } .header-bottom__catalog-list { width: 85px; height: 30px; } .header-bottom__personal-area { margin: 0 auto; padding-right: 0; border: none; } .header-bottom__menu-button { margin-left: auto; } .header-bottom__logo { margin-right: 0; } .header-bottom { padding: 10px 0; } .header-catalog-list { padding: 0 10px; } .header-catalog__item { margin-bottom: 15px; } .header-catalog .row { margin-top: 0; } .header-catalog__caption { margin-top: 15px; } .header-catalog_opened { max-height: 10000px; } .h-telegram { display: block !important; } .p-telegram { display: none !important; } .header-menu { padding: 0 10px; } .header-menu_opened { padding: 20px 10px; max-height: 1000px; } .header-menu__callback { margin-top: 0; } .header-top__menu-item { margin-top: 15px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: bold; font-size: 14px; line-height: 18px; } .header-top__menu-item span { border: none; } .header-menu__callback { padding-bottom: 15px; justify-content: center; border-bottom: 1px solid #d0ddf0; } .header-menu__callback span { margin-left: 0; border: none; } .header-menu__row_border { margin-top: 20px; padding-top: 20px; border-top: 1px solid #C7D4E3; } .header-top__menu-item::after { display: none; } .about-page__caption { padding-top: 15px; padding-left: 0; text-align: center; } .about-page__tabs { padding: 0; flex-direction: column; border-top: none; } .about-page__tab:not(.about-page__tab_active):hover::before { width: 0; } .about-page__tab { margin-right: 0; margin-bottom: 10px; } .about-page__tab::before { top: 100%; } .about-history { padding-top: 60px; } .about-history__image { margin-top: 15px; width: 100%; height: 300px; object-fit: cover; object-position: center; } .about-chronology__year { font-size: 18px; } .about-chronology__image { height: 190px; } .about-chronology__absolute-text { display: none; } .about-chronology__caption { margin-top: 20px; margin-bottom: 10px; } .about-chronology { margin-top: 60px; padding-bottom: 60px; } .footer__row { flex-wrap: wrap; } .footer__information { flex-direction: column; } .footer__address { min-height: auto; } .footer__information-block_lowered { margin-top: 20px; } .footer__contacts { margin-left: 0; margin-top: 30px; } .footer__copyright-row { align-items: flex-start; flex-direction: column; } .footer__developer { margin-left: 0; } .footer__cookie-policy { margin: 15px 0; } .breadcrumbs-container__item { font-size: 12px; flex-shrink: 0; } .about-production__slider { margin-top: 30px; height: 300px; } .about-production__caption { margin-bottom: 30px; } .about-vacancy__count { margin-bottom: 30px; } .vacancy-item__button { width: 163px; } .vacancy-item__button .vacancy-item__button-text { max-width: 140px; margin-right: 30px; transition: 0s; opacity: 1; } .vacancy-item__salary { text-align: left; margin-bottom: 30px; } .breadcrumbs-container { overflow: auto; } .breadcrumbs-container__item { padding: 0 10px; } .vacancy-detail__button { width: 100%; margin-left: 0; } .vacancy-item__caption { line-height: 24px; } .vacancy-form__caption { line-height: 1; } .vacancy-form__tip { margin-top: 30px; } .vacancy-form__input-type-file-description { width: 246px; font-size: 14px; } .vacancy-form__input-type-file-description br { display: none; } .vacancy-form__input-type-file-description span { font-size: 14px; } .vacancy-form__input-type-file-tip { width: 246px; } .vacancy-form__input-type-file-tip br { display: none; } .vacancy-form__input-container { margin-bottom: 20px; } .news-item { margin-bottom: 30px; } .default-pagination__arrow_right { margin-left: 5px; } .default-pagination__arrow_left { margin-right: 5px; } .default-pagination { justify-content: space-between; } .news-detail__caption { padding-left: 15px; padding-top: 30px; } .news-detail__text img { width: 100%; object-fit: cover; object-position: center; } .caption-h1 { font-size: 24px; line-height: 24px; } .caption-h2 { font-size: 24px; line-height: 24px; } .caption-h3 { font-size: 20px; line-height: 20px; } .news-detail__caption { font-size: 24px; line-height: 24px; } .news-detail__tabs { margin-top: 120px; padding: 20px 0 20px 15px; } .about-history__caption { font-size: 24px; line-height: 24px; } .about-history__descriptor { font-size: 14px; } .about-chronology__descriptor { font-size: 14px; } .about-chronology__caption { font-size: 24px; } .about-production__caption { font-size: 24px; } .about-production__descriptor { font-size: 16px; } .about-services__caption { margin-bottom: 20px; font-size: 24px; } .about-services__descriptor { font-size: 16px; } .about-vacancy__caption { font-size: 24px; } .vacancy-detail__caption { margin-top: 15px; font-size: 24px; line-height: 24px; } .vacancy-detail__address { font-size: 16px; } .vacancy-detail__block-descriptor { font-size: 16px; } .vacancy-detail__block-caption { line-height: 28px; margin-bottom: 20px; } .vacancy-detail__block-descriptor br { display: none; } .vacancy-form__caption { font-size: 24px; } .vacancy-form__name { font-size: 18px; line-height: 24px; } .vacancy-form__tip { font-size: 18px; } .vacancy-form__tip br { display: none; } .vacancy-form::after { display: none; } .about-page::after { display: none; } .vacancy-detail::after { display: none; } .vacancy-detail__salary { margin-top: 20px; } .vacancy-detail__address { margin-top: 20px; } .vacancy-detail__address br { display: none; } .requisites__caption { margin-bottom: 15px; } .requisites__table-cell { margin-bottom: 5px; white-space: normal; padding: 0; } .requisites__table-row { padding: 15px; display: flex; flex-direction: column; } .news-detail__text { font-size: 16px; } .news-list__slider-container { height: 470px; } .footer__menu-col { padding: 0; border-right: none; } .footer__menu { margin-top: 30px; flex-wrap: wrap; padding-bottom: 0; } .footer__menu-item { margin-bottom: 20px; font-weight: 500; font-size: 16px; } .payment-item__icon { margin-left: 0; } .payment__title { margin-top: 40px; } .payment-bank-card__text { padding-left: 10px; padding-right: 10px; } .payment-bank-card__image { width: 100%; } .contacts__map-container { height: 300px; } .contacts-address__block { padding: 20px 10px; } .contacts-address__city:first-child { margin-right: 30px; } .contacts-address__city { font-size: 18px; } .contacts-address__position { font-size: 16px; } .contacts-address__info { padding-left: 0; } .contacts-address__title { font-size: 16px; } .contacts-address__descriptor { font-size: 14px; } .contacts-address__descriptor br { display: none; } .contacts__map-button { width: 50%; text-align: center; } .contacts-form__button { margin: 20px 0; width: 100% ; } .contacts-form__error-message { text-align: center; font-size: 14px; } .popup-content__close { width: 15px; height: 15px; } .popup-content__close::before { margin-top: -2px; } .popup-content__close::after { margin-left: -2px; } .contacts-form__input { height: 35px; } .contacts-form__label { margin-bottom: 5px; font-size: 16px; } .contacts-form__textarea { height: 70px; resize: none; } .question-popup { width: 100%; } .popup-content { padding: 20px 10px; } .price-list__file-icon { margin: 0 10px; } .price-list__text { margin-left: 0; font-size: 16px; } .price-list__title { font-size: 16px; } .faq__tab { font-size: 14px; } .faq__tabs { width: 100%; } .faq__question-text { padding-left: 0; font-size: 14px; } .faq-search__input { font-size: 14px; } .faq__caption { margin-bottom: 20px; } .faq__tip { margin-bottom: 30px; } .faq__marker { width: 69px; } .services-page__firstscreen { padding-top: 30px; padding-left: 0; } .services-page__caption { font-size: 24px; text-align: center; } .services-callback__text { margin-bottom: 15px; font-size: 18px; } .services-page__text { font-size: 16px; } .services-page-detail__caption { font-size: 24px; line-height: 31px; width: 100%; text-align: center; } .services-page-detail__firstscreen { padding-top: 30px; padding-left: 0; align-items: flex-start; } .services-page-detail__buttons { flex-direction: column; } .services-page-detail__button_fill { margin-right: 0; margin-bottom: 15px; width: 100%; } .services-page-detail__button { width: 100%; } .services-direction__descriptor { font-size: 16px; } .services-direction__button { width: 100%; margin-bottom: 30px; } .direction-specifications { padding: 30px 0 30px; } .directions-specifications__col:last-child { border-left: none; } .directions-specifications__item { display: block; text-align: left; flex-wrap: wrap; } .directions-specifications__col { display: block; padding: 15px 10px 0; } .directions-specifications__row { margin: 0; } .directions-specifications__caption { margin-left: 15px; margin-bottom: 0; } .services-direction__slider { height: 300px; } .services-list { margin-top: 40px; padding: 30px 0; } .services-page-detail__descriptor { font-size: 16px; } .directions-specifications__item-name { font-size: 14px; } .services-direction { margin-top: 40px; } .vacancy-form__textarea { resize: none; min-height: 0; height: 130px; } .vacancy-form__textarea-container { height: 130px; } .header-menu__caption { margin: 20px 0; } .question-form__caption { max-width: 300px; margin: 0 auto; } .catalog-list__menu { overflow-x: scroll; overflow-y: hidden; border: none; } .catalog-list__marker { display: none; } .catalog-list__menu-button { flex-shrink: 0; } .catalog-item__background { padding-top: 5px; padding-left: 5px; height: 151px; } .catalog-item__name { font-size: 14px; line-height: 16px; } .catalog-item__picture { width: 100%; height: 100%; object-fit: contain; object-position: right; } .catalog-item__link { padding-left: 10px; } .catalog-item__link-button { border: none; } .catalog-item__link:hover .catalog-item__link-button { background-color: transparent; } .stocks-block__label { width: calc(100% + 20px); margin: 0 -10px 30px; } .stocks-block__caption { font-size: 18px; } .firstscreen-slider__image { display: none; } .firstscreen-slider__tabs { display: none; } .main-firstscreen .content { padding: 0; } .firstscreen-slider__slide { padding: 0 10px; } .firstsreen-slider__slide-caption { margin-top: 30px; text-align: center; } .firstsreen-slider__slide-caption br { display: none; } .firstsreen-slider__slide-buttons { flex-direction: column; } .firstscreen-slider__button-fill { width: 230px; } .firstscreen-slider__button-empty { width: 175px; margin-left: 0; margin-top: 15px; } .firstscreen-slider__slide-container { height: 130px; } .firstscreen-slider { height: 180px; } .firstscreen-slider__navigation { margin-top: 0; margin-bottom: 0; padding-right: 0; } .firstscreen::after { display: none; } .about-company_main__text { font-size: 14px; line-height: 16px; } .personal-area__menu { top: 40px; right: 50%; padding-top: 0; border-width: 0; border-top: none; transform: translateX(50%); } .header-bottom__personal-area_opened .personal-area__menu { padding-top: 10px; border-width: 1px; } .trimmings-list__button { width: 100%; } .about-company_main__tabs-container { overflow-x: scroll; overflow-y: hidden; } .about-company_main__tabs { border-bottom: none; } .about-company_main__text { margin-top: 20px; } .about-company_main { background-size: cover; background-position: center; } .about-company_main__statistics { margin-top: 25px; } .services-list__descriptor { margin-right: 0; margin-bottom: 0; } .services-list__row { flex-direction: column; } .services-list__button { width: 100%; margin: 20px 0; } .news-list__caption-row { flex-direction: column; } .news-list__button { margin-top: 25px; width: 100%; } .personal-area__info { margin-bottom: 30px; padding: 0; background-color: transparent; border: 0; } .personal-area__info-block { padding: 0; padding-bottom: 15px; } .personal-area__info-block_account { display: flex; justify-content: flex-start; align-items: center; } .personal-area__avatar { margin-right: 22px; } .personal-area__edit { left: 38px; top: -10px; } .PA-notifications { padding: 10px; } .personal-area__info-block_company { border-bottom: 0; padding-bottom: 0; } .personal-area__info-block_navigation { background: #F2F5F8; border: 1px solid #A0BCDB !important; padding: 24px 34px !important; } .personal-area__info-block_navigation .personal-area__title:last-child { margin-bottom: 0; } .PA-notifications__row { flex-wrap: wrap; justify-content: space-between; } .PA-notifications__caption { width: 100%; margin-right: 0; font-size: 18px; } .PA-notifications__count { margin-right: 0; font-size: 18px; } .PA-notifications__date { font-size: 14px; } .PA-notifications__title { font-size: 14px; } .PA-order-history { padding: 10px; } .PA-notifications__item:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .PA-order-history__caption { font-size: 18px; } .PA-order-history__title { width: auto; font-size: 14px; order: 2; } .order-history-item__row { flex-wrap: wrap; } .PA-order-history__all { order: 3; } .order-history-item__order-info { position: relative; width: 100%; } .order-history-item__bookmark { position: absolute; top: 0; right: 0; } .order-history-item__repeat { margin: 20px 0; } .order-history-item__history { margin-bottom: 20px; } .order-history-item__button { margin: 0 auto; margin-top: 40px; } .PA-edit__block { padding: 20px 16px; } .PA-edit__block-row { display: block; } .PA-edit__block-avatar { display: block; margin: 0 auto; } .PA-edit__block-file { margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 30px; } .PA-edit__block-address { margin-bottom: 20px; } .order-history-page__row { display: block; } .order-history-page__caption { margin-bottom: 20px; } .order-history-page__filter { display: block; } .order-history-page__select { margin-bottom: 16px; width: 100%; } .order-history-page__order-date { width: 100%; margin-left: 0; } html, body { overflow-x: hidden; } .catalog-filter-m { margin-top: 15px; } .catalog-filter-m__tabs { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #D0DDF0; } .catalog-filter-m__tab { width: 50%; font-weight: 500; font-size: 18px; line-height: 45px; text-align: center; color: #525764; transition: .3s; } .catalog-filter-m__tab:first-child { border-right: 1px solid #D0DDF0; } .catalog-filter-m__tab_active { color: #2C6FAB; } .catalog-filter-m__container { background: #FFFFFF; border: 1px solid #D0DDF0; padding: 12px; } .catalog-filter__select { margin-bottom: 15px; border-left: 0; border-top: 0; border-right: 0; } .catalog-filter__select_opened .catalog-filter-list, .catalog-filter__select_opened { z-index: 5; } .catalog-filter__item.catalog-filter__block { width: 100%; height: 44px; display: flex; justify-content: center; align-items: center; } .catalog-filter__block .catalog-filter__item-name { font-size: 10px; line-height: 10px; } .catalog-filter-m__container { display: none; } .catalog-filter-m__container_active { display: block; } .catalog-filter__select-name { flex-shrink: 0; } .catalog-filter-list { overflow: auto; } .catalog-list__sort-item { margin-bottom: 15px; } .catalog-list__sort-item:last-child { margin-bottom: 0; } .catalog-list-item__properties { display: block; } .catalog-list-item__row { display: block; } .catalog-list-item__col-existence_caption { margin-bottom: 10px; width: 100%; font-size: 16px; line-height: 15px; color: #989898; } .catalog-list-item__existence { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 50%; } .catalog-list-item__col-price { margin: 0; } .catalog-list-item__price_additional-currency { margin: 0 6px; } .directions-specifications__item-tip-content, .tooltip__content { left: 0; right: auto; } .catalog-list-item__row::after { content: ""; display: block; clear: both; } .catalog-list-item { clear: both; padding: 0; padding-bottom: 20px; } .catalog-list-item__button { width: 199px; clear: both; margin: 20px auto 0; } .catalog-list-item__button-text { max-width: 150px; margin-right: 15px; transition: .3s opacity .15s, width 0s; opacity: 1; } .catalog-list__bottom-row { display: none; } .default-pagination__page:last-child { margin-left: 0; margin-right: 0; } .catalog-detail__name { margin-bottom: 25px; font-weight: bold; font-size: 16px; line-height: 25px; color: #313131; } .catalog-detail__tab { font-weight: bold; font-size: 14px; line-height: 25px; color: #2C6FAB; } .catalog-detail__tabs { margin-bottom: 24px; } .catalog-detail__property-name, .catalog-detail__property-value { font-size: 16px; } .catalog-detail__description { font-size: 16px; line-height: 24px; } .catalog-detail__tab-container { margin-bottom: 30px; } .catalog-detail__info { padding: 12px; } .catalog-detail__info-row { flex-wrap: wrap; } .catalog-detail__info-title { margin-bottom: 10px; width: 100%; } .catalog-detail__existence { width: 50%; margin: 0; } .catalog-detail__prices-row { display: block; } .catalog-detail__price-item { margin-bottom: 10px; } .catalog-detail__counter-container { flex-wrap: wrap; } .catalog-detail__element-price .catalog-detail__info-title { width: auto; font-size: 16px; line-height: 15px; color: #9DB9D2 } .catalog-detail__info-tip { margin-top: 10px; display: block; font-size: 12px; line-height: 11px; color: #808080; } .catalog-detail__total-price { margin: 10px 0; border: 0; padding: 0; } .catalog-detail__total-price .catalog-detail__info-title { width: auto; margin: 0; } .catalog-detail__buttons { display: block; } .catalog-detail__add2basket, .catalog-detail__favorites { width: 100%; } .catalog-detail__add2basket { margin-bottom: 25px; } .trimmings-list__row { display: block; } .trimmings-list__caption br { display: none; } .catalog-list__container .col-6 { padding: 0 5px; } .catalog-list__container > .row { margin: 0; } .catalog-item { margin-bottom: 10px; } .catalog-detail-more__showmore { width: 100%; margin-top: 30px; } .news-detail__share-container { justify-content: flex-start; margin-bottom: 60px; } .news-detail__share { margin-left: 0; margin-right: 30px; } .news-detail__share:last-child { margin-right: 0; } .privacy-policy__text { margin-left: 0; margin-right: 0; } .PA-buh-documents { padding: 15px; } .PA-buh-documents .PA-order-history__caption { width: 100%; } .PA-buh-documents .PA-order-history__row { padding: 0; } .PA-buh-documents .PA-order-history__all { margin-left: auto; } .PA-buh-documents__item { margin-bottom: 20px; } .PA-buh-documents__new-btn { width: 100%; margin: 0; } .PA-subscribe__row { display: block !important; } .PA-subscribe__btn { margin: 0 auto; margin-top: 20px; } #addresses .PA-edit__block-row:first-child { display: flex; } #addresses .PA-order-history__all { display: block; margin-bottom: 20px; } .order-history-item__product { display: block; } .order-history-item__product-name { margin-bottom: 20px; width: 100%; max-width: none; } .order-history-item__product-cut { margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; } .order-history-item__product-cut-title { margin: 0; text-align: left; } .order-history-item__product-cut-show { margin-top: 0; } .order-history-item__product-count-title { margin-bottom: 0; } .order-history-item__product-count { margin-bottom: 25px; display: flex; justify-content: space-between; align-items: center; height: auto; } .order-history-item__product-price { height: auto; display: flex; justify-content: space-between; align-items: center; } .order-history-item__product-price-title { margin-bottom: 0; } .order-history-item__products-list_opened { max-height: 10000px; } .order-history-item__comment { padding-left: 0; } .privacy-policy__caption { font-size: 20px; } .header-top__city-name { text-align: center; } } #addresses .PA-edit__block-row:first-child { flex-wrap: wrap; } #addresses .PA-edit__block-descriptor { width: 100%; } .PA-subscribe { margin-bottom: 30px; padding: 14px; padding-left: 29px; padding-right: 19px; background: #FFFFFF; border: 1px solid #C7D4E3; } .PA-subscribe__name { margin-bottom: 10px; font-weight: 500; font-size: 14px; line-height: 24px; color: #596A82; } .PA-subscribe__descriptor { margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #616974; } .PA-subscribe__row { display: flex; justify-content: flex-start; align-items: flex-end; } .PA-subscribe__time-container { flex-shrink: 0; width: 170px; margin-right: 10px; } .PA-subscribe__caption { font-size: 14px; line-height: 13px; color: #AEBED0; } .PA-subscribe__period { font-size: 14px; line-height: 20px; color: #616974; } .PA-subscribe__btn { width: 120px; height: 40px; } .login-form__label { margin-bottom: 15px; display: block; font-style: normal; font-weight: 500; font-size: 18px; color: #555D64; text-align: left; } .login-form__input { padding-left: 15px; margin-bottom: 23px; width: 100%; height: 50px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #8FACCC; background-color: #fff; border: 1px solid #C7D4E3; } .login__block { padding: 90px 100px; height: 100%; background-color: #fff; border: 1px solid #DADADA; } .login__caption { margin-bottom: 45px; } .login__type { margin-bottom: 55px; font-style: normal; font-weight: 500; font-size: 24px; line-height: 20px; color: #555D64; } .login__descriptor { margin-bottom: 35px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; color: #616974; } .login-form__button { margin-top: 35px; width: 270px; height: 50px; } .login__link { margin-top: 35px; display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; text-decoration-line: underline; color: #4C555C; transition: .3s; } .login__link:hover { color: #2C6FAB; } .login { padding-top: 100px; padding-bottom: 100px; } .login__alert { margin-top: 15px; font-style: normal; font-weight: normal; font-size: 18px; line-height: 20px; } .login__alert_danger { color: #f00; } .login__alert_success { color: #10f022; } .checkout__step { display: none; } .checkout__step.active { display: block; } .checkout__info-wrapper { overflow: visible; height: 100%; } .checkout__info { position: sticky; top: 10px; } .simple-order .popup-content { width: 976px; padding: 40px 55px; } .popup.simple-order .popup-content { margin: 0 auto; } .checkout__tab { font-size: 14px; } .checkout__tab-marker { width: 186px; } .checkout-authorization { flex-wrap: wrap; } .checkout-authorization__buttons { margin-top: 30px; } .checkout__radio-container { margin-left: 0; } .checkout-delivery__row { flex-wrap: wrap; } .checkout__delivery-type-info-item { text-align: left; } .popup { min-width: 90vw; } .register__type { font-size: 22px; } .login__block { padding: 30px 20px; } .login-form__button { margin-left: auto; margin-right: auto; } .login__link { text-align: center; } .basket::after { height: 570px; } .basket-item__row { flex-wrap: wrap; } .basket-item { margin-bottom: 30px; } @media screen and (max-width: 999px) { .simple-order .popup-content { width: 100%; } .simple-order .popup-content { padding: 20px; } .catalog-filter, .catalog-detail__cutting-row { flex-flow: row wrap; } .cutting-item { margin-right: 0; } .cutting-item__link { margin-bottom: 15px; } } .simple-order__caption { margin-bottom: 50px; font-size: 36px; } .catalog__caption { margin-bottom: 24px; } .catalog-list-item__existence { margin-bottom: 15px; } .catalog-list-item__col-name { margin-bottom: 16px; font-size: 18px; display: inline-block; } .catalog-fusion-filter__list-item.disabled, .catalog-filter-list__item.disabled { opacity: .5; } .catalog-detail__favorites .catalog-list-item__bookmark_white { fill: transparent; } .catalog-detail__favorites_active .catalog-list-item__bookmark_white { fill: #A0BCDB; } .catalog-list-item__info { width: 50%; border-right: 1px solid #C9D8EC; padding: 24px; } .catalog-list-item__col-existence { display: flex; font-size: 12px; } .catalog-list-item__existence { margin-right: 24px; } .catalog-list-item { background: #fff; } .catalog-list-item__option_title { font-size: 12px; } .catalog-list-item__option { padding: 6px; background: #EFEFEF; border-radius: 4px; margin-bottom: 5px; } .catalog-list-item__col-parameters { padding: 64px 24px 24px 0; } .catalog-list-item__storage-city-amount { padding: 6px; background: #E0E4EA; border-radius: 4px; font-size: 12px; display: inline-block; margin-top: 10px; } @media screen and (max-width: 991px) { .catalog-list-item__info { width: 100%; border: 0; padding: 10px; } .catalog-list-item__col-price { padding: 10px; } .catalog-list-item__col-parameters { padding: 10px; } } .catalog-fusion-filter__subtitle { margin-bottom: 16px; font-size: 16px; line-height: 22px; } .catalog-fusion-filter__subtitle span { color: #999; } .catalog-fusion-filter__list--border { } .catalog-fusion-filter__list--closed { display: none; } .catalog-fusion-filter__toggler { cursor: pointer; } .error { border-color: #ff3528; } .tehotdel { padding-left: 30px; background: url(/local/templates/listmet_header/images/to_logo.svg) left center no-repeat; } .page-404 {margin: 100px 0; text-align: center;} .text-404 {margin: 30px 0;} .links-404 {margin: 15px 0;} .links-404 a {text-decoration: underline;} .header-top__contacts { flex-wrap: wrap; max-width: 320px; justify-content: center; position: relative; } .header-top__contacts > svg { position: absolute; left: 0; } .city{ margin-top: 15px; margin-bottom: 5px; color: #2C6FAB; font-weight: bold; text-decoration: underline; } .dost{ margin-top: 10px; color: #2C6FAB; font-weight: bold; } .disc-p-pay{ margin-top: -20px; margin-left: 45px; margin-bottom: 45px; width: 640px auto; } .marg-spec{ margin-top: -70px; margin-bottom: 100px; } .a-privacy{ color: #2C6FAB; } ul li ul{ display: none; background-color: #F1F1F1; z-index: 101; border: 1px solid #2C6FAB; padding-bottom: 10px; } ul li ul li{ margin-top: 10px; padding-left: 5px; } ul li:hover ul{ position: absolute; display: block; } .click{ width:347px; height:160px; background-color:black; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 1000; } .clickpopup{ display: none; position: fixed; height: 85vh; width: 80vw; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: white; z-index: 1005; padding: 40px; opacity: 1; min-height: 600px; } .clickpopupback{ display: none; position: fixed; height: 100vh; width: 100vw; z-index: 1004; background-color: black; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: .5; } .clickpopupnew{ display: none; position: fixed; height: 85vh; width: 80vw; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: white; z-index: 1005; padding: 40px; opacity: 1; min-height: 600px; } .clickpopupbacknew{ display: none; position: fixed; height: 100vh; width: 100vw; z-index: 1004; background-color: black; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: .5; } .popup-content__close_click, .popup-window-close-icon_click { position: absolute; top: 15px; right: 15px; transform: rotate(45deg); width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; cursor: pointer; } .popup-content__close_click::before { position: absolute; top: 50%; left: 0; margin-top: -1px; width: 100%; height: 3px; display: block; background-color: #2C6FAB; content: ""; } .popup-content__close_click::after { position: absolute; top: 0; left: 50%; margin-left: -1px; width: 3px; height: 100%; display: block; background-color: #2C6FAB; content: ""; } .clickblock { width: 40px; height: 40px; background-color: #D9E4ED; } .news-dtl { width: 1300px; margin-left:calc((100% - 1300px) / 2); } @media screen and (min-width: 320px) and (max-width: 1200px) { .news-dtl { width: 100%; margin:0; } .news-detail { margin-top:70px; } .news-detail__tabs { margin-top: 60px; } .adapt-category-catalog { margin:4px 0; } } .wrap-ser-list{ margin-top: 40px; display:flex; flex-wrap:wrap; } .basket-add-popap{ display: flex; height: 30vh; flex-direction: column; justify-content: space-around; min-height: 215px; } .btn-callback-cst{ color: #d8580d; border: 2px solid #d8580d; font-weight: bold; } .btn-callback-cst:hover{ background-color: #d8580d; color:white; } .p-basket{ margin-left:10px; line-height: 24px; } @media screen and (max-width: 1050px){ .info-block-basket{ display: none; } .p-basket{ margin-left:0; } } .main-div{ display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; } .bottom-text{ color: #50585F; font-size:18px; } .cell_properties{ display:flex; } .catalog-list-item__conteiner{ display:flex; flex-direction: column; /* background-color:#c8dbed; */ border-radius: 8px; padding: 5px; margin-left:24px; line-height: 16px; } .catalog-list-item__conteiner_title{ margin:0; padding:0; font-size: 16px; color: #30588D; margin-bottom: 10px; } .catalog-list-item__conteiner_disc{ margin:0; padding:0; margin-top:-5px; font-size: 16px; color: #30588D; } .city-blocks{ display:flex; } .city-block{ width:8px; height:8px; margin-right:4px; border-radius: 8px; } .card-buttons{ display:flex; align-items: flex-end; flex:1; flex-direction: column; justify-content: flex-end; } #mobile{ display:none; background-color:white; padding:5px; border-bottom: 2px solid #C8DBED; margin-bottom:12px; } .mobile__pice-store{ margin-top:8px; display:flex; justify-content: space-between; } .mobile__price{ margin-top:12px; margin-bottom:8px; display: flex; align-items: flex-end; } .mobile__cell_properties{ margin-top:8px; } .mobile__btns{ display:flex; margin-top:8px; margin-bottom:8px; } .a-one-btn:hover{ cursor: pointer; } .a-buy-btn:hover svg path{ fill:#5c8fbe; } .a-one-btn:hover svg path{ fill:#5c8fbe; } .a-one-btn:hover svg line{ stroke:#5c8fbe; } .mobile__store{ display: flex; } .card-info{ visibility: hidden; width: 220px; z-index: 2; height: auto; background-color: white; position: absolute; margin-left: 24px; margin-top: -180px; padding: 10px; border: solid 2px #C9D8EC; display:flex; align-items: flex-start; justify-content: center; flex-direction: column; } .advantage-table__cell{ border-bottom: 2px solid #C8DBED; } .breadcrumbs-container__item a:hover{color:#2C6FAB;} .basket-item__row-flex { display: flex; flex-wrap: wrap; margin-bottom:20px; } .basket-item__property-name{ width: 100% } @media screen and (max-width: 1200px) { .basket-item__row{ margin-bottom: 20px; display: flex; flex-direction: column; } .top-serts{ flex-direction: column; } .basket-item__row-flex{ margin-bottom:20px; } .img2v1{ transform: rotate(0deg); } } .main-sert{ max-width: 300px; height: 420px; border: 2px solid #5c8fbe; } .top-serts{ display:flex; width: 100%; justify-content: center; align-items: center; } .top-sert-font{ width: 100%; font-size: 14px; margin-bottom: 10px; margin-top: 10px; max-width: 300px; line-height: 1.8; } .img2v1{ transform: rotate(90deg); } @media screen and (max-width: 1000px) { #mobile{ display:block; } #desktop{ display:none; } table{display:none;} .footer__phone{ display:flex; flex-direction:column; align-items:self-start; } .footer__phone a{ margin-top: 20px; } .order-history-item__col{ width:100%; } } .header-span-hover:hover{ cursor: pointer; } .snowContainer { width: 100%; height: 100%; position: absolute; top: 0; left:0; z-index: -1; } #snow { width: 100%; height: 100%; background-image: url("/upload/snow/snow_1.png"), url("/upload/snow/snow_2.png"), url("/upload/snow/snow_3.png"); -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; } @keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px; } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } } @-moz-keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px; } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } } @-webkit-keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px; } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } } @-ms-keyframes snow { 0% { background-position: 0px 0px, 0px 0px, 0px 0px; } 100% { background-position: 500px 1000px, 400px 400px, 300px 300px; } } .main_catalog_image { width: 100%; height: 200px; } @media screen and (min-width: 320px) and (max-width: 900px) { .main_catalog_image{ height: 100px; } } .new_btn_main_more{ background-color: #30588D; color: #FFF; border: none; } .new_btn_main_more:hover{ background-color: #e84e0f; } .catalog-filtr-div-absolute{ display: flex; position: absolute; width: 100%; } .catalog-filtr-div-a-absolute{ width:180px; height:42px; border:1px solid #d8580d; font-size: 12px; font-weight: bold; font-family: 'GothamPro'; } @media screen and (max-width: 1000px){ .catalog-filtr-div-absolute{ display: none; } .catalog-filter { margin-top: 0; margin-left: 0; } .catalog-filter__select { width: 100%; } } /* Стиль нового контейнера для элементов продукции */ .element-container{ width: 100%; } .element-title{ font-size: 36px; font-weight: bold; color: #313131; } .element-items-container{ display: flex; flex-direction: row; margin-top: 24px; } .element-img{ width: 30%; } .element-desc{ flex: 1; display: flex; flex-direction: column; align-items: center; } .element-desc-item{ width: 80%; } .element-info{ width: 23%; } .element-image{ object-fit: cover; height: 600px; width: 100%; } .element-item-title{ font-size: 16px; font-weight: bold; color: #8C8C8C; margin-bottom: 12px; } .element-price{ margin-bottom: 24px; } .element-price-item-count{ font-size: 24px; font-weight: bold; color: #313131; margin-bottom: 4px; } .element-price-item-kg{ font-size: 24px; font-weight: bold; color: #8C8C8C; margin-bottom: 4px; } .element-price-item-desc{ font-size: 12px; font-weight: normal; color: #8C8C8C; } .element-price-item{ display: flex; flex-direction: column; width: 50%; margin-bottom: 24px; } .element-price-container{ display: flex; flex-wrap: wrap; } .element-hr{ margin: 0; color: #30588D; margin-bottom: 12px; opacity: 1; } .element-minus{ width: 50px; height: 50px; } .element-plus{ width: 50px; height: 50px; } .element-imput{ width: calc(100% - 100px); } .element-item-a-inactive{ color: #30588D; border: 1px solid #30588D; } .element-item-a-inactive:hover{ color: #fff; background: #30588D; border: 1px solid #30588D; text-decoration: none; } .element-item-a-active{ background: #E84E0F; color: white; border: 1px solid #E84E0F; text-decoration: none; } .element-item-a-active:hover{ cursor: default; color: white; } .element-item-a{ padding: 8px 14px; text-decoration: none; margin-right: 12px; margin-bottom: 12px; } .element-item-div-show{ padding: 8px 14px; text-decoration: none; margin-right: 12px; margin-bottom: 12px; text-decoration: underline; color: #063D8D; } .element-item-div-show:hover{ cursor: pointer; } .element-item-container{ display: flex; flex-wrap: wrap; } .element-item-cuting{ width: 80%; } .element-item-cuting-h3{ margin-bottom: 12px; font-size: 24px; font-weight: bold; color: #E84E0F; } .element-item-cuting-p{ margin-bottom: 24px; font-size: 14px; font-weight: normal; color: #313131; } .element-item-cuting-a{ font-size: 14px; font-weight: 500; color: #E84E0F; text-decoration: underline; } .element-item-weight{ font-weight: bold; font-size: 16px; color: #313131; } .element-hr-desc{ width:80%; margin-top:24px; } @media screen and (max-width: 600px) { .element-items-container { display: flex; flex-direction: column; margin-top: 24px; } .element-img { width: 100%; } .element-info { width: 100%; margin-top: 24px; } .element-desc-item { width: 100%; } .element-desc{ margin-top: 24px; } .element-hr-desc{ width:100%; } .element-item-cuting { width: 100%; } } .element_ncb_a_privacy{ display: block; text-align: center; margin-bottom:20px; color: #30588D; } .ncb_background{ position: fixed; height: 100vh; width: 100vw; z-index: 1004; background-color: black; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: .5; } .element_ncb_conteiner{ display: inline-table; position: fixed; height: 500px; width: 500px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background-color: white; z-index: 1005; } .element_ncb_title{ font-size: 20px; font-weight: bold; color: #50585F; margin-top: 48px; margin-left: 48px; padding-right: 42px; } .element_ncb_info{ font-size: 14px; font-weight: 500; color: #50585F; margin-top: 12px; margin-left: 48px; margin-bottom: 8px; } .element_ncb_lable{ font-size: 14px; font-weight: 500; color: #50585F; margin-top: 12px; margin-bottom: 8px; } .element_ncb_form_container{ display: flex; flex-direction: column; width: calc(100% - 48px); } .element_ncb_input{ border: 1px solid #C7D4E3; height: 48px; padding-left:14px; } .element_ncb_submit{ height: 48px; background-color: #30588D; color: white; border: 1px solid #30588D; margin-top:34px; } .element_ncb_submit:hover{ background-color: white; color: #30588D; } .element_ncb_cross { position: absolute; right: 18px; top: 14px; width: 24px; height: 24px; opacity: 0.3; } .element_ncb_cross:hover { opacity: 1; cursor: pointer; } .element_ncb_cross:before, .element_ncb_cross:after { position: absolute; left: 15px; content: ' '; height: 24px; width: 2px; background-color: #333; } .element_ncb_cross:before { transform: rotate(45deg); } .element_ncb_cross:after { transform: rotate(-45deg); } .element_ncb_captcha{ display: flex; } .element_ncb_input_captcha{ width: 178px; margin-right: 10px; } @media screen and (max-width: 1000px) { .element_ncb_conteiner{ height: 600px; width: 95%; } .element_ncb_captcha{ display: block; } .element_ncb_input_captcha{ width: 100%; margin-right: 0px; } .element_ncb_img_captcha{ margin-top: 12px; } } .banner-block{ width: 100%; height: 246px; /* background-color: #30588D; */ background-color: white; display: flex; flex-direction: row; } .polygon{ height: 246px; width: 250px; background: white; -webkit-transform: skew(-27deg); -moz-transform: skew(-27deg); -o-transform: skew(-27deg); transform: skew(-150px); } .banner-txt{ text-align: center; vertical-align: middle; display: flex; justify-content: center; align-items: center; background-color: #30588D; clip-path: polygon(0% 0%, 100% 0%, 84% 100%, 0 100%); } .banner-txt:hover{ cursor: pointer; } .banner-txt p{ color: white; padding-right: 152px; font-size: 22px; } .banner-img{ background-color: #30588D; } .banner-btn{ display: flex; justify-content: center; align-items: center; } .banner-button{ color: white; width: 100%; height: 100%; background-color: #e84e0f; display: flex; justify-content: center; align-items: center; font-size:18px; clip-path: polygon(45% 0%, 100% 0%, 100% 100%, 0 100%); padding-left: 60px; } .banner-button:hover{ color: #30588D; background-color: white; cursor: pointer; } .radio-block label { display: inline-block; width: 100%; padding: 10px; border: solid 2px #ccc; transition: all 0.3s; } .radio-block label { margin-top: 10px; } .radio-block input[type="radio"] { display: none; } .radio-block input[type="radio"]:checked + label { background-color: #30588D; color: white; border: solid 2px #30588D; } .element_banner_form_container{ display: flex; flex-direction: column; width: calc(100% - 48px); } .m-banner-block{ display: flex; flex-direction: column; justify-content: center; background-color: #30588D; height: 200px; width: 100%; padding: 25px 25px 25px 25px; } .m-bannertext{ color: white; display: flex; justify-content: center; align-items: center; text-align: center; } .m-banner-btn{ margin-top: 20px; } .m-banner-button{ padding: 15px 30px 15px 30px; color: white; background-color: #e84e0f; text-align: center; } @media screen and (max-width: 1450px) { .banner-block{ display: none; } } @media screen and (max-width: 700px) { .m-banner-block{ height: 200px; } } @media screen and (min-width: 1450px) { .m-banner-block{ display: none; } } .vacancy-hr{ margin: 0; margin-top: 20px; margin-bottom: 20px; border-color: #30588D; } .vacancy-block{ padding: 24px; border: solid 2px #FBFBFB; color: #555D64; background-color: #F4F4F4; } .vacancy-title-price{ display: flex; justify-content: space-between; } .vacancy-title{ font-size: 24; font-weight: 500; margin-bottom: 30px; text-decoration: underline 0.05em rgba(255, 255, 255, 0); transition: text-decoration-color 300ms; } .vacancy-title:hover{ cursor: pointer; color: #30588D; text-decoration-color: rgba(48, 88, 141, 1); } .div-address{ display: flex; align-items: center; } .div-address p{ margin-left: 10px; font-size: 18; } .div-address svg{ width: 15px; } .vacancy-price{ display: flex; margin-bottom: 20px; } .vacancy-price p{ color: #30588D; font-size: 24; padding-bottom: 20px; font-weight: 500; } .vacancy-disc{ margin-bottom: 40px; } .vacancy-btns{ display: flex; flex-direction: column; } .vacancy-btn-request{ padding-top: 15px; padding-bottom: 15px; border: solid 1px #30588D; background-color: #30588D; color: white; text-align: center; transition: background-color 300ms; } .vacancy-btn-request:hover{ background-color: transparent; color: #30588D; } .vacancy-btn-call{ margin-top: 20px; padding: 15px 80px 15px 80px; border: solid 1px #30588D; background-color: transparent; color: #30588D; text-align: center; transition: background-color 300ms; } .vacancy-btn-call:hover{ background-color: #30588D; color: transparent; color: white; } .vacancy-split{ display: flex; justify-content: space-between; } /* End */ /* Start:/local/templates/listmet_header/assets/css/custom.css?176242101226693*/ @media screen and (max-width: 1366px) { .catalog .content .row { margin-left: 0px; margin-right: 0px; } } .btn-clean { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; padding: 11px 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; color: #fff; background-color: #30588D; border: 1px solid #30588D; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .btn-clean:hover { background-color: #fff; color: #30588D; } .product_item__wrapper { display: -ms-grid; display: grid; -ms-grid-columns: auto 54px 1fr 54px 1fr; grid-template-columns: auto 1fr 1fr; -ms-grid-rows: 1fr; grid-template-rows: 1fr; -webkit-column-gap: 54px; -moz-column-gap: 54px; column-gap: 54px; align-items: flex-start; } .product_item__wrapper > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; } .product_item__wrapper > *:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; } .product_item__wrapper > *:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; } .product_item .catalog-detail__tab-marker { width: 50%; } .product_item .product_item__wrapper--no_picture .product_item__description { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: 1 / 1 / 2 / 3; } .product_item .product_item__wrapper--no_picture .product_item__snippet { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 1 / 3 / 2 / 4; } .catalog-detail__tabs.product_item__tabs { border-bottom: 1px solid #D9D9D9; margin-bottom: 12px; } .catalog-detail__tab.product_item__tab { font-weight: 700; font-size: 28px; line-height: 27px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; color: #B5B5B5; width: 50%; text-align: center; } .catalog-detail__tab_active.product_item__tab { color: #244672; } .product_item .catalog-detail__property { margin: 0; padding: 25px 0 18px 0; } .product_item .catalog-detail__property-name { font-style: normal; font-weight: 400; font-size: 20px; line-height: 19px; color: #B5B5B5; } .product_item .catalog-detail__property-value { font-weight: 400; font-size: 20px; line-height: 19px; text-align: right; color: #313131; } .product_item .catalog-detail__info { padding: 40px 0 0 0; background: #FFFFFF; border: 1px solid #D0DDF0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 35px; } .product_item .catalog-detail__info-title { font-weight: 700; font-size: 24px; line-height: 23px; color: #313131; margin: 0 0 20px 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; } .product_item .catalog-detail__info-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0 30px; border: 0; } .product_item .catalog-detail__info-row [id^="bx_incl_area_"] { width: 100%; } .product_item .catalog-detail__existence { width: 100%; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 6px 0; /* border-bottom: 1px solid #ECECEC; */ } .product_item .catalog-detail__existence:first-child { padding-top: 0; } .product_item .catalog-detail__existences { width: 100%; } .product_item .catalog-list-item__storage-existence { display: none; } .product_item .catalog-list-item__storage-city { margin-bottom: 8px; font-weight: 500; font-size: 14px; color: #313131; text-decoration: none; } .product_item .catalog-list-item__existence-block { background: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; /* padding: 7px; */ gap: 8px; max-width: initial; margin: 0; } .product_item .catalog-list-item__existence-rectangles { margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 4px; } .product_item .catalog-list-item__existence-rectangle { margin: 0; padding: 0; width: 10px; height: 10px; background: #E7E7E7; } .product_item .catalog-list-item__existence-rectangle.catalog-list-item__existence-rectangle_fill-blue { background: #244672; } .product_item .catalog-list-item__existence-text { margin: 0; padding: 0; font-weight: 400; font-size: 14px; line-height: 13px; color: #244672; } .product_item .catalog-detail__prices-row { margin: 0; gap: 24px; display: -ms-grid; display: grid; -ms-grid-columns: auto 24px auto 24px auto 24px auto; grid-template-columns: repeat(4, auto); } .product_item .catalog-detail__price { font-style: normal; font-weight: 400; font-size: 24px; line-height: 23px; color: #244672; display: flex; gap: 4px; white-space: nowrap; } .product_item .catalog-detail__price * { font-style: normal; font-weight: 400; font-size: 24px; line-height: 23px; color: #244672; } .product_item .catalog-detail__price-descriptor { font-weight: 400; font-size: 10px; line-height: 110%; color: #50585F; display: block; margin-top: 4px; } .product_item .catalog-detail__counter-container { padding: 0 30px; } .product_item .catalog-detail__counter-container .catalog-detail__info-title { margin-bottom: 0; } .product_item .catalog-detail-counter__button { width: 36px; height: 36px; border: 1px solid #E2E2E2; } .product_item .catalog-detail-counter__count { width: 46px; height: 36px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; font-weight: 400; font-size: 16px; line-height: 15px; text-align: center; color: #313131; } .product_item .catalog-detail__total-price { border: none; } .product_item .product_item__total_price { background: #FBFBFB; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .product_item__price_blocks { width: 100%; } .product_item .product_item__price_block { padding: 18px 0; border-bottom: 1px solid #B5B5B5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 0; } .product_item .product_item__price_block:first-child { padding: 0 0 18px 0; } .product_item .product_item__price_title { font-style: normal; font-weight: 400; font-size: 20px; line-height: 19px; color: #B5B5B5; } .product_item .catalog-detail__element-price-value_bold, .product_item .product_item__price_block span { font-style: normal; font-weight: 400; font-size: 20px; line-height: 19px; text-align: right; color: #313131; } .btn--add_to_cart { padding: 22px 36px; background: #244672; font-style: normal; font-weight: 400; text-transform: uppercase; color: #FFFFFF; width: 100%; height: initial; margin: 0; text-align: center; border: 1px solid #244672; -webkit-transition: 0.15s ease-in-out; -o-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; font-size: 14px; line-height: 100%; } .btn--add_to_cart:hover { background: transparent; color: #244672; } .btn--order_one_click { padding: 22px 36px; border: 1px solid #D8580d; font-style: normal; font-weight: 400; font-size: 16px; line-height: 100%; text-align: center; text-transform: uppercase; color: #D8580d; width: 100%; height: initial; -webkit-transition: 0.15s ease-in-out; -o-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; } .btn--order_one_click:hover { background: #D8580d; color: #ffffff; } .product_item .catalog-detail__buttons { /* margin-top: 35px; */ display: -ms-grid; display: grid; -ms-grid-columns: auto 12px auto; grid-template-columns: repeat(2, auto); gap: 12px; } .product_item .catalog-detail__description { font-size: 20px; line-height: 19px; margin-top: 25px; } .product_item_title { font-weight: 700; font-size: 36px; line-height: 34px; color: #313131; margin: 70px 0 50px 0; } .product_item__similar_block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 21px 1fr 21px 1fr 21px 1fr; grid-template-columns: repeat(4, 1fr); gap: 21px; } .product_item__similar_item { background: #FFFFFF; border: 1px solid #D0DDF0; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; } .product_item__similar_header { font-style: normal; font-weight: 600; font-size: 36px; line-height: 34px; margin: 110px 0 50px 0; color: #50585F; } .product_item__similar_title { display: block; color: #5c8fbe; text-decoration: none; margin: 0; font: inherit; font-size: 16px; margin-bottom: 25px; } .product_item__similar_subtitle { margin-top: 0; margin-bottom: 25px; display: block; color: #5c8fbe; text-decoration: none; font-size: inherit; } .btn--add_to_cart-wide { width: 100%; } .product_item__picture img { max-width: 100%; } .full-width { width: 100%; } .product_item .catalog-detail__existence { /*flex-direction: column;*/ align-items: center; flex-wrap: wrap; gap: 10px; } .product_item .catalog-detail__prices-row { grid-template-columns: repeat(3, auto); } .product_item .catalog-detail__counter-container { flex-direction: column; align-items: flex-start; gap: 20px; } .product_item .catalog-detail__buttons { grid-template-columns: 1fr; } .btn--add_to_cart { padding: 22px; } .bottom-text * { list-style: revert; font-size: revert; font-weight: revert; margin: revert; padding: revert; line-height: normal; } .bottom-text p { line-height: 22px; } .bottom-text ul li { margin-bottom: 5px; } .section-price-table { width: 100%; margin: 20px 0 40px 0; border: 1px solid #dddddd; border-collapse: collapse; } .section-price-table th { font-weight: bold; padding: 5px; background: #efefef; border: 1px solid #dddddd; } .section-price-table td { border: 1px solid #dddddd; padding: 5px; } .section-block-title { font-size: 25px; font-weight: 500; margin: 20px 0 10px 0; } @media (max-width: 1560px) and (min-width: 1180px) { .product_item__picture { max-width: 400px; } .catalog-detail__tab.product_item__tab { font-size: 24px; line-height: 23px; } .catalog-detail__tabs.product_item__tabs { gap: 26px; } .product_item .catalog-detail__tab-marker { width: 50%; } .product_item .catalog-detail__prices-row { grid-template-columns: repeat(2, auto); } } @media (max-width: 1180px) { .product_item .content, .content.content--similar-products, .content.content--pagination { padding: 0 20px; } .product_item .catalog-detail__prices-row { grid-template-columns: repeat(4, auto); } .product_item__wrapper { -ms-grid-columns: 255px 45px 1fr; grid-template-columns: 255px 1fr; -webkit-column-gap: 45px; -moz-column-gap: 45px; column-gap: 45px; row-gap: 50px; } .product_item__wrapper.product_item__wrapper--no_picture { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .product_item__snippet { -ms-grid-column-span: 2; grid-column: span 2; } .product_item .product_item__wrapper--no_picture .product_item__description, .product_item .product_item__wrapper--no_picture .product_item__snippet { grid-area: initial; } .product_item__wrapper.product_item__wrapper--no_picture .product_item__snippet { -ms-grid-column: 1; grid-column: 1; } .product_item__similar_block { -ms-grid-columns: 1fr 24px 1fr; grid-template-columns: repeat(2, 1fr); gap: 24px; } .product_item__similar_header { font-size: 24px; line-height: 120%; margin: 50px 0 38px 0; } .product_item__similar_item { padding: 15px; } .catalog-detail__tab.product_item__tab { font-size: 22px; line-height: 21px; } .product_item .catalog-detail__tab-marker { width: 50%; } .product_item .catalog-detail__property-name { font-size: 16px; line-height: 15px; } .product_item .catalog-detail__property-value { font-size: 16px; line-height: 15px; } .product_item .catalog-detail__description { font-size: 16px; line-height: normal; } .product_item .catalog-detail__property { padding: 20px 0 13px 0; } .product_item_title { font-size: 24px; line-height: 120%; margin: 20px 0; } .product_item .catalog-detail__info { padding: 20px 0 0 0; } .product_item .catalog-detail__info-row { padding: 0 15px; } .product_item .catalog-detail__counter-container { padding: 0 15px; } .product_item .product_item__total_price { padding: 15px; } .product_item .catalog-detail__info-title { font-size: 18px; line-height: 17px; margin-bottom: 20px; } .product_item .catalog-detail__buttons { margin-top: 30px; -ms-grid-columns: 100%; grid-template-columns: 100%; gap: 8px; } .product_item .catalog-list-item__storage-city { font-size: 14px; line-height: 13px; } } @media (max-width: 1000px) { .section-price-table { display: table; width: 650px; } .section-price-table_scroll { display: inline-block; width: 100%; overflow-x: scroll; } } @media (max-width: 767px) { .faq__question-row { font-size: 15px; line-height: unset; } .product_item__wrapper { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 40px; } .product_item__similar_block { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 15px; } .product_item__snippet { -ms-grid-column: 1; grid-column: 1; } .product_item .catalog-detail__prices-row { -ms-grid-columns: (1fr) [ 2 ]; grid-template-columns: repeat(2, 1fr); } } .card-info-block p { margin: 0; } .card-info-block { font-family: 'GothamPro', sans-serif; font-weight: 400; /*max-width: 320px;*/ display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .product-card-detail { padding: 25px 0; border-bottom: 1px solid #E2E2E2; line-height: 120%; } .card-detail__title { font-family: 'GothamPro', sans-serif; font-weight: 500; font-size: 20px; line-height: 19px; } .blue-title { color: #5C8FBE; } .card-detail__p { font-size: 14px; } .card-info-block .card-detail__span { font-family: 'GothamPro', sans-serif; font-weight: 500; font-size: 14px; line-height: 13px; color: #5C8FBE; margin-bottom: 5px; } .orange-text { color: #D8580d; } .card-detail-link { font-family: 'GothamPro', sans-serif; font-weight: 500; font-size: 13px; } .card-detail__justify { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-detail__icon-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-detail__icon { margin: 0 10px 0 0; } .select-plus { background-image: url(/images/select-btn.png); background-repeat: no-repeat; background-position: center; width: 20px; height: 20px; cursor: pointer; } .rotate { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .select-plus.rotate { background-image: url(/images/crest-rotate.png); } .card-detail__text { display: none; color: #9DA5B1; margin: 25px 0 0 0; } .card-detail__text.active { display: block; } .card-detail__text-item { margin: 0 0 20px 0; } .card-detail__text .card-detail__text-item:last-child { margin: 0; } .card-detail__title-orange { margin: 0 0 8px 0; } .main-block { font-family: 'GothamPro', sans-serif; font-weight: 400; line-height: 120%; color: #50585F; margin-top: 140px; } .main-block p { margin: 0; } .limit { margin: 0 auto; max-width: 1500px; } .display-grid { display: -ms-grid; display: grid; } .advantages__grid { -ms-grid-columns: 1fr 7px 1fr 7px 1fr 7px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 30px; } .advantages__grid-item { padding: 20px; border: 1px solid rgba(92, 143, 190, 0.25); } .blue-background { background: #30588D; color: #FFFFFF; } .advantages__item-img { margin: 0 0 70px 0; } .advantage-text { font-family: 'GothamPro', sans-serif; font-weight: 500; font-size: 16px; line-height: 130%; } .blue-txt { color: #5C8FBE; } .white-txt { color: #FFFFFF; } .margin-block { margin: 0 0 140px 0; } .h2-title { font-size: 36px; line-height: 34px; margin-bottom: 50px; } .ft-700 { font-family: 'GothamPro', sans-serif; font-weight: 700; } .certificates-block .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; } .certificates-block .owl-item { display: -webkit-box; display: -ms-flexbox; display: flex; } .certificates-carousel__item { border: 1px solid rgba(36, 70, 114, 0.25); border-radius: 7px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: max-content; width: 100%; } .cert-carousel__item-img { max-width: max-content; aspect-ratio: 1; object-fit: contain; margin: 0 auto 15px; min-width: 100%; } .certificates-carousel__item p { margin-top: auto; } .certificates-carousel .owl-nav { position: absolute; top: -90px; right: 0; } .certificates-carousel .carousel-btn { border-radius: 50px; background: #5C8FBE; padding: 13px 16px; } .certificates-carousel .carousel-btn:hover { opacity: 0.8; } .prev-btn { margin: 0 10px 0 0; } .order-consultation__form { -ms-grid-columns: 1fr 15px 1fr 15px 2fr; grid-template-columns: 1fr 1fr 2fr; gap: 0 15px; margin: 30px 0 0 0; } .cons__form-input { font-family: 'GothamPro', sans-serif; padding: 22px 0 22px 25px; border: 1px solid #D0DDF0; font-size: 16px; line-height: 15px; color: #313131; } .cons__form-input:focus { outline: none; border: 1px solid #a1bfdc; -webkit-box-shadow: 0px 0.5px 0.5px #a1bfdc; box-shadow: 0px 0.5px 0.5px #a1bfdc; } ::-webkit-input-placeholder { opacity: 0.5; } ::-moz-placeholder { opacity: 0.5; } :-ms-input-placeholder { opacity: 0.5; } ::-ms-input-placeholder { opacity: 0.5; } ::placeholder { opacity: 0.5; } .cons__form-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cons__form-footer * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .agreement-link { color: #5C8FBE; } .agreement-link:hover { opacity: 0.8; } .cons__form-button { font-family: 'GothamPro', sans-serif; padding: 22px 0; margin: 0 15px 0 0; cursor: pointer; border: none; outline: none; font-size: 16px; line-height: 100%; } .cons__form-button:hover { opacity: 0.8; } .order-consultation-block h2 { margin: 0 0 15px 0; } .carousel__item-txt { font-family: 'GothamPro', sans-serif; font-size: 13px; color: #616974; font-weight: 500; } .order-consultation__p { font-size: 18px; line-height: 100%; color: #9DA5B1; } .agreement-link-txt { font-size: 14px; line-height: 100%; color: #616974; } .first-seo-chpu-link{ margin-left: 100px; } @media (max-width: 1280px) { .limit { margin: 0 15px; } .advantages__item-img { margin: 0 0 25px 0; } } @media (max-width: 1024px) { .advantages__grid { -ms-grid-columns: 1fr 10px 1fr; grid-template-columns: 1fr 1fr; gap: 10px; } .margin-block { margin: 0 0 40px 0; } .main-block { margin-top: 40px; } .h2-title { font-size: 24px; margin-bottom: 20px; } .cons__form-footer { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .certificates-carousel .owl-nav { top: -60px; } .order-consultation__p { font-size: 14px; } .order-consultation-block h2 { margin: 0 0 5px 0; } .order-consultation__form { margin: 25px 0 0 0; } .cons__form-footer { margin: 15px 0 0 0; } } @media (max-width: 820px) { .order-consultation__form { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 10px 0; } .cons__form-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cons__form-button { margin: 15px 0 0 0; padding: 22px 0; } .certificates-carousel .owl-dots .owl-dot.active span, .certificates-carousel .owl-dots .owl-dot:hover span { background: #5C8FBE; } } @media (max-width: 540px) { .advantages__grid { -ms-grid-columns: 1fr; grid-template-columns:1fr; gap: 10px 0; } } .detail-card-text { margin: 50px 15px 30px 15px; padding: 30px; background-color: #fff; } .detail-card-text p { padding: 5px 0px; } .detail-card-text h2 { padding: 10px 0px; font-size: 15pt; font-weight: bold; } .detail-card-text ul { padding: 10px 0px 10px 40px; list-style: disc; } .section-desc-with-picture { display: grid; grid-template-columns: 280px 1fr; gap: 25px; } .section-desc-with-picture a{ color: #2C6FAB; } @media (max-width: 768px) { .section-desc-with-picture { grid-template-columns: 1fr; } .first-seo-chpu-link{ margin-left: unset; } } .hide-show-chpu-button{ color: #2c6fab; margin: 0 5px 0 10px; font-size: 15px; cursor: pointer; } .catalog-filter-list__item.disabled { color: #ebe9e6; } .catalog-filter__button_list { display: flex; justify-content: space-between; align-items: center; } .catalog-filter__set_button { position: sticky; bottom: 0px; z-index: 10; } .catalog-filter__set_button button{ width: 100%; height: 40px; background: #2C6FAB; border: 1px solid #2C6FAB; margin-top: 10px; color: #fff; font-weight: 600; } .catalog-filter__set_button button:disabled{ background: #eee; border: 1px solid #eee; color: #a1a1a1; } /* End */ /* Start:/local/templates/listmet_header/assets/css/header.css?173866699629020*/ .content--v2 { max-width: 1630px; width: 100%; margin: 0 auto; position: relative; padding: 0 20px; } .header--v2 { background: #ffffff; position: relative; z-index: 11; } .header--v2--mobile { display: none; } .header--v2-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #C7D4E3; padding: 16px 0; } .header--v2-top__column--logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 36px; } .header--v2-top__column--contacts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } .header--v2-top__logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; } .header--v2-top__logo img { width: 230px; max-width: 100%; } .header--v2-top__city-chose { font-weight: 400; font-size: 18px; line-height: 17px; color: #30588D; padding: 0 11px 0 0; margin: 0; background: none; border: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAwLjc1TDQuNSA0LjI1TDggMC43NSIgc3Ryb2tlPSIjMjQ0NjcyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); background-position: right center; background-repeat: no-repeat; } .header--v2-top__city_container { position: relative; color:#30588D; } .header--v2-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 16px; } .header--v2-button { display: block; text-decoration: none; cursor: pointer; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 12px 22px; font-weight: 400; font-size: 12px; line-height: 100%; text-transform: uppercase; color: #FFFFFF; background: #30588D; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; transition: background 0.3s ease-in-out, color 0.3s ease-in-out; } .header--v2-button--outline { background: transparent; color: #30588D; border: 1px solid #30588D } .header--v2-button:hover { background: #e84e0f; color: #FFFFFF; /* color: #30588D; */ } .header--v2-button--outline:hover { color: #FFFFFF; background: #e84e0f; border-color: #e84e0f; } .header--v2-top__phone-snippet a { text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #C4CCD6; -webkit-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } .header--v2-top__phone-snippet__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; gap: 2px; padding: 6px 6px 6px 4px; /* border-left: 1px solid white; */ color: white; } .header--v2-top__phone-snippet__phone { font-weight: 400; font-size: 12px; line-height: 100%; text-transform: uppercase; color: #30588D; text-align: right; } .header--v2-top__phone-snippet__city { font-weight: 400; font-size: 10px; line-height: 100%; text-align: right; color: #30588D; } .header--v2-top__phone-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjQzNTYgMTEuMDgyNUwxMS42OTU2IDkuODIyNUMxMS44NjUzIDkuNjU0OSAxMi4wODAxIDkuNTQwMTcgMTIuMzEzNyA5LjQ5MjI0QzEyLjU0NzQgOS40NDQzMSAxMi43ODk5IDkuNDY1MjUgMTMuMDExOSA5LjU1MjVMMTQuNTQ3NSAxMC4xNjU2QzE0Ljc3MTggMTAuMjU2NyAxNC45NjQyIDEwLjQxMjEgMTUuMTAwMyAxMC42MTIzQzE1LjIzNjUgMTAuODEyNSAxNS4zMTAzIDExLjA0ODUgMTUuMzEyNSAxMS4yOTA2VjE0LjEwMzFDMTUuMzExMiAxNC4yNjc4IDE1LjI3NjYgMTQuNDMwNSAxNS4yMTA3IDE0LjU4MTVDMTUuMTQ0OSAxNC43MzI0IDE1LjA0OTIgMTQuODY4NSAxNC45MjkzIDE0Ljk4MTVDMTQuODA5NSAxNS4wOTQ1IDE0LjY2ODEgMTUuMTgyMSAxNC41MTM1IDE1LjIzOUMxNC4zNTkgMTUuMjk1OCAxNC4xOTQ1IDE1LjMyMDkgMTQuMDMgMTUuMzEyNUMzLjI2OTM4IDE0LjY0MzEgMS4wOTgxMyA1LjUzMDYyIDAuNjg3NTA3IDIuMDQzMTJDMC42Njg0NDUgMS44NzE4NiAwLjY4NTg2MSAxLjY5ODUxIDAuNzM4NjA5IDEuNTM0NDZDMC43OTEzNTYgMS4zNzA0MiAwLjg3ODI0IDEuMjE5NCAwLjk5MzU0NCAxLjA5MTM0QzEuMTA4ODUgMC45NjMyODIgMS4yNDk5NiAwLjg2MTA5IDEuNDA3NiAwLjc5MTQ4NkMxLjU2NTIzIDAuNzIxODgyIDEuNzM1ODIgMC42ODY0NDMgMS45MDgxMyAwLjY4NzVINC42MjUwMUM0Ljg2NzQ1IDAuNjg4MjE4IDUuMTA0MTMgMC43NjE0NTEgNS4zMDQ2MiAwLjg5Nzc3OUM1LjUwNTEgMS4wMzQxMSA1LjY2MDIxIDEuMjI3MyA1Ljc1MDAxIDEuNDUyNUw2LjM2MzEzIDIuOTg4MTNDNi40NTMyNyAzLjIwOTIzIDYuNDc2MjcgMy40NTE5OSA2LjQyOTI1IDMuNjg2MDhDNi4zODIyMyAzLjkyMDE4IDYuMjY3MjggNC4xMzUyMyA2LjA5ODc2IDQuMzA0MzhMNC44Mzg3NiA1LjU2NDM4QzQuODM4NzYgNS41NjQzOCA1LjU2NDM4IDEwLjQ3NSAxMC40MzU2IDExLjA4MjVaIiBmaWxsPSIjMjQ0NjcyIi8+Cjwvc3ZnPgo=); background-position: center; background-repeat: no-repeat; display: block; height: 36px; width: 36px; fill: 2C6FAB; } .header--v2-top__email-snippet a { text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #C4CCD6; -webkit-transition: background 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out; transition: background 0.15s ease-in-out; } .header--v2-top__email-icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNSAwLjEyNUMyLjc3MDY1IDAuMTI1IDIuMDcxMTggMC40MTQ3MzEgMS41NTU0NiAwLjkzMDQ1NkMxLjAzOTczIDEuNDQ2MTggMC43NSAyLjE0NTY1IDAuNzUgMi44NzVWMy4xNTEzOEw5IDcuNTk0TDE3LjI1IDMuMTUyNzVWMi44NzVDMTcuMjUgMi4xNDU2NSAxNi45NjAzIDEuNDQ2MTggMTYuNDQ0NSAwLjkzMDQ1NkMxNS45Mjg4IDAuNDE0NzMxIDE1LjIyOTMgMC4xMjUgMTQuNSAwLjEyNUgzLjVaTTE3LjI1IDQuNzEzMzhMOS4zMjU4OCA4Ljk4QzkuMjI1NzIgOS4wMzM5MiA5LjExMzc1IDkuMDYyMTQgOSA5LjA2MjE0QzguODg2MjUgOS4wNjIxNCA4Ljc3NDI4IDkuMDMzOTIgOC42NzQxMyA4Ljk4TDAuNzUgNC43MTMzOFYxMS4xMjVDMC43NSAxMS44NTQzIDEuMDM5NzMgMTIuNTUzOCAxLjU1NTQ2IDEzLjA2OTVDMi4wNzExOCAxMy41ODUzIDIuNzcwNjUgMTMuODc1IDMuNSAxMy44NzVIMTQuNUMxNS4yMjkzIDEzLjg3NSAxNS45Mjg4IDEzLjU4NTMgMTYuNDQ0NSAxMy4wNjk1QzE2Ljk2MDMgMTIuNTUzOCAxNy4yNSAxMS44NTQzIDE3LjI1IDExLjEyNVY0LjcxMzM4WiIgZmlsbD0iIzI0NDY3MiIvPgo8L3N2Zz4K); background-position: center; background-repeat: no-repeat; display: block; height: 36px; width: 36px; } .header--v2-top__email-snippet__email { font-weight: 400; font-size: 12px; line-height: 100%; text-transform: uppercase; color: #30588D; display: block; padding: 12px 10px 12px 0; } .header--v2-top__email-snippet a:hover, .header--v2-top__phone-snippet a:hover { background: #f2f3ff; } .header--v2-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .header--v2-menu__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 36px; padding: 18px 0; margin: 0; list-style: none; } .header--v2-menu__item { font-weight: 400; font-size: 20px; line-height: 19px; color: #30588D; position: relative; } .header--v2-menu__item:hover .header--v2-menu__link { color:#30588D; } .header--v2-menu__link { color: inherit; font: inherit; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 6px; padding: 10px 0; } .header--v2-menu__arrow { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOSA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSAwLjc1TDQuNSA0LjI1TDggMC43NSIgc3Ryb2tlPSIjMjQ0NjcyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); width: 7px; height: 4px; min-width: 7px; display: block; background-position: center; background-repeat: no-repeat; } .header--v2-search_form { position: relative; } .header--v2-search_input { height: 42px; padding: 0 56px 0 14px; border: 1px solid #C4CCD6; background: none; margin: 0; width: 424px; max-width: 100%; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .header--v2-search_input:hover, .header--v2-search_input:focus { border: 1px solid #30588D; } .header--v2-search_submit { background: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljk4NDIgMTUuNjgyNUwxMy44Njc1IDEyLjU3NUMxNC44NzMxIDExLjI5MzkgMTUuNDE4NyA5LjcxMTk0IDE1LjQxNjcgOC4wODMzNEMxNS40MTY3IDYuNjMyOTQgMTQuOTg2NiA1LjIxNTEyIDE0LjE4MDggNC4wMDkxNUMxMy4zNzUgMi44MDMxOSAxMi4yMjk3IDEuODYzMjYgMTAuODg5NyAxLjMwODIyQzkuNTQ5NjkgMC43NTMxNzcgOC4wNzUyIDAuNjA3OTUzIDYuNjUyNjcgMC44OTA5MTFDNS4yMzAxNSAxLjE3Mzg3IDMuOTIzNDcgMS44NzIzIDIuODk3ODkgMi44OTc4OUMxLjg3MjMgMy45MjM0NyAxLjE3Mzg3IDUuMjMwMTUgMC44OTA5MTEgNi42NTI2N0MwLjYwNzk1MyA4LjA3NTIgMC43NTMxNzcgOS41NDk2OSAxLjMwODIyIDEwLjg4OTdDMS44NjMyNiAxMi4yMjk3IDIuODAzMTkgMTMuMzc1IDQuMDA5MTUgMTQuMTgwOEM1LjIxNTEyIDE0Ljk4NjYgNi42MzI5NCAxNS40MTY3IDguMDgzMzQgMTUuNDE2N0M5LjcxMTk0IDE1LjQxODcgMTEuMjkzOSAxNC44NzMxIDEyLjU3NSAxMy44Njc1TDE1LjY4MjUgMTYuOTg0MkMxNS43Njc3IDE3LjA3MDEgMTUuODY5MSAxNy4xMzgzIDE1Ljk4MDggMTcuMTg0OEMxNi4wOTI1IDE3LjIzMTQgMTYuMjEyMyAxNy4yNTUzIDE2LjMzMzMgMTcuMjU1M0MxNi40NTQzIDE3LjI1NTMgMTYuNTc0MiAxNy4yMzE0IDE2LjY4NTkgMTcuMTg0OEMxNi43OTc2IDE3LjEzODMgMTYuODk5IDE3LjA3MDEgMTYuOTg0MiAxNi45ODQyQzE3LjA3MDEgMTYuODk5IDE3LjEzODMgMTYuNzk3NiAxNy4xODQ4IDE2LjY4NTlDMTcuMjMxNCAxNi41NzQyIDE3LjI1NTMgMTYuNDU0MyAxNy4yNTUzIDE2LjMzMzNDMTcuMjU1MyAxNi4yMTIzIDE3LjIzMTQgMTYuMDkyNSAxNy4xODQ4IDE1Ljk4MDhDMTcuMTM4MyAxNS44NjkxIDE3LjA3MDEgMTUuNzY3NyAxNi45ODQyIDE1LjY4MjVaTTIuNTgzMzQgOC4wODMzNEMyLjU4MzM0IDYuOTk1NTQgMi45MDU5MSA1LjkzMjE3IDMuNTEwMjUgNS4wMjc3QzQuMTE0NiA0LjEyMzIzIDQuOTczNTggMy40MTgyOCA1Ljk3ODU4IDMuMDAyQzYuOTgzNTcgMi41ODU3MiA4LjA4OTQ0IDIuNDc2OCA5LjE1NjMzIDIuNjg5MDJDMTAuMjIzMiAyLjkwMTI0IDExLjIwMzIgMy40MjUwNiAxMS45NzI0IDQuMTk0MjVDMTIuNzQxNiA0Ljk2MzQ0IDEzLjI2NTQgNS45NDM0NCAxMy40Nzc3IDcuMDEwMzRDMTMuNjg5OSA4LjA3NzI0IDEzLjU4MSA5LjE4MzEgMTMuMTY0NyAxMC4xODgxQzEyLjc0ODQgMTEuMTkzMSAxMi4wNDM0IDEyLjA1MjEgMTEuMTM5IDEyLjY1NjRDMTAuMjM0NSAxMy4yNjA4IDkuMTcxMTMgMTMuNTgzMyA4LjA4MzM0IDEzLjU4MzNDNi42MjQ2NSAxMy41ODMzIDUuMjI1NyAxMy4wMDM5IDQuMTk0MjUgMTEuOTcyNEMzLjE2MjggMTAuOTQxIDIuNTgzMzQgOS41NDIwMyAyLjU4MzM0IDguMDgzMzRaIiBmaWxsPSIjMjQ0NjcyIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center; border: none; position: absolute; right: 0; top: 0; width: 42px; height: 42px; -webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .header--v2-search_submit:hover { background-color: rgba(87, 103, 126, 1); } .header--v2-store { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; } .header--v2-account { position: relative; } .header--v2-account .personal-area__menu { top: -webkit-calc(100% + 10px); top: calc(100% + 10px); width: 180px; padding: 0; } .header--v2-account_button { display: block; text-decoration: none; width: 36px; height: 36px; padding: 0; border: none; background: none; border: 1px solid #C4CCD6; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuODc1IDQuOTU1NDdDNC44NzUgNy4yMjk3MiA2LjcyNTc1IDkuMDgwNDcgOSA5LjA4MDQ3QzExLjI3NDMgOS4wODA0NyAxMy4xMjUgNy4yMjk3MiAxMy4xMjUgNC45NTU0N0MxMy4xMjUgMi42ODEyMiAxMS4yNzQzIDAuODMwNDY5IDkgMC44MzA0NjlDNi43MjU3NSAwLjgzMDQ2OSA0Ljg3NSAyLjY4MTIyIDQuODc1IDQuOTU1NDdaTTE2LjMzMzMgMTguMjQ3MUgxNy4yNVYxNy4zMzA1QzE3LjI1IDEzLjc5MzEgMTQuMzcwOCAxMC45MTM4IDEwLjgzMzMgMTAuOTEzOEg3LjE2NjY3QzMuNjI4MzMgMTAuOTEzOCAwLjc1IDEzLjc5MzEgMC43NSAxNy4zMzA1VjE4LjI0NzFIMTYuMzMzM1oiIGZpbGw9IiMyNDQ2NzIiLz4KPC9zdmc+Cg==); background-position: center; background-repeat: no-repeat; -webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .header--v2-account_button:hover { background-color: #F1F1F1; } .header--v2-cart_link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; border: 1px solid #C4CCD6; -webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .header--v2-cart_count { position: absolute; left: -webkit-calc(100% - 8px); left: calc(100% - 8px); top: -8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: 400; font-size: 12px; line-height: 11px; color: #FFFFFF; min-width: 17px; height: 17px; background: #30588D; -webkit-border-radius: 100px; border-radius: 100px; } .header--v2-cart_link:hover { background-color: #F1F1F1; } .header--v2-cart_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 2px; padding: 5px 16px 5px 0; } .header--v2-cart_price { font-weight: 400; font-size: 14px; line-height: 13px; color: #30588D; } .header--v2-cart_weight { font-weight: 400; font-size: 12px; line-height: 11px; color: #30588D; } .header--v2-cart_icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjUwMDEgMTguNTU1NkM4LjA5Mzc4IDE4LjU1NTYgOC43Nzc3OCAxNy44NzE1IDguNzc3NzggMTcuMDI3OEM4Ljc3Nzc4IDE2LjE4NCA4LjA5Mzc4IDE1LjUgNy4yNTAwMSAxNS41QzYuNDA2MjQgMTUuNSA1LjcyMjIzIDE2LjE4NCA1LjcyMjIzIDE3LjAyNzhDNS43MjIyMyAxNy44NzE1IDYuNDA2MjQgMTguNTU1NiA3LjI1MDAxIDE4LjU1NTZaIiBmaWxsPSIjMjQ0NjcyIi8+CjxwYXRoIGQ9Ik0xNS4xOTQ1IDE4LjU1NTZDMTYuMDM4MiAxOC41NTU2IDE2LjcyMjIgMTcuODcxNSAxNi43MjIyIDE3LjAyNzhDMTYuNzIyMiAxNi4xODQgMTYuMDM4MiAxNS41IDE1LjE5NDUgMTUuNUMxNC4zNTA3IDE1LjUgMTMuNjY2NyAxNi4xODQgMTMuNjY2NyAxNy4wMjc4QzEzLjY2NjcgMTcuODcxNSAxNC4zNTA3IDE4LjU1NTYgMTUuMTk0NSAxOC41NTU2WiIgZmlsbD0iIzI0NDY3MiIvPgo8cGF0aCBkPSJNMTkuMjI2OSAyLjkwNTkxQzE5LjE3IDIuODMxOTYgMTkuMDk2OCAyLjc3MjAzIDE5LjAxMzIgMi43MzA3MUMxOC45Mjk1IDIuNjg5NCAxOC44Mzc0IDIuNjY3OCAxOC43NDQxIDIuNjY3NThINC42Mjc0NEw0LjM1MjQ0IDEuNzkzNjlDNC4zMjIyNCAxLjY5OTg2IDQuMjY5NzggMS42MTQ3MyA0LjE5OTU1IDEuNTQ1NTZDNC4xMjkzMSAxLjQ3NjM5IDQuMDQzMzkgMS40MjUyNCAzLjk0OTExIDEuMzk2NDdMMS40NDM1NiAwLjYyNjQ2NkMxLjM2NjUxIDAuNjAyNzkyIDEuMjg1NTYgMC41OTQ1MjQgMS4yMDUzMyAwLjYwMjEzNEMxLjEyNTA5IDAuNjA5NzQ1IDEuMDQ3MTMgMC42MzMwODUgMC45NzU5MTggMC42NzA4MjFDMC44MzIwODggMC43NDcwMzQgMC43MjQ0MjQgMC44NzcyNjEgMC42NzY2MTEgMS4wMzI4NkMwLjYyODc5OSAxLjE4ODQ1IDAuNjQ0NzU0IDEuMzU2NjYgMC43MjA5NjYgMS41MDA0OUMwLjc5NzE3OSAxLjY0NDMyIDAuOTI3NDA3IDEuNzUxOTkgMS4wODMgMS43OTk4TDMuMjc2ODkgMi40NzIwMkw2LjA3NTc4IDExLjMxNDhMNS4wNzk2NyAxMi4xMzM3TDUuMDAwMjIgMTIuMjEzMUM0Ljc1Mzg4IDEyLjQ5ODQgNC42MTQzMiAxMi44NjA0IDQuNjA1NCAxMy4yMzcxQzQuNTk2NDggMTMuNjEzOSA0LjcxODc2IDEzLjk4MjEgNC45NTEzMyAxNC4yNzg3QzUuMTE3OSAxNC40ODEyIDUuMzI5NTUgMTQuNjQyIDUuNTY5MzcgMTQuNzQ4MUM1LjgwOTE5IDE0Ljg1NDIgNi4wNzA1MiAxNC45MDI4IDYuMzMyNDQgMTQuODg5OEgxNi41MzE5QzE2LjY5NCAxNC44ODk4IDE2Ljg0OTQgMTQuODI1NCAxNi45NjQgMTQuNzEwOEMxNy4wNzg2IDE0LjU5NjIgMTcuMTQzIDE0LjQ0MDggMTcuMTQzIDE0LjI3ODdDMTcuMTQzIDE0LjExNjYgMTcuMDc4NiAxMy45NjEyIDE2Ljk2NCAxMy44NDY2QzE2Ljg0OTQgMTMuNzMyIDE2LjY5NCAxMy42Njc2IDE2LjUzMTkgMTMuNjY3Nkg2LjIzNDY3QzYuMTY0MyAxMy42NjUyIDYuMDk1NzMgMTMuNjQ0NyA2LjAzNTYgMTMuNjA4QzUuOTc1NDcgMTMuNTcxNCA1LjkyNTgxIDEzLjUxOTkgNS44OTE0IDEzLjQ1ODRDNS44NTcgMTMuMzk3IDUuODM5MDIgMTMuMzI3NyA1LjgzOTIgMTMuMjU3M0M1LjgzOTM4IDEzLjE4NjkgNS44NTc3MiAxMy4xMTc3IDUuODkyNDQgMTMuMDU2NUw3LjM2NTIyIDExLjgzNDJIMTYuNzk0N0MxNi45MzQzIDExLjgzODMgMTcuMDcxIDExLjc5NDQgMTcuMTgyMiAxMS43MDk5QzE3LjI5MzQgMTEuNjI1NCAxNy4zNzIzIDExLjUwNTQgMTcuNDA1OCAxMS4zNjk4TDE5LjM2MTMgMy40MjUzNkMxOS4zNzk5IDMuMzM0MjUgMTkuMzc3NSAzLjI0MDEgMTkuMzU0MiAzLjE1MDA5QzE5LjMzMDkgMy4wNjAwNyAxOS4yODczIDIuOTc2NTYgMTkuMjI2OSAyLjkwNTkxVjIuOTA1OTFaIiBmaWxsPSIjMjQ0NjcyIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center; width: 34px; height: 34px; } .personal-area__menu.personal-area__menu--opened { max-height: 100px; border-color: #C7D4E3; } .header--v2 .header-city__choice { width: -webkit-max-content; width: -moz-max-content; width: max-content; overflow: auto; } .header--v2 .header-city__options { padding: 0; border: 1px solid rgba(87, 103, 126, 1); } .header--v2 .header-city__option { margin-bottom: 0; border-bottom: 1px solid rgba(87, 103, 126, 1); } .header--v2 .header-city__option:last-child { border-bottom: 0; } .header-city__option:hover { text-decoration: none; } .header--v2 .my_city-option { display: block; padding: 12px 13px; font-weight: 400; font-size: 14px; line-height: 100%; color: #30588D; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .header--v2 .my_city-option:hover { background-color: #F1F1F1; } .header--v2 .header-city__choice::-webkit-scrollbar, .header--v2-dropdown::-webkit-scrollbar { width: 10px; } .header--v2 .header-city__choice::-webkit-scrollbar-track, .header--v2-dropdown::-webkit-scrollbar-track { background-color: #ffffff; } .header--v2 .header-city__choice::-webkit-scrollbar-thumb, .header--v2-dropdown::-webkit-scrollbar-thumb { background: #30588D; border: 2px solid #ffffff; -webkit-border-radius: 10px; border-radius: 10px; } .header--v2-dropdown { z-index:1; position: absolute; top: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.15s ease-in-out; -o-transition: max-height 0.15s ease-in-out; transition: max-height 0.15s ease-in-out; } .header--v2-dropdown_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border: 1px solid #30588D; list-style: none; margin: 0; padding: 0; background: #ffffff; } .header--v2-menu__item:hover .header--v2-dropdown_container { position: initial; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header--v2-dropdown.header--v2-dropdown--show { max-height: 300px; } .header--v2-dropdown_item { /* border: 0.5px solid #30588D; */ margin: 0; padding: 0; background: #fff; } .header--v2-dropdown_item:last-child { border-bottom: none; } .header--v2-dropdown_link { display: block; padding: 12px 13px; font-weight: 400; font-size: 14px; line-height: 100%; color: #30588D; text-decoration: none; } .header--v2-dropdown_link:hover { background-color: #e84e0f; color: #fff; /* border-bottom: 1px solid #e84e0f; */ } .header--v2 .header-catalog { top: 100%; } .header-mobile_top { padding: 11px 0 18px 0; } .header-mobile_bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 15px; } .header--v2-menu-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; } .header--v2-menu-button { padding: 0; border: none; width: 30px; height: 30px; background: #FFFFFF; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyMCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIiIGZpbGw9IiMyNDQ2NzIiLz4KPHJlY3QgeT0iNiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIiIGZpbGw9IiMyNDQ2NzIiLz4KPHJlY3QgeT0iMTIiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyIiBmaWxsPSIjMjQ0NjcyIi8+Cjwvc3ZnPgo=); background-position: center; background-repeat: no-repeat; border: 1px solid rgba(87, 103, 126, 1); -webkit-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .header--v2-menu-button:hover { background-color: #F1F1F1; } .header-catalog--mobile { display: none; } .header--v2-catalog-header { font-weight: 400; font-size: 14px; line-height: 13px; color: #30588D; margin: 0; padding: 0; } .header--v2-catalog-item { font-weight: 400; font-size: 12px; line-height: 100%; color: #30588D; margin: 0; padding: 0; } .header--v2-catalog-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 12px; } .header--v2-catalog-item:hover, .header--v2-catalog-header:hover { text-decoration: underline; } .header--v2 .personal-area__menu-item { margin: 0; display: block; padding: 12px 13px; font-weight: 400; font-size: 14px; line-height: 100%; color: #30588D; text-decoration: none; border-bottom: 1px solid rgba(87, 103, 126, 1); -webkit-transition: none; -o-transition: none; transition: none; } .header--v2 .personal-area__menu-item:last-child { border-bottom: 0; } .header--v2 .personal-area__menu { background: #ffffff; border: none; right: 0; left: initial; -webkit-transform: initial; -ms-transform: initial; transform: initial; } .header--v2 .personal-area__menu--container { border: 1px solid rgba(87, 103, 126, 1); } .header--v2 .personal-area__menu-item:hover { background-color: #F1F1F1; } .header--v2_select-city { position: relative; } .header--v2_mobile-menu_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 25px; padding: 20px 0; } .header--v2-buttons--tablet { display: none; } .header--v2_mobile-menu { overflow: hidden; max-height: 0; -webkit-transition: max-height 0.3s ease-in-out; -o-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out; position: absolute; top: 100%; left: 0; background: #ffffff; width: 100%; } .header--v2_mobile-menu.header--v2_mobile-menu--show { max-height: 10000px; } @media (max-width: 1550px) { .header--v2-search_input { width: 300px; } } @media (max-width: 1450px) { .header--v2-search_input { width: 200px; } .header--v2-menu__item { font-size: 16px; } .header--v2-top__column--contacts { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1180px) { .header--v2--laptop { display: none; } .header--v2--mobile { display: block; } .header--v2-top__logo img { width: 150px; } .header--v2-menu__link { font-weight: 400; font-size: 14px; line-height: 13px; color: #30588D; } .header-catalog--mobile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-catalog--laptop { display: none; } .header--v2-catalog-column { margin: 15px 0; } .header-catalog--mobile { padding: 0; } .header--v2-search_input { width: 100%; } .header--v2-top__column--contacts { -ms-grid-columns: 1fr; grid-template-columns: 1fr; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; } } @media (max-width: 767px) { .header--v2-buttons { display: none; } .header--v2-buttons.header--v2-buttons--tablet { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; } .header--v2-button { text-align: center; } } .header--v2-1-button { display: block; text-decoration: none; cursor: pointer; border: none; -webkit-border-radius: 0; border-radius: 0; padding: 12px 22px; font-weight: bold; font-size: 12px; line-height: 100%; text-transform: uppercase; color: #FFFFFF; background: #e84e0f; border: 1px solid #e84e0f; -webkit-transition: background 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: background 0.15s ease-in-out, color 0.15s ease-in-out; transition: background 0.15s ease-in-out, color 0.15s ease-in-out; } .header--v2-1-button--outline, .header--v2-1-button:hover { background: transparent; color: #e84e0f; } .header--v2-1-button--outline:hover { color: #FFFFFF; background: #e84e0f; } /* End */ /* Start:/local/templates/listmet_header/assets/css/fancybox.css?167600817515598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* /local/templates/listmet_header/assets/css/bootstrap-grid.min.css?163369063148488 */ /* /local/templates/listmet_header/assets/css/owl.carousel.min.css?16758422883351 */ /* /local/templates/listmet_header/assets/css/owl.theme.default.min.css?16758422881021 */ /* /local/templates/listmet_header/template_styles.css?1747407276221563 */ /* /local/templates/listmet_header/assets/css/custom.css?176242101226693 */ /* /local/templates/listmet_header/assets/css/header.css?173866699629020 */ /* /local/templates/listmet_header/assets/css/fancybox.css?167600817515598 */