/* Start:/bitrix/templates/onesite.industry/assets/css/bootstrap-grid.min.css?177148761350884*/ /*! * Bootstrap Grid v4.4.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,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.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%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.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%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.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%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.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%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.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%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.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}} /* End */ /* Start:/bitrix/templates/onesite.industry/assets/css/swiper.min.css?17714876135576*/ /** * Swiper 7.2.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 27, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center} /* End */ /* Start:/bitrix/templates/onesite.industry/assets/css/fonts.css?17714876133176*/ @font-face { font-family: 'SFProDisplay'; src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Ultralight.eot'); src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Ultralight.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Ultralight.woff') format('woff'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Ultralight.ttf') format('truetype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Light.eot'); src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Light.woff') format('woff'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Regular.eot'); src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Regular.woff') format('woff'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Medium.eot'); src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Medium.woff') format('woff'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-SemiBold.eot'); src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-SemiBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-SemiBold.woff') format('woff'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'SFProDisplay'; src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Bold.eot'); src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Bold.woff') format('woff'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SFProDisplay-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Intro'; src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/Intro-Regular.eot'); src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/Intro-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/Intro-Regular.woff') format('woff'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/Intro-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Alice'; src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/Alice-Regular.eot'); src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/Alice-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/Alice-Regular.woff') format('woff'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/Alice-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'SpectralSC'; src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SpectralSC-SemiBold.eot'); src: url('/bitrix/templates/onesite.industry/assets/css/../fonts/SpectralSC-SemiBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SpectralSC-SemiBold.woff') format('woff'), url('/bitrix/templates/onesite.industry/assets/css/../fonts/SpectralSC-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/onesite.industry/assets/css/ion.rangeSlider.min.css?177148761311084*/ /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/.irs{position:relative;display:block;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-family:Arial,sans-serif}.irs-line{position:relative;display:block;overflow:hidden;outline:none !important}.irs-bar{position:absolute;display:block;left:0;width:0}.irs-shadow{position:absolute;display:none;left:0;width:0}.irs-handle{position:absolute;display:block;box-sizing:border-box;cursor:default;z-index:1}.irs-handle.type_last{z-index:2}.irs-min,.irs-max{position:absolute;display:block;cursor:default}.irs-min{left:0}.irs-max{right:0}.irs-from,.irs-to,.irs-single{position:absolute;display:block;top:0;left:0;cursor:default;white-space:nowrap}.irs-grid{position:absolute;display:none;bottom:0;left:0;width:100%;height:20px}.irs-with-grid .irs-grid{display:block}.irs-grid-pol{position:absolute;top:0;left:0;width:1px;height:8px;background:#000}.irs-grid-pol.small{height:4px}.irs-grid-text{position:absolute;bottom:0;left:0;white-space:nowrap;text-align:center;font-size:9px;line-height:9px;padding:0 3px;color:#000}.irs-disable-mask{position:absolute;display:block;top:0;left:-1%;width:102%;height:100%;cursor:default;background:rgba(0,0,0,0);z-index:2}.lt-ie9 .irs-disable-mask{background:#000;filter:alpha(opacity=0);cursor:not-allowed}.irs-disabled{opacity:.4}.irs-hidden-input{position:absolute !important;display:block !important;top:0 !important;left:0 !important;width:0 !important;height:0 !important;font-size:0 !important;line-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden;outline:none !important;z-index:-9999 !important;background:none !important;border-style:solid !important;border-color:transparent !important}.irs--flat{height:40px}.irs--flat.irs-with-grid{height:60px}.irs--flat .irs-line{top:25px;height:12px;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-bar{top:25px;height:12px;background-color:#ed5565}.irs--flat .irs-bar--single{border-radius:4px 0 0 4px}.irs--flat .irs-shadow{height:1px;bottom:16px;background-color:#e1e4e9}.irs--flat .irs-handle{top:22px;width:16px;height:18px;background-color:transparent}.irs--flat .irs-handle>i:first-child{position:absolute;display:block;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background-color:#da4453}.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child{background-color:#a43540}.irs--flat .irs-min,.irs--flat .irs-max{top:0;padding:1px 3px;color:#999;font-size:10px;line-height:1.333;text-shadow:none;background-color:#e1e4e9;border-radius:4px}.irs--flat .irs-from,.irs--flat .irs-to,.irs--flat .irs-single{color:white;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#ed5565;border-radius:4px}.irs--flat .irs-from:before,.irs--flat .irs-to:before,.irs--flat .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#ed5565}.irs--flat .irs-grid-pol{background-color:#e1e4e9}.irs--flat .irs-grid-text{color:#999}.irs--big{height:55px}.irs--big.irs-with-grid{height:70px}.irs--big .irs-line{top:33px;height:12px;background-color:white;background:linear-gradient(to bottom, #ddd -50%, white 150%);border:1px solid #ccc;border-radius:12px}.irs--big .irs-bar{top:33px;height:12px;background-color:#92bce0;border:1px solid #428bca;background:linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.5)}.irs--big .irs-bar--single{border-radius:12px 0 0 12px}.irs--big .irs-shadow{height:1px;bottom:16px;background-color:rgba(66,139,202,0.5)}.irs--big .irs-handle{top:25px;width:30px;height:30px;border:1px solid rgba(0,0,0,0.3);background-color:#cbcfd5;background:linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);box-shadow:1px 1px 2px rgba(0,0,0,0.2),inset 0 0 3px 1px white;border-radius:30px}.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{border-color:rgba(0,0,0,0.45);background-color:#939ba7;background:linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)}.irs--big .irs-min,.irs--big .irs-max{top:0;padding:1px 5px;color:white;text-shadow:none;background-color:#9f9f9f;border-radius:3px}.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:white;text-shadow:none;padding:1px 5px;background-color:#428bca;background:linear-gradient(to bottom, #428bca 0%, #3071a9 100%);border-radius:3px}.irs--big .irs-grid-pol{background-color:#428bca}.irs--big .irs-grid-text{color:#428bca}.irs--modern{height:55px}.irs--modern.irs-with-grid{height:55px}.irs--modern .irs-line{top:25px;height:5px;background-color:#d1d6e0;background:linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);border:1px solid #a3adc1;border-bottom-width:0;border-radius:5px}.irs--modern .irs-bar{top:25px;height:5px;background:#20b426;background:linear-gradient(to bottom, #20b426 0%, #18891d 100%)}.irs--modern .irs-bar--single{border-radius:5px 0 0 5px}.irs--modern .irs-shadow{height:1px;bottom:21px;background-color:rgba(209,214,224,0.5)}.irs--modern .irs-handle{top:37px;width:12px;height:13px;border:1px solid #a3adc1;border-top-width:0;box-shadow:1px 1px 1px rgba(0,0,0,0.1);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(1){position:absolute;display:block;top:-4px;left:1px;width:6px;height:6px;border:1px solid #a3adc1;background:white;transform:rotate(45deg)}.irs--modern .irs-handle>i:nth-child(2){position:absolute;display:block;box-sizing:border-box;top:0;left:0;width:10px;height:12px;background:#e9e6e6;background:linear-gradient(to bottom, white 0%, #e9e6e6 100%);border-radius:0 0 3px 3px}.irs--modern .irs-handle>i:nth-child(3){position:absolute;display:block;box-sizing:border-box;top:3px;left:3px;width:4px;height:5px;border-left:1px solid #a3adc1;border-right:1px solid #a3adc1}.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover{border-color:#7685a2;background:#c3c7cd;background:linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)}.irs--modern .irs-handle.state_hover>i:nth-child(1),.irs--modern .irs-handle:hover>i:nth-child(1){border-color:#7685a2}.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3){border-color:#48536a}.irs--modern .irs-min,.irs--modern .irs-max{top:0;font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;color:white;background-color:#d1d6e0;border-radius:5px}.irs--modern .irs-from,.irs--modern .irs-to,.irs--modern .irs-single{font-size:10px;line-height:1.333;text-shadow:none;padding:1px 5px;background-color:#20b426;color:white;border-radius:5px}.irs--modern .irs-from:before,.irs--modern .irs-to:before,.irs--modern .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#20b426}.irs--modern .irs-grid{height:25px}.irs--modern .irs-grid-pol{background-color:#dedede}.irs--modern .irs-grid-text{color:silver;font-size:13px}.irs--sharp{height:50px;font-size:12px;line-height:1}.irs--sharp.irs-with-grid{height:57px}.irs--sharp .irs-line{top:30px;height:2px;background-color:black;border-radius:2px}.irs--sharp .irs-bar{top:30px;height:2px;background-color:#ee22fa}.irs--sharp .irs-bar--single{border-radius:2px 0 0 2px}.irs--sharp .irs-shadow{height:1px;bottom:21px;background-color:rgba(0,0,0,0.5)}.irs--sharp .irs-handle{top:25px;width:10px;height:10px;background-color:#a804b2}.irs--sharp .irs-handle>i:first-child{position:absolute;display:block;top:100%;left:0;width:0;height:0;border:5px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover{background-color:black}.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child{border-top-color:black}.irs--sharp .irs-min,.irs--sharp .irs-max{color:white;font-size:14px;line-height:1;top:0;padding:3px 4px;opacity:.4;background-color:#a804b2;border-radius:2px}.irs--sharp .irs-from,.irs--sharp .irs-to,.irs--sharp .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 4px;background-color:#a804b2;color:white;border-radius:2px}.irs--sharp .irs-from:before,.irs--sharp .irs-to:before,.irs--sharp .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#a804b2}.irs--sharp .irs-grid{height:25px}.irs--sharp .irs-grid-pol{background-color:#dedede}.irs--sharp .irs-grid-text{color:silver;font-size:13px}.irs--round{height:50px}.irs--round.irs-with-grid{height:65px}.irs--round .irs-line{top:36px;height:4px;background-color:#dee4ec;border-radius:4px}.irs--round .irs-bar{top:36px;height:4px;background-color:#006cfa}.irs--round .irs-bar--single{border-radius:4px 0 0 4px}.irs--round .irs-shadow{height:4px;bottom:21px;background-color:rgba(222,228,236,0.5)}.irs--round .irs-handle{top:26px;width:24px;height:24px;border:4px solid #006cfa;background-color:white;border-radius:24px;box-shadow:0 1px 3px rgba(0,0,255,0.3)}.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover{background-color:#f0f6ff}.irs--round .irs-min,.irs--round .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1);border-radius:4px}.irs--round .irs-from,.irs--round .irs-to,.irs--round .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:#006cfa;color:white;border-radius:4px}.irs--round .irs-from:before,.irs--round .irs-to:before,.irs--round .irs-single:before{position:absolute;display:block;content:"";bottom:-6px;left:50%;width:0;height:0;margin-left:-3px;overflow:hidden;border:3px solid transparent;border-top-color:#006cfa}.irs--round .irs-grid{height:25px}.irs--round .irs-grid-pol{background-color:#dedede}.irs--round .irs-grid-text{color:silver;font-size:13px}.irs--square{height:50px}.irs--square.irs-with-grid{height:60px}.irs--square .irs-line{top:31px;height:4px;background-color:#dedede}.irs--square .irs-bar{top:31px;height:4px;background-color:black}.irs--square .irs-shadow{height:2px;bottom:21px;background-color:#dedede}.irs--square .irs-handle{top:25px;width:16px;height:16px;border:3px solid black;background-color:white;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover{background-color:#f0f6ff}.irs--square .irs-min,.irs--square .irs-max{color:#333;font-size:14px;line-height:1;top:0;padding:3px 5px;background-color:rgba(0,0,0,0.1)}.irs--square .irs-from,.irs--square .irs-to,.irs--square .irs-single{font-size:14px;line-height:1;text-shadow:none;padding:3px 5px;background-color:black;color:white}.irs--square .irs-grid{height:25px}.irs--square .irs-grid-pol{background-color:#dedede}.irs--square .irs-grid-text{color:silver;font-size:11px} /* End */ /* Start:/bitrix/templates/onesite.industry/assets/css/select2.min.css?177148761314966*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/bitrix/templates/onesite.industry/assets/css/jquery.fancybox.min.css?177148761312795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/onesite.industry/assets/css/style.css?1771487613161653*/ @charset "UTF-8"; :root { --primary: #E7B65C; --primary-lighten: #ffd587; --success: #44C373; --danger: #e32227; --info: #8f00ff; --light: #9F9F9F; --lighter: #faf9fb; --dark: #000; --fm: "SFProDisplay", sans-serif; --line-height-base: 1.2; --border-color: #E7EDF3; --dt: all .3s ease; --border-radius: 21px; } 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; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } * { outline: 0 !important; -webkit-tap-highlight-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } html { overflow-x: hidden; height: 100%; font-family: var(--fm); } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 320px; min-height: 100%; font-weight: 400; font-size: 16px; line-height: 1.2; color: var(--dark, #000); background-color: #fff; overflow-x: hidden; } header, section, footer { font-family: var(--fm); } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } img { max-width: 100%; } a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; color: var(--primary); } textarea, input[type=text], input[type=password], input[type=email], input[type=submit] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; overflow: hidden; font-family: inherit; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus { -webkit-text-fill-color: var(--dark, #000); -webkit-box-shadow: 0 0 0 1000px #fff inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; line-height: 1; font: 400 14px/1 var(--fm); } textarea { resize: none; } button { cursor: pointer; outline: none; border: none; -webkit-transition: var(--dt); transition: var(--dt); font: 400 14px/1 var(--fm); } ul.tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } ul.tabs li { cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; } .tab-pane { visibility: hidden; height: 0; overflow-y: hidden; -webkit-transition: opacity 0.7s ease; transition: opacity 0.7s ease; opacity: 0; } .tab-pane.current { visibility: visible; height: auto; overflow-y: visible; opacity: 1; } .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 19px 46px; text-decoration: none; font-weight: 500; font-size: 18px; line-height: 21px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; outline: 0; border: none; border-radius: 0; background-color: transparent; } .btn--fullwidth { width: 100%; } .btn--white { border: 1px solid #fff; color: #fff; } .btn--white:hover { background-color: #fff; color: #000; } .btn--dark { border: 1px solid #000; color: #000; } .btn--dark:hover { background-color: #000; color: #fff; } .icon\:search-alt { width: 18px; height: 18px; min-width: 18px; } .icon\:user { width: 14px; height: 18px; min-width: 14px; } .icon\:heart-outline { width: 18px; height: 17px; min-width: 18px; } .icon\:phone { width: 33px !important; height: 33px !important; min-width: 33px !important; } .container-fluid { padding-right: 20px; padding-left: 20px; } .top\:0 { top: 0 !important; } .flex\:center { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } @media (min-width: 1200px) { .container-fluid { padding-right: 46px; padding-left: 46px; } } .section__title { margin-bottom: 38px; font: 200 48px/57px var(--fm); } .section__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .section__header .section__title { margin: 0; } .section__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; gap: 14px; font: 400 20px/25px var(--fm); text-decoration: underline; letter-spacing: 0.02em; color: #3578BA; } .section__link:hover { text-decoration-color: transparent; } .section__link .icon { width: 7px; height: 10px; } .slider-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: var(--dt); transition: var(--dt); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swiper-button-disabled { cursor: default; } @media (max-width: 991px) { .section__title { margin-bottom: 33px; font: 200 30px/36px var(--fm); } } body.compensate-for-scrollbar { margin-right: 0 !important; } .modal { display: none; } .modal-close { display: none; } .modal-title { margin-bottom: 37px; text-align: center; font: 500 14px/16px var(--fm); letter-spacing: 0.01em; text-transform: uppercase; color: rgba(0, 0, 0, 0.9); } .form-group { margin-bottom: 13px; } .form-caption { margin-bottom: 12px; font: 400 14px/16px var(--fm); color: #8F8F8F; } .form-control { display: block; width: 100%; padding: 15px 24px; border: 1px solid #000; font: 400 14px/16px var(--fm); } .custom-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; } .custom-checkbox__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 17px; height: 17px; min-width: 17px; border: 1px solid #000; } .custom-checkbox__text { display: inline-block; font: 400 12px/14px var(--fm); color: #8F8F8F; } .custom-checkbox__text a { color: rgb(53, 120, 186); text-decoration: underline; } .custom-checkbox__text a:hover { text-decoration-color: transparent; } .custom-checkbox__value { position: absolute; width: 0; height: 0; fill: rect(0, 0, 0); } .form-footer { margin-top: 46px; } .modal-callback { width: 346px; padding: 47px 18px 20px; } .modal-callback .custom-checkbox--privacy { margin-top: 13px; } .modal-callback .form-footer .btn { width: 100%; height: 48px; padding: 14px; background-color: rgba(0, 0, 0, 0.9); -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.11); box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.11); color: #fff; font: 400 14px/17px var(--fm); } .modal-callback .form-footer .btn:hover { background-color: #fff; color: #000; } @media (max-width: 575px) { .fancybox-slide--html .fancybox-close-small { /*display: none;*/ } .fancybox-bg { background-color: #000; } .fancybox-is-open .fancybox-bg { opacity: 1; } .modal { position: relative; margin-top: 201px; overflow: visible; } .modal-close { position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: calc(100% + 88px); color: #B8B8B8; } .modal-close .icon { width: 65px; height: 66px; } } .main-header { position: relative; z-index: 101; } .top-line { padding: 7px 0; background-color: #1D1C22; } .top-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font: 500 12px/14px var(--fm); letter-spacing: 0.025em; gap: 34px; } .top-menu a { display: block; color: rgba(255, 255, 255, 0.8); text-decoration: underline; text-decoration-color: transparent; } .top-menu a:hover { color: #fff; text-decoration-color: currentColor; } .header-location { position: relative; } .header-location:hover .header-location__body, .header-location:hover .header-location-bg { opacity: 1; visibility: visible; } .header-location__head { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 12px; font: 500 12px/14px var(--fm); letter-spacing: 0.025em; color: rgba(255, 255, 255, 0.8); } .header-location__current { border-bottom: 1px solid currentColor; cursor: pointer; -webkit-transition: var(--dt); transition: var(--dt); } .header-location__current:hover { border-color: transparent; } .header-location__body { position: absolute; top: calc(100% + 20px); right: -40px; width: 346px; padding: 50px 49px; background-color: #fff; -webkit-transition: var(--dt); transition: var(--dt); opacity: 0; visibility: hidden; z-index: 51; } .header-location__body::before { content: ""; position: absolute; bottom: 100%; left: 0; right: 0; height: 20px; } .header-location__body::after { content: ""; position: absolute; bottom: 100%; right: 50px; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 11px 10px; border-color: transparent transparent #fff transparent; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .header-location__body a { display: block; margin-bottom: 40px; font: 500 14px/16px var(--fm); letter-spacing: 0.01em; text-transform: uppercase; color: #8F8F8F; } .header-location__body a:hover { color: #000; } .header-location__body a:last-child { margin-bottom: 0; } .header-location__body a.current { color: #000; } .header-location-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 41; pointer-events: none; -webkit-transition: var(--dt); transition: var(--dt); opacity: 0; } .header-cart-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 40px; color: #fff; } .header-cart-link .icon { width: 14px; height: 14px; min-width: 14px; } .header-phone { margin-right: 30px; font: 500 12px/14px var(--fm); letter-spacing: 0.025em; color: rgba(255, 255, 255, 0.8); } .header-phone:hover { color: #fff; } .header-sticky { z-index: 99; } .info-line { position: relative; border-bottom: 1px solid #173a76; background-color: #000; } .header-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 72px; min-width: 72px; margin-right: 45px; } .col-primary-menu { position: static; } .primary-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 51px; } .primary-menu > li:hover .primary-menu__link .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .primary-menu > li:hover .primary-menu__submenu { opacity: 1; visibility: visible; } .primary-menu a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; color: rgba(0, 0, 0, 0.9); text-transform: uppercase; letter-spacing: 0.06em; font: 500 13px/14px var(--fm); } .primary-menu a span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 30px; position: relative; } .primary-menu a span::after { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 0; border-bottom: 2px solid #2D7591; -webkit-transition: var(--dt); transition: var(--dt); } .primary-menu a:hover { color: #000; } .primary-menu a:hover span::after { width: 100%; } .primary-menu .icon { width: 10px; height: 6px; min-width: 10px; -webkit-transition: var(--dt); transition: var(--dt); } .primary-menu li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 79px; } .primary-menu__link { position: relative; } .primary-menu__submenu { position: absolute; top: calc(100% + 1px); left: 0; right: 0; padding: 0 0 0 230px; gap: 20px 68px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; pointer-events: none; z-index: 21; } .primary-menu__submenu::after { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 300%; min-height: 300vh; background: rgba(0, 0, 0, 0.3); z-index: -1; pointer-events: none; } .primary-menu__submenu ul { padding: 50px 0; } .primary-menu__submenu a { font-size: 14px; padding: 0 35px; } .submenu-parent { position: relative; width: 35%; min-height: 400px; background-color: #fff; pointer-events: all; z-index: 21; } .submenu-parent::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 50vw; background-color: #fff; z-index: -1; } .submenu-parent li { width: 100%; height: auto; margin-bottom: 15px; } .submenu-parent li:hover > a { color: #000; } .submenu-parent li:hover > ul { opacity: 1; visibility: visible; } .submenu-parent li:last-child { margin-bottom: 0; } .submenu-parent a { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #838383; } .submenu-parent a .icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .submenu-child { position: absolute; top: 0; left: 100%; width: 100%; min-height: 100%; -webkit-box-shadow: -1px 0 0 0 #D9D9D9; box-shadow: -1px 0 0 0 #D9D9D9; background-color: #fff; -webkit-transition: var(--dt); transition: var(--dt); opacity: 0; visibility: hidden; } .submenu-child a { text-transform: none; } .product-menu { font: 500 16px/1.175 var(--fm); } .product-menu .product-menu__thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-menu .product-menu__title { display: block; margin: 0 0 8px; padding: 0; text-transform: uppercase; text-align: center; letter-spacing: 0.025em; color: rgba(0, 0, 0, 0.9); } .product-menu .product-menu__title:hover { color: #555; } .product-menu .product-menu__price-old { text-decoration-line: line-through; color: #AFAFAF; } .product-menu__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } .product-menu__content { padding: 33px; } .submenu-child--product li { margin: 0 0 64px; } .submenu-child--product li:last-child { margin: 0; } .stock-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .stock-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: -1px 0 0 0 #000; box-shadow: -1px 0 0 0 #000; } .stock-menu a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 165px; height: 79px; font: 500 12px/14px var(--fm); letter-spacing: 0.06em; text-transform: uppercase; color: rgba(0, 0, 0, 0.9); } .stock-menu a:hover span::after { width: 100%; } .stock-menu span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 30px; position: relative; } .stock-menu span::after { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 0; border-bottom: 2px solid #000; -webkit-transition: var(--dt); transition: var(--dt); } .col-header-search { position: relative; } .header-search { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: var(--dt); transition: var(--dt); } .header-search.open { opacity: 1; visibility: visible; } .header-search .form-control { padding: 15px 17px; font-weight: 500; font-size: 12px; line-height: 117.5%; border-color: rgba(0, 0, 0, 0.08); } .header-search .form-control::-webkit-input-placeholder { color: #A4A4A4; text-transform: uppercase; font: inherit; } .header-search .form-control::-moz-placeholder { color: #A4A4A4; text-transform: uppercase; font: inherit; } .header-search .form-control:-ms-input-placeholder { color: #A4A4A4; text-transform: uppercase; font: inherit; } .header-search .form-control::-ms-input-placeholder { color: #A4A4A4; text-transform: uppercase; font: inherit; } .header-search .form-control::placeholder { color: #A4A4A4; text-transform: uppercase; font: inherit; } .header-search .btn-submit { background-color: transparent; color: #000; cursor: pointer; -webkit-transition: var(--dt); transition: var(--dt); } .header-search .btn-submit:hover { color: #999; } .header-search-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 17px; height: 17px; min-width: 17px; } .header-search-link .icon { width: 16px; height: 16px; } .header-search-link .icon:nth-child(2) { display: none; } .header-search-link.open .icon:nth-child(1) { display: none; } .header-search-link.open .icon:nth-child(2) { display: inline; } .user-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 165px; min-width: 164px; height: 79px; padding: 28px; gap: 26px; -webkit-box-shadow: -1px 0 0 0 #000; box-shadow: -1px 0 0 0 #000; } .user-menu li { display: -webkit-box; display: -ms-flexbox; display: flex; } .user-menu a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #000; } .user-menu a:hover { color: #888; -webkit-transform: translateY(-2px); transform: translateY(-2px); } .header-callback { width: 150px; padding: 12px 2px; font: 500 14px/16px var(--fm); } .additional-line { border-bottom: 1px solid #000; } .shop-slogan { padding: 58px 0 63px; font: 400 20px/23px var(--fm); } .top-letter { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 170px; width: 165px; -webkit-box-shadow: -1px 0 0 0 #000; box-shadow: -1px 0 0 0 #000; } .top-letter img { display: block; width: 100%; height: 100%; } .letter-slider { width: 100%; height: 100%; overflow: hidden; } .letter-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 170px; width: 150px; gap: 16px; } .header-social img { max-width: 22px; } .mobile-menu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: auto; padding: 32px 20px 30px; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: var(--dt); transition: var(--dt); z-index: 301; } .mobile-menu.open { opacity: 1; visibility: visible; } .mobile-menu .header-location { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile-menu .header-location .icon { width: 8px; height: 8px; margin-left: -5px; } .mobile-menu .header-location__head { color: #000; font-size: 12px; line-height: 117.5%; } .mobile-menu .user-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-top: 32px; padding: 0; -webkit-box-shadow: none; box-shadow: none; } .mobile-menu .header-social { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: auto; width: 100%; margin-top: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile-cart-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; } .mobile-cart-link__count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 33px; height: 20px; background-color: #DA0000; color: #fff; border-radius: 21px; margin-left: 8px; } .menu-close { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 30px; right: 20px; z-index: 99; } .menu-close .icon { width: 18px; height: 18px; } .mobile-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 22px; } .mobile-menu__list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; gap: 8px; font: 600 14px/16px var(--fm); letter-spacing: 0.01em; text-transform: uppercase; color: rgba(0, 0, 0, 0.9); } .mobile-menu__list a.open .icon { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .mobile-menu__list a .icon { width: 10px; height: 6px; min-width: 10px; -webkit-transition: var(--dt); transition: var(--dt); } .mobile-menu__list ul { display: none; width: 160px; margin-top: 14px; padding: 22px 0; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; } .mobile-menu__list ul li { margin-bottom: 22px; } .mobile-menu__list ul li:last-child { margin-bottom: 0; } .mobile-menu__list ul a { font-weight: 500; color: #8F8F8F; } .mobile-menu__search { position: relative; } .mobile-menu__search .form-control { text-align: center; } .mobile-menu__search .btn-submit { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; color: #000; background-color: transparent; } .mobile-menu__search .btn-submit .icon { width: 18px; height: 18px; } .user-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 29px; } .user-mobile a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; color: #fff; } .user-mobile .icon { width: 38px; height: 38px; } .modal-location { width: 346px; max-width: 100%; } .modal-location__list { padding: 64px 5px 52px; } .modal-location__list li { margin-bottom: 40px; } .modal-location__list li:last-child { margin-bottom: 0; } .modal-location__list a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-weight: 500; font-size: 14px; line-height: 117.5%; letter-spacing: 0.01em; text-transform: uppercase; color: #8F8F8F; } .modal-location__list a.current { color: rgba(0, 0, 0, 0.9); } .modal-location__list .icon { width: 14px; height: 14px; } @media (min-width: 992px) { .info-line { background-color: #fff; } } @media (max-width: 1365px) { .primary-menu { gap: 20px; } .stock-menu a { width: 140px; } .user-menu { width: 140px; min-width: 140px; padding: 15px; } .header-callback, .top-letter, .header-social { width: 140px; } } @media (max-width: 1199px) { .col-primary-menu{ margin-left: auto; } .header-logo { margin-right: 20px; } .header-callback { display: none; } .primary-menu { gap: 20px; } .primary-menu a { font-size: 10px; } } @media (max-width: 991px) { .main-header { padding: 14px 0; background-color: #000; } .header-search, .top-line, .primary-menu, .stock-menu, .user-menu, .additional-line { display: none; } .header-logo { width: 80px; min-width: 80px; } } @media (max-width: 767px) { .header-logo { width: 62px; min-width: 62px; } } .hero-content { display: -webkit-box; display: -ms-flexbox; display: flex; } .hero-slider { position: relative; width: var(--size); min-width: var(--size); overflow: hidden; z-index: 32; width: 100%; } .hero-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 512px; padding: 47px 42px 79px; background-size: cover; background-repeat: no-repeat; background-position: center top; z-index: 10; } .hero-item__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .hero-item__bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; } .hero-item__title { max-width: 420px; margin-top: auto; font-weight: 400; font-size: 30px; line-height: 117.5%; color: rgba(255, 255, 255, 0.9); font-family: "Intro", sans-serif; } .hero-pagination { position: absolute; bottom: 36px; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 26px; z-index: 1; } .swiper-pagination-bullet { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.4); -webkit-transition: var(--dt); transition: var(--dt); cursor: pointer; } .swiper-pagination-bullet-active { background-color: #fff; } .hero-static { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .hero-letters { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top-letter-divide { width: 100%; border-bottom: 1px solid #000; } img.letter-contain { margin-top: 10px; -o-object-fit: contain; object-fit: contain; height: auto; } .hero-products { position: relative; } .hero-products:hover { z-index: 51; } .hero-products-slider { position: absolute; width: 328px; z-index: 21; overflow: hidden; } .hero-products-slider:nth-child(1) { top: 0; left: -164px; -webkit-box-shadow: 1px 0 0 0 #000; box-shadow: 1px 0 0 0 #000; } .hero-products-slider:nth-child(2) { /*top: 33.333%;*/ left: 2px; -webkit-transform: translateX(100%); transform: translateX(100%); } .hero-products-slider:nth-child(2) .hero-product { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; text-align: right; } .hero-products-slider:nth-child(3) { top: 66.666%; left: 0; -webkit-transform: translateX(50%); transform: translateX(50%); margin-top: -57px; } .hero-product { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-product::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #000; opacity: 0; -webkit-transition: var(--dt); transition: var(--dt); pointer-events: none; z-index: 31; } .hero-product:hover::before { opacity: 1; } .hero-product:hover .hero-product__content { background-color: #000; } .hero-product:hover * { color: #fff; } .hero-product__thumb { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 165px; height: 170px; overflow: hidden; min-width: 165px; } .hero-product__thumb img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .hero-product__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 165px; height: 170px; min-width: 165px; padding: 18px; background-color: #fff; -webkit-transition: var(--dt); transition: var(--dt); } .hero-product__title { display: block; margin-top: auto; font: 500 14px/16px var(--fm); color: #000; -webkit-transition: var(--dt); transition: var(--dt); } .hero-product__price { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 26px; padding-top: 12px; font: 500 16px/19px var(--fm); -webkit-transition: var(--dt); transition: var(--dt); } .hero-product__price::before { content: ""; position: absolute; top: 0; right: -11px; left: -11px; height: 1px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .hero-product__price a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: inherit; -webkit-transition: none; transition: none; } .hero-product__price .icon { width: 22px; height: 22px; opacity: 0.8; } .hero-product-pagination { position: absolute; left: 0; right: 0; bottom: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 8px; z-index: 21; } .hero-product-pagination i, .hero-product-pagination .swiper-pagination-bullet { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 4px; height: 4px; border-radius: 20px; background-color: #8C8C8C; -webkit-transition: var(--dt); transition: var(--dt); } .hero-product-pagination i.active, .hero-product-pagination .swiper-pagination-bullet-active { width: 17px; background-color: #000; } .hero-product-next { position: absolute; right: 0; bottom: 0; width: 24px; height: 33px; background-color: #000; color: rgba(255, 255, 255, 0.8); cursor: pointer; z-index: 61; } .hero-product-next .icon { width: 9px; height: 15px; } .hero-product-alt { -webkit-transition: var(--dt); transition: var(--dt); margin-left: 50%; } .hero-product-alt:hover { margin-left: 0; } .hero-product-alt:hover::before { content: none; } .hero-product-alt:hover * { color: #000; } .hero-product-alt:hover .hero-product__content { margin-left: 0; opacity: 1; visibility: visible; background-color: #fff; } .hero-product-alt .hero-product__title { text-decoration: underline; text-decoration-color: transparent; } .hero-product-alt .hero-product__title:hover { text-decoration-color: currentColor; } .hero-product-alt .hero-product__content { opacity: 0; visibility: hidden; } .hero-arrows { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; left: 10px; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 31; pointer-events: none; } .hero-arrows .slider-arrow { display: none; /*display: -webkit-box;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; height: 84px; cursor: pointer; color: rgba(255, 255, 255, 0.8); pointer-events: all; -webkit-transition: var(--dt); transition: var(--dt); } .hero-arrows .slider-arrow:hover { color: #fff; } .hero-arrows .icon { width: 14px; height: 33px; opacity: 0.8; } @media (max-width: 1365px) { .hero-products-slider { width: 280px; } .hero-products-slider:nth-child(1) { left: -141px; } .hero-product__thumb, .hero-product__content { width: 140px; min-width: 140px; } } @media (max-width: 991px) { .hero-slider { width: 100%; } .hero-products { display: none; } .hero-static { display: none; } } @media (max-width: 991px) { .hero-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; height: 728px; padding: 137px 20px; } .hero-item__logo { margin-top: auto; text-align: center; } .hero-item__logo img { max-width: 422px; } .hero-item__title { margin-top: 5px; font: 400 24px/28px var(--fm); } .swiper-pagination-bullet { width: 6px; height: 6px; } .hero-arrows { top: unset; bottom: -6px; right: 3px; left: 3px; -webkit-transform: none; transform: none; } } @media (max-width: 575px) { .hero-item__title { margin-top: 11px; } .hero-item__logo img { max-width: 299px; } } .s-categories { padding-top: 62px; } .categories__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 37px 48px; } .category__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 21px 41px; text-align: center; font: 400 18px/21px var(--fm); letter-spacing: 0.03em; color: rgba(0, 0, 0, 0.9); border: 1px solid #000; } .category__link:hover { background-color: #000; color: #fff; } .category__link--more { border: none; text-decoration: underline; } @media (max-width: 991px) { .s-categories { padding-top: 41px; } .categories__list { gap: 12px 10px; } .category__link { padding: 11px 27px; font: 400 14px/16px var(--fm); } .category__link--more { padding: 11px 12px; } } .s-product-slider { position: relative; padding-top: 60px; z-index: 51; } .product-item { position: relative; /*border: 1px solid transparent;*/ border-bottom: 0; -webkit-transition: var(--dt); transition: var(--dt); margin-bottom: 30px; } .product-item__thumb { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 275px; /*-webkit-box-shadow: 0 0 0 1px #DCDCDC;*/ /*box-shadow: 0 0 0 1px #DCDCDC;*/ -webkit-transition: var(--dt); transition: var(--dt); overflow: hidden; } .product-item__labels { position: absolute; top: 13px; left: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-item__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 54px; padding: 11px; font: 500 14px/16px var(--fm); letter-spacing: 0.02em; color: #fff; } .product-item__label--new { background-color: #356A41; } .product-item__label--discount { background-color: #000; } .product-item__label--discount-alt { background-color: #2D7591; } .product-item__label--top { background-color: #000; } .product-item__thumb__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .product-item__content { padding-top: 10px; -webkit-transition: var(--dt); transition: var(--dt); } .product-item__title { display: block; font: 500 15px/18px var(--fm); color: #757575; /*min-height: 36px;*/ } .product-item__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; margin-top: 10px; margin-bottom: 10px; } .product-item__price { color: #757575; font: 500 16px/19px var(--fm); } .product-item__price-old { color: #AFAFAF; text-decoration-line: line-through; font: 500 16px/19px var(--fm); } .product-item__footer { /*position: absolute;*/ /*top: 100%;*/ /*right: -1px;*/ /*left: -1px;*/ padding-top: 8px; /*border: 1px solid #000;*/ border-top: 0; /*opacity: 0;*/ /*visibility: hidden;*/ /*-webkit-transition: var(--dt);*/ /*transition: var(--dt);*/ } .product-item__favorite { position: absolute; right: 27px; bottom: calc(100% + 11px); color: #3C3C3C; } .product-item__favorite .icon { width: 19px; height: 19px; } .product-item__cart-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; margin: -1px; background-color: #3183A2; color: #fff; font: 500 14px/16px var(--fm); width: 130px; } .product-item__cart-link .icon { position: absolute; width: 17px; height: 16px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 10%; } .product-slider-container { position: relative; } .product-slider { position: relative; -webkit-transition: var(--dt); transition: var(--dt); } .product-slider .product-slide { width: 257px; margin-right: 28px; -webkit-transition: var(--dt); transition: var(--dt); } .product-slider .product-slide:hover { /*width: 301px;*/ width: 270px; } .product-slider .product-slide:last-child { margin-right: 0; } .product-slider.translated { -webkit-transform: translateX(-22px); transform: translateX(-22px); } .product-arrow { position: absolute; right: -46px; top: 134px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; height: 84px; color: rgba(255, 255, 255, 0.8); cursor: pointer; background-color: #3183A2; -webkit-transition: var(--dt); transition: var(--dt); z-index: 51; } .product-arrow:hover { background-color: #222; color: #fff; } .product-arrow.swiper-button-disabled { opacity: 0; visibility: hidden; } .product-arrow .icon { width: 14px; height: 33px; } .product-prev { right: auto; left: -46px; } .product-prev .icon { -webkit-transform: scaleX(-1); transform: scaleX(-1); } .product-item__size { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 44px; height: 38px; border: 1px solid rgba(0, 0, 0, 0.15); font: 400 15px/18px var(--fm); letter-spacing: 0.02em; color: rgba(0, 0, 0, 0.35); cursor: pointer; -webkit-transition: var(--dt); transition: var(--dt); } .product-item__size.current { border-color: #000; color: #000; } .product-item__size.not-available { color: #2D7591; border-color: #2D7591; pointer-events: none; } .product-item__sizes { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 12px; position: absolute; top: 13px; left: 65px; right: 11px; opacity: 0; -webkit-transition: var(--dt); transition: var(--dt); } .product-item__sizes::before { content: ""; position: absolute; top: 0; right: -8px; bottom: 0; width: 64px; background: linear-gradient(270.92deg, #fff 0.79%, rgba(255, 255, 255, 0) 148.43%); z-index: 21; pointer-events: none; } .product-item__sizes.expanded .sizes-slider { width: 100%; } .product-item__sizes.expanded .btn-sizes-expand { display: none; } .btn-sizes-expand { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 36px; height: 38px; cursor: pointer; color: #A4A4A4; } .btn-sizes-expand:hover { color: #000; } .btn-sizes-expand .icon { width: 8px; height: 14px; } .sizes-slider { width: 160px; overflow: hidden; } .sizes-slider:not(.swiper-initialized) .swiper-slide { margin-right: 12px; } .sizes-slider .swiper-slide { width: auto; } .product-item__colors { position: absolute; top: 50%; right: 17px; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 15px 13px 12px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 21px; opacity: 0; visibility: hidden; -webkit-transition: var(--dt); transition: var(--dt); } .product-item__color { position: relative; display: block; width: 13px; height: 13px; margin-bottom: 16px; border-radius: 50%; cursor: pointer; } .product-item__color::after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border-radius: 50%; border: 1px solid #000; opacity: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: var(--dt); transition: var(--dt); } .product-item__color:nth-child(n+4) { display: none; } .product-item__color.current::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .colors-toggle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-top: 10px; color: #A4A4A4; cursor: pointer; } .colors-toggle:hover { color: #000; } .colors-toggle.open { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .colors-toggle .icon { width: 13px; height: 8px; } .product-item:hover { border-color: #000; } .product-item:hover .product-item__title { color: rgba(0, 0, 0, 0.9); } .product-item:hover .product-item__footer, .product-item:hover .product-item__sizes, .product-item:hover .product-item__colors { opacity: 1; visibility: visible; } @media (max-width: 991px) { .s-product-slider { overflow: hidden; padding: 41px 0 40px; } .product-arrow { width: 32px; height: 64px; right: -20px; } .product-prev { left: -20px; } } .tabs--filter { margin: 0 0 82px; } .tabs-links--filter { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 41px; gap: 0 110px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font: 300 20px/1.175 var(--fm); color: #3D3D3D; } .tabs-links--filter .tab-link { padding: 0 10px 26px; cursor: pointer; -webkit-transition: var(--dt); transition: var(--dt); } .tabs-links--filter .tab-link.current { color: rgba(0, 0, 0, 0.9); -webkit-box-shadow: 0 1px 0 0 #000; box-shadow: 0 1px 0 0 #000; font-weight: 500; } .filter-reset { position: absolute; right: 0; bottom: 16px; } .filter-reset__link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; } .filter-reset__link:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); } .filter-reset__link .icon { width: 30px; height: 30px; } .row--filter-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 21px 0; padding: 0 5vw; } .catalog-filter__apply { margin: 64px 0 0; text-align: center; } .catalog-filter__apply .btn { width: 230px; max-width: 100%; } .catalog-filter__price { max-width: 878px; margin: 0 auto; } .filter-prices__row { gap: 28px; } .filter-prices__row .form-control { width: 156px; } .filter-prices__group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; } .filter-prices__group .caption { font: 400 18px/1.175 var(--fm); } .filter-price__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin: 82px 0 0; gap: 80px; } .filter-price__value { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .js-range-filter { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs { height: 41px; } .irs--round .irs-line { position: absolute; width: 100%; top: auto; bottom: 0; left: 0; height: 1px; background-color: #C7C7C7; } .irs--round .irs-bar { top: auto; bottom: 0; height: 1px; background-color: #000; } .irs--round .irs-handle { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; top: auto; bottom: 0; width: 24px; height: 8px; background-color: #000; -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0; } .irs--round .irs-handle:hover { background-color: #222; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { padding: 0; background-color: transparent; font: 400 18px/1.175 var(--fm); letter-spacing: 0.03em; color: rgba(0, 0, 0, 0.9); } .irs--round .irs-from::before, .irs--round .irs-to::before, .irs--round .irs-single::before { content: none; } .products-alt { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 52px 30px; } .product-alt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(50% - 15px); gap: 27px; } .product-alt__thumb { --size: 191px; position: relative; width: var(--size); height: var(--size); min-width: var(--size); } .product-alt__thumb a { width: 100%; height: 100%; } .product-alt__title { display: block; margin: 0 0 12px; color: #000; font: 500 20px/24px var(--fm); } .product-alt__title:hover { color: #8F8F8F; } .product-alt__description { color: rgba(61, 61, 61, 0.9); font: 300 16px/19px var(--fm); } .product-alt__description a { color: #2D7591; text-decoration: underline; } .product-alt__description a:hover { text-decoration-color: transparent; } .product-alt__prices { --width: 150px; width: var(--width); min-width: var(--width); margin-left: auto; font: 400 24px/29px var(--fm); letter-spacing: -0.01em; white-space: nowrap; } .product-alt__price { font-weight: 600; } .product-alt__price-old { margin: 8px 0 0; text-decoration-line: line-through; color: #838383; } @media (min-width: 1200px) { .s-catalog-filter .s-product-slider, .s-catalog-filter .s-blogs { padding: 82px 0 0; } } @media (max-width: 1365px) { .products-alt { gap: 30px; } .product-alt__thumb { --size: 120px; } } @media (max-width: 1199px) { .tabs-links--filter { gap: 30px; font-size: 18px; } .tabs-links--filter .tab-link { padding: 0 10px 12px; } .filter-price__main { margin: 32px 0 0; } .catalog-filter__apply { margin: 32px 0 0; } .product-alt { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 20px; } .product-alt__title { font-size: 16px; } .product-alt__prices { --width: 100px; font: 400 18px/1.2 var(--fm); } } @media (max-width: 991px) { .filter-price__main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; } .filter-price__value { width: 100%; padding: 0 20px; } .irs { height: 32px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; } .product-alt { width: 100%; } } @media (max-width: 767px) { .filter-prices__row .form-control { width: 110px; } .tabs-links--filter { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; white-space: nowrap; overflow-x: auto; gap: 0 15px; } .tabs-links--filter .tab-link { padding: 0 0 10px; } .filter-reset { display: none; } .row--filter-list { padding: 0; } } @media (max-width: 575px) { .filter-prices__row { gap: 20px; } .filter-prices__row .form-control { width: 90px; padding: 12px; } .product-alt { -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-alt__content { width: calc(100% - 120px); } .product-alt__thumb { --size: 100px; } .product-alt__prices { width: 100%; padding-left: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .product-alt__price-old { margin: 0; } } .s-partners { margin-top: 116px; padding: 45px 0 38px; background-color: #000; } .partner-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 150px; height: 150px; } .partners-slider:not(.swiper-initialized) .swiper-slide { margin-right: 63px; } .partners-slider .swiper-slide { width: auto; } @media (max-width: 991px) { .s-partners { margin-top: 56px; padding: 42px 0 46px; } .partners-slider.swiper-grid-column .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 250px; } .partners-slider.swiper-grid-column .swiper-slide { width: 180px; height: 70px; } .partner-item { width: 180px; height: 70px; } } @media (max-width: 575px) { .partners-slider.swiper-grid-column .swiper-slide, .partner-item { width: auto; max-width: 120px; height: 70px; } .s-partners{ padding-bottom: 40px; } } .s-video { padding-top: 85px; } .video-fullwidth { position: relative; } .video-fullwidth img { display: block; width: 100%; } .embed-video { display: block; width: 100%; } .video-fullwidth .triangle-play { -webkit-transform: translate(-50%, -50%) scale(2.5); transform: translate(-50%, -50%) scale(2.5); } .video-title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 48px; max-width: 851px; color: #fff; font: 500 64px/75px "SpectralSC", sans-serif; } .video-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 58px; margin-top: 50px; } .video-list::-webkit-scrollbar { display: none; } .video-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(33.333% - 39px); } .video-item__thumb { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .video-item__thumb:hover .triangle-play { opacity: 1; } .video-item__thumb img { display: block; width: 100%; } .triangle-play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; opacity: 0.7; -webkit-transition: var(--dt); transition: var(--dt); z-index: 21; } .triangle-play .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 42px; height: 47px; } .video-item__title { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 27px 0 37px; border-bottom: 1px solid #000; color: #000; font: 500 16px/20px var(--fm); } .video-item__title:hover { color: #DA2F77; } @media (max-width: 991px) { .s-video { padding-top: 63px; } .video-title { top: auto; -webkit-transform: none; transform: none; bottom: 76px; left: 36px; max-width: 400px; font-size: 28px; line-height: 117.5%; } .video-list { margin-top: 26px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 20px; overflow-x: auto; margin-right: -20px; padding-right: 20px; } .video-item { width: 255px; min-width: 255px; } .video-item__title { padding: 16px 0 12px; font-size: 12px; line-height: 124.5%; } } @media (max-width: 575px) { .video-fullwidth .embed-video, .video-fullwidth img { height: 375px; -o-object-fit: cover; object-fit: cover; } .video-title { left: 15px; max-width: 262px; font-size: 22px; line-height: 117.5%; } .video-list { margin-top: 20px; } .video-item { width: 200px; min-width: 200px; } .triangle-play .icon { width: 25px; height: 25px; } } .s-banners { padding-top: 71px; } .banner__content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; gap: 42px; background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(rgba(245, 245, 245, 0))); background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%); } .banner__title { font: 400 34px/1 var(--fm); } .banner__title strong { font-weight: 400; font-size: 48px; } .banner__thumb img { display: block; width: 100%; } .banner-slider { position: relative; } .banner-slider .slider-arrows { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; z-index: 21; } .banner-slider .slider-arrow { pointer-events: all; } .banner-slider .slider-arrow:hover { opacity: 1; } .banner-slider .slider-arrow .icon { width: 36px; height: 60px; } .banner-slider .slider-prev { color: #fff; } .banner-slider .slider-next { opacity: 0.8; } .technology { padding: 76px 49px 105px; } .technology__title { max-width: 540px; margin-bottom: 23px; font-weight: 400; font-size: 34px; line-height: 133.5%; font-family: "Intro", sans-serif; color: rgba(0, 0, 0, 0.9); } .technology__description { font: 500 18px/29px var(--fm); letter-spacing: 0.02em; color: #757575; } .advantages { height: 100%; padding: 107px 79px; background-color: #F6F6F6; } .advantage-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 58px; gap: 68px; } .advantage-item img{ max-width: 47px; } .advantage-item:last-child { margin-bottom: 0; } .advantage-item__description { font: 400 20px/24px var(--fm); letter-spacing: 0.02em; } @media (max-width: 991px) { .banner { position: relative; } .col-banner-content { position: static; } .banner__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 51px 20px; gap: 33px; background: none; color: #fff; } .banner__content .btn { width: 475px; max-width: 100%; color: #fff; border-color: #fff; } .banner__content .btn:hover { background-color: rgba(255, 255, 255, 0.6); color: #000; } .banner-slider .slider-next { opacity: 1; color: #fff; } .technology { padding: 51px 20px 100px; } .technology__title { max-width: unset; margin-bottom: 16px; font-size: 26px; line-height: 133.5%; } .technology__description { font-size: 14px; line-height: 160.5%; } .advantages { padding: 40px 38px; } .advantage-item { gap: 73px; } .advantage-item__description { font-size: 16px; line-height: 19px; } } @media (max-width: 575px) { .banner__thumb img { height: 519px; -o-object-fit: cover; object-fit: cover; } .banner__content { gap: 72px; } .banner__title { font-size: 26px; } .banner__title strong { font-size: 38px; } .technology { padding: 41px 20px; } .advantages { padding: 40px 30px; } .advantage-item { margin-bottom: 30px; gap: 40px; } .advantage-item img { max-width: 30px; } .advantage-item__description { font-size: 14px; line-height: 17px; } } .s-blogs { padding: 77px 0 51px; } .blog-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 31px; gap: 62px; } .blog-list::-webkit-scrollbar { display: none; } .blog-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(33.333% - 42px); } .blog-item__thumb { position: relative; margin-bottom: 15px; overflow: hidden; } .blog-item__thumb:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-item__thumb img { display: block; width: 100%; -webkit-transition: var(--dt); transition: var(--dt); } .blog-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 10px; } .blog-item__title { /*position: absolute;*/ /*top: 0;*/ /*right: 0;*/ /*bottom: 0;*/ /*left: 0;*/ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; /*padding: 23px 25px;*/ color: #000; font: 500 20px/25px var(--fm); letter-spacing: 0.02em; } .blog-item__thumb .blog-item__title{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 23px 25px; color: #fff; font: 500 20px/25px var(--fm); letter-spacing: 0.02em; } .blog-item__date { margin-bottom: 11px; letter-spacing: 0.02em; color: #A4A4A4; font: 400 16px/124.5% var(--fm); } .blog-item__description { display: block; margin-top: 10px; color: #000; font: 500 16px/124.5% var(--fm); letter-spacing: 0.02em; } .blog-item__description:hover { color: #666; } @media (max-width: 991px) { .s-blogs { padding: 40px 0 50px; } .s-blogs .section__link { display: none; } .blog-list { margin-top: 33px; margin-right: -20px; padding-right: 20px; gap: 40px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; } .blog-item { width: 425px; min-width: 425px; } .blog-item__thumb { margin-bottom: 24px; } .blog-item__title { padding: 24px 12px; font-size: 20px; line-height: 124.5%; } .blog-item__date { font-size: 14px; line-height: 124.5%; } .blog-item__description { max-width: 343px; font-size: 14px; line-height: 124.5%; } } @media (max-width: 575px) { .blog-list { gap: 23px; } .blog-item { width: 235px; min-width: 235px; } .blog-item__title { padding: 14px 7px; font-size: 16px; line-height: 120%; } } .s-map { position: relative; height: 359px; } .s-map::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(89.93deg, rgba(255, 255, 255, 0.9) 5.14%, rgba(255, 255, 255, 0) 84.89%); pointer-events: none; } .map-content { position: absolute; top: 50px; bottom: 48px; left: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 51; pointer-events: none; } .map-search { position: relative; width: 600px; max-width: 100%; pointer-events: all; } .map-search .form-control { display: block; width: 100%; padding: 26px 25px; background-color: #FFFFFF; -webkit-box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.07); box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.07); font: 400 18px/21px var(--fm); border: none; color: #000; } .map-search .form-control::-webkit-input-placeholder { font: inherit; color: #A4A4A4; } .map-search .form-control::-moz-placeholder { font: inherit; color: #A4A4A4; } .map-search .form-control:-ms-input-placeholder { font: inherit; color: #A4A4A4; } .map-search .form-control::-ms-input-placeholder { font: inherit; color: #A4A4A4; } .map-search .form-control::placeholder { font: inherit; color: #A4A4A4; } .map-search .btn-submit { position: absolute; top: 0; right: 0; bottom: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 26px 30px; background-color: transparent; color: #DCDCDC; } .map-search .btn-submit .icon { width: 33px; height: 33px; } @media (max-width: 991px) { .s-map { height: 205px; } .s-map .section__title { margin-bottom: 21px; font-weight: 300; font-size: 24px; line-height: 114%; } .map-search { width: 341px; } .map-search .form-control { padding: 14px; font-weight: 400; font-size: 14px; line-height: 17px; } .map-search .btn-submit { padding: 14px; } .map-search .btn-submit .icon { width: 18px; height: 18px; } } @media (max-width: 575px) { .s-map { height: 293px; } .map-content { left: 20px; right: 20px; bottom: 24px; } .map-search { width: 341px; } } .main-footer { padding: 30px 0 16px; background-color: #000; color: #fff; } .main-footer .container { max-width: 1143px; } .footer-info { margin-bottom: 49px; text-align: center; } .footer-info__suptitle { margin-bottom: 16px; font-family: "Intro", sans-serif; font-weight: 400; font-size: 13px; line-height: 139.84%; letter-spacing: 2px; text-transform: uppercase; opacity: 0.6; } .footer-info__title { margin-bottom: 23px; font-family: "Alice", sans-serif; font-weight: 400; font-size: 48px; line-height: 55px; } .footer-info__description { max-width: 560px; margin: 0 auto; font-family: "Intro Regular", sans-serif; font-weight: 400; font-size: 16px; line-height: 33px; mix-blend-mode: normal; opacity: 0.8; } .footer-subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 223px; margin: 0 auto; } .footer-subscribe .caption { display: none; margin-bottom: 16px; font: 400 14px/17px var(--fm); color: rgba(255, 255, 255, 0.5); } .footer-subscribe .form-control { height: 48px; padding: 15px 20px; border: 1px solid #fff; background-color: transparent; text-align: center; font: 400 14px/17px var(--fm); color: #fff; caret-color: #fff; } .footer-subscribe .form-control::-webkit-input-placeholder { color: inherit; opacity: 1; font: inherit; } .footer-subscribe .form-control::-moz-placeholder { color: inherit; opacity: 1; font: inherit; } .footer-subscribe .form-control:-ms-input-placeholder { color: inherit; opacity: 1; font: inherit; } .footer-subscribe .form-control::-ms-input-placeholder { color: inherit; opacity: 1; font: inherit; } .footer-subscribe .form-control::placeholder { color: inherit; opacity: 1; font: inherit; } .footer-subscribe .form-control:focus::-webkit-input-placeholder { opacity: 0; } .footer-subscribe .form-control:focus::-moz-placeholder { opacity: 0; } .footer-subscribe .form-control:focus:-ms-input-placeholder { opacity: 0; } .footer-subscribe .form-control:focus::-ms-input-placeholder { opacity: 0; } .footer-subscribe .form-control:focus::placeholder { opacity: 0; } .footer-subscribe .btn-submit { width: 36px; height: 48px; margin-left: -1px; background-color: transparent; color: #fff; border: 1px solid #fff; } .footer-subscribe .btn-submit:hover { background-color: #fff; color: #000; } .footer-subscribe .btn-submit .icon { width: 12px; height: 21px; } .footer-line { padding: 30px 0 30px; margin-bottom: 30px; /*margin-top: 34px;*/ /*padding-top: 26px;*/ border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .footer-line { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .scroll-top { position: fixed; left: 40px; bottom: 40px; z-index: 999; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 48px; color: #fff; border: 1px solid #fff; background-color: #000; } .scroll-top:hover { background-color: #fff; -webkit-box-shadow: 0 0 0 1px #000; box-shadow: 0 0 0 1px #000; color: #000; } .scroll-top .icon { width: 21px; height: 12px; } @media (min-width: 992px) { .scroll-top:hover { background-color: #fff; -webkit-box-shadow: 0 0 0 1px #000; box-shadow: 0 0 0 1px #000; color: #000; } } .footer-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 150px; } .footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; gap: 131px; } .footer-nav__list a { color: #fff; font: 400 14px/1.6 var(--fm); opacity: 0.7; } .footer-nav__list a:hover { opacity: 1; } .footer-nav__list--secondary { margin-top: 19px; } .footer-nav__list--secondary a { opacity: 0.4; } .footer-nav__list--secondary a:hover { opacity: 1; } .footer-contacts { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 21px; } .footer-social a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 5px; } .footer-social li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-social li:last-child a { padding-right: 0; } .footer-callback-link { height: 42px; width: 150px; margin-top: auto; padding: 14px; font: 500 14px/16px var(--fm); } .footer-phone { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 12px; color: #fff; font: 400 14px/15px var(--fm); color: rgba(255, 255, 255, 0.9); mix-blend-mode: normal; opacity: 0.8; } .footer-phone:hover { opacity: 1; } .footer-copy { margin-bottom: 5px; color: #fff; font: 400 14px/15px var(--fm); color: rgba(255, 255, 255, 0.9); mix-blend-mode: normal; opacity: 0.8; } .foter-documents-link { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 17px; } .foter-documents-link a { display: block; font: 400 14px/1.1666 var(--fm); text-decoration-line: underline; color: rgba(255, 255, 255, 0.5); mix-blend-mode: normal; opacity: 0.8; } .foter-documents-link a:hover { opacity: 1; text-decoration-color: transparent; } .footer-developer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1px; font: 400 14px/14px var(--fm); color: rgba(255, 255, 255, 0.5); } .footer-payments { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .footer-logo-mobile, .btn--callback-mobile { display: none; } @media (max-width: 991px) { .main-footer { position: relative; padding: 43px 0 22px; } .footer-info { margin-bottom: 31px; } .footer-info__suptitle { margin-bottom: 9px; font-size: 10px; line-height: 139.84%; } .footer-info__title { margin-bottom: 38px; font-size: 36px; line-height: 41px; } .footer-info__description { max-width: 361px; font-size: 12px; line-height: 16px; } .footer-logo-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 31px; } .footer-logo { margin: 0; width: 250px; } .footer-subscribe { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 341px; max-width: 100%; } .footer-subscribe .caption { display: block; text-align: center; width: 100%; } .footer-subscribe .form-control { width: calc(100% - 37px); } .btn--callback-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 341px; max-width: 100%; margin: 24px auto 0; height: 48px; font-weight: 400; font-size: 14px; line-height: 17px; } .footer-contacts { display: none; } .footer-line { position: static; margin-top: 31px; padding-top: 0; border: 0; } .footer-line .footer-logo { display: none; } .footer-nav { width: 425px; max-width: 100%; margin-bottom: 28px; gap: 10px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .col-footer-payments { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .footer-phone, .foter-documents-link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-social { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 26px; } .footer-social a { padding: 0; } .footer-copy { text-align: center; } .footer-payments { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 -20px 30px; padding: 0 20px 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .footer-developer { margin-top: 17px; } .scroll-top { left: 20px; bottom: 26px; width: 48px; height: 30px; } } @media (max-width: 575px) { .main-footer { padding: 52px 0 111px; } .footer-info { margin-bottom: 37px; } .footer-social { margin-top: 19px; } .footer-developer { margin-top: 22px; } } .page-header { padding: 58px 0 63px; } .page-title { margin-bottom: 16px; font: 200 48px/1.1875 var(--fm); } .page-hero img { display: block; width: 100%; } .breadcrumbs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font: 400 14px/117% var(--fm); letter-spacing: 0.03em; } .breadcrumbs-list li { display: -webkit-box; display: -ms-flexbox; display: flex; } .breadcrumbs-list li::after { content: "/"; margin: 0 12px; } .breadcrumbs-list li:last-child::after { content: none; } .breadcrumbs-list a { color: rgba(0, 0, 0, 0.9); text-decoration: underline; text-decoration-color: transparent; } .breadcrumbs-list a:hover { text-decoration-color: currentColor; } .breadcrumbs-list span { color: rgb(164, 164, 164); } .page-description { max-width: 1282px; margin-bottom: 28px; color: rgba(0, 0, 0, 0.9); font: 400 16px/130% var(--fm); letter-spacing: 0.02em; } .load-more { margin-top: 82px; text-align: center; } .load-more .btn { width: 346px; height: 73px; background-color: #000; border: 1px solid #000; color: #fff; } .load-more .btn:hover { background-color: #fff; color: #000; } .pagination { text-align: center; } .pagination-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 34px; } .pagination-list li { display: -webkit-box; display: -ms-flexbox; display: flex; } .pagination-list a, .pagination-list span { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50px; height: 48px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font: 700 16px/1 var(--fm); letter-spacing: 0.02em; color: rgba(0, 0, 0, 0.9); border: 1px solid transparent; } .pagination-list span { background-color: #000; color: #fff; font-weight: 500; } .pagination-list a:hover { border-color: #000; } @media (max-width: 991px) { .page-title { font-size: 36px; } .load-more { margin-top: 64px; } .load-more .btn { width: auto; height: auto; } .pagination-list { gap: 15px; } } @media (max-width: 575px) { .page-header { padding: 44px 0 32px; } .page-description { font-size: 14px; } .pagination-list a, .pagination-list span { width: 36px; height: 36px; } .load-more { margin-top: 32px; } } .s-brands, .s-inner { padding: 0 0 198px; } .brands-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .brands-list .brand-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 25%; -webkit-box-shadow: 0 0 0 1px #000; box-shadow: 0 0 0 1px #000; background-color: #fff; } .brands-list .brand-item::after { content: ""; display: block; width: 100%; padding-bottom: 100%; } .brands-list .brand-item:hover { background-color: #000; } .brands-list .brand-item:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .brands-list .brand-item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; } @media (max-width: 1199px) { .s-brands, .s-inner { padding-bottom: 120px; } } @media (max-width: 767px) { .s-brands, .s-inner { padding-bottom: 90px; } .brands-list .brand-item { width: 33.333%; } } @media (max-width: 575px) { .s-brands { padding-bottom: 64px; } .brands-list .brand-item { width: 50%; } } .toggle-dropdown { position: relative; } .toggle-dropdown::after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 1px; width: 100vw; border-bottom: 1px solid #000; } .toggle-dropdown.open .toggle-dropdown__toggler { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .toggle-dropdown__title { font: 300 40px/1.2 var(--fm); letter-spacing: 0.01em; } .toggle-dropdown__head { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; padding: 45px 0; cursor: pointer; } .toggle-dropdown__toggler { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 29px; min-width: 29px; -webkit-transition: var(--dt); transition: var(--dt); opacity: 0.8; } .toggle-dropdown__toggler .icon { width: 29px; height: 18px; } .toggle-dropdown__body { display: none; padding-bottom: 45px; color: rgba(0, 0, 0, 0.9); font: 400 16px/130% var(--fm); letter-spacing: 0.02em; } @media (max-width: 1199px) { .toggle-dropdown__head { padding: 32px 0; } .toggle-dropdown__title { font-size: 26px; } .toggle-dropdown__body { padding-bottom: 32px; } } @media (max-width: 767px) { .toggle-dropdown__head { padding: 21px 0; } .toggle-dropdown__title { font-size: 21px; } .toggle-dropdown__toggler { width: 21px; min-width: 21px; margin-left: auto; } } @media (max-width: 575px) { .toggle-dropdown__title { font-size: 18px; } .toggle-dropdown__body { font-size: 14px; } } .categories__list--blog { margin-bottom: 116px; gap: 25px; } .blog__list { margin-bottom: 125px; } .blog-alt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 50px; max-width: 1105px; margin-bottom: 100px; } .blog-alt:last-child { margin-bottom: 0; } .blog-alt__thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 410px; min-width: 410px; overflow: hidden; } .blog-alt__thumb:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .blog-alt__thumb img { display: block; width: 100%; -webkit-transition: var(--dt); transition: var(--dt); } .blog-alt__thumb.mini img{ width: auto!important; } .blog-alt__date { margin: 17px 0 25px; font: 400 14px/124.5% var(--fm); letter-spacing: 0.02em; color: rgb(164, 164, 164); } .blog-alt__time { margin-left: 10px; } .blog-alt__title { display: block; margin-bottom: 32px; letter-spacing: 0.02em; color: rgba(0, 0, 0, 0.9); font: 400 30px/119.5% "Intro", sans-serif; } .blog-alt__title:hover { color: #999; } .blog-alt__description { margin-bottom: 14px; font: 400 15px/156% var(--fm); } .blog-alt__description a { color: rgb(53, 120, 186); text-decoration: underline; text-decoration-color: currentColor; white-space: nowrap; } .blog-alt__description a:hover { text-decoration-color: transparent; } .blog-alt__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 11px; } .blog-alt__tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; font: 400 12px/124.5% var(--fm); border: 1px solid #444444; letter-spacing: 0.02em; color: #444444; } .blog-alt__tag:hover { background-color: #444444; color: #fff; } @media (min-width: 1366px) { .blog__list { padding: 0 52px; } } @media (max-width: 991px) { .categories__list--blog { margin-bottom: 64px; } .blog__list { margin-bottom: 64px; } .blog-alt { margin-bottom: 32px; gap: 30px; } .blog-alt__thumb { width: 320px; min-width: 320px; } } @media (max-width: 767px) { .categories__list--blog { margin-bottom: 32px; gap: 15px; } .blog-alt__thumb { width: 280px; min-width: 280px; } .blog-alt__title { margin-bottom: 16px; font-size: 21px; } .blog-alt__description { font-size: 14px; } } @media (max-width: 575px) { .blog__list { margin-bottom: 32px; } .blog-alt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog-alt__date { margin: 0 0 12px; } } .vacancies-form { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 154px 0 20px; padding-right: 70px; } .vacancies-form.inactive { opacity: 0.25; } .vacancies-form .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0 18px 23px; gap: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .vacancies-form .form-control { padding: 0; border: 0; font: 300 20px/117.5% var(--fm); } .vacancies-form .form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.9); } .vacancies-form .form-control::-moz-placeholder { color: rgba(0, 0, 0, 0.9); } .vacancies-form .form-control:-ms-input-placeholder { color: rgba(0, 0, 0, 0.9); } .vacancies-form .form-control::-ms-input-placeholder { color: rgba(0, 0, 0, 0.9); } .vacancies-form .form-control::placeholder { color: rgba(0, 0, 0, 0.9); } .vacancies-form .form-group--position { width: 326px; margin-right: 175px; } .vacancies-form .form-group--sallary { margin-left: auto; } .vacancies-form .icon { width: 24px; height: 24px; min-width: 24px; opacity: 0.5; } .vacancy-head { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .vacancy-head__title { width: 415px; min-width: 415px; margin-right: 60px; } .vacancy-head__location { margin-bottom: 10px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font: 300 20px/24px var(--fm); letter-spacing: 0.01em; color: #8F8F8F; } .vacancy-head__sallary { width: 285px; margin-left: auto; font: 200 48px/1.1875 var(--fm); letter-spacing: 0.01em; } .vacancy-head__phone { width: 370px; margin-left: auto; font: 200 32px/1.1875 var(--fm); letter-spacing: 0.01em; } .vacancy-head__extra { margin-top: 10px; color: #A4A4A4; font: 400 14px/1.245 var(--fm); letter-spacing: 0.02em; } .vacancy-head__extra p { margin: 0 0 3px; } .vacancy-head__extra p:last-child { margin: 0; } .vacancy-body { margin-right: -40px; margin-left: -40px; padding-right: 40px; padding-left: 40px; } .vacancy-detail { position: relative; padding-top: 56px; font: 300 20px/42px var(--fm); letter-spacing: 0.01em; color: rgba(0, 0, 0, 0.9); z-index: 11; } .vacancy-detail::before { content: ""; position: absolute; top: 0; bottom: -45px; width: 100vw; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.025); border-top: 1px solid #000; z-index: -1; } .vacancy-detail ul { margin-bottom: 50px; } .vacancy-detail ul:last-child { margin-bottom: 0; } .vacancy-detail ul li { position: relative; padding-left: 31px; } .vacancy-detail ul li::before { content: ""; position: absolute; left: 12px; top: 18px; width: 3px; height: 3px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.9); } .vacancy-detail__group { margin-bottom: 46px; } .vacancy-detail__group:last-child { margin-bottom: 0; } .vacancy-detail__title { margin-bottom: 50px; font: 200 40px/48px var(--fm); letter-spacing: 0.02em; } .vacancy-detail__row { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 70px; } .vacancy-detail__col { width: calc(50% - 35px); } .vacancy-detail__photo { margin-bottom: -44px; margin-right: -60px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .vacancy-detail__photo img { display: block; width: 100%; } .vacancy-info { margin-bottom: 32px; } .vacancy-info * { margin: 0; color: #000; } .vacancy-detail__footer { margin-top: 120px; text-align: center; } .vacancy-detail__footer .btn { background-color: #000; color: #fff; border: 1px solid #000; } .vacancy-detail__footer .btn:hover { background-color: #fff; color: #000; } .toggle-dropdown.inactive { opacity: 0.25; } .shops-form { padding: 0; gap: 20px 30px; } @media (min-width: 1200px) { .shops-form .form-group { position: relative; border: 0; } .shops-form .form-group::after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; max-width: 100%; background-color: rgba(0, 0, 0, 0.2); } .form-group.form-group--shop { width: 515px; } .form-group.form-group--shop::after { width: 326px; } .form-group.form-group--location { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .form-group.form-group--location::after { width: 285px; } .form-group.form-group--phone { width: 370px; } .form-group.form-group--phone::after { width: 326px; } .form-group.form-group--toggler { width: 29px; border: 0; } .vacancy-info { display: none; } } @media (max-width: 1365px) { .vacancies-form .form-group--position { margin-right: 30px; } .vacancy-head__title { margin-right: 30px; width: 300px; min-width: 300px; font-size: 21px; } .vacancy-head__sallary { font-size: 36px; } } @media (max-width: 1199px) { .vacancies-form { gap: 20px; } .vacancy-head__phone { font-size: 23px; } .form-group.form-group--toggler { display: none; } } @media (max-width: 991px) { .vacancies-form { margin-top: 64px; padding: 0; } .vacancies-form .form-group { width: auto; margin: 0; } .vacancy-body { margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; } .vacancy-detail::before { bottom: -32px; } .vacancy-detail__photo { margin-bottom: -32px; } .vacancy-head__sallary { font-size: 21px; } .vacancy-head__location { margin: 0; font-size: 16px; } .vacancy-head__phone { display: none; } .vacancy-detail__footer { margin-top: 64px; } } @media (max-width: 767px) { .vacancies-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 32px; } .vacancy-head .vacancy-head__location, .vacancy-head .vacancy-head__sallary { display: none; } .vacancies-form .form-group { width: 100%; } .vacancy-head__title { width: auto; min-width: unset; margin-right: auto; } .vacancy-detail { padding-top: 21px; font-size: 16px; line-height: 1.2; } .vacancy-detail ul li { margin-bottom: 12px; } .vacancy-detail ul li::before { top: 8px; } .vacancy-detail__group { margin-bottom: 16px; } .vacancy-detail__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 32px; } .vacancy-detail__col { width: 100%; } .vacancy-detail__title { margin-bottom: 8px; font-size: 31px; } .vacancy-detail__photo { margin: 0; } .vacancy-detail__footer { margin-top: 32px; } } .blog-detail { max-width: 1130px; /*margin-bottom: 74px;*/ /*padding-bottom: 32px;*/ /*border-bottom: 1px solid rgba(0, 0, 0, 0.22);*/ font: 400 15px/156% var(--fm); } .blog-detail h2 { padding: 32px 0; border-top: 1px solid rgba(0, 0, 0, 0.22); font: 500 22px/156% var(--fm); } .blog-detail blockquote { position: relative; max-width: 795px; margin: 131px 0 64px; padding-left: 34px; border-left: 5px solid #D9D9D9; font: 300 20px/156% var(--fm); letter-spacing: 0.01em; color: #838383; font-style: italic; } .blog-detail blockquote::before { content: "“"; position: absolute; left: 0; bottom: 100%; font: 400 96px/50px "Arial"; color: #D7D7D7; } .blog-detail blockquote cite { display: block; margin-top: 8px; color: #000; text-align: right; color: rgba(0, 0, 0, 0.9); font-size: 16px; font-weight: 500; } .blog-detail img { margin-bottom: 32px; } .blog-detail ul { margin-bottom: 32px; } .blog-detail ul li { padding-left: 26px; } .blog-detail ul li::before { content: ""; position: absolute; left: 10px; top: 9px; width: 3px; height: 3px; border-radius: 50%; background-color: #000; } .blog-detail li { position: relative; margin-bottom: 12px; } .blog-detail li:last-child { margin-bottom: 0; } .blog-detail ol { margin-bottom: 32px; counter-reset: section; } .blog-detail ol li { padding-left: 18px; } .blog-detail ol li::before { counter-increment: section; content: "" counter(section) "."; font: inherit; position: absolute; left: 0; top: 0; } .blog-detail p { margin-bottom: 32px; } .blog-detail a { color: #3578BA; text-decoration: underline; text-decoration-color: currentColor; } .blog-detail a:hover { text-decoration-color: transparent; } .blog-detail iframe { margin-bottom: 32px; max-width: 100%; } .blog-detail > *:last-child { margin-bottom: 0; } .blog-detail__picture { margin-bottom: 16px; } .blog-detail__picture img { display: block; } .blog-detail__data { /*display: -webkit-box;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*-webkit-box-align: center;*/ /*-ms-flex-align: center;*/ /*align-items: center;*/ margin-bottom: 40px; gap: 20px; font: 400 14px/124.5% var(--fm); letter-spacing: 0.02em; } .blog-detail__data .icon { width: 14px; height: 14px; } .blog-detail__author, .blog-detail__date { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; width: 100%; margin-bottom: 10px; } .blog-detail__date { color: #A4A4A4; } ul.blog-detail__navigation li::before { background-color: #3578BA; } .blog-share { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 55px; border: 1px solid rgba(0, 0, 0, 0.22); padding: 14px 22px; } .blog-share:hover .blog-share__body { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .blog-share__head { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 26px; font: 400 14px/124.5% var(--fm); cursor: pointer; } .blog-share__head span { width: auto; -webkit-transition: var(--dt); transition: var(--dt); } .blog-share__head .icon { width: 24px; height: 24px; } .blog-share__body { width: 150px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: -1px; height: 55px; padding: 10px 22px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.22); border-left: 0; left: 50px; -webkit-transform: translateX(20px); transform: translateX(20px); gap: 12px; opacity: 0; visibility: hidden; -webkit-transition: var(--dt); transition: var(--dt); } .blog-share__body a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 27px; min-width: 27px; } .blog-share__body img { display: block; } @media (max-width: 767px) { .blog-detail { margin-bottom: 32px; } .blog-detail blockquote { margin: 90px 0 32px; font-size: 18px; } } .cart-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: -130px; margin-bottom: 102px; gap: 20px; } .cart__count { color: #838383; font: 400 16px/19px var(--fm); } .cart__count span { color: #000; } .cart-head .btn { padding: 18px 22px; gap: 18px; border: 1px solid rgba(0, 0, 0, 0.1); color: #000; font: 400 16px/19px var(--fm); } .cart-head .btn:hover { border-color: #000; } .cart-list__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 23px; } .cart-list__head__content { width: 641px; } .cart-list__head__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; gap: 20px; } .cart-list__head__footer .price { width: 185px; } .cart-list__head__footer .quantity { width: 121px; } .cart-item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 30px 0; border-top: 1px solid rgba(0, 0, 0, 0.2); } .cart-item__thumb { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 191px; height: 191px; min-width: 191px; margin-right: 27px; } .cart-item__labels { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: 1; } .cart-item__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 11px 10px; font: 500 14px/16px var(--fm); } .cart-item__label--discount { background-color: #000; color: #fff; } .cart-item__thumb__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .cart-item__content { width: 300px; max-width: 100%; } .cart-item__title { display: block; margin-bottom: 12px; color: #000; font: 500 20px/24px var(--fm); text-decoration: underline; text-decoration-color: transparent; } .cart-item__title:hover { text-decoration-color: currentColor; } .cart-item__description { margin-bottom: 15px; color: rgba(61, 61, 61, 0.9); font: 300 16px/19px var(--fm); } .cart-item__description a { color: rgb(255, 69, 69); text-decoration: underline; text-decoration-color: currentColor; } .cart-item__description a:hover { text-decoration-color: transparent; } .cart-item__options { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 14px; } .cart-item__option { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.2em; width: calc(50% - 7px); font: 300 16px/19px var(--fm); -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .cart-item__option__char { font-weight: 500; } .cart-item__option__val { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .char-color { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 6px; margin-top: -2px; width: 14px; height: 14px; border-radius: 50%; vertical-align: middle; } .char-size { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 31px; height: 28px; margin-left: 6px; font: inherit; border: 1px solid #000; } .cart-item__price { font: 600 24px/29px var(--fm); letter-spacing: -0.01em; } .cart-item__price-old { margin-top: 7px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 7px; color: #838383; letter-spacing: -0.01em; font: 400 24px/29px var(--fm); } .cart-item__price-old__value { text-decoration: line-through; } .cart-item__price__caption { margin-top: 7px; color: #838383; font: 300 16px/19px var(--fm); } .quantity { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 14px; } .quantity-controller { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 31px; height: 31px; cursor: pointer; font: 500 24px/1 var(--fm); -webkit-transition: var(--dt); transition: var(--dt); } .quantity-controller:hover { color: #838383; } .quantity-value { border: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 31px; height: 31px; color: #000; text-align: center; font: 500 20px/1 var(--fm); } .cart-item__prices { width: 185px; } .cart-item__quantity { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; max-width: 121px; } .cart-item__status { color: #838383; text-align: left; font: 400 16px/19px var(--fm); } .cart-item__status--active { color: #21A038; } .cart-item__bonus { padding-right: 67px; font: 600 32px/38px var(--fm); letter-spacing: -0.01em; text-align: center; } .cart-item__bonus span { display: block; margin-bottom: 4px; font: 400 12px/14px var(--fm); } .cart-item__date { margin: 15px 0 0; font: 300 16px/19px var(--fm); color: rgba(61, 61, 61, 0.9); } .cart-item__date span { color: rgba(0, 0, 0, 0.9); font-weight: 400; } .cart-item__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 126px; gap: 20px; } .cart-item--active::before { content: ""; position: absolute; top: -1px; right: 0; bottom: -1px; left: 0; background-color: #F3FBF5; z-index: -1; } .cart-item__delete { position: absolute; top: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 67px; background-color: #F8F8F8; border-left: 2px solid #fff; color: #000; } .cart-item__delete:hover { color: #666; } .cart-item__delete .icon { width: 33px; height: 33px; } .cart-info__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 90px; padding-bottom: 23px; color: rgba(0, 0, 0, 0.9); font: 300 20px/23px var(--fm); } .cart-info__head .total { width: 330px; margin-right: 116px; } .cart-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; padding: 28px 0 56px; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .cart-delivery__title { margin-bottom: 53px; color: rgba(0, 0, 0, 0.9); font: 300 20px/23px var(--fm); } .cart-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 21px; } .cart-checkbox:last-child { margin-bottom: 0; } .cart-checkbox__icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 28px; height: 28px; min-width: 28px; margin-right: 20px; border: 1px solid #A4A4A4; -webkit-transition: var(--dt); transition: var(--dt); color: #fff; } .cart-checkbox__icon .icon { width: 15px; height: 15px; } .cart-checkbox__text { color: #838383; font: 300 20px/23px var(--fm); -webkit-transition: var(--dt); transition: var(--dt); } .cart-checkbox__text .price { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-left: 30px; gap: 6px; } .cart-checkbox__text .price::before { content: "•"; font: inherit; } .cart-checkbox__value { display: none; } .cart-checkbox__value:checked ~ .cart-checkbox__icon { border-color: #000; color: #000; } .cart-checkbox__value:checked ~ .cart-checkbox__text { color: #000; } .cart__total { width: 330px; min-width: 330px; margin-top: 76px; margin-right: 116px; } .order-total__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 21px; color: rgba(131, 131, 131, 0.9); } .order-total__item:last-child { margin-bottom: 0; } .order-total__item b { font-weight: 600; } .order-total__char { font: 300 16px/19px var(--fm); } .order-total__val { width: 185px; } .order-total__summ { margin-top: 31px; } .order-total__summ .order-total__val { color: #000; letter-spacing: -0.01em; font: 600 40px/48px var(--fm); } .cart-footer { margin-top: 76px; padding-right: 116px; text-align: right; } .btn--order-complete { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 346px; height: 48px; background-color: rgba(0, 0, 0, 0.9); color: #fff; } .btn--order-complete:hover { background-color: #000; } .btn--order-complete b { font: 600 16px/19px var(--fm); letter-spacing: -0.01em; } .btn--order-complete span { color: rgba(255, 255, 255, 0.9); letter-spacing: 0.02em; font: 500 14px/16px var(--fm); } @media (min-width: 768px) { .cart-item__bonus span { display: none; } } @media (max-width: 1199px) { .cart-item__thumb { width: 100px; min-width: 100px; height: 100px; -ms-flex-item-align: start; align-self: flex-start; } .cart-item__label { font-size: 12px; padding: 6px 8px; } .cart-item__option { width: 100%; } .cart-item__price, .cart-item__price-old { font-size: 18px; line-height: 1.2; } .cart-list__head__content { width: 460px; } .cart-list__head__footer .price, .cart-item__prices { width: 120px; } .cart-item__footer { margin-left: 30px; } .cart-info__head .total, .cart__total { margin-right: 0; } .cart-footer { padding: 0; } .cart-item__delete { width: 44px; } } @media (max-width: 767px) { .cart-head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 32px; } .cart-list__head { display: none; } .cart-item { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 21px 0; } .cart-item__thumb { margin-right: 20px; } .cart-item__content { width: calc(100% - 120px); } .cart-item__footer { margin: 21px 0 0 120px; } .cart-info__head { display: none; } .cart-delivery__title { margin-bottom: 21px; } .cart-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 21px 0; } .cart__total { width: 100%; min-width: unset; margin: 21px 0 0; } .order-total__val { width: auto; } .order-total__summ { margin-top: 21px; } .order-total__summ .order-total__val { font-size: 21px; line-height: 1.2; } .cart-footer { margin-top: 32px; } .cart-checkbox__text { font-size: 18px; line-height: 1.3; } .cart-checkbox__text .price { width: 100%; margin: 0; } .cart-item__delete { bottom: unset; width: 44px; height: 44px; border-bottom: 2px solid #fff; } .cart-item__delete .icon { width: 21px; height: 21px; } } @media (max-width: 575px) { .cart-item__footer { margin-left: 0; } .cart-item__prices { width: 90px; } .cart-item__price-old { font-size: 14px; } .quantity-controller, .quantity-value { width: 21px; height: 21px; } .cart-item--active::before { right: -20px; left: -20px; } .cart-item__delete { top: -1px; right: -20px; border: 1px solid rgba(0, 0, 0, 0.2); } .btn--order-complete { width: 100%; } } .rating-star { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; color: #000; } .rating-star li { display: -webkit-box; display: -ms-flexbox; display: flex; } .rating-star .icon { width: 20px; height: 20px; } .s-product-detail { margin-top: -60px; } .product-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-detail__head { width: 100%; } .product-detail__title { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 63px; margin-bottom: 14px; font: 200 48px/57px var(--fm); } .header-actions { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; } .header-actions a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; } .header-actions a:hover { color: #666; } .header-actions a.active { color: #2D7591; } .header-actions .icon { width: 24px; height: 24px; } .product-detail__data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; gap: 25px; color: #A4A4A4; font: 400 14px/117% var(--fm); letter-spacing: 0.03em; } .product-detail__review-toggle { color: inherit; border-bottom: 1px dashed currentColor; } .product-detail__review-toggle:hover { color: #000; } .product-detail__thumb { position: relative; width: calc(100% - 525px); max-width: 739px; padding-bottom: 0; max-height: 450px; } .product-detail__labels { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; right: 0; z-index: 51; } .product-detail__label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 11px 13px; font: 500 14px/117% var(--fm); } .product-detail__label--new { color: #000; background-color: #2D7591 ; } .product-detail-slider { overflow: hidden; } .product-detail-slider img { display: block; max-width: 100%; margin: 0 auto; } .product-detail-slider-container { position: relative; 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; max-height: 100%; } .product-detail-slider-nav { width: 86px; min-width: 86px; height: 476px; margin-right: 20px; overflow: hidden; } .product-detail-slider-nav .swiper-slide { height: 80px; cursor: pointer; } .product-detail-slider-nav img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .product-detail-navigation { position: absolute; top: 0; left: 0; bottom: 24px; width: 86px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; pointer-events: none; z-index: 21; } .product-detail-navigation .slider-arrow { opacity: 0.9; pointer-events: all; } .product-detail-navigation .slider-arrow:hover { opacity: 1; } .product-detail-navigation .slider-prev { opacity: 0; } .product-detail-navigation .icon { width: 33px; height: 14px; } .product-detail__content { margin-left: 43px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .product-detail__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .product-detail__price { color: rgba(0, 0, 0, 0.9); font: 400 37px/117% var(--fm); } .product-detail__discount { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 14px 0 26px; padding: 6px; background-color: #000; color: rgba(255, 255, 255, 0.9); letter-spacing: -0.05em; font: 400 22px/117% var(--fm); } .product-detail__price-old { color: #A5AFB7; font: 400 22px/117% var(--fm); text-decoration: line-through; } .product-detail__countdown { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; font: 400 12px/117% var(--fm); } .countdown__caption { margin-right: 12px; color: #8F8F8F; } .countdown__item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 7px; border: 1px solid #D9D9D9; } .countdown__divider { margin: 0 6px; } .product-detail__caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; margin-bottom: 15px; font: 400 12px/14px var(--fm); text-transform: uppercase; } .product-detail__caption a { color: #A4A4A4; border-bottom: 1px dashed currentColor; } .product-detail__caption a:hover { color: #000; } .product-detail__sizes { position: relative; display: inline-block; padding-top: 25px; border-top: 1px solid #D9D9D9; } .product-detail-sizes-slider { position: relative; width: 438px; margin: 0 44px 0 0; } .product-detail-sizes-slider:not(.swiper-initialized) .swiper-slide { margin-right: 10px; } .product-detail-sizes-slider .swiper-slide { width: 54px; } .product-sizes-arrow { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 36px; height: 35px; color: #A4A4A4; cursor: pointer; -webkit-transition: var(--dt); transition: var(--dt); } .product-sizes-arrow:hover { color: #000; } .product-sizes-arrow.swiper-button-disabled { pointer-events: none; } .product-sizes-arrow .icon { width: 8px; height: 13px; } .product-sizes-next { right: 0; } .product-size__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 54px; height: 35px; border: 1px solid rgba(0, 0, 0, 0.15); letter-spacing: 0.02em; color: rgba(0, 0, 0, 0.35); font: 500 15px/1 var(--fm); cursor: pointer; -webkit-transition: var(--dt); transition: var(--dt); } .product-size__value { display: none; } .product-size__value:checked ~ .product-size__text { border-color: #000; color: #000; } .product-size__value:disabled ~ .product-size__text { border-color: rgba(255, 0, 0, 0.45); color: #2D7591; cursor: default; } .product-detail__colors { margin: 24px 0 48px; } .product-detail__colors__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; padding-left: 4px; gap: 34px; } .product-color__icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 14px; height: 14px; border-radius: 50%; cursor: pointer; background-color: var(--color); } .product-color__icon::before { content: ""; position: absolute; width: 0; height: 0; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 1px solid var(--color); border-radius: 50%; -webkit-transition: var(--dt); transition: var(--dt); } .product-color__value { display: none; } .product-color__value:checked ~ .product-color__icon::before { width: 22px; height: 22px; } .product-detail__stock { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 20px; color: #21A038; font: 400 12px/117% var(--fm); } .btn--buy-inclick { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #2D7591; font: 400 12px/117% var(--fm); border-bottom: 1px dashed currentColor; } .btn--buy-inclick:hover { border-color: transparent; } .product-detail__action { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 492px; margin-top: 15px; gap: 15px; } .btn--to-cart { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: 0.02em; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.9); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font: 500 14px/117% var(--fm); } .btn--to-cart:hover { background-color: #000; } .btn--to-cart .icon { position: absolute; top: 50%; left: 15%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; } .product-detail__quantity .quantity { width: 110px; height: 58px; padding: 20px; border: 1px solid #000; } .product-detail__quantity .quantity-value { font-size: 16px; } .product-detail__quantity .quantity-controller { font-size: 15px; } .product-detail__brand { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 45px; } .product-detail__brand img { max-width: 160px; } .product-detail__info { position: relative; width: 100%; margin-top: 80px; padding-top: 29px; letter-spacing: 0.02em; font: 400 16px/24px var(--fm); } .product-detail__info::before { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 1px; width: 100vw; border-top: 1px solid rgba(0, 0, 0, 0.12); } .product-detail__info p { max-width: 450px; color: #000; } .product-detail__info .title { margin-bottom: 7px; letter-spacing: 0.02em; color: rgba(0, 0, 0, 0.9); font: 500 16px/124.5% var(--fm); } .product-detail__info .row { position: relative; padding: 33px 0; } .product-detail__info .row::after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100vw; background-color: rgba(217, 217, 217, 0.13); opacity: 0; z-index: -1; } .product-detail__info .row:nth-child(even)::after { opacity: 1; } .info-list li { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 6px; } .info-list li:last-child { margin-bottom: 0; } .info-list .char { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #8F8F8F; } .info-list .char::after { content: ""; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 21px; border-bottom: 1px dashed #BDBDBD; } .info-list .val { width: 280px; } @media (max-width: 1199px) { .info-list .val { width: 40%; } } @media (max-width: 991px) { .product-detail__thumb { width: 100%; max-width: unset; } .product-detail__content { margin: 32px 0 0 100px; } .product-detail__info { margin-top: 32px; } .product-detail__info .row { gap: 32px; } } @media (max-width: 767px) { .product-detail__title { font: 200 32px/1.3 var(--fm); gap: 30px; } .product-detail-slider-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product-detail-navigation { display: none; } .product-detail-slider-nav { margin: 20px 0 0; width: 100%; height: auto; } .product-detail-slider-nav .swiper-slide { height: auto; } .product-detail__content { width: 100%; margin: 32px 0 0; } .product-detail-sizes-slider { width: 384px; } } @media (max-width: 575px) { .s-product-detail { margin-top: -30px; } .product-detail__title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } .product-detail__data { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px 20px; } .product-detail__price { font-size: 30px; } .product-detail__discount { font-size: 14px; } .product-detail__price-old { font-size: 16px; } .product-detail__sizes { width: 100%; } .product-detail-sizes-slider { width: calc(100% - 25px); } .product-sizes-next { right: -15px; } .product-detail__colors { margin: 24px 0 32px; } .btn--to-cart .icon { display: none; } .product-detail__info { padding: 0; } .info-list li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .info-list .char::after { content: none; } .info-list .val { width: 100%; } } .s-shops { padding-top: 60px; } .shops-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 75px 50px; } .shops-list .shop-item { width: calc(50% - 25px); } .shop-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .shop-item__thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 169px; min-width: 169px; margin-right: 26px; } .shop-item__thumb img { display: block; width: 100%; } .shop-item__title { display: block; margin-bottom: 11px; letter-spacing: 0.02em; text-decoration-line: underline; color: rgba(0, 0, 0, 0.9); font: 500 15px/124.5% var(--fm); } .shop-item__title:hover { text-decoration-color: transparent; } .shop-item__contacts, .shop-item__stock { font: 400 14px/124.5% var(--fm); letter-spacing: 0.02em; color: #A4A4A4; } .shop-item__stock { color: rgb(33, 160, 56); } @media (max-width: 991px) { .s-shops { padding: 0; } .shops-list { gap: 32px; } .shops-list .shop-item { width: 100%; } } @media (max-width: 575px) { .shop-item__thumb { width: 100px; min-width: 100px; margin-right: 16px; } } .s-reviews { padding-top: 60px; } .review-item { --color: #21A038; } .review-item__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 34px; } .review-item__thumb { width: 64px; height: 64px; min-width: 64px; margin-right: 19px; border-radius: 50%; overflow: hidden; } .review-item__thumb img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .review-item__data { width: 115px; margin-right: 15px; color: rgb(57, 57, 57); font: 400 14px/124.5% var(--fm); } .review-item__date { color: rgb(164, 164, 164); } .review-item__text { position: relative; padding-left: 34px; letter-spacing: 0.01em; color: #838383; font: italic 300 20px/156% var(--fm); } .review-item__text::before { content: ""; position: absolute; top: 7px; bottom: 7px; left: 0; width: 1px; border-right: 1px solid var(--color); } .review-item--neutral { --color: #A5AFB7; } .review-item--bad { --color: #2D7591; } @media (max-width: 991px) { .s-reviews { padding: 0; } } @media (max-width: 575px) { .review-item__head { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px 0; } .review-item__text { padding-left: 15px; font-size: 16px; } } .personal-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .personal-head .btn { margin: -130px 0 106px; padding: 18px 22px; gap: 18px; border: 1px solid rgba(0, 0, 0, 0.1); color: #000; font: 400 16px/19px var(--fm); } .personal-head .btn:hover { border-color: #000; } .personal-main__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1px; } .personal-main__link { position: relative; width: 25%; font: 400 18px/1.3 var(--fm); text-transform: uppercase; letter-spacing: 0.02em; font-variant: all-small-caps; color: #000; -webkit-box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 0px 0 0 #000, 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset; box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 0px 0 0 #000, 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset; } .personal-main__link::after { content: ""; display: block; width: 100%; padding-bottom: 100%; } .personal-main__link:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .personal-main__link:hover .title::before { width: 100%; } .personal-main__link img { max-width: 40px; -webkit-transition: var(--dt); transition: var(--dt); } .personal-main__link .title { position: relative; } .personal-main__link .title::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; border-bottom: 1px solid #000; -webkit-transition: var(--dt); transition: var(--dt); } .personal-main__link .content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 21px; } .personal-nav__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .personal-nav__container .btn { margin-bottom: 22px; color: #000; border: 1px solid rgba(0, 0, 0, 0.1); font: 400 16px/19px var(--fm); } .personal-nav__container .btn:hover { border-color: #000; } .personal-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 67px; font: 300 20px/117.5% var(--fm); color: #000; } .personal-nav span, .personal-nav a { display: block; margin-bottom: -1px; padding-bottom: 28px; border-bottom: 1px solid #000; } .personal-nav a { color: rgba(61, 61, 61, 0.9); border-color: transparent; } .personal-nav a:hover { color: #000; } .personal-nav span { font-weight: 500; } .personal-info { display: -webkit-box; display: -ms-flexbox; display: flex; } .personal-info .form-group { margin-bottom: 38px; } .personal-info .form-control { padding: 0 0 17px; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font: 300 16px/19px var(--fm); -webkit-transition: var(--dt); transition: var(--dt); } .personal-info .form-control:not(:-moz-placeholder-shown) { border-color: #000; } .personal-info .form-control:not(:-ms-input-placeholder) { border-color: #000; } .personal-info .form-control:focus, .personal-info .form-control:not(:placeholder-shown) { border-color: #000; } .personal-info .form-control::-webkit-input-placeholder { color: #A4A4A4; } .personal-info .form-control::-moz-placeholder { color: #A4A4A4; } .personal-info .form-control:-ms-input-placeholder { color: #A4A4A4; } .personal-info .form-control::-ms-input-placeholder { color: #A4A4A4; } .personal-info .form-control::placeholder { color: #A4A4A4; } .personal-info .form-title { margin-bottom: 38px; font: 400 20px/24px var(--fm); color: rgba(0, 0, 0, 0.9); } .personal-info .btn--submit { width: 100%; margin-top: 139px; background-color: #000; letter-spacing: 0.02em; font: 500 16px/117.5% var(--fm); color: rgba(255, 255, 255, 0.9); } .personal-info .btn--submit:hover { background-color: #333; } .personal-info__thumb { --size: 103px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 58px; } .personal-info__thumb img { width: var(--size); height: var(--size); min-width: var(--size); border-radius: 50%; } .personal-info__col { max-width: 457px; margin-right: 76px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .personal-info__col:last-child { margin-right: 0; } @media (max-width: 1439px) { .personal-nav { gap: 25px; } } @media (max-width: 1199px) { .personal-nav__container { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 991px) { .personal-nav { font-size: 16px; } .personal-nav span, .personal-nav a { padding-bottom: 16px; } .personal-info__thumb { margin-right: 30px; } .personal-info__col { max-width: 280px; margin-right: 30px; } } @media (max-width: 767px) { .personal-head { margin-bottom: 32px; } .personal-head .btn { margin: 0; } .personal-nav__container .btn { margin-left: auto; } .personal-nav { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px 0; } .personal-nav li { width: 50%; } .personal-nav a { border-color: rgba(0, 0, 0, 0.2); } .personal-info { -ms-flex-wrap: wrap; flex-wrap: wrap; } .personal-info .form-group { margin-bottom: 26px; } .personal-info .form-title { margin-bottom: 21px; } .personal-info .btn--submit { margin: 0; } .personal-info__thumb { width: 100%; margin: 0 0 32px; } .personal-info__col { width: calc(50% - 15px); max-width: unset; } .personal-main__link { width: 33.333%; } } @media (max-width: 575px) { .personal-main__link { width: 50%; font-size: 16px; } .personal-info__col { width: 100%; margin: 0 0 32px; } .personal-info__col:last-child { margin: 0; } } .personal-subscribe .custom-checkbox-lg { margin: 0 0 21px; } .personal-subscribe .custom-checkbox-lg:last-child { margin: 0; } .custom-checkbox-lg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .custom-checkbox-lg__icon { --size: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: var(--size); height: var(--size); min-width: var(--size); border: 1px solid #A4A4A4; color: #fff; cursor: pointer; -webkit-transition: var(--dt); transition: var(--dt); } .custom-checkbox-lg__icon .icon { width: 16px; height: 16px; } .custom-checkbox-lg__text { color: #838383; font: 300 16px/117.5% var(--fm); } .custom-checkbox-lg__value { display: none; } .custom-checkbox-lg__value:checked ~ .custom-checkbox-lg__icon { border-color: #000; color: #000; } .personal-subscribe__group { margin: 0 0 80px; } .personal-subscribe__group:last-child { margin: 0; } .personal-subscribe__title { margin: 0 0 53px; color: rgba(0, 0, 0, 0.9); font: 300 20px/117.7% var(--fm); } .personal-subscribe__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0 30px; } .personal-subscribe__list .custom-checkbox-lg { width: calc(50% - 15px); } @media (max-width: 767px) { .personal-subscribe .row { gap: 32px 0; } .personal-subscribe .custom-checkbox-lg { margin: 0 0 16px; } .custom-checkbox-lg__icon { --size: 21px; } .custom-checkbox-lg__text { font-size: 16px; } .personal-subscribe__group { margin: 0 0 32px; } .personal-subscribe__title { margin: 0 0 21px; } } .favorites-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 27px 110px; } .favorite-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(50% - 55px); } .favorite-item__thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 191px; height: 191px; min-width: 191px; margin-right: 27px; } .favorite-item__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .favorite-item__title { display: block; margin: 0 0 12px; color: #000; font: 500 20px/24px var(--fm); } .favorite-item__title:hover { color: #666; } .favorite-item__description { max-width: 260px; color: rgba(61, 61, 61, 0.9); font: 300 16px/19px var(--fm); } .favorite-item__description a { color: rgb(255, 69, 69); text-decoration: underline; } .favorite-item__description a:hover { text-decoration-color: transparent; } .favorite-item__delete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 25px; color: rgba(0, 0, 0, 0.6); } .favorite-item__delete:hover { color: #000; } .favorite-item__delete .icon { width: 33px; height: 33px; } @media (max-width: 1199px) { .favorites-list { gap: 27px 30px; } .favorite-item { width: calc(50% - 15px); } .favorite-item__thumb { width: 120px; height: 120px; min-width: 120px; } } @media (max-width: 767px) { .favorite-item { width: 100%; } .favorite-item__title { margin: 0 0 4px; font-size: 16px; } .favorite-item__description { font-size: 14px; } .favorite-item__delete .icon { width: 21px; height: 21px; } } @media (max-width: 575px) { .favorite-item__thumb { width: 80px; height: 80px; min-width: 80px; } } .s-contacts-main { padding: 85px 0 82px; } .contacts-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contact-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 40px; } .contact-item__thumb { min-width: 34px; } .contact-item__title { color: rgba(0, 0, 0, 0.9); font-weight: 500; } .contact-item__content { max-width: 350px; color: #353535; font: 400 16px/1.75 var(--fm); letter-spacing: 0.02em; } .contacts-map { height: 370px; } .shop-head__title { max-width: 515px; } .contacts-body { position: relative; padding: 57px 0 80px; border-top: 1px solid #000; background-color: rgba(0, 0, 0, 0.025); } .shop-details { margin: 0 0 64px; } .shop-detail { max-width: 670px; margin: 0 0 27px; color: rgba(0, 0, 0, 0.9); font: 400 16px/1.7 var(--fm); letter-spacing: 0.01em; } .shop-detail:last-child { margin: 0; } .shop-detail__title { font-weight: 500; } @media (max-width: 1199px) { .contacts-main { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 24px 0; } .contact-item { width: 50%; } } @media (max-width: 767px) { .s-contacts-main { padding: 64px 0; } .contact-item { gap: 16px; } .shop-details { margin: 0 0 32px; } .shop-detail { margin: 0 0 24px; } .contacts-body { padding: 32px 0 64px; } } @media (max-width: 575px) { .contact-item { width: 100%; } .contact-item__content { max-width: unset; } } .blog-detail--brand { margin: 0; border: 0; } .fullwidth-img { display: block; max-width: unset; width: 100vw; margin-left: -46px; } @media (min-width: 992px) { .blog-detail--brand { padding: 0; } } @media (max-width: 1199px) { .fullwidth-img { margin-left: -20px; } } .page-header--imaged { padding: 64px 0 40px; color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; } .primary-menu__submenu::after { /*height: 200%;*/ /*min-height: 200vh;*/ height: 100%; min-height: 100vh; } .page-header--imaged a, .page-header--imaged .breadcrumbs-list span { color: inherit; } @media (min-width: 992px) { .main-header--overlayed { position: absolute; top: 0; left: 0; width: 100%; } .main-header--overlayed .info-line:not(.is_stuck) { background-color: transparent; border-color: #fff; } .main-header--overlayed .info-line:not(.is_stuck) .primary-menu__link, .main-header--overlayed .info-line:not(.is_stuck) .user-menu a, .main-header--overlayed .info-line:not(.is_stuck) .header-callback, .main-header--overlayed .info-line:not(.is_stuck) .stock-menu a { color: #fff; border-color: #fff; } .main-header--overlayed .info-line:not(.is_stuck) .stock-menu li, .main-header--overlayed .info-line:not(.is_stuck) .user-menu { box-shadow: none; } .page-header--imaged { padding: 165px 0 40px; } } .sections-list { display: flex; flex-wrap: wrap; margin-right: 1px; } .section-item { position: relative; width: 25%; padding: 60px 0 80px; background-color: #fff; box-shadow: 1px 0 0 0 #000, 0 1px 0 0 #000, 1px 0px 0 0 #000, 1px 0 0 0 #000 inset, 0 1px 0 0 #000 inset; } .section-item__title { display: flex; justify-content: center; align-items: center; margin: 0 0 6px; padding: 41px 39px; color: #000; font: 400 18px/117.5% var(--fm); text-transform: uppercase; } .section-item__subsections { display: inline-block; margin: 0 auto 50px; font: 500 18px/224.5% var(--fm); text-transform: uppercase; } .section-item__subsections a { color: #fff; text-decoration: underline; text-decoration-color: transparent; } .section-item__subsections a:hover { text-decoration-color: currentColor; } .section-item__thumb { display: flex; justify-content: center; align-items: center; } .section-item__content { position: absolute; top: 0; left: 0; right: -1px; display: flex; flex-direction: column; align-items: center; padding: 55px 0 64px; opacity: 0; visibility: hidden; transition: all .3s ease; background-size: cover; background-repeat: no-repeat; z-index: 21; } .section-item:hover .section-item__content { opacity: 1; visibility: visible; } .section-item__content .section-item__title { margin: 0 0 44px; padding: 0; color: #fff; font: 500 24px/136% var(--fm); } .section-item__content .section-item__thumb { filter: invert(100%); } @media (max-width: 1199px) { .section-item { width: 50%; } } @media (max-width: 575px) { .section-item { width: 100%; } } .about__content { padding: 106px 46px; } .about__title { margin: 0 0 30px; font: 400 34px "Intro", sans-serif; } .about__title strong { font-size: 64px; } .about__description { max-width: 639px; color: rgba(0, 0, 0, 0.9); font: 400 16px/160.5% var(--fm); } .about__main { padding: 106px 120px; } .about__logo { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 33px; } .about__logo img { display: block; } .about__location { margin: 0 0 9px; font: 400 36px "Intro", sans-serif; } @media (min-width: 992px) { .about { display: flex; } .about__content, .about__main { width: 50%; } .about__content { padding-right: 50px; } } @media (max-width: 1199px) { .about__main { padding-left: 60px; } } @media (max-width: 991px) { .about__content, .about__main { padding: 32px 20px; } } .subscribe__thumb { display: flex; justify-content: center; align-items: center; } .subscribe__thumb img { display: block; width: 100%; } .subscribe__content { display: flex; align-items: center; justify-content: center; padding: 50px 24px; background: linear-gradient(180deg,rgba(245, 245, 245, 1) 0%,rgba(245, 245, 245, 0) 100%); text-align: center; } .subscribe__form { width: 100%; } .subscribe__title { max-width: 524px; margin: 0 auto 40px; font: 400 34px "Intro", sans-serif; } .form-control--subscribe { border: 0; background-color: transparent; text-align: center; font-size: 20px; } .form-control--subscribe::placeholder { color: #a4a4a4; } .btn--subscribe { margin: 40px 0 0; width: 346px; max-width: 100%; background-color: #000; color: #fff; } .btn--subscribe:hover { background-color: #333; } @media (min-width: 992px) { .subscribe { display: flex; } .subscribe__thumb img { height: 100%; object-fit: cover; } .subscribe__thumb, .subscribe__content { width: 50%; } } .s-news-alt { padding: 60px 0 0; } .news-alt { display: flex; } .news-alt__thumb { position: relative; width: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .news-alt__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: all .3s ease; } .news-alt__thumb:hover img { transform: scale(1.05); } .news-alt__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 34px 22px; z-index: 21; } .news-alt__product { display: block; max-width: 235px; margin: 0 0 3px; color: #fff; font: 500 24px/26.5px var(--fm); } .news-cat__brand { display: block; min-height: 54px; color: #fff; font: 600 32px/167.5% var(--fm); } .news-alt__product-detail { display: flex; align-items: center; margin-top: 21px; gap: 30px; color: #fff; font: 500 16px/124.5% var(--fm); } .news-alt__product-detail .icon { width: 22px; height: 22px; } .news-alt__discount { position: absolute; right: 0; bottom: 0; padding: 24px 18px 9px; color: #fff; z-index: 21; } .news-alt__discount::before { content: ''; position: absolute; top: -30px; left: -30px; width: 282px; height: 282px; border-radius: 50%; background: rgba(196, 0, 0, 0.9); z-index: -1; } .news-alt__discount .val { font: 600 52px/1 var(--fm); } .news-alt__discount .date { font: 600 20px/1 var(--fm); } .news-alt__content { display: flex; flex-direction: column; width: 50%; padding: 72px 40px 30px; background: #fafafa; } .news-alt__date { margin: 0 0 16px; color: #a3a3a3; font: 500 20px/124.5% var(--fm); } .news-alt__title { display: block; max-width: 235px; margin: 0 0 8px; color: #000; font: 500 16px/124.5% var(--fm); } .news-alt__title:hover { opacity: 0.7; } .news-alt__detail { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding: 28px 0 0; border-top: 1px solid #d9d9d9; color: #2D7591; font: 500 16px/124.5% var(--fm); } .news-alt__detail:hover { color: #000; } .news-alt__detail .icon { width: 22px; height: 22px; } @media (min-width: 992px) { .news-alt-list { display: flex; flex-wrap: wrap; } .news-alt { width: 50%; } .news-alt:nth-child(n+3):nth-child(-n+4) { flex-direction: row-reverse; } } @media (max-width: 1365px) { .news-alt__content { padding: 32px 20px; } } @media (max-width: 1199px) { .news-alt__product-detail { margin: 0; } .news-alt__discount::before { top: 0; left: -18px; width: 160px; height: 160px; } .news-alt__discount .val { font-size: 26px; } .news-alt__discount .date { font-size: 12px; } } @media (max-width: 991px) { .news-alt-list { display: flex; margin: 0 -20px; padding: 0 20px; gap: 15px; overflow-x: auto; -webkit-overflow-scrolling: touch; } .news-alt-list::-webkit-scrollbar { display: none; height: 0; width: 0; } .news-alt { width: 250px; min-width: 250px; flex-direction: column; } .news-alt__thumb, .news-alt__content { width: 100%; } .news-alt__content { padding: 20px 0; background-color: transparent; } } @media (max-width: 575px) { .news-alt__date { margin: 0 0 6px; font-size: 14px; } .news-alt__title { font-size: 14px; } .news-alt__detail { font-size: 14px; padding-top: 6px; } .news-alt__overlay { padding: 20px 15px; } .news-alt__product { font-size: 14px; line-height: 1.1; } .news-cat__brand { min-height: 20px; font-size: 16px; line-height: 1; } .news-alt__discount { padding: 9px; } .news-alt__discount::before { left: -31px; } .news-alt__product-detail { gap: 6px; } } .s-counter { padding: 145px 0 0; } .counters-list { display: flex; gap: 60px; } .counters-list > .col { width: calc(25% - 45px); max-width: calc(25% - 45px); flex-basis: auto; } .counters-list .principle__title { margin: 0 0 17px; } .counters-list .principle__title::before, .counters-list .principle__title::after { content: none; } @media (max-width: 991px) { .s-counter { padding: 80px 0 0; } .counters-list { flex-wrap: wrap; gap: 30px 16px; } .counters-list > .col { width: calc(50% - 16px); max-width: calc(50% - 16px); } } @media (max-width: 575px) { .counters-list > .col { width: 100%; max-width: 100%; } } .s-timeline { padding: 132px 0 0; } .timeline { position: relative; } .timeline::before { content: ''; position: absolute; left: 50%; top: 73px; bottom: 0; width: 1px; border-right: 1px solid #2D7591; } .timeline-item { position: relative; display: flex; gap: 100px; } .timeline-item__thumb { display: flex; justify-content: center; align-items: flex-start; width: calc(50% - 50px); min-width: calc(50% - 50px); } .timeline-item__thumb img { display: block; width: 100%; } .timeline-item__content { padding: 62px 0; } .timeline-item__title { margin: 0 0 29px; font: 400 36px "Intro", sans-serif; } .timeline-item__title::before { content: ''; position: absolute; left: 50%; top: 73px; width: 20px; height: 20px; margin-left: -10px; border-radius: 50%; background-color: #3183A2; } .timeline-item__description { max-width: 558px; color: rgba(0, 0, 0, 0.9); font: 400 16px/160.5% var(--fm); } @media (min-width: 576px) { .timeline-item:nth-child(even) { flex-direction: row-reverse; text-align: right; } } @media (max-width: 1199px) { .s-timeline { padding: 80px 0 0; } .timeline::before, .timeline-item__title::before { top: 44px; } .timeline-item__content { padding: 32px 0; } } @media (max-width: 767px) { .timeline-item { gap: 32px; } .timeline-item__thumb { width: calc(50% - 16px); min-width: calc(50% - 16px); } } @media (max-width: 575px) { .timeline-item { flex-direction: column; padding-left: 40px; gap: 0; } .timeline-item__thumb { width: 100%; min-width: unset; } .timeline::before { top: 0; left: 10px; } .timeline-item__title { position: relative; } .timeline-item__title::before { top: 10px; left: -30px; } } .s-sertificate { margin-top: 86px; } .sertificate { display: flex; color: #fff; background-size: cover; background-repeat: no-repeat; text-align: center; } .sertificate-content { display: flex; flex-grow: 1; justify-content: center; align-items: center; flex-direction: column; } .sertificate__title { margin: 0 0 38px; font: 400 64px/98% "Intro", sans-serif; } .sertificate__subtitle { font: 400 40px/118.5% "Intro", sans-serif; } .sertificate-main { width: 405px; min-width: 405px; padding: 103px 28px 34px; background: rgba(255, 69, 69, 0.80); text-align: center; } .sertificate-slider { position: relative; } .sertificate-arrows { position: absolute; right: 0; left: 0; bottom: 41px; display: flex; justify-content: space-between; align-items: center; color: #fff; pointer-events: none; z-index: 21; } .sertificate-arrows .slider-arrow { pointer-events: all; } .sertificate-arrows .icon { width: 31px; height: 31px; } .sertificate-thumb { display: flex; justify-content: center; align-items: center; margin: 0 0 40px; } .sertificate-value { font: 400 72px/1 "Intro", sans-serif; } .sertificate-subtitle { padding: 0 0 10px; font: 400 48px/1 "Intro Regular", sans-serif; } .btn--sertificate-select { width: 100%; margin-top: 90px; } @media (max-width: 991px) { .sertificate__title { font-size: 36px; } .sertificate__subtitle { font-size: 24px; } } @media (max-width: 767px) { .sertificate { flex-direction: column; } .sertificate-content { padding: 32px 20px; } .sertificate__title { margin: 0 0 21px; font-size: 31px; } .sertificate-main { width: 100%; min-width: 100%; padding: 34px 20px; } .sertificate-thumb { margin: 0 0 21px; } .sertificate-thumb img { max-width: 64px; } .sertificate-value { font-size: 36px; } .sertificate-subtitle { font-size: 26px; } .btn--sertificate-select { margin-top: 21px; } .sertificate-arrows { bottom: 24px; } } .s-quote { padding: 112px 0 0; } .quote { padding: 208px 0 52px; background-position: top center; background-size: cover; background-repeat: no-repeat; } .quote__content { max-width: 759px; } .quote__text { position: relative; margin: 0 0 35px; padding-left: 34px; border-left: 5px solid #CCD6DF; color: #555555; font: 300 italic 20px/156% var(--fm); } .quote__text::before { color: #2D7591 !important; content: ''; position: absolute; left: 0; bottom: calc(100% + 34px); width: 56px; height: 56px; background-image: url('/bitrix/templates/onesite.industry/assets/css/../img/quote/quote.svg?up=2'); background-size: contain; background-repeat: no-repeat; } .quote__author { color: rgba(0, 0, 0, 0.90); text-align: right; font: 400 16px/156% var(--fm); font-style: italic; } @media (max-width: 991px) { .s-quote { padding: 64px 0 0; } .quote { padding: 120px 0 64px; } } @media (max-width: 767px) { .quote { background-image: none!important; background-color: #e9e9e9; } } .s-principles { padding: 121px 0 129px; background-repeat: no-repeat; background-position: left center; } .principles-list { display: flex; flex-wrap: wrap; gap: 126px 116px; padding: 0 110px; } .principle { width: calc(33.333333% - 78px); padding: 0; } .principle__title { position: relative; margin: 0 0 60px; font: 400 24px/118.5% "Intro", sans-serif; } .principle__title::before { content: ''; position: absolute; right: calc(100% + 46px); bottom: 7px; width: 16px; height: 16px; background: #2D7591; border-radius: 50%; z-index: 10; } .principle__title::after { content: ''; position: absolute; right: calc(100% + 46px); bottom: 15px; width: 135px; height: 1px; background: linear-gradient(90deg, rgba(255,0,0,0) 0%, #2D7591 100%); } .principle__title strong { display: block; font: 400 48px/118.5% var(--fm); } .principle__descr { color: rgba(133, 133, 133, 0.9); font: 400 16px/150% var(--fm); } @media (max-width: 1199px) { .principles-list { gap: 30px 40px; } .principle { width: calc(33.333333% - 30px); } .principle__title::before, .principle__title::after { right: calc(100% + 15px); } } @media (max-width: 991px) { .s-principles { padding: 80px 0 64px; } .principles-list { padding: 0 30px; } .principle__title { margin: 0 0 21px; font-size: 21px; } .s-banners{ padding-top: 0; } .col-header-search{ margin-right: 20px; } } @media (max-width: 768px) { .principle { /*width: calc(50% - 20px);*/ width: 100%; } } @media (max-width: 575px) { .principle { width: 100%; } } .page-sort { display: flex; justify-content: center; margin: 0 0 58px; gap: 0 108px; border-bottom: 1px solid rgba(0,0,0,0.2); } .page-sort a { display: block; text-align: center; padding: 0 0 27px; color: #3d3d3d; font: 300 20px/117.5% var(--fm); } .page-sort a:hover { color: #000; } .page-sort li.current a { font-weight: 500; color: #000; box-shadow: 0 1px 0 0 #000; } @media (max-width: 1199px) { .page-sort { gap: 0 30px; justify-content: flex-start; white-space: nowrap; overflow-x: auto; } .page-sort a { padding: 0 0 10px; font-size: 18px; } } @media (max-width: 767px) { .page-sort { margin: 0 0 32px; } .page-sort a { font-size: 16px; } } .brands-search { display: flex; margin: 0 0 23px; border: 1px solid #000 } .brands-search .icon { width: 18px; height: 18px; } .brands-search .form-control { padding: 0; border: none; } .brands-search .form-control::placeholder { color: #afafaf; } .brands-search .btn-submit { padding: 14px 24px; background-color: transparent; cursor: pointer; } .brands-anchors { display: flex; justify-content: space-between; margin: 0 0 58px; gap: 6px; font: 500 20px/117.5% var(--fm); text-transform: uppercase; } .brands-anchors a { color: #000; } .brands-anchors a:hover { opacity: 0.7; } @media (max-width: 767px) { .brands-anchors { margin: 0 0 32px; overflow-x: auto; } } .brands-thumb { display: flex; flex-wrap: wrap; margin: 0 0 53px; gap: 20px 24px; } .brand-thumb { display: flex; justify-content: center; align-items: center; width: calc(50% - 12px); padding: 25px; background-color: rgba(0, 0, 0, 0.03); transition: var(--dt); } .brand-thumb:hover { background-color: #000; } .brand-thumb:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } @media (min-width: 768px) { .brand-thumb { width: calc(33.333333% - 16px); } } @media (min-width: 992px) { .brand-thumb { width: calc(25% - 18px); } } .brands-letters__group { margin-bottom: 40px; } .brands-letters__group:last-child { margin-bottom: 0; } .brands-letters__title { margin: 0 0 20px; font: 400 40px/117.5% var(--fm) } .brands-letters__list { display: flex; flex-wrap: wrap; } .brands-letters__list li { width: 25%; margin-bottom: 16px; } .brands-letters__list li:last-child { margin-bottom: 0px; } .brands-letters__list a { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; color: rgba(131, 131, 131, 0.90); font: 300 24px/1.2 var(--fm); } .brands-letters__list a.premium { color: rgba(0,0,0,1); font-weight: 400; } .premium-label { display: inline-flex; padding: 4px 12px; border: 1px solid rgba(0,0,0,1); font: 300 italic 16px/1 var(--fm); white-space: nowrap; } .brands-letters__list a:hover { color: rgba(0,0,0,1); } @media (max-width: 991px) { .brands-letters__list li { width: 33.3333%; } .brands-letters__list a { font-size: 18px; } .premium-label { font-size: 14px; } } @media (max-width: 767px) { .brands-letters__list li { width: 50%; } .brands-letters__list a { font-size: 16px; } .premium-label { font-size: 12px; } } .btn--black { background-color: #000; color: #fff; } .btn--black:hover { background-color: #333; } .page-title { display: flex; align-items: baseline; gap: 14px; } .title-counter { color: #A4A4A4; letter-spacing: 0.14px; font: 500 14px/117.5% var(--fm); } .catalog-search { position: relative; display: flex; justify-content: flex-end; margin: -140px 0 92px; } .catalog-search .form-control { border-color: #DBDBDB; width: 580px; max-width: 100%; } .catalog-search .btn-submit { position: absolute; top: 1px; right: 1px; bottom: 1px; padding: 11px 32px; background-color: transparent; border-left: 1px solid #DBDBDB; } .catalog-search .icon { width: 18px; height: 18px; } @media (max-width: 991px) { .catalog-search { margin: 0 0 32px; } } .catalog-menu { position: relative; top: unset; padding: 0; opacity: 1; visibility: visible; pointer-events: all; z-index: 99; } .catalog-menu::after { content: none; } .catalog-menu .submenu-parent { min-height: unset; width: 100%; } .catalog-menu .submenu-parent > li > a { padding-left: 0; justify-content: flex-start; gap: 0 20px; } .catalog-menu a { color: rgba(0, 0, 0, 0.90); } .catalog-menu:hover a { color: rgba(131, 131, 131, 0.90); } .primary-menu__counter { color: #A4A4A4; } .primary-menu__counter::after { content: none!important; } @media (max-width: 1199px) { .catalog-menu .submenu-parent > li > a { gap: 0 6px; } } @media (max-width: 991px) { .col-catalog-menu { display: none; } } .catalog-filter { position: relative; display: flex; flex-wrap: wrap; margin: 0 0 32px; gap: 16px; z-index: 61; } .dropdown-toggle { position: relative; } .dropdown-toggle__head { display: flex; align-items: center; padding: 11px 16px; gap: 17px; border: 1px solid #000; cursor: pointer; } .dropdown-toggle__title { font: 400 15px/117.5% var(--fm); } .dropdown-toggle__toggler { display: flex; justify-content: center; align-items: center; } .dropdown-toggle__toggler .icon { width: 13px; height: 13px; } .dropdown-toggle__body { position: absolute; top: calc(100% + 11px); left: 0; /*left: 50%;*/ /*transform: translateX(-50%);*/ width: 354px; padding: 20px; background-color: #fff; filter: drop-shadow(8px 8px 60px rgba(0, 0, 0, 0.12)); opacity: 0; visibility: hidden; transition: var(--dt); z-index: 21; } .dropdown-toggle.open .dropdown-toggle__body { opacity: 1; visibility: visible; } .catalog-filter__group__search { position: relative; margin: 0 0 32px; } .catalog-filter__group__search .form-control { border-color: #A4A4A4; } .catalog-filter__group__search .btn-submit { position: absolute; top: 1px; right: 1px; bottom: 1px; display: flex; justify-content: center; align-items: center; padding: 10px 20px; color: #A4A4A4; background-color: transparent; } .catalog-filter__group__search .icon { width: 18px; height: 18px; } .catalog-filter__list { display: flex; flex-direction: column; gap: 10px; } .catalog-filter__group__footer { margin: 32px -20px -20px; padding: 20px; border-top: 1px solid #D9D9D9; } .catalog-filter__group__footer .btn { width: 100%; } .filter-prices__row { margin: 31px 0 0; gap: 20px; } .filter-prices__group { gap: 9px; } .filter-prices__group .caption { color: #A4A4A4; font-size: 14px; } .filter-prices__row .form-control { width: 120px; padding: 12px; color: #A4A4A4; font-size: 14px; text-align: center; } .irs { height: 25px; } .irs--round .irs-line, .irs--round .irs-bar { height: 2px; } .irs--round .irs-handle { width: 20px; height: 20px; bottom: -8px; border-radius: 50%; background-color: #fff; border: 2px solid #000; } .filter-color-label { display: inline-flex; justify-content: center; align-items: center; width: 28px; height: 28px; min-width: 28px; margin-right: 20px; vertical-align: middle; } .custom-checkbox-lg__value:checked ~ .custom-checkbox-lg__text { color: #000; } @media (max-width: 1199px) { .catalog-filter__group { width: calc(33.333333% - 11px); } .dropdown-toggle__head { justify-content: space-between; } .dropdown-toggle__body { width: 100%; } .filter-prices__row { flex-direction: column; } .filter-prices__group { width: 100%; } .filter-price__value { padding: 0; } } @media (max-width: 991px) { .catalog-filter__group { width: calc(50% - 8px); } } @media (max-width: 575px) { .catalog-filter__group { width: 100%; } } .row--product-list { gap: 16px 0; } .col-product { position: relative; } .col-product:hover { z-index: 51; } .row--product-list .product-item__content { padding: 20px 0 0; } .product-item__cart-link { background-color: #3183A2; } .info-line.is_stuck .header-logo img{ } .info-line.is_stuck .user-menu{ height: 50px; } .info-line.is_stuck .primary-menu li{ height: 50px; } .info-line.is_stuck .primary-menu__submenu2 li{ height: inherit; } .info-line.is_stuck .header-callback{ padding: 7px; } .s-movie{ margin-top: 80px; text-align: center; } .footer-callback{ border-color: #2D7591 !important; background: #2D7591 !important; color: #fff; border-radius: 7px; } body .header-sticky .is_stuck{ border-bottom: 1px solid #ccc!important; } body .header-sticky .is_stuck .header-callback{ width: 155px; } .btn-outline{ color: #000; border: 1px solid #000; padding: 12px 10px; transition: .3s; font: 500 14px / 16px var(--fm); } .btn-outline:hover{ border-color: #2D7591; background: #2D7591; } .info-line .header-callback{ border: 1px solid #2D7591; } .info-line .header-callback:hover{ opacity: .7; } .s-blog-list .category__link{ border-radius: 7px; background: #fff; border-color: #000; } .s-blog-list .category__link:hover{ background: #3183A2!important; border-color: #3183A2!important; } .category__link.active{ background: #3183A2!important; border-color: #3183A2!important; } /* End */ /* Start:/bitrix/templates/onesite.industry/assets/css/animate.css?177148761357095*/ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /* End */ /* Start:/bitrix/templates/onesite.industry/styles.css?177148804464908*/ img.letter-contain{ margin-left: 10px; } .s-movie iframe{ width: 100%; height: 540px; } .product-item__label--discount{ background: #C82E29!important; } .technology{ background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(rgba(245, 245, 245, 0))); background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 100%); } sup{ vertical-align: super; font-size: 10px; } .letter-slider .swiper-slide{ justify-content: center; font-size: 210px; font-weight: 100; } .top-letter-text{ text-transform: uppercase; letter-spacing: 1px; padding: 0 0 0 5px; } .header-logo img{ /*height: 110px;*/ } .header-logo{ width: 150px; min-width: 105px; } .subscribe__content_wrap h2{ width: 100%; } .subscribe__content_wrap{ flex-wrap: wrap!important; } .about__logo img{ max-width: 80%; } .page-header.page-header--imaged:after { content: ""; display: block; position: absolute; top: 0; left: 0; background: #000; z-index: 9; width: 100%; height: 100%; opacity: .4; } .page-header.page-header--imaged { position: relative; } .page-header.page-header--imaged .container-fluid { position: relative; z-index: 99; } .product-detail__tabs-block{ display: none; padding: 10px 30px; } .product-detail__tabs-block.open{ display: block; } .product-detail__tabs-item { padding: 5px 20px; background: #f2f2f2; border: 1px solid #ccc; cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .product-detail__tabs{ margin-bottom: 40px; } .product-detail__tabs-item img{ transition: .3s; } .product-detail__tabs-item.active img{ transform: rotate(180deg); } .product-detail__text{ margin-bottom: 30px; } .product-detail__content{ width: calc(100% - 800px); } @media(max-width: 768px){ .footer__development{ margin-top: 30px; } .footer-callback-link{ display: none; } .timeline-item__description { max-width: 250px!important; } } @media (max-width: 575px) { .timeline-item__description { max-width: 100% !important; } } @media(max-width: 991px){ .product-detail__content{ width: 100%; margin: 32px 0 0 0; } } .btn--to-cart{ padding: 15px!important; } .footer-callback-link{ float: right; } .footer__development { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; justify-content: end; } .footer__development span { margin-right: 10px; } .footer__development-link { position: relative; top: -3px; display: inline-block; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; width: 115px; height: 27px; margin-top: 1px; } .footer__development-link img { position: absolute; left: 0; top: 0; -webkit-transition: 0.4s opacity; -o-transition: 0.4s opacity; transition: 0.4s opacity; } .footer__development-link .img-hover { opacity: 0; } .footer__development-link:hover .img-hover { opacity: 1; } .footer__development-link:hover .img-default { opacity: 0; } .product-detail__info ul{ padding: 30px; /*list-style: disc;*/ } .filter-bg img{ max-width: 17px; max-height: 17px; filter: invert(100%); } .filter-bg{ } footer .footer-social, header .footer-social{ gap: 10px; } .timeline-item__thumb img{ max-width: 400px; } .where-list { margin-bottom: 80px; } .where-item { flex-direction: column; display: flex; padding: 40px 50px 25px; border-radius: 5px; border: 1px solid #CDCDCD; background: #FFF; margin-bottom: 20px; min-height: 197px; } .where-item img { max-width: 155px; display: inline-block; margin-bottom: 20px; } .where-title { border-radius: 32px; border: 1px solid #DB395E; background: #FFF; color: #DB395E; text-align: center; font-family: Gilroy; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; transition: .3s; padding: 9px 50px; } @media (max-width: 1200px) { .where-title { padding: 9px 0; } } .btn--white-outline{ background: #fff; border: 1px solid #000; color: #000; } .btn--white-outline:hover{ color: #fff; } @media(min-width: 991px){ .hero-slider{ z-index: 199; } } .blog-detail__picture{ max-width: 400px; min-width: 400px; } .blog-detail{ display: flex; gap: 40px; } @media(max-width: 768px){ .blog-detail{ flex-wrap: wrap; } } .pageContent{ margin-bottom: 80px; } .enterForm { margin: 40px 0; max-width: 350px; } .ya-share2__list { margin: 0!important; } .catalog-description{ margin: 50px 0 100px; } .blog-alt__description a{ margin-left: 20px; } .blog-alt__description.mini a{ margin: 0; } .header-logo .mobile-logo{ display: none; } @media(max-width: 991px){ .header-logo .desktop-logo{ display: none; } .header-logo .mobile-logo{ display: block; } .blog-detail__picture, .blog-detail__picture img{ max-width: 100%; min-width: auto; } .blog-detail img{ margin-bottom: 0; } .blog-detail{ gap: 15px; } .product-detail__text{ line-height: 23px; } footer .footer-social{ gap: 10px; } .hero-item{ height: 355px; padding: 20px; } .banner-slider, .banner__content, .banner__thumb{ max-height: 350px; overflow: hidden; } .hero-item__action .btn{ padding: 10px 46px; font-size: 12px; } } .blog-item__thumb:not(.not_overlay):before { content: ""; display: block; width: 100%; height: 100%; background: #000; position: absolute; opacity: .3; } .blog-alt__tags.detail{ display: block; margin-bottom: 20px; } .afisha-type{ display: inline-block; background: #000; color: #fff; padding: 1px 17px; } .blog-alt.mini{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .map-courses{ height: 300px; margin-top: 20px; } .main-map{ height: 500px; position: relative; margin-bottom: 50px; } .modal-content { position: relative; max-width: 600px; margin: 0 auto; padding: 48px; background: #FFFFFF; border-radius: 48px; } .modal-test { position: fixed; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto; padding: 24px 12px; z-index: 9999; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; } @media (min-width: 768px) { .modal-header { padding-right: 40px; } } .modal-close { position: absolute; top: 32px; right: 32px; width: 48px; height: 48px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #CECECE; border-radius: 50%; color: #CECECE; cursor: pointer; transition: all 0.3s ease; } .modal-close:hover { color: var(--primary); border-color: var(--primary); } .modal-close .icon { width: 24px; height: 24px; } .modal-title { font-weight: 500; font-size: 1.25rem; line-height: 120%; } .js-modal-ballon .modal-title{ margin-bottom: 0; } .modal-info, .info-list p { margin-top: 24px; } .modal-info__val, .info-list p { font-weight: 400; font-size: 1rem; line-height: 120%; color: #303030; } .modal-info__char, .info-list b { margin-bottom: 8px; font-weight: 400; font-size: 0.75rem; line-height: 120%; letter-spacing: 0.02em; text-transform: uppercase; color: #BBBBBB; } .modal { display: none; } .modal-test { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow-y: auto; padding: 24px 12px; z-index: 9999; } .js-modal-close svg{ max-width: 20px; } .modal-info__img img{ max-height: 100px; } .product-detail__text.center{ max-width: 750px; margin: 20px auto; } .product-detail__content .product-detail__text{ letter-spacing: 0.02em; font: 400 16px / 24px var(--fm); } .product-detail__text p{ max-width: inherit!important; color: #000!important; } .s-catalog-filter .catalog-menu{ display: flex; flex-direction: column; } .novalid { background: #ffe5e5; border-color: #ff0000; } .product-detail__gallery { display: flex; align-items: center; justify-content: flex-start; gap: 20px; flex-wrap: wrap; margin: 40px 0; } .product-detail__gallery a { width: calc(25% - 20px); } @media (max-width: 525px) { .product-detail__thumb{ order:0; } .product-detail__content{ order: 1; } .product-detail__gallery{ order:2; } .product-detail__info{ order:3; } } .blog-detail__picture img.main-photo{ margin-bottom: 15px; } .blog-detail__photos-desc{ color: #ccc; font-style: italic; } .s-catalog-filter .primary-menu li{ height: auto; display: block; } .bx-filter{ padding: 0 10px; } .bx-filter .bx-filter-parameters-box-title span{ color: #000; } .bx-filter .bx-filter-section{ padding: 0; } .bx-filter-parameters-box{ width: 160px; max-width: 160px; padding: 0 5px; margin-bottom: 10px; } .smartfilter{ display: flex; align-items: start; } .smartFilter__btns{ margin-left: auto; margin-top: auto; } .smartFilter__btns .btn--black{ margin-left: auto; height: 41px; font: 500 14px / 16px var(--fm); width: 130px; padding: 0; cursor: pointer; } .smartFilter__btns .btn-link{ height: 41px; font: 500 14px / 16px var(--fm); padding: 0 10px; background: transparent; border: none; cursor: pointer; } .smartFilter__btns .bx-filter-parameters-box-container{ min-width: 220px; } .smartFilter__btns{ margin-top: 0; } .mobile-filter{ display: none; } .mobile-filter__icon svg{ max-width: 25px; max-height: 25px; } .mobile-filter__icon{ max-width: 25px; max-height: 25px; } @media (max-width: 525px) { .smartfilter{ flex-wrap: wrap; } .smartFilter__btns .btn--black, .smartFilter__btns{ margin-left: 0; } .bx-filter-parameters-box{ width: 50%; max-width: 50%; padding: 0 5px 0 15px; } .bx-filter{ display: none; } .mobile-filter{ display: flex; gap: 10px; margin-bottom: 20px; background: #eee; border-radius: 10px; padding: 5px 10px; align-items: center; justify-content: start; width: max-content; cursor: pointer; } .smartFilter__btns{ margin-top: 10px; } } .top-menu__second-level{ display: none; position: absolute; width: 150px; background: #1D1C22; top: 35px; z-index: 9; padding: 10px; left: -10px; } .top-menu li{ padding: 10px 0; position: relative; } .top-menu li:hover .top-menu__second-level{ display: block; } .defPage ul, .defPage ol{ padding: 20px 20px 20px 40px; } .defPage ul li{ list-style: disc; } .defPage ol li{ list-style: numeric; } .defPage li{ margin-bottom: 10px; } .bx-filter-parameters-box-container{ padding-bottom: 0; } .blog-btn{ padding: 8px; font: 500 14px / 16px var(--fm); width: 170px; margin-top: 10px; } .map-item-block{ display: flex; width: calc(50% - 35px); } .fancybox-content #callback{ margin: 0; } .fancybox-content .modal-content{ padding: 0; } .fancybox-content .modal-content .form-submit{ padding: 10px 8px; font: 500 14px / 16px var(--fm); width: 170px; } img.hero-item__thumb, .main-screen__video{ object-fit: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: .5; } .hero-content{ background: #000; } .hero-item__desc{ color: #fff; } .hero-item__title { max-width: 460px; margin: 0 0 32px; font: 400 52px / 0.8 var(--fm); } .hero-item__desc { max-width: 460px; margin: 0 0 32px; font: 400 18px / 1.2 var(--fa); } .hero-item__action .btn { border-color: #fff !important; } .top-menu a{ font-size: 14px; } .hero-slider{ background: #000; } .hero-slider-container { position: relative; } .hero-slider-container::before { content: ""; position: absolute; top: 20px; right: -20px; bottom: 20px; left: -20px; border-radius: 16px; /*background-color: var(--primary);*/ opacity: 0.08; } .hero-slider-arrows { position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; bottom: 40px; left: 80px; z-index: 21; } .hero-slider-arrows .slider-arrow { background-color: transparent; border-color: var(--primary); color: var(--primary); } .hero-slider-arrows .slider-arrow:hover { background-color: var(--primary); color: var(--light); } .hero-slider-alt { position: relative; overflow: hidden; z-index: 20; } .hero-item-alt { position: relative; color: var(--primary); } .hero-item__picture { display: block; -webkit-box-shadow: 15px 5px 30px 0px rgba(159, 129, 112, 0.05); box-shadow: 15px 5px 30px 0px rgba(159, 129, 112, 0.05); } .hero-item__picture img { display: block; width: 100%; } .hero-item__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px 40px; z-index: 21; } .hero-item__title { max-width: 560px; margin: 0 0 32px; font: 400 45px/1 var(--fm); } .hero-item__description { max-width: 460px; margin: 0 0 32px; font: 400 18px/1.2 var(--fa); } @media (max-width: 1365px) { .hero-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 30px 40px 40px; } .hero-item__title { font-size: 48px; } .hero-slider-arrows { left: 40px; } } @media (max-width: 991px) { .hero-slider-container::before { right: -12px; left: -12px; } .hero-item__title { max-width: 306px; margin: 0 0 20px; } .hero-item__description { max-width: 300px; font-size: 16px; } .hero-slider-arrows { bottom: 24px; } } @media (max-width: 767px) { .hero-slider-container::before { top: 12px; right: -8px; bottom: 12px; left: -8px; } .hero-item__content { padding: 28px 12px; } .hero-item__title { margin: 0 0 12px; font-size: 32px; } .hero-slider-arrows { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: calc(100% + 24px); bottom: unset; left: 0; gap: 24px; } .hero-item__description { margin: 0 0 20px; font-size: 14px; } } .slider-arrow .icon { width: 34px; height: 34px; color: #3183A2; } .hero-item-alt, .hero-item-alt .hero-item__title { color: #000 } .footer-line__tagline{ } .hero-item__content,.hero-item__title, .hero-item__action .btn{ color: #fff!important; } .hero-item__action .btn{ border-color: #fff!important; } @media (min-width: 768px) { .hero-item-alt{ height: 550px; } } @media (max-width: 475px) { .hero-item-alt{ height: 400px; } .hero-item__picture img{ object-fit: cover; height: 100%; } .hero-item__picture{ height: 100%; } .hero-item__action .btn{ padding: 8px 26px; } .product-slider .product-slide2{ width: 200px!important; margin-right: 10px!important; } .footer-line{ flex-wrap: wrap; } .footer-nav{ margin-top: 20px; } .header__mobile-btns{ text-align: center; } .header__mobile-btns a{ display: inline-block; } } .hero-item__content { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; } .btn--white:hover{ color: #000; } .hero-slider:not(.swiper-initialized){ opacity: 0; } .footer-social svg{ max-width: 19px; max-height: 19px; } .footer-social__phone a{ color: #fff; } .modal-description{ margin-bottom: 30px; } .sections__item{ position: relative; display: inline-block; width: 100%; min-height: 230px; vertical-align: top; background-position: center right; background-repeat: no-repeat; border: 1px solid #ebebeb; background-color: #fff; /*padding: 45px 52% 30px 30px;*/ padding: 20px 52% 20px 20px; transition: transform .3s linear; text-decoration: none; background-size: 50%; height: 100%; background: #f6f6f6; } .s-categories .row{ gap: 30px 0; } .sections__name{ text-transform: uppercase; color: #000; font-size: 18px; font-weight: 700; margin: 0 0 20px; letter-spacing: .25px; } .sections__description{ color: #000; font-size: 13px; line-height: 18px; /*margin: 0 0 13px;*/ margin: 0; } .more { font-weight: 500; color: var(--primary); font-size: 13px; border-bottom: 1px solid var(--primary); transition: .3s; display: inline-block; } .more:hover{ border-color: transparent; } .sections__info{ padding: 0!important; } @media(min-width: 576px){ .product__list [class*=col-] { padding-left: 7px; padding-right: 7px; } .product__list .row { margin-right: -7px; margin-left: -7px; } } @media (max-width: 575px) { .sections__item { min-height: 120px; margin-bottom: 16px; padding: 24px; } .sections__name { margin-bottom: 12px; } } .sections__description a{ color: #000; /*border-bottom: 1px dashed #000;*/ transition: .3s; position: relative; padding-left: 10px; /*margin-left: 5px;*/ } .sections__description a:before{ content: ''; width: 4px; height: 4px; /*border-radius: 50%;*/ background: #000; display: inline-block; position: absolute; top: 6px; left: 0; } .sections__description a:hover{ border-color: transparent; } .s-blog-list .category__link{ padding: 10px 40px; font: 400 15px / 21px var(--fm); } .s-blog-list .categories__list--blog{ margin-bottom: 60px; } .sections__img{ position: absolute; top: 0; right: 0; width: 50%; height: 100%; object-fit: cover; } .pre-order__slider, .pre-order__cases{ margin-top: 60px; } .pre-order__slider{ position: relative; overflow: hidden; } .pre-order-arrows{ position: absolute; top: 0; width: 100%; height: 100%; z-index: 9; } .pre-order-arrows .hero-prev{ left: 0; position: absolute; background: #fff; height: 100%; } .pre-order-arrows .hero-next{ right: 0; position: absolute; background: #fff; height: 100%; } .pre-order__cases-title{ margin-bottom: 30px; } .pre-order__form { background: #eee; margin-top: 60px; padding: 50px 0; text-align: center; } .pre-order__form-title { font-size: 24px; font-weight: bold; max-width: 800px; margin: 0 auto 20px; font: 400 30px / 119.5% "Intro", sans-serif; } .pre-order__form-desc { max-width: 650px; margin: 0 auto 30px; } .pre-order__form-btn { margin-bottom: 30px; } .pre-order__form-contacts a { color: #000; transition: .3s; border-bottom: 1px solid; display: inline-block; margin: 0 10px; } .primary-menu__submenu2{ opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; top: 80px; left: 0; z-index: 99; display: flex; flex-wrap: wrap; flex-direction: column; background: #fff; width: 250px; } .is_stuck .primary-menu__submenu2{ top: 51px; } /*.primary-menu li{*/ /* position: relative;*/ /*}*/ .primary-menu li:hover .primary-menu__submenu2{ opacity: 1; visibility: inherit; } .main-header{ z-index: 200; } .primary-menu__submenu2 li{ height: inherit; } .primary-menu__submenu2 li span{ line-height: 18px; display: inline-block; padding: 3px 10px; text-transform: initial; font-weight: 300; } .primary-menu__submenu2 a:hover span::after { display: none!important; } .hero-item__action .btn--red{ color: #fff!important; background: #3183A2!important; border-radius: 7px; border: 1px solid #FFFFFF!important; } .hero-item__action .btn--red:hover{ border-color: #3183A2!important; background: #3183A2!important; color: #fff!important; } .s-pre-order .s-principles{ padding-bottom: 20px; } .pre-order__cases-title{ font: 400 30px / 119.5% "Intro", sans-serif; } .product-detail__text { max-width: 1000px; /*margin-left: auto;*/ /*margin-right: auto;*/ text-align: justify; } .mw-100{ max-width: 100%; } .pre-order__slider{ margin-bottom: 80px; } .product-detail ul, .product-detail__text ul { /*list-style: disc;*/ padding: 15px 0 15px 30px; } .product-detail ul li, .product-detail__text ul li{ padding-left: 20px; position: relative; } .product-detail ul li:before, .product-detail__text ul li:before{ content: ""; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #3183A2; top: 7px; left: 0; } .product-detail ol li, .product-detail__text ol li{ position: relative; } .product-detail ol li:before, .product-detail__text ol li:before{ content: counter(item) '. '; counter-increment: item; content: counter(item) '. '; counter-increment: item; margin-right: 10px; color: #3183A2; font-weight: bold; } .product-detail li, .product-detail__text li { margin-bottom: 10px; } .product-detail__text ol, .product-detail ol, .product-detail__info ol { /*list-style: numeric;*/ counter-reset: item; padding: 15px 0 15px 30px; } .main-footer{ margin-top: 60px; } .footer-social2 li{ margin-bottom: 10px; } .hero-item__action .btn--red:hover{ background: transparent!important; color: #3183A2!important; } .primary-menu .active, .primary-menu a:hover, .primary-menu__aside a:hover{ color: rgb(164, 164, 164) !important; } .main-header--overlayed .primary-menu .active, .main-header--overlayed .primary-menu a:hover, .main-header--overlayed .primary-menu__aside a:hover{ color: #fff !important; } @media(min-width: 1199px){ .info-list .char{ width: 430px; } } .product-detail__info a, .product-detail__text a{ color: #3183A2; } .info-list{ padding: 15px 0 15px 0!important; } .info-list li:before{ display: none!important; } .principle__title img { max-width: 75px; } .principle__descr strong{ color: #000; } .section__title-map{ margin: 80px auto 10px; } .section__desc-map{ margin-bottom: 80px; } .new-map{ position: relative; margin: 0 auto 80px; width: 1024px; text-align: center; background-image: url(/upload/map.png); background-repeat: no-repeat; background-position: 0px -40px; background-size: cover; } .new-map img{ margin: 0 auto; opacity: 0; /*width: 845px;*/ } .new-map__city{ position: absolute; z-index: 5; transform: translate(-50%,-50%); } .new-map__drop{ font-size: 16px; font-weight: 600; color: #fff; padding: 10px 25px; border-radius: 10px; background: #3183A2; white-space: nowrap; left: 50%; transform: translate(-50%,0); top: -50px; position: absolute; opacity: 0; visibility: hidden; transition: 300ms; } .new-map__marker{ display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; } .new-map__city:hover{ z-index: 6; } .new-map__city:hover .new-map__drop{ visibility: visible; opacity: 1; } .new-map__city-1{ left: 23%; top: 46%; } .new-map__city-2{ left: 24%; top: 30%; } .new-map__city-3{ left: 46%; top: 72%; } .new-map__city-4{ left: 35%; top: 61%; } .new-map__city-5{ left: 29%; top: 59%; } .new-map__city-6{ left: 26%; top: 52%; } .new-map__city-7{ left: 51%; top: 69%; } .new-map__city-8{ left: 33%; top: 65%; } .new-map__city-9{ left: 26%; top: 60%; } .new-map__city-10{ left: 30%; top: 66%; } .new-map__city-11{ left: 19%; top: 59%; } .new-map__city-12{ left: 15%; top: 66%; } .new-map__city-13{ left: 41%; top: 70%; } .new-map__city-14{ left: 21%; top: 51%; } .new-map__city-15{ left: 33%; top: 51%; } .new-map__city-16{ left: 19%; top: 67%; } .new-map__city-17{ left: 31%; top: 56%; } .new-map__city-18{ left: 22%; top: 60%; } .new-map__city-19{ left: 49%; top: 78%; } .new-map__city-20{ left: 59%; top: 74%; } .new-map__city-21{ left: 82%; top: 66%; } .new-map__city-22{ left: 82%; top: 78%; } .region-start{ display: flex; gap: 30px; margin-bottom: 20px; } .region-start > div:first-child{ width: 40%; } .region-start > div:last-child{ width: 60%; } .region-list-block{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .region-list-block button{ cursor: pointer; transition: 300ms; border: 0; background: #eee; font-weight: 500; padding: 10px; font-size: 16px; } .region-list-block button.active{ background: #C93C20; color: #fff; } .region-city{ font-size: 24px; font-weight: 700; color: #c91032; } #map-new{ height: 400px; width: 100%; } .region-about__item{ display: none; } .region-about__item:first-child{ display: block; } .region-block__title{ text-align: center; font-size: 36px; font-weight: 700; margin-bottom: 40px; margin-top: 40px; } .region-block{ margin-bottom: 40px; } .s-partners{ background: #fff; margin-top: 0; } .s-video{ padding-top: 0; } .black-logo_in-white{ display: none; } .is_stuck .white-logo_in-black{ display: none; } .is_stuck .black-logo_in-white{ display: block; } .banner-slider .slider-arrows{ display: none; } .white-logo_in-black2{ display: none; } @media (max-width: 575px) { .sections__img{ object-fit: contain; } .sections__info { width: 48%; } .sections__name{ font-size: 13px; line-height: 15px; } .sections__item{ padding: 20px 5px 5px 20px; } .white-logo_in-black2{ display: block; } .black-logo_in-white2{ display: none; } .header-logo { margin-right: 0; } .white-logo_in-black2{ width: 185px; } .col-banner-content:before { content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: #000; opacity: .5; z-index: 1; } .banner__content{ z-index: 22; } .video-fullwidth iframe{ height: 300px; } .s-principles{ background-size: contain; background-position: center; } .section__desc-map { margin-bottom: 20px; } .container__map{ max-width: 100%; overflow-x:scroll; } .s-banners { padding-top: 0; } .s-partners{ padding-bottom: 0; } .main-footer{ margin-top: 0; } } .s-principles{ background-size: contain; } .product-item__label--new { background-color: #3183A2; } .section__desc-map a{ color: #3183A2; } .map-contacts + .main-footer{ margin-top: 0; } .category__link.active{ background-color: #000; color: #fff; } .contact-item__content a{ color: #000; font-weight: bold; } .product-detail__text p{ margin-bottom: 20px; } .product-detail__text table{ margin-bottom: 40px; } .product-detail__text td{ border:1px solid #ccc; padding: 10px; } .pre-order__cases-item{ margin-bottom: 30px; } .partner-item img{ /*max-width: 100%;*/ /*max-height: 100%;*/ max-width: 150px; max-height: 65px; } .partners-slider{ /*padding-bottom: 60px;*/ } .defPage p{ margin-bottom: 30px; } /*.isMainPage .main-header{*/ /* position: absolute;*/ /* width: 100%;*/ /*}*/ /*.isMainPage .info-line,*/ /*.isMainPage .top-line{*/ /* background: transparent!important;*/ /*}*/ /*.isMainPage .primary-menu a{*/ /* color: #fff!important;*/ /*}*/ /*.isMainPage .main-header .btn--dark{*/ /* color: #fff!important;*/ /* border-color: #fff!important;*/ /*}*/ /*.main-header .btn--dark:hover{*/ /* border-color: #990116 !important;*/ /* background: #990116 !important;*/ /*}*/ /*.main-header .btn--dark.header-callback:nth-child(2){*/ /* border-color: #990116 !important;*/ /* background: #990116 !important;*/ /* color: #fff!important;*/ /*}*/ /*@media (min-width: 768px) {*/ /* .hero-item-alt {*/ /* height: 750px;*/ /* }*/ /*}*/ .is_stuck.info-line{ background-color: #fff!important; } .is_stuck .primary-menu a{ color: #000!important; } .main-header--overlayed .is_stuck .primary-menu a{ color: #000!important; } .is_stuck .btn--dark{ color: #000!important; border-color: #000!important; } .hero-item__description ul{ list-style: disc; padding: 0 0 0 30px; } .hero-item__description li{ margin-bottom: 7px; } .col-primary-menu{ margin-top: 4px; } .isMainPage .info-line{ border: none!important; } .product-detail-slider img{ object-fit: contain; width: 100%; height: 100%; } .btn--to-cart{ border-radius: 7px; } .btn--to-cart:not(.btn--white-outline){ background: #3183A2 !important; color: #fff !important; border: 1px solid #3183A2 !important; border-radius: 7px; } .btn--to-cart:not(.btn--white-outline):hover{ border-color: #3183A2 !important; background: transparent !important; color: #000 !important; } .btn--white-outline:hover{ border-color: #3183A2 !important; background: #3183A2 !important; color: #fff !important; } /*.header-callback:not(.header-callback_bg){*/ /* border-color: #fff !important;*/ /* background: transparent !important;*/ /* color: #fff !important;*/ /*}*/ .header-callback_bg{ border-color: #3183A2 !important; background: #3183A2 !important; color: #fff !important; } .header-callback_bg:hover{ background: transparent !important; } .top-line a, .top-line span{ color: #fff; } .top-line span{ display: inline-block; margin-left: 20px; } .top-line{ background: #3183A2!important; } .feature { background: var(--F5F5F5, #f5f5f5); padding: 40px 0; } .feature h4 { margin-bottom: 20px; font-size: 24px; font-style: normal; font-weight: 500; line-height: 140%; /* 33.6px */ text-transform: uppercase; } .feature__inner { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 61px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 47.9875em) { .feature__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .feature__content { width: 100%; /*-webkit-box-flex: 0;*/ /*-ms-flex: 0 1 40%;*/ /*flex: 0 1 40%;*/ } .feature__block { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; gap: 10px 40px; } .feature__item { border-bottom: 1px solid #858585; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; width: calc(50% - 40px); } @media (max-width: 768px) { .feature__item{ width: 100%; } } @media (max-width: 47.9875em) { .feature__item { padding: 7px 0; } } .feature__item span { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); font-size: 16px; font-style: normal; font-weight: 300; line-height: 280%; display: inline-block; } .feature__item span:nth-of-type(2) { -webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37%; padding-right: 5px; text-align: right; } @media (max-width: 47.9875em) { .feature__item span { font-size: 12px; font-style: normal; font-weight: 300; line-height: 130%; } .feature__item span:nth-of-type(1) { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding-left: 5px; } .feature__item span:nth-of-type(2) { -webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37%; padding-right: 5px; } } .feature__img { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-height: 580px; } @media (max-width: 47.9875em) { .feature__img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } } .feature__img img { display: block; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; max-height: 580px; } .docs__container h4{ margin-bottom: 20px; font-size: 24px; font-style: normal; font-weight: 500; line-height: 140%; text-transform: uppercase; } .docs__container{ margin: 60px auto; } .docs__item{ margin-bottom: 10px; } .docs__item span{ border-bottom: 1px dashed; transition: .3s; display: inline-block; } .docs__item a{ color: #3183A2; display: flex; align-items: center; } .docs__item a:hover span{ border-color: transparent; } .docs__item svg{ max-width: 30px; max-height: 30px; margin-right: 10px; display: inline-block; } .product-item__thumb-icon{ width: 100px; height: 100px; position: absolute; } .product-item__thumb-icon svg{ width: 100px; height: 100px; } .product-item__thumb__link{ justify-content: center; } .product-detail-slider-container{ justify-content: center; } @media (min-width: 768px) { .product-detail-slider-container{ padding: 0 40px 0; } } .feature__item span{ line-height: 18px!important; } .feature__item{ padding: 10px 0; } .s-product-slider{ margin-bottom: 80px; } .info-line .header-callback{ padding: 12px 2px; border-color: #3183A2 !important; background: #3183A2 !important; color: #fff !important; } .info-line .header-callback:hover{ background: transparent !important; opacity: 1!important; color: #3183A2!important; } .product-size__text{ width: 90px; } .product-detail__colors__list{ gap: 15px; padding: 0; } .col-header-search svg{ color: #000; } .searchinput form{ display: flex; align-items: center; justify-content: space-between; gap: 20px; } .col-header-search{ gap: 17px; display: flex; align-items: center; } .to_favorites { max-width: 20px; max-height: 20px; cursor: pointer; position: relative; } .product-item .to_favorites{ position: absolute; top: 20px; left: 20px; } .to_favorites svg{ max-width: 20px; max-height: 20px; color: #fff; } .to_favorites .icon:nth-child(2){ display: none; } .to_favorites.active .icon:nth-child(2){ display: block; } .to_favorites.active .icon:nth-child(1){ display: none; } .to_favorites.active svg{ color: #990116 !important } @media (max-width: 767px) { .dealers .dropdown { margin-bottom: 30px; margin-left: -15px; margin-right: -15px; } } @media (max-width: 767px) { .dealers .dropdown button { background-color: #3183A2; color: white; height: 50px; } } .dealers-list, .dealers-list-mobile { padding: 25px; height: 330px; overflow: auto; } @media (max-width: 767px) { .dealers-list, .dealers-list-mobile { padding: 0; margin-left: -15px; margin-right: -15px; } } @media (min-width: 768px) and (max-width: 991px) { .dealers-list, .dealers-list-mobile { height: 330px; } } @media (max-width: 767px) { .dealers-list, .dealers-list-mobile { height: unset; } } @media (max-width: 767px) { .dealers-item, .dealers-item-mobile { border-top: 1px solid #ECECEC; padding: 15px; } } @media (max-width: 767px) { .dealers-item:last-child, .dealers-item-mobile:last-child { border-bottom: 1px solid #ECECEC; } } .dealers-item.active svg path, .dealers-item-mobile.active svg path, .dealers-item.active svg g, .dealers-item-mobile.active svg g { fill: black; } .dealers-item:not(:last-child), .dealers-item-mobile:not(:last-child) { margin-bottom: 40px; } @media (max-width: 767px) { .dealers-item > a, .dealers-item-mobile > a { margin-left: auto; } } .dealers-item a:hover span, .dealers-item-mobile a:hover span, .dealers-item a:focus span, .dealers-item-mobile a:focus span { border-bottom-color: transparent; } .dealers-item svg, .dealers-item-mobile svg { margin-right: 10px; } .dealers-item svg path, .dealers-item-mobile svg path, .dealers-item svg g, .dealers-item-mobile svg g { fill: #D20000; } .dealers-item__content > *:not(:last-child), .dealers-item-mobile__content > *:not(:last-child) { margin-bottom: 5px; } .dealers-map { height: 630px; } @media (min-width: 768px) and (max-width: 991px) { .dealers-map { height: 380px; } } @media (max-width: 767px) { .dealers-map { margin-left: -15px; margin-right: -15px; } } .dealers-wrapper { box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); height: 630px; } .dealers-wrapper_link { transition: box-shadow 0.2s linear; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); } .dealers-wrapper_link:hover, .dealers-wrapper_link:focus { box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1); fill: #B30000; } .dealers-wrapper .dropdown .sorting-control { height: 50px; padding-left: 25px; } .dealers-item-title a { font-weight: bold; } .dealers-item-title a span { border-bottom-style: dashed; font-weight: bold; } .ymaps-2-1-72-placemark-overlay.active > ymaps > ymaps { background-image: url(/assets/images/map-marker_black.svg) !important; } .dealers-item-contacts > * { margin-bottom: 5px; } .dealers-item-contacts .contacts-number { font-weight: normal; } .dealer-map-popover { width: 270px; height: 200px; transform: translate(-195px, -190px); } .dealer-map-popover__wrap { position: relative; width: 100%; height: 100%; padding: 20px; background-color: #fff; -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 75% 90%, 75% 100%, 62% 90%, 0 90%); clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 75% 90%, 75% 100%, 62% 90%, 0 90%); overflow: auto; } .dealer-map-popover__wrap .dealer-map-popover__content { overflow: auto; height: 100%; } .dealer-map-popover__close.js-dealer-map-popover-close { position: absolute; top: 0; right: 10px; } .custom-select-select{ padding: 10px 20px; margin-top: 10px; } .custom-select-select select{ display: block; padding: 11px 10px; width: 100%; margin-top: 7px; } .mr-10{ margin-right: 10px; } .header-callback_bg{ width: auto; } .footer-social .header-callback:not(.header-callback_bg){ background: #fff!important; color: #3183A2!important; } .footer-social .header-callback:not(.header-callback_bg):hover{ background: transparent!important; color: #fff!important; border-color: #fff!important; } .sidebar__submenu{ margin: 15px 0 15px 30px; } .sidebar__submenu li{ margin-bottom: 10px; } .product-item__cart-link{ border-radius: 7px; } .s-catalog-filter a.product-item__cart-link{ border: 1px solid #3183A2; } .s-catalog-filter a:hover{ color: #000; background: transparent; } .s-catalog-filter .bx_catalog_text_title{ margin-bottom: 10px; } .dealers-item__content a{ color: #000; } .sert-list { display: flex; flex-wrap: wrap; gap: 20px; } .sert-list a { width: 25%; } .info-line .primary-menu a{ font: 500 14px / 16px var(--fm); } .is_stuck .primary-menu .icon{ display: none!important; } .is_stuck .primary-menu .primary-menu__submenu{ display: none!important; } .submenu-child li{ margin-bottom: 15px; } .bx-filter { margin-bottom: 40px; } .hero-item__description{ color: #fff; } .footer__development { font: 400 14px / 15px var(--fm); color: rgba(255, 255, 255, 0.9); mix-blend-mode: normal; opacity: 0.8; } .s-banners .btn--dark{ border: 1px solid #3183A2!important; color: #000!important; } .s-banners .btn--dark:hover { background-color: #3183A2!important; color: #000!important; } footer .btn--dark:hover{ color: #fff!important; background: transparent!important; } .bx-filter .bx-filter-parameters-box-title span{ font: 400 15px / 117.5% var(--fm); } .bx-filter .bx-filter-select-container{ border-color: #000; border-radius: 0; height: 41px; } .bx-filter .bx-filter-select-arrow{ background: url(/local/templates/prymery/assets/img/arrow2.svg); background-size: 52%; background-repeat: no-repeat; background-position: center; height: 38px; } .bx-filter-parameters-box{ width: 175px; max-width: 175px; } .bx-ui-slider-track-container{ /*display: none!important;*/ max-width: 80%; /*margin: 0 auto 0 45px;*/ margin: 0 auto; } .bx-ui-slider-part{ display: none; } .bx-filter-parameters-box-title{ display: none; } .bx-filter .bx-filter-select-block{ height: 39px; } .bx-filter .bx-filter-select-text{ line-height: 37px; height: 37px; font-size: 13px; } .s-catalog-filter .sidebar__submenu{ margin: 15px 0 15px 15px; } .s-catalog-filter .sidebar__submenu a{ text-transform: inherit; } .container-fluid .s-catalog-filter .container-fluid{ padding: 0!important; } .s-catalog-filter .sidebar__submenu .sidebar__submenu a{ position: relative; } .s-catalog-filter .sidebar__submenu .sidebar__submenu a:before{ content:'—'; display: inline-block; } .dropdown-toggle.open .dropdown-toggle__body{ z-index: 99; } .bx-filter .bx-ui-slider-range{ filter: grayscale(100%); } .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v{ position: absolute; top: 0; bottom: 0; } .bx-filter .bx-ui-slider-pricebar-vd { background: #849da4; } .bx-filter .bx-ui-slider-pricebar-vn { background: #ccc; } .bx-filter .bx-ui-slider-pricebar-v { background: #3183A2; } .bx-filter .bx-ui-slider-handle.left { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkM2RUFBN0ExNjg1MTFFNUIzOUM4MzM0QUEzQkQxRDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkM2RUFBN0IxNjg1MTFFNUIzOUM4MzM0QUEzQkQxRDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QzZFQUE3ODE2ODUxMUU1QjM5QzgzMzRBQTNCRDFENCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QzZFQUE3OTE2ODUxMUU1QjM5QzgzMzRBQTNCRDFENCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppps1VcAAAEWSURBVHjabFPRFcIwCIS8/nWGdh+3sYu4gmu5il8niUAuaN6zJoQD7iB6e76kL8h3qX+RlrnU/TR3sje+DHMFq4cN8Pded/veG8gNWUEEVALMQPbd7e9uv3MLOABRXQutQD8PsFnOfmjJRkMHsHOCu8X2mTn8NnYRAmEAWF4xzhhgptUgyANIa3UV3JaZ1+AWYOYGtScyYMnMftGRxq0CNdArcMH0rFTVg21FYa6mZ77s9lgFxaJMk1kqTeJo1QAX+5yEoIDfadttf8nILDRckyKYQolrmfWyi4MZz878vohGbqPsAK/vAYXotGxemnPWIzRRAqCMs9K5D1JyFuox6IVKmVTe9za+LchD/q4iXyo6q/kIMAAflYlW4QRU6wAAAABJRU5ErkJggg==) no-repeat right top; } .bx-filter .bx-ui-slider-handle.right { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAq0lEQVQ4y6WSQRKDIAxFXXSlF0vOZC+SlddKblMUUhKCraIzX9Ahj58PE268TE8e3GSFJ5BUTDskaRl1QFk8BsHs4BCMQMruVEe+l4kWglFu5yLEZKDFXyeXIFoEpg3z738mJTzXhncj75+QtqjnJENO2sG4I1VXDtR3ogv7O1dHxV10gi75EGILiE78RRKy33AOq07i+Us4kRamkOPGptesQjeXIjZjO+fXB+hjUU/S3Z+WAAAAAElFTkSuQmCC) no-repeat left top; } .contact-item__thumb img{ max-width: 40px; } .certificates-item { flex-direction: column; display: flex; /* padding: 40px 50px 25px; */ border-radius: 5px; border: 1px solid #CDCDCD; background: #FFF; margin-bottom: 20px; min-height: 197px; } .certificates-item img { max-width: 100%; display: inline-block; margin-bottom: 20px; height: 330px; object-fit: contain; } .product-detail .product-detail__content .info-list{ display: none; } .bx-filter-popup-result{ display: none!important; } .dropdown-toggle__title{ font: 400 13px / 117.5% var(--fm); } .bx-filter .dropdown-toggle__toggler{ max-width: 17px; } .sections__description{ /*display: flex;*/ } .sections__description_col{ /*width: 50%;*/ } .partner-item:hover{ opacity: .4; } .primary-menu .active span::after { width: 100%; } .pagination .icon{ display: none; } .hero-slider__sticker { color: #fff; position: absolute; top: -100px; right: 50px; background: #990116; width: 150px; height: 150px; display: flex; align-items: end; padding-bottom: 20px; justify-content: center; border-radius: 50%; } @media (max-width: 1200px) { .timeline-item__description{ max-width: 440px; } .info-line .primary-menu a { font: 500 13px / 14px var(--fm); } .primary-menu a{ font-size: 12px; } /*.page-title {*/ /* margin-bottom: 16px;*/ /* font: 200 42px / 1.1875 var(--fm);*/ /*}*/ } .bx-filter-section .row{ margin: 0!important; } @media (min-width: 1536px) { .primary-menu a{ font: 500 15px / 14px var(--fm); } .hero-item-alt { height: 750px; } .footer-nav__list a { font: 400 18px / 1.6 var(--fm); } .footer-social__phone a{ font-size: 18px; } .footer-copy{ font: 400 18px / 1.6 var(--fm); } .footer__development { font: 400 18px / 1.6 var(--fm); } } @media (max-width: 991px) { .info-line{ border-bottom: none; } .container__map { max-width: 100%; overflow-x: scroll; } .col-banner-content:before { content: ''; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: #000; opacity: .5; z-index: 1; } .s-banners .banner__content{ z-index: 2; } .timeline-item__description{ max-width: 340px; } .white-logo_in-black2{ display: block; } .black-logo_in-white2{ display: none; } .info-line:not(.is_stuck) .col-header-search svg { color: #fff!important; } .header-logo{ width: 185px; } .swiper-pagination-bullet{ background: #3183A2; } .hero-arrows .slider-arrow{ color: #3183A2; } .swiper-pagination-bullet-active{ } .s-banners .btn--dark { border: 1px solid #fff !important; color: #fff !important; } .s-product-slider{ margin-bottom: 10px; } .partner-item img{ max-width: 100%; } .smartfilter{ margin: 0 -15px; } .mobile-menu .header-callback:not(.header-callback_bg){ border-color: #3183A2 !important; background: #3183A2 !important; color: #fff !important; } .mobile-menu .mr-10 { color: #000; } .dealers-wrapper{ height: 100%; } .js-dealer{ margin-left: 15px!important; } .dealers-item__content.col .js-dealer{ margin-left: 0!important; } .dealers-wrapper{ box-shadow: none; } #dealers-map{ margin-bottom: 30px; } .smartFilter__btns{ margin-left: 15px; } .footer__development{ justify-content: center; } .footer__development-link img{ top: 2px; } .s-movie iframe{ max-width: 100%; width: 100%; height: auto; margin-bottom: 80px; } .col-header-search .btn-outline{ display: none; } .sections__img{ object-fit: contain; } } .s-partners{ padding-bottom: 20px; } @media (max-width: 575px){ .bx-filter-section .row{ margin: 0 -10px!important; } .smartFilter__btns { margin-left: 5px; } /*.hero-item__thumb{*/ /* opacity: .5;*/ /*}*/ /*.hero-item__description{*/ /* color: #fff*/ /*}*/ img.hero-item__thumb { object-fit: cover; position: relative; top: inherit; left: inherit; height: 250px; width: 100%; opacity: .5; } .hero-item-alt, .hero-item-alt .hero-item__title, .hero-content { /*background: #fff;*/ } .hero-item__content { justify-content: start; } .hero-item-alt { height: 250px; position: absolute; top: 0; left: 0; width: 100%; } .hero-arrows{ top: 0; bottom: -45px; } .hero-pagination{ /*top: 0;*/ /*bottom: -45px;*/ top: 400px; bottom: -45px; height: 10px; } .hero-slider__sticker{ top: -55px; right: 15px; width: 100px; height: 100px; font-size: 12px; } .hero-item__title{ font-size: 22px; line-height: 21px; } .s-partners{ padding-bottom: 40px; } .info-line{ border-bottom: none; } .product-detail__info ol{ padding-left: 0; } .product-detail__info{ padding-top: 20px; } .product-reviews-slider{ margin: 0 20px; } } .info-line.is_stuck .header-logo{ width: 180px; } .header__mobile-btns{ text-align: center; } .s-banners .banner__content{ padding: 0 30px 40px; } .dealers-item:first-child{ border-top: 0; } .pagination, .search-page-container{ margin-bottom: 40px; } .searchinput .btn{ display: inline-block!important; padding: 15px; } .main-header--overlayed .col-header-search svg { color: #fff!important; } .custom-select-select{ position: relative; } .custom-select-select select { position: relative; display: inline-block; } .custom-select-select:after { content: "▼"; padding: 0 8px; font-size: 12px; position: absolute; right: 33px; bottom: 25px; z-index: 1; width: 10px; height: 10px; pointer-events: none; } .custom-select-select select { padding-right: 25px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } span.user-menu__counter { background: #990116; border-radius: 50%; width: 15px; line-height: 15px; display: flex; align-items: center; justify-content: center; font-size: 11px; position: absolute; top: -6px; right: -9px; color: #fff; } .col-header-search a { position: relative; } .product-item__thumb__link img{ object-fit: cover; width: 100%; height: 100%; } .catalog-controls--favorite{ margin-bottom: 30px; } .s-contacts-main2 h2{ margin-top: 30px; margin-bottom: 15px; } .s-contacts-main2 p{ margin-bottom: 10px; } .btn--white:hover{ background: #3183A2!important; } .logo_white{ display: none; } .main-header--overlayed .logo_white{ display: block; } .main-header--overlayed .logo_black{ display: none; } .is_stuck .logo_white{ display: none; } .is_stuck .logo_black{ display: block; } @media (max-width: 991px) { .logo_white{ display: block; } .logo_black{ display: none; } } .prices-lists__link a{ color: #000; display: inline-block; margin-bottom: 10px; transition: .3s; border-bottom: 1px solid; } .prices-lists__link a:hover{ border-color: transparent; } .feature__table tr:first-child td{ font-weight: bold; } .feature__table{ margin: 50px 0 0; padding-top: 30px; } .feature__table table{ width: 100%; float: none; } .feature__table td{ border: 1px solid #ccc; padding: 5px; } .product-detail{ margin-bottom: 30px; } @media (max-width: 525px) { .docs__item span{ border: none!important; } .feature__content{ width: 100%; } .feature__table{ overflow: scroll; } } .product-detail__info::before{ border: none!important; } .product-detail__info{ margin-top: 0; } .product-detail__info .row{ /*padding-bottom: 0;*/ } .pt0{ /*padding-top: 0!important;*/ } .pt0 .row{ padding-top: 0!important; } .grey-bg{ background: var(--F5F5F5, #f5f5f5); } .white-bg{ background: #fff; } .feature{ background: #fff!important; padding-bottom: 0!important; } #inputResult table{ margin: 15px 0; } #inputResult th, #inputResult td{ border: 1px solid #ccc; padding: 5px; } .footer-social3 svg{ max-width: 30px; max-height: 30px; } .footer-social3 path{ fill: #000; } .contacts-req{ } .contacts-req p{ margin-bottom: 15px; } .contacts-req span { display: block; font-size: 13px; color: #939393; } @media (min-width: 1200px) { .container-fluid{ max-width: 1400px; } .s-hero, .s-banners, .s-faq, .s-product-slider, .s-about{ max-width: 1400px; width: 1400px; margin-left: auto; margin-right: auto; } .s-product-slider{ overflow: hidden; } .hero-item { background-size: cover!important; } } .defLink{ color: #3183A2; transition: .3s; border-bottom: 1px dashed; } .defLink:hover{ border-color: transparent; } .searchinput__page{ margin-bottom: 40px; } .footer__info-copy{ margin-top: 15px; font: 400 14px / 15px var(--fm); color: rgba(255, 255, 255, 0.9); } /*cookie*/ .modal-cook{ position: fixed; bottom: 20px; z-index: 999; width: 100%; text-align: center; } .modal-cookies { width: 800px; max-width: 95%; padding: 36px 50px; background: #fff; text-align: left; display: inline-block; /*border-radius: 20px;*/ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07); } .modal-cookies__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 24px; } .modal-cookies__content .adp-btn { margin-left: 90px; width: 120px; height: 40px; padding: 13px 30px; min-width: auto; } .modal-comment form > .modal-group { width: 100%; } .modal-confirm { width: 520px; } .modal-confirm .modal-title { margin: 0 0 20px; } .modal-confirm .buttons-inline a { width: 100px; min-width: auto; height: 50px; padding: 5px; margin-right: 20px; border-radius: 25px; } .modal-confirm .buttons-inline a:last-child { margin-right: 0; } .reviews-nav .hero-prev{ left: -30px; position: absolute; } .reviews-nav .hero-next{ right: 33px; position: absolute; } .product-reviews-slider{ padding: 40px; } @media (max-width: 991px) { .modal-cookies { padding: 35px; } .modal-cookies__content .adp-btn { margin-left: 30px; } .submenu-parent{ min-height: auto; } .mobile-menu__list ul li{ margin-bottom: 14px; } .mobile-menu__list ul a{ font: 600 12px / 16px var(--fm); } .s-movie iframe { height: 400px; margin-bottom: 40px; } .banner__content .footer-social{ display: none; } } @media (max-width: 575px) { .modal-cookies { width: 335px; } .modal-cookies__content { flex-direction: column; } .modal-cookies__content .adp-btn { margin: 25px auto 0; } .hero-item__content{ padding: 28px 40px; justify-content: center; } .header-logo{ width: 150px; } .col-header-search .btn-outline{ display: none; } .review-item__text::before{ display: none; } .product-reviews-slider{ padding: 20px; } .reviews-nav .hero-prev{ left: -26px; } .reviews-nav .hero-next{ right: 14px; } .s-partners{ margin-bottom: 40px; } .s-movie iframe { height: 235px; margin-bottom: 40px; } .s-movie{ margin-top: 40px; } .main-footer{ margin-top: 60px; } .footer__info-copy{ text-align: center; margin-top: 30px; } } .jsRemoveCookie{ padding: 0 20px; height: 38px; } [name=confirm-privacy] + .custom-checkbox__icon svg{ display: none; } [name=confirm-privacy]:checked + .custom-checkbox__icon svg{ display: block; } .calc-form .form-control{ padding: 5px 10px; } .calc-form .btn--dark{ background: #3183A2 !important; color: #fff !important; } .calc-form .form-group{ margin-bottom: 5px; } .calc-form .flex-center{ display: flex; justify-content: center; margin-top: 100px !important; } .hero-item__description{ /*display: none;*/ color: #fff; font-size: 24px; } .s-hero-desc-hide .hero-item__description{ /*display: none!important;*/ } .hero-item__action{ display: flex; gap: 20px; align-items: center; } .hero-item__action .btn--red{ color: #fff!important; } body .hero-item-alt .hero-item__title{ color: #fff!important; } .reviews-nav{ position: absolute; top: 50%; width: 100%; } .searchinput .btn{ color: #000!important; min-width: 80px; } .hero-slider2 { background: #000; position: relative; width: 100%; min-width: var(--size); overflow: hidden; z-index: 32; } .product-detail__text h2, .product-detail__text h3, .product-detail__text h4{ margin-bottom: 20px; margin-top: 30px; } .product-detail__text h2{ font: 200 40px / 43px var(--fm); } .product-detail__text h3{ font: 200 36px / 49px var(--fm); } .product-detail__text h4{ font: 200 30px / 33px var(--fm); } .blog-post__prolog li{ margin-bottom: 7px; } .btn--yellow{ border-color: #3183A2 !important; background: #3183A2 !important; color: #fff; transition: .3s; } .btn--yellow:hover{ opacity: .7; } .footer-subscribe-info{ margin-top: 30px; } .footer-contacts{ text-align: right; } .footer-callback{ margin-left: auto; } .footer-social_icons { margin-top: 8px; } .footer-social_icons a{ padding-top: 0; padding-bottom: 0; } body .header-sticky .is_stuck .header-logo img{ height: 45px; } body .header-sticky .is_stuck{ padding-top: 5px; padding-bottom: 5px; } .blog-post__img{ max-width: 350px; margin: 0 30px 30px 0; float: left; } .primary-menu__aside li{ margin-bottom: 30px; } .primary-menu__aside li a{ line-height: 20px; font-size: 14px; } body .header-sticky .is_stuck .header-callback{ height: 42px; } .s-principles .container-fluid { background-repeat: no-repeat; background-position: left center; background-size: contain; } .category__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; text-align: center; font: 400 18px / 21px var(--fm); letter-spacing: 0.03em; color: rgba(0, 0, 0, 0.9); border: 1px solid #000; width: calc(20% - 20px); } .categories__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .s-banners2{ margin-top: 80px; } .banners-tizers__top-text { font-size: 30px; line-height: 42px; margin-bottom: 5px } .banners-tizers__desc-text { margin-top: 1px } .banners-tizers__top-icon { margin-bottom: 11px; height: 40px } .banners-tizers__top-icon svg { height: 40px; text-align: left } .banners-tizers__image { display: inline-block; width: 40px; height: 40px } .banners-tizers { display: flex; align-items: start; gap: 40px; margin-bottom: 40px; } .banners-tizers a { color: #fff; } .banners-tizers__item { max-width: 235px; } .main-picture{ margin: 62px 0; text-align: center; } @media(max-width: 991px) { .category__link{ width: calc(25% - 20px); } } @media(max-width: 768px) { .category__link{ width: calc(50% - 10px); } } @media(max-width: 425px) { .category__link{ width: 100%; } } .footer-subscribe-info a{ color: #2D7591; } .banner__title p{ font-weight: 700; font-size: 18px; line-height: 27px; text-align: center; } .banner__title p.main-title{ font-weight: 400; font-size: 18px; line-height: 27px; margin-bottom: 30px; } .s-categories2{ margin-top: 60px; } .s-categories2 .fadeInRight{ margin-bottom: 30px; } .s-categories2__item .sections__img{ width: 30%; height: auto; } .s-categories2__item .sections__description_col div{ width: 48%; } .s-categories2__item .sections__description_col{ display: flex; flex-wrap: wrap; } .sections__img-block .sections__img{ top: inherit; position: relative; } .sections__img-block{ display: flex; align-items: center; height: 100%; position: absolute; top: 0; right: 0; width: 100%; justify-content: end; padding-right: 5px; } .s-categories2__item .sections__item{ padding: 20px 30% 20px 20px; background-color: #F6F6F6; } .sections__item{ background-color: #F6F6F6; } .s-categories2__item{ margin-bottom: 30px; } .s-categories2__item:last-child{ margin-bottom: 0; } @media (min-width: 768px) { .s-categories2__item{ height: calc(50% - 15px); background-color: #F6F6F6; border: 1px solid #ebebeb; } } @media(max-width: 768px){ .s-categories2__item{ margin: 30px 0 0; } } .sections__item-cnt{ color: #3DA2CA; font-weight: 400; font-size: 12px; line-height: 18px; position: absolute; bottom: 16px; } .main-header--overlayed .btn-outline{ color: #fff; border-color: #fff; } #panel { bottom: 0; position: fixed; width: 100%; } .logo_white{ display: none; } .main-header--overlayed .logo_white{ display: block; } .main-header--overlayed .logo_black{ display: none; } .col-header-search a{ border-radius: 7px; } .footer-social__email a{ border-bottom: 1px solid #fff; transition: .3s; padding: 0!important; } .footer-social__email a:hover{ border-color: transparent; } .s-services2 .sections__info{ padding-right: 30px!important; } /* End */ /* /bitrix/templates/onesite.industry/assets/css/bootstrap-grid.min.css?177148761350884 */ /* /bitrix/templates/onesite.industry/assets/css/swiper.min.css?17714876135576 */ /* /bitrix/templates/onesite.industry/assets/css/fonts.css?17714876133176 */ /* /bitrix/templates/onesite.industry/assets/css/ion.rangeSlider.min.css?177148761311084 */ /* /bitrix/templates/onesite.industry/assets/css/select2.min.css?177148761314966 */ /* /bitrix/templates/onesite.industry/assets/css/jquery.fancybox.min.css?177148761312795 */ /* /bitrix/templates/onesite.industry/assets/css/style.css?1771487613161653 */ /* /bitrix/templates/onesite.industry/assets/css/animate.css?177148761357095 */ /* /bitrix/templates/onesite.industry/styles.css?177148804464908 */