/* Start:/static/app/assets/css/bootstrap-grid.min.css?168130347250636*/
/*!
* Bootstrap Grid v4.5.3 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container,.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}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
/* End */
/* Start:/static/app/assets/css/swiper.min.css?168130347217568*/
/**
* Swiper 6.4.10
* 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: January 29, 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') format('woff');
font-weight: 400;
font-style: normal
}
:root {
--swiper-theme-color: #007aff
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-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-container-android .swiper-slide, .swiper-wrapper {
transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-container-pointer-events {
touch-action: pan-y
}
.swiper-container-pointer-events.swiper-container-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-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height
}
.swiper-container-3d {
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory
}
:root {
--swiper-navigation-size: 25px;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next:after, .swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.myBannerSwiperSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 130px !important;
color: white !important;
}
.myBannerSwiperSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 130px !important;
color: white !important;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #ffffff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000000
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s transform, .2s top
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s transform, .2s right
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff
}
.swiper-pagination-black {
--swiper-pagination-color: #000000
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: .6;
z-index: 0
}
.swiper-container-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-filter: blur(50px);
filter: blur(50px)
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
@media (max-width: 1400px) {
.myBannerSwiperSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 110px !important;
}
.myBannerSwiperSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 110px !important;
}
}
@media (max-width: 1400px) {
.myBannerSwiperSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 80px !important;
}
.myBannerSwiperSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 80px !important;
}
}
@media (max-width: 850px) {
.myBannerSwiperSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 40px !important;
}
.myBannerSwiperSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 40px !important;
}
}
@media (max-width: 550px) {
.myBannerSwiperSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 30px !important;
}
.myBannerSwiperSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 30px !important;
}
}
/* End */
/* Start:/static/app/assets/css/selectize.bootstrap4.css?16813034728639*/
.selectize-control.plugin-drag_drop.multi>.selectize-input>div.ui-sortable-placeholder{visibility:visible !important;background:#f2f2f2 !important;background:rgba(0,0,0,.06) !important;border:0 none !important;box-shadow:inset 0 0 12px 4px #fff}.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after{content:"!";visibility:hidden}.selectize-control.plugin-drag_drop .ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.selectize-control .dropdown-header{position:relative;padding:6px .75rem;border-bottom:1px solid #d0d0d0;background:#f8f8f8;border-radius:.25rem .25rem 0 0}.selectize-control .dropdown-header-close{position:absolute;right:.75rem;top:50%;color:#343a40;opacity:.4;margin-top:-12px;line-height:20px;font-size:20px !important}.selectize-control .dropdown-header-close:hover{color:#000}.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content{display:flex}.selectize-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0 none;flex-grow:1;flex-basis:0;min-width:0}.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0 none}.selectize-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.selectize-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0 none}.selectize-control.plugin-remove_button .item{display:inline-flex;align-items:center;padding-right:0 !important}.selectize-control.plugin-remove_button .item .remove{color:inherit;text-decoration:none;vertical-align:middle;display:inline-block;padding:1px 5px;border-left:1px solid #dee2e6;border-radius:0 2px 2px 0;box-sizing:border-box;margin-left:5px}.selectize-control.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.selectize-control.plugin-remove_button .item.active .remove{border-left-color:rgba(0,0,0,0)}.selectize-control.plugin-remove_button .disabled .item .remove:hover{background:none}.selectize-control.plugin-remove_button .disabled .item .remove{border-left-color:#fff}.selectize-control.plugin-remove_button .remove-single{position:absolute;right:0;top:0;font-size:23px}.selectize-control{position:relative}.selectize-dropdown,.selectize-input,.selectize-input input{color:#343a40;font-family:inherit;font-size:inherit;line-height:1.5;font-smoothing:inherit}.selectize-input,.selectize-control.single .selectize-input.input-active{background:#fff;cursor:text;display:inline-block}.selectize-input{border:1px solid #ced4da;padding:.375rem .75rem;display:inline-block;width:100%;overflow:hidden;position:relative;z-index:1;box-sizing:border-box;box-shadow:none;border-radius:.25rem}.selectize-control.multi .selectize-input.has-items{padding:calc( 0.375rem - 1px - 0px ) .75rem calc( 0.375rem - 1px - 3px - 0px )}.selectize-input.full{background-color:#fff}.selectize-input.disabled,.selectize-input.disabled *{cursor:default !important}.selectize-input.focus{box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.selectize-input.dropdown-active{border-radius:.25rem .25rem 0 0}.selectize-input>*{vertical-align:baseline;display:inline-block;zoom:1}.selectize-control.multi .selectize-input>div{cursor:pointer;margin:0 3px 3px 0;padding:1px 5px;background:#efefef;color:#343a40;border:0px solid #dee2e6}.selectize-control.multi .selectize-input>div.active{background:#007bff;color:#fff;border:0px solid rgba(0,0,0,0)}.selectize-control.multi .selectize-input.disabled>div,.selectize-control.multi .selectize-input.disabled>div.active{color:#878787;background:#fff;border:0px solid #fff}.selectize-input>input{display:inline-block !important;padding:0 !important;min-height:0 !important;max-height:none !important;max-width:100% !important;margin:0 !important;text-indent:0 !important;border:0 none !important;background:none !important;line-height:inherit !important;user-select:auto !important;box-shadow:none !important}.selectize-input>input::-ms-clear{display:none}.selectize-input>input:focus{outline:none !important}.selectize-input>input[placeholder]{box-sizing:initial}.selectize-input.has-items>input{margin:0 4px !important}.selectize-input::after{content:" ";display:block;clear:left}.selectize-input.dropdown-active::before{content:" ";display:block;position:absolute;background:#fff;height:1px;bottom:0;left:0;right:0}.selectize-dropdown{position:absolute;top:100%;left:0;width:100%;z-index:10;border:1px solid #d0d0d0;background:#fff;margin:-1px 0 0 0;border-top:0 none;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,.1);border-radius:0 0 .25rem .25rem}.selectize-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.selectize-dropdown [data-selectable] .highlight{background:rgba(255,237,40,.4);border-radius:1px}.selectize-dropdown .option,.selectize-dropdown .optgroup-header,.selectize-dropdown .no-results,.selectize-dropdown .create{padding:3px .75rem}.selectize-dropdown .option,.selectize-dropdown [data-disabled],.selectize-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.selectize-dropdown [data-selectable].option{opacity:1;cursor:pointer}.selectize-dropdown .optgroup:first-child .optgroup-header{border-top:0 none}.selectize-dropdown .optgroup-header{color:#6c757d;background:#fff;cursor:default}.selectize-dropdown .active{background-color:#f8f9fa;color:#16181b}.selectize-dropdown .active.create{color:#16181b}.selectize-dropdown .create{color:rgba(52,58,64,.5)}.selectize-dropdown-content{overflow-y:auto;overflow-x:hidden;max-height:200px;overflow-scrolling:touch}.selectize-dropdown .spinner{display:inline-block;width:30px;height:30px;margin:3px .75rem}.selectize-dropdown .spinner:after{content:" ";display:block;width:24px;height:24px;margin:3px;border-radius:50%;border:5px solid #d0d0d0;border-color:#d0d0d0 transparent #d0d0d0 transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.selectize-control.single .selectize-input,.selectize-control.single .selectize-input input{cursor:pointer}.selectize-control.single .selectize-input.input-active,.selectize-control.single .selectize-input.input-active input{cursor:text}.selectize-control.single .selectize-input:after{content:" ";display:block;position:absolute;top:50%;right:calc(0.75rem + 5px);margin-top:-3px;width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:#343a40 transparent transparent transparent}.selectize-control.single .selectize-input.dropdown-active:after{margin-top:-4px;border-width:0 5px 5px 5px;border-color:transparent transparent #343a40 transparent}.selectize-control.rtl{text-align:right}.selectize-control.rtl.single .selectize-input:after{left:calc(0.75rem + 5px);right:auto}.selectize-control.rtl .selectize-input>input{margin:0 4px 0 -2px !important}.selectize-control .selectize-input.disabled{opacity:.5;background-color:#fff}.selectize-dropdown,.selectize-dropdown.form-control{height:auto;padding:0;margin:2px 0 0 0;z-index:1000;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:.25rem;box-shadow:0 6px 12px rgba(0,0,0,.175)}.selectize-dropdown .optgroup-header{font-size:.875rem;line-height:1.5}.selectize-dropdown .optgroup:first-child:before{display:none}.selectize-dropdown .optgroup:before{content:" ";display:block;height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef;margin-left:-0.75rem;margin-right:-0.75rem}.selectize-dropdown .create{padding-left:.75rem}.selectize-dropdown-content{padding:5px 0}.selectize-input{min-height:calc(1.5em + 0.75rem + 2px);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.selectize-input{transition:none}}.selectize-input.dropdown-active{border-radius:.25rem}.selectize-input.dropdown-active::before{display:none}.selectize-input.focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.is-invalid .selectize-input{border-color:#dc3545;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.is-invalid .selectize-input:focus{border-color:#bd2130;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #eb8c95}.selectize-control.form-control-sm .selectize-input.has-items{min-height:calc(1.5em + 0.5rem + 2px) !important;height:calc(1.5em + 0.5rem + 2px);padding:.25rem .5rem !important;font-size:.875rem;line-height:1.5}.selectize-control.multi .selectize-input.has-items{height:auto;padding-left:calc(0.75rem - 5px);padding-right:calc(0.75rem - 5px)}.selectize-control.multi .selectize-input>div{border-radius:calc(0.25rem - 1px)}.form-control.selectize-control{padding:0;height:auto;border:none;background:none;box-shadow:none;border-radius:0}.input-group .selectize-input{overflow:unset;border-radius:0 .25rem .25rem 0}
/* End */
/* Start:/static/app/assets/css/magnific-popup.css?16813034726951*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
/* End */
/* Start:/static/app/assets/css/aksFileUpload.min.css?16813034726676*/
/*!
* aksfileupload v1.0.0
* File upload tool
* (c) 2020 Ahmet Aksungur
* MIT License
* https://github.com/Ahmetaksungur
*/
@font-face{font-family:Gilroy-Medium;src:url(https://unpkg.com/aks-fonts@1.0.0/Gilroy/Gilroy-Medium.ttf)}.aks-file-upload{width:auto;background:#fff;display:block;margin:0 auto;height:auto;font-size:16px;line-height:normal;border-radius:6px;-webkit-box-shadow:0 0 47px #00000012;box-shadow:0 0 47px #00000012;position:relative;z-index:1;border:2px #fff dashed}.aks-file-upload.drop-active{border:2px #0072ff dashed}.aks-file-upload-content{width:auto;height:auto;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;padding:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.aks-file-upload-label{text-align:center;width:100%;height:100%;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;cursor:pointer;font-weight:700;color:#002c7b;padding:15px}.aks-file-upload-preview{width:100%;height:auto;position:relative;-webkit-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out;border-radius:10px;overflow:hidden;margin-bottom:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.aks-file-upload-preview:last-child{margin-bottom:0}.aks-file-upload-p-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;padding:4px;left:0;right:0;top:0;line-height:normal;background:-webkit-gradient(linear,left top,left bottom,from(#0e0e0e),to(#00000003));background:-o-linear-gradient(#0e0e0e,#00000003);background:linear-gradient(#0e0e0e,#00000003);color:#fff;z-index:1}.aks-file-upload-p-header-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-align:start;-ms-flex-align:start;align-items:flex-start;padding-left:7px;padding-top:5px;padding-right:10px;width:70%}.aks-file-upload-title{font-size:13px;margin-bottom:2px;font-weight:400;overflow:hidden;word-wrap:break-word;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%}.aks-file-upload-size{font-size:10px;color:#c3c3c3}.aks-file-upload-delete{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;background-color:rgba(0,0,0,.5);border-radius:9999px;-webkit-transition:-webkit-box-shadow .25s ease-in;transition:-webkit-box-shadow .25s ease-in;-o-transition:box-shadow .25s ease-in;transition:box-shadow .25s ease-in;transition:box-shadow .25s ease-in,-webkit-box-shadow .25s ease-in;cursor:pointer;position:absolute;right:12px}.aks-file-upload-delete:hover{-webkit-box-shadow:0 0 0 .125em hsla(0,0%,100%,.9);box-shadow:0 0 0 .125em hsla(0,0%,100%,.9);background-color:rgba(0,0,0,.8)}.aks-file-upload-btn{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;background-color:rgba(0,0,0,.5);border-radius:9999px;-webkit-transition:-webkit-box-shadow .25s ease-in;transition:-webkit-box-shadow .25s ease-in;-o-transition:box-shadow .25s ease-in;transition:box-shadow .25s ease-in;transition:box-shadow .25s ease-in,-webkit-box-shadow .25s ease-in;cursor:pointer;position:absolute;right:12px;color:#fff}.aks-file-upload-btn:hover{-webkit-box-shadow:0 0 0 .125em hsla(0,0%,100%,.9);box-shadow:0 0 0 .125em hsla(0,0%,100%,.9);background-color:rgba(0,0,0,.8)}.aks-file-upload-p-main{background:#0e0e0e;position:relative;width:100%;height:auto;-webkit-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out}.aks-file-upload-image{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;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all 350ms ease-in-out;-o-transition:all 350ms ease-in-out;transition:all 350ms ease-in-out}.aks-file-upload-image img{width:100%;height:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:relative}.aks-file-upload-image img.png{background:url(/static/app/assets/css/background.png);background-size:cover;background-repeat:no-repeat;background-position:center}.aks-file-upload-preview.aks-no-preview{background:#171717;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.aks-file-upload-preview.aks-no-preview .aks-file-upload-p-header{position:relative;width:100%;background:0 0}.aks-file-upload-preview.aks-no-preview .aks-file-upload-p-header-content{padding-top:0}.aks-file-upload-preview.aks-no-preview .aks-file-upload-delete{background-color:rgb(74 74 74 / 50%)}.aks-file-upload-p-header-icon{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;padding-left:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all 350ms ease;-o-transition:all 350ms ease;transition:all 350ms ease;position:relative}.aks-file-upload-p-header-icon svg{width:22px;height:22px}.aks-file-upload-error{color:red;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;width:90%;font-weight:600;font-size:14px;margin:0 auto;margin-bottom:.5rem;line-height:1.3}.aks-uplaod-bar{position:absolute;top:0;width:0;height:5px;background:#00ab3c;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;-webkit-transition:all 350ms ease-in;-o-transition:all 350ms ease-in;transition:all 350ms ease-in;z-index:5}
/* End */
/* Start:/local/templates/hair/css/suggestions.min.css?16813034732091*/
.suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{position:relative;margin:0;padding:0;vertical-align:top;-webkit-text-size-adjust:100%}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;left:0;min-width:100%;position:absolute;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#39f}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:4px 4px;overflow:hidden}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%;line-height:20px}.suggestions-subtext{color:#777}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.4);content:""}.suggestions-promo{font-size:85%;display:none;color:#777;padding:4px;text-align:center}.suggestions-promo a{color:#777;display:block;filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}@media screen and (min-width:600px){.suggestions-promo{position:absolute;top:0;right:0;text-align:left}}
/* End */
/* Start:/local/templates/hair/css/fancybox.css?168260332615369*/
.not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:thin dotted}body.is-using-mouse .fancybox__container :focus{outline:none}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-36px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;touch-action:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
/* End */
/* Start:/static/app/assets/css/main.css?1721750876172418*/
@charset "UTF-8";
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular-BlackItalic.eot");
src: local("../fonts/Formular Black Italic"), local("../fonts/Formular-BlackItalic"), url("/static/app/assets/css/../fonts/Formular-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular-BlackItalic.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular-BlackItalic.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular-MediumItalic.eot");
src: local("../fonts/Formular Medium Italic"), local("../fonts/Formular-MediumItalic"), url("/static/app/assets/css/../fonts/Formular-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular-MediumItalic.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular-MediumItalic.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular-Italic.eot");
src: local("../fonts/Formular Italic"), local("../fonts/Formular-Italic"), url("/static/app/assets/css/../fonts/Formular-Italic.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular-Italic.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular-Italic.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular-Italic.ttf") format("truetype");
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular-LightItalic.eot");
src: local("../fonts/Formular Light Italic"), local("../fonts/Formular-LightItalic"), url("/static/app/assets/css/../fonts/Formular-LightItalic.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular-LightItalic.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular-LightItalic.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular-Black.eot");
src: local("../fonts/Formular Black"), local("../fonts/Formular-Black"), url("/static/app/assets/css/../fonts/Formular-Black.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular-Black.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular-Black.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular-Light.eot");
src: local("../fonts/Formular Light"), local("../fonts/Formular-Light"), url("/static/app/assets/css/../fonts/Formular-Light.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular-Light.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular-Light.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular.eot");
src: local("../fonts/Formular"), url("/static/app/assets/css/../fonts/Formular.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular-Medium.eot");
src: local("../fonts/Formular Medium"), local("../fonts/Formular-Medium"), url("/static/app/assets/css/../fonts/Formular-Medium.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular-Medium.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular-Medium.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular-BoldItalic.eot");
src: local("../fonts/Formular Bold Italic"), local("../fonts/Formular-BoldItalic"), url("/static/app/assets/css/../fonts/Formular-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular-BoldItalic.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular-BoldItalic.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular-BoldItalic.ttf") format("truetype");
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Formular';
src: url("/static/app/assets/css/../fonts/Formular-Bold.eot");
src: local("../fonts/Formular Bold"), local("../fonts/Formular-Bold"), url("/static/app/assets/css/../fonts/Formular-Bold.eot?#iefix") format("embedded-opentype"), url("/static/app/assets/css/../fonts/Formular-Bold.woff2") format("woff2"), url("/static/app/assets/css/../fonts/Formular-Bold.woff") format("woff"), url("/static/app/assets/css/../fonts/Formular-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap;
}
body {
margin: 0;
padding: 0;
outline: none;
font-family: "Formular", arial;
color: #282323;
font-size: 14px;
overflow-x: hidden;
}
body._fixed {
overflow: hidden;
}
p,
a,
input,
textarea,
div,
ul,
li,
section {
margin: 0;
padding: 0;
outline: none;
font-family: "Formular", arial;
color: #282323;
font-size: 14px;
line-height: 20px;
box-sizing: border-box;
position: relative;
}
.phone-block {
padding-left: 22px;
position: relative;
padding-top: 4px;
padding-bottom: 4px;
}
.phone-block::before {
content: "";
width: 12px;
height: 12px;
background: url(/static/app/assets/css/../img/header/phone-icon.svg) no-repeat;
position: absolute;
left: 0;
top: 7px;
}
.phone-block._showed p {
opacity: 0;
visibility: hidden;
position: absolute;
}
.phone-block._showed a {
opacity: 1;
visibility: visible;
position: relative;
}
.phone-block:hover p {
color: #3333CC;
border-bottom: 1px dashed #3333CC;
}
.phone-block p {
display: inline;
font-size: 12px;
line-height: 15px;
border-bottom: 1px dashed #282323;
cursor: pointer;
transition: .3s all;
position: relative;
}
.phone-block a {
display: inline;
opacity: 0;
visibility: hidden;
transition: .3s all;
color: #282323;
position: absolute;
}
a {
transition: .3s all;
text-decoration: none;
}
a path {
transition: .3s all;
}
a._underlined {
display: inline;
border-bottom: 1px solid #282323;
}
a._underlined:hover {
border-bottom: 1px solid #3333CC;
}
a._blue {
color: #3333CC;
border-bottom: 1px solid transparent;
}
a._blue:hover {
border-bottom: 1px solid #3333CC;
}
a.display-select {
width: 112px;
height: 32px;
font-size: 16px;
line-height: 20px;
border: 1px solid #959595;
color: #959595;
transition: .3s all;
display: flex;
align-items: center;
justify-content: space-evenly;
margin-left: 10px;
}
a.display-select span {
white-space: nowrap;
}
a.display-select path {
fill: #959595;
}
a.display-select._active {
border: 1px solid #3333CC;
color: #3333CC;
}
a.display-select._active path {
fill: #3333CC;
}
a.email-link {
padding-left: 22px;
position: relative;
display: inline-block;
padding-top: 4px;
padding-bottom: 4px;
width: 100%;
word-break: break-word;
}
a.email-link._white {
color: #f7faf7;
}
a.email-link._white::before {
filter: grayscale(1) brightness(1000%);
}
a.email-link::before {
content: "";
width: 13px;
height: 10px;
background: url(/static/app/assets/css/../img/default/email-icon.svg) no-repeat;
position: absolute;
left: 0;
top: 9px;
}
a.phone-link {
padding-left: 22px;
position: relative;
display: inline-block;
padding-top: 4px;
padding-bottom: 4px;
}
a.phone-link._white {
color: #f7faf7;
}
a.phone-link._white::before {
filter: grayscale(1) brightness(1000%);
}
a.phone-link::before {
content: "";
width: 12px;
height: 12px;
background: url(/static/app/assets/css/../img/header/phone-icon.svg) no-repeat;
position: absolute;
left: 0;
top: 7px;
}
a.location-link {
padding-left: 22px;
position: relative;
display: inline-block;
padding-top: 4px;
padding-bottom: 4px;
}
a.location-link._white {
color: #f7faf7;
}
a.location-link._white::before {
filter: grayscale(1) brightness(1000%);
}
a.location-link::before {
content: "";
width: 11px;
height: 13px;
background: url(/static/app/assets/css/../img/header/find-salon-icon.svg) no-repeat;
position: absolute;
left: 0;
top: 7px;
}
a.download-link {
padding-left: 22px;
position: relative;
display: inline-block;
padding-top: 4px;
padding-bottom: 4px;
}
a.download-link::before {
content: "";
width: 18px;
height: 17px;
background: url(/static/app/assets/css/../img/default/download-icon.svg) no-repeat;
position: absolute;
left: 0;
top: 7px;
}
a.pdf-link {
padding-left: 22px;
position: relative;
display: inline-block;
padding-top: 4px;
padding-bottom: 4px;
}
a.pdf-link::before {
content: "";
width: 18px;
height: 17px;
background: url(/static/app/assets/css/../img/default/pdf-icon.svg) no-repeat;
position: absolute;
left: 0;
top: 7px;
}
a:hover {
color: #3333CC;
text-decoration: none;
}
a:hover path {
fill: #3333CC;
}
a:visited,
a:focus {
text-decoration: none;
}
p {
margin-bottom: 20px;
}
p a {
color: #3333CC;
text-decoration: underline;
}
p._blue {
color: #3333CC !important;
}
p._icon {
display: flex;
align-items: center;
}
p._icon span {
margin-left: 10px;
}
ul {
list-style: none;
display: flex;
}
h1 {
width: 100%;
font-size: 40px;
font-weight: bold;
line-height: 58px;
color: #282323;
margin: 0;
}
h1._small {
font-size: 30px;
text-transform: uppercase;
line-height: 37px;
}
h1._blue {
color: #3333CC;
}
h2 {
font-weight: bold;
font-size: 30px;
line-height: 37px;
color: #282323;
margin: 0;
text-transform: uppercase;
width: 100%;
text-align: center;
}
h3 {
font-size: 20px;
line-height: 24px;
font-weight: normal;
text-transform: uppercase;
margin: 0;
}
h3._blue {
color: #3333CC;
}
.align-right {
justify-content: right;
}
.container {
height: 100%;
display: flex;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.container._inside-page {
display: block;
margin-top: 50px;
}
.h-center {
justify-content: center;
display: flex;
}
.button {
width: 100%;
background: #3333CC;
color: #f7faf7;
font-size: 14px;
line-height: 14px;
display: block;
text-align: center;
text-transform: uppercase;
transition: .3s all;
white-space: nowrap;
text-align: center;
padding: 11px 40px;
border: 1px solid #3333CC;
}
.button._xsmall {
max-width: 147px;
font-weight: 300;
font-size: 20px;
line-height: 24px;
padding: 12px 0;
}
.button._small {
min-height: 40px;
max-width: 170px;
display: flex;
justify-content: center;
align-items: center;
}
.button._text-small {
text-transform: initial;
font-weight: 300;
}
.button._big {
max-width: 226px;
}
.button._empty {
background: none;
max-width: 170px;
color: #282323;
border: 1px solid #282323;
margin-top: 23px;
}
.button._empty:hover {
color: #282323;
filter: drop-shadow(0px 8px 10px rgba(27, 26, 24, 0.5));
}
.button._free-size {
width: auto;
max-width: 320px;
min-width: 270px;
padding: 12px 20px;
text-transform: initial;
font-weight: 300;
font-size: 20px;
line-height: 24px;
}
.button:hover {
color: #f7faf7;
filter: drop-shadow(0px 8px 10px rgba(27, 26, 24, 0.5));
}
.rounded-button {
color: #f7faf7;
font-size: 14px;
line-height: 14px;
display: block;
text-align: center;
text-transform: uppercase;
transition: .3s all;
max-width: 170px;
padding: 11px 40px;
border-radius: 30px;
border: 1px solid #f7faf7;
transition: .3s all;
}
.rounded-button:hover {
background: #f7faf7;
color: #3333CC;
filter: drop-shadow(0px 4px 12px rgba(27, 26, 24, 0.15));
}
.learn-more {
padding-right: 18px;
color: #959595;
font-weight: 300;
font-size: 16px;
line-height: 20px;
}
.learn-more::after {
content: 'next';
position: absolute;
right: 0;
top: 2px;
font-family: swiper-icons;
font-weight: bold;
font-size: 12px;
}
.show-desktop {
display: block;
margin: 0 auto;
}
.show-mobile {
display: none;
margin: 0 auto;
width: 410px;
height: 160px;
}
.middle-show {
display: none;
margin: 0 auto;
height: 215px;
}
.show-mobile-cont {
display: none;
}
.content-text h2 {
text-align: left;
margin-bottom: 30px;
}
.content-text .container {
flex-direction: column;
align-items: flex-start;
}
.content-text p {
font-weight: 300;
}
.content-text .buttons-wrapper {
display: flex;
}
.content-text .buttons-wrapper .button {
margin-top: 0;
margin-right: 30px;
}
a.download {
padding-left: 24px;
}
a.download::before {
content: "";
width: 16px;
height: 16px;
background-image: url(/static/app/assets/css/../img/navigation/download.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 0;
top: 1px;
}
button {
border: none;
outline: none;
cursor: pointer;
}
.tabs {
width: 100%;
margin: 27px 0 30px;
}
.tabs-buttons-wrapper {
display: flex;
justify-content: flex-start;
margin-bottom: 40px;
/* ie 10+ */
/* фф (свойство больше не работает, других способов тоже нет)*/
}
.tabs-buttons-wrapper::-webkit-scrollbar {
width: 0;
}
.tabs-buttons-wrapper {
-ms-overflow-style: none;
}
.tabs-buttons-wrapper {
overflow: -moz-scrollbars-none;
}
.tabs-buttons-wrapper__button {
padding: 8px 20px;
background: none;
border-radius: 30px;
color: #959595;
font-weight: 300;
font-size: 16px;
line-height: 20px;
border: none;
outline: none;
cursor: pointer;
transition: .3s all;
margin-right: 20px;
border: 1px solid #959595;
white-space: nowrap;
}
.tabs-buttons-wrapper__button._active {
background: #3333CC;
color: #f7faf7;
border: none;
}
.tabs-buttons-wrapper__button:hover {
box-shadow: 0px 2px 10px rgba(27, 26, 24, 0.25);
}
.tabs-item {
height: 0;
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
background: #fff;
visibility: hidden;
opacity: 0;
transition: .5s all;
}
.tabs-item._active {
visibility: visible;
opacity: 1;
height: auto;
}
.product-list {
overflow: hidden;
margin-bottom: 40px;
}
.product-list_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.blur-block {
background: white;
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
filter: blur(25px);
z-index: 1;
}
.blur-block-2 {
background: white;
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
filter: blur(10px);
z-index: 2;
}
.product-list_item {
max-width: 275px;
min-height: 370px;
padding: 0 20px;
margin: 0 10px 10px;
display: flex;
position: relative;
flex-direction: column;
box-shadow: 0px 0px 14px rgba(27, 26, 24, 0.15);
}
.product-list_item-image {
width: 100%;
height: 248px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.product-list_item-link {
margin-top: 10px;
font-weight: 300;
display: block;
margin-bottom: 8px;
}
.product-list_item-subtext {
font-weight: 300;
color: #959595;
}
.product-list_item-description {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
left: 0;
top: 0;
padding: 15px 20px;
background: #fff;
opacity: 0;
visibility: hidden;
transition: .4s all;
}
.product-list_item-description__item {
display: flex;
margin-bottom: 10px;
}
.product-list_item-description__item-icon {
width: 35px;
display: inline-table;
}
.product-list_item-description__item-text p {
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 5px;
}
.product-list_item-description__item-text span {
font-weight: 300;
font-size: 14px;
line-height: 14px;
}
.product-list_item:hover .product-list_item-description {
opacity: 1;
visibility: visible;
}
.product-list .navigation {
width: 100%;
display: flex;
justify-content: center;
}
.product-list .navigation .button {
max-width: 211px;
margin: 0;
}
.breadcrumbs {
margin-bottom: 50px;
}
.breadcrumbs-list {
flex-wrap: wrap;
}
.breadcrumbs-list__item {
font-size: 16px;
line-height: 20px;
color: #3333CC;
margin-right: 32px;
}
.breadcrumbs-list__item::after {
content: "";
width: 12px;
height: 7px;
display: block;
position: absolute;
right: -22px;
top: 7px;
background-image: url(/static/app/assets/css/../img/navigation/rightArrowBreadCrumbs.svg);
background-repeat: no-repeat;
}
.breadcrumbs-list__item:last-child::after {
display: none;
}
.breadcrumbs-list__item a {
font-size: 16px;
line-height: 20px;
}
.form h3 {
margin-bottom: 22px;
}
.form-container {
margin-bottom: 15px;
}
.form-line {
display: flex;
}
.form-wrapper__item-comment {
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #959595;
margin-top: 10px;
}
.form-wrapper__item p,
.form-wrapper__item p a {
font-size: 16px;
}
.form-wrapper__item._text-right {
display: block;
text-align: right;
}
.form-wrapper__item._text-center {
display: block;
text-align: center;
}
.form-wrapper__item._error span {
display: block;
}
.form-wrapper__item._error input,
.form-wrapper__item._error textarea,
.form-wrapper__item._error select {
color: #D30000;
border: 1px solid #D30000;
}
.form-wrapper__item label {
font-weight: 300;
font-size: 14px;
line-height: 20px;
margin-bottom: 8px;
}
.form-wrapper__item span {
font-weight: 300;
font-size: 11px;
line-height: 20px;
color: #D30000;
margin-top: 8px;
display: none;
}
.form-wrapper__item input,
.form-wrapper__item textarea,
.form-wrapper__item select {
padding: 12px 20px;
border: 1px solid #959595;
}
.form-wrapper__item input::-webkit-input-placeholder,
.form-wrapper__item input::-moz-placeholder,
.form-wrapper__item input:-moz-placeholder,
.form-wrapper__item input:-ms-input-placeholder,
.form-wrapper__item textarea::-webkit-input-placeholder,
.form-wrapper__item textarea::-moz-placeholder,
.form-wrapper__item textarea:-moz-placeholder,
.form-wrapper__item textarea:-ms-input-placeholder,
.form-wrapper__item select::-webkit-input-placeholder,
.form-wrapper__item select::-moz-placeholder,
.form-wrapper__item select:-moz-placeholder,
.form-wrapper__item select:-ms-input-placeholder {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #959595;
}
.form-wrapper__item .preview-upload {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 30px;
margin-top: 17px;
}
.form-wrapper__item .preview-upload .aks-file-upload-preview {
width: 72px;
height: 72px !important;
margin-right: 20px;
border-radius: 0;
}
.form-wrapper__item .preview-upload .aks-file-upload-preview .aks-file-upload-p-header {
background: none;
}
.form-wrapper__item .preview-upload .aks-file-upload-preview .aks-file-upload-p-header-icon,
.form-wrapper__item .preview-upload .aks-file-upload-preview .aks-file-upload-p-header-content {
display: none;
}
.form-wrapper__item .preview-upload .aks-file-upload-preview .aks-file-upload-p-header .aks-file-upload-delete {
background: none;
right: 6px;
top: 6px;
width: 6px;
height: 6px;
}
.form-wrapper__item .preview-upload .aks-file-upload-preview .aks-file-upload-p-header .aks-file-upload-delete:hover {
border: none;
}
.form-wrapper__item .preview-upload .aks-file-upload-preview .aks-file-upload-p-main {
background: none;
}
.form-wrapper__item .preview-upload .aks-file-upload-preview .aks-file-upload-p-main .aks-file-upload-image {
width: 72px;
height: 72px;
}
.form-wrapper__item .preview-upload .aks-file-upload-preview .aks-file-upload-p-main .aks-file-upload-image img {
height: 100% !important;
}
.form-wrapper__item .aks-file-upload {
width: 285px;
height: 90px;
border: 1px dashed #959595;
display: flex;
background: none;
box-shadow: none;
margin: 0;
border-radius: 0;
}
.form-wrapper__item .aks-file-upload-content {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.form-wrapper__item .aks-file-upload-label {
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 7px;
margin: 0;
}
.form-wrapper__item .aks-file-upload-label:-moz-drag-over span {
color: #f7faf7;
border: 1px solid #3333CC;
background: #3333CC;
}
.form-wrapper__item .aks-file-upload-label:hover span {
color: #f7faf7;
border: 1px solid #3333CC;
background: #3333CC;
}
.form-wrapper__item .aks-file-upload-label span {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
color: #282323;
border: 1px solid #282323;
transition: .3s all;
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.form-wrapper__item .aks-file-upload-label::after {
content: "или перетащите файлы сюда";
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #959595;
}
.form-wrapper__item textarea {
height: 164px;
}
.form-wrapper__item .selectize-control .selectize-input {
height: 46px;
padding: 12px 20px;
border: 1px solid #959595;
background: none;
border-radius: 0;
}
.form-wrapper__item .selectize-control .selectize-input .item {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #959595;
}
.form-wrapper__item-file {
width: 192px;
height: 38px;
border: 1px solid #282323;
display: flex;
align-items: center;
justify-content: space-evenly;
cursor: pointer;
transition: .3s all;
}
.form-wrapper__item-file._photo {
width: 124px;
height: 124px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border: none;
}
.form-wrapper__item-file._photo:hover {
border-color: #3333CC;
}
.form-wrapper__item-file._photo:hover span {
background-color: #3333CC;
border-color: #3333CC;
}
.form-wrapper__item-file._photo span {
font-weight: 300;
font-size: 12px;
line-height: 15px;
border: 1px solid #f7faf7;
color: #f7faf7;
padding: 8px;
transition: .3s all;
}
.form-wrapper__item-file._photo span::before {
display: none;
}
.form-wrapper__item-file:hover {
background-color: #3333CC;
border-color: #3333CC;
}
.form-wrapper__item-file:hover span {
color: #f7faf7;
}
.form-wrapper__item-file input {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
}
.form-wrapper__item-file span {
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #282323;
display: block;
margin-top: 0;
z-index: 1;
cursor: pointer;
}
.form-wrapper__item-file span::before {
content: "+";
font-size: 20px;
line-height: 16px;
margin-right: 12px;
}
.form-wrapper__item-file__default input {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
}
.form-wrapper__item-file__default .add-file {
display: flex;
align-items: center;
transition: .3s all;
cursor: pointer;
}
.form-wrapper__item-file__default .add-file:hover .add-file-button {
border: 1px solid #3333CC;
color: #f7faf7;
background: #3333CC;
}
.form-wrapper__item-file__default .add-file-button {
padding: 8px 20px;
border: 1px solid #959595;
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #282323;
margin-right: 26px;
transition: .3s all;
cursor: pointer;
}
.form-wrapper__item-file__default .add-file-text {
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #282323;
cursor: pointer;
}
.form-wrapper__item-file__default label {
margin-top: 10px;
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #959595;
}
.form-wrapper__item-checkbox input {
opacity: 0;
visibility: hidden;
position: absolute;
}
.form-wrapper__item-checkbox label {
padding-left: 28px;
cursor: pointer;
color: #959595;
}
.form-wrapper__item-checkbox label::before {
content: "";
width: 20px;
height: 20px;
border: 1px solid #959595;
position: absolute;
left: 0;
top: 0;
transition: .3s all;
}
.form-wrapper__item-checkbox._active label::before {
background: #3333CC;
border: none;
}
.form-wrapper__item-checkbox._active label::after {
content: "";
width: 20px;
height: 20px;
position: absolute;
color: #f7faf7;
left: 0;
top: 0px;
font-size: 11px;
background-image: url(/static/app/assets/css/../img/default/checkmark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
}
._align-center {
align-items: center;
}
.mt-90 {
margin-top: 90px;
}
.mb-50 {
margin-bottom: 20px !important;
}
.selectize-control.single {
width: 100%;
max-width: 285px;
height: 40px;
transition: .5s all;
}
.selectize-control.single .selectize-dropdown {
box-shadow: none;
border: none;
transition: .5s all;
display: flex !important;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.selectize-control.single .selectize-dropdown::before {
content: "";
width: 0;
height: 1px;
position: absolute;
top: 0;
left: 20px;
background: #959595;
opacity: .5;
transition: .75s all;
}
.selectize-control.single .selectize-dropdown::after {
content: "";
width: calc(100% + 2px);
height: calc(100% + 45px);
position: absolute;
left: -1px;
top: -42px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
border: 1px solid #959595;
transition: .5s all;
opacity: 0;
z-index: -1;
}
.selectize-control.single._empty {
max-width: 200px;
}
.selectize-control.single._empty .selectize-input {
border: none;
}
.selectize-control.single._empty .selectize-input .item {
color: #959595;
font-size: 18px;
line-height: 22px;
}
.selectize-control.single._empty .selectize-input::after {
content: "";
border: none;
width: 8px;
height: 6px;
top: 50%;
right: 16px;
margin-top: -2px;
background: url(/static/app/assets/css/../img/default/select-triangle.svg) no-repeat center;
transition: .3s all;
}
.selectize-control.single .selectize-input {
height: 38px;
width: 100%;
display: flex;
align-items: center;
color: #282323;
font-size: 16px;
line-height: 20px;
padding: 0 20px;
z-index: 11;
border: none;
transition: .5s all;
border: 1px solid #959595;
}
.selectize-control.single .selectize-input.dropdown-active {
z-index: 10;
display: flex;
border: none;
box-shadow: none;
}
.selectize-control.single .selectize-input.dropdown-active::after {
transform: rotate(180deg);
}
.selectize-control.single .selectize-input.dropdown-active+.selectize-dropdown {
z-index: 11;
opacity: 1;
visibility: visible;
}
.selectize-control.single .selectize-input.dropdown-active+.selectize-dropdown::before {
width: calc(100% - 40px);
}
.selectize-control.single .selectize-input.dropdown-active+.selectize-dropdown::after {
opacity: 1;
}
.selectize-control.single .selectize-input::after {
content: "";
border: none;
width: 16px;
height: 8px;
position: absolute;
top: 50%;
right: 16px;
background: url(/static/app/assets/css/../img/navigation/select-arrow-down.svg) no-repeat center;
transition: .3s all;
}
.selectize-control.single .selectize-dropdown {
padding-right: 5px;
}
.selectize-control.single .selectize-dropdown-content {
width: 100%;
margin-top: 10px;
padding-left: 20px;
}
.selectize-control.single .selectize-dropdown-content .option {
padding-left: 0;
}
.selectize-control.single .selectize-dropdown-content .option:hover {
background: none;
color: #3333CC;
}
.selectize-control.single .selectize-dropdown-content::-webkit-scrollbar {
width: 6px;
cursor: pointer;
}
.selectize-control.single .selectize-dropdown-content::-webkit-scrollbar-track {
background: none;
}
.selectize-control.single .selectize-dropdown-content::-webkit-scrollbar-thumb {
background: #282323;
border-radius: 3px;
cursor: pointer;
}
._text-center {
text-align: center !important;
}
._text-left {
text-align: left !important;
}
.title-container {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 40px;
}
.title-container h1 {
width: auto;
margin-right: 20px;
}
.title-container .elems-count {
width: auto;
}
.title-container .elems-count p {
line-height: 20px;
font-size: 16px;
color: #959595;
font-weight: 300;
margin: 0;
}
.empty-space {
flex-grow: 1;
}
.filter {
width: 100%;
margin: 27px 0 30px;
display: flex;
justify-content: flex-start;
}
.filter__button {
padding: 8px 20px;
background: none;
border-radius: 30px;
color: #959595;
font-weight: 300;
font-size: 16px;
line-height: 20px;
border: none;
outline: none;
cursor: pointer;
transition: .3s all;
margin-right: 20px;
border: 1px solid #959595;
white-space: nowrap;
}
.filter__button._active {
background: #3333CC;
color: #f7faf7;
border: 1px solid transparent;
}
.filter__button:hover {
box-shadow: 0px 2px 10px rgba(27, 26, 24, 0.25);
}
.filter .navigation {
width: 124px;
position: absolute;
right: 0;
top: -44px;
}
.filter .navigation .swiper-button-next {
width: 52px;
height: 52px;
border-radius: 50%;
background: #f7faf7;
box-shadow: 0px 0px 12px rgba(27, 26, 24, 0.1);
right: 0;
transition: .3s all;
}
.filter .navigation .swiper-button-next path {
fill: #3333CC;
}
.filter .navigation .swiper-button-next::after {
display: none;
}
.filter .navigation .swiper-button-next:hover {
background: #3333CC;
}
.filter .navigation .swiper-button-next:hover path {
fill: #f7faf7;
}
.filter .navigation .swiper-button-prev {
width: 52px;
height: 52px;
border-radius: 50%;
background: #f7faf7;
box-shadow: 0px 0px 12px rgba(27, 26, 24, 0.1);
left: 0;
transition: .3s all;
}
.filter .navigation .swiper-button-prev path {
fill: #3333CC;
}
.filter .navigation .swiper-button-prev::after {
display: none;
}
.filter .navigation .swiper-button-prev:hover {
background: #3333CC;
}
.filter .navigation .swiper-button-prev:hover path {
fill: #f7faf7;
}
.filter .navigation .swiper-button-disabled path {
fill: #959595;
}
._flex-start {
display: flex;
justify-content: flex-start !important;
}
._flex-center {
display: flex;
justify-content: center !important;
}
._flex-column-center {
display: flex;
align-items: center !important;
}
.slide-toggle-container {
display: flex;
}
.slide-toggle-container .slide-toggle-buttons {
width: calc(40% - 27px);
margin-right: 27px;
}
.slide-toggle-container .slide-toggle-buttons__item {
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
background: #3333CC;
color: #f7faf7;
font-weight: normal;
font-size: 16px;
line-height: 20px;
cursor: pointer;
margin-bottom: 12px;
transition: .3s all;
}
.slide-toggle-container .slide-toggle-buttons__item:hover:not(._active) {
filter: drop-shadow(0px 8px 10px rgba(27, 26, 24, 0.4));
}
.slide-toggle-container .slide-toggle-buttons__item._active {
background: #282323;
cursor: default;
}
.slide-toggle-container .slide-toggle-buttons__item._active::after {
transform: rotate(90deg);
}
.slide-toggle-container .slide-toggle-buttons__item::after {
content: "";
width: 16px;
height: 8px;
background: url(/static/app/assets/css/../img/navigation/select-arrow-down-white.svg) no-repeat;
transform: rotate(180deg);
transition: .3s all;
}
.slide-toggle-container .slide-toggle-content {
width: 60%;
}
.slide-toggle-container .slide-toggle-content_wrapper {
width: 100%;
opacity: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
transition: .3s all;
z-index: 1;
}
.slide-toggle-container .slide-toggle-content_wrapper._active {
opacity: 1;
visibility: visible;
position: relative;
top: 0;
left: 0;
z-index: 2;
}
.slide-toggle-container .slide-toggle-content__item {
width: 100%;
height: auto;
transition: .5s all;
}
.slide-toggle-container .slide-toggle-content__item-button {
width: 100%;
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 73px 0 20px;
color: #f7faf7;
font-weight: normal;
font-size: 16px;
line-height: 20px;
margin-bottom: 20px;
cursor: pointer;
transition: .5s all;
}
.slide-toggle-container .slide-toggle-content__item-button::after {
content: "";
width: 16px;
height: 8px;
background: url(/static/app/assets/css/../img/navigation/select-arrow-down-white.svg) no-repeat;
transform: rotate(180deg);
transition: .3s all;
position: absolute;
right: 20px;
}
.slide-toggle-container .slide-toggle-content__item-button._active::after {
transform: rotate(0);
}
.slide-toggle-container .slide-toggle-content__item-content {
width: 100%;
display: none;
transform-origin: top;
overflow: hidden;
}
.slide-toggle-container .slide-toggle-content__item-content--text {
display: flex;
flex-direction: column;
margin-bottom: 60px;
}
.slide-toggle-container .slide-toggle-content__item-content--products {
width: 100%;
}
.slide-toggle-container .slide-toggle-content__item-content--products-item {
min-height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 22px;
padding-left: 20px;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__pic {
width: 40px;
height: 40px;
box-shadow: 0px 0px 14px rgba(27, 26, 24, 0.15);
display: flex;
justify-content: center;
align-items: center;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__pic img {
height: 95%;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__title {
max-width: 407px;
font-weight: 300;
font-size: 16px;
line-height: 20px;
color: #282323;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt {
max-width: 100px;
display: flex;
justify-content: space-between;
align-items: center;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .minus {
width: 21px;
height: 21px;
border: 1px solid #959595;
border-radius: 50%;
transition: .3s all;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .minus::before {
content: "\2014";
position: absolute;
left: 5px;
top: -1px;
font-size: 11px;
color: #959595;
font-weight: bold;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .minus:hover,
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .minus._active {
border: 1px solid #3333CC;
cursor: pointer;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .minus:hover::before,
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .minus._active::before {
color: #3333CC;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .plus {
width: 21px;
height: 21px;
border: 1px solid #959595;
border-radius: 50%;
transition: .3s all;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .plus::before {
content: "+";
position: absolute;
left: 3px;
top: -1px;
font-size: 20px;
color: #959595;
font-weight: 300;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .plus:hover,
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .plus._active {
border: 1px solid #3333CC;
cursor: pointer;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .plus:hover::before,
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt .plus._active::before {
color: #3333CC;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt input {
width: 40px;
border: none;
outline: none;
color: #282323;
font-size: 20px;
line-height: 24px;
text-align: center;
}
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt input::-webkit-outer-spin-button,
.slide-toggle-container .slide-toggle-content__item-content--products .order-product__cnt input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
/* <-- Apparently some margin are still there even though it's hidden */
}
.slide-toggle-container .slide-toggle-content__item-content--list {
padding-left: 50px;
display: flex;
flex-direction: column;
margin-bottom: 20px;
transition: .5s all;
}
.slide-toggle-container .slide-toggle-content__item-content--list a {
font-weight: 300;
font-size: 14px;
line-height: 20px;
margin-bottom: 8px;
}
.slide-toggle-container .slide-toggle-content__item-content--list a:last-child {
margin-bottom: 0;
}
.slide-toggle-container .slide-toggle-content__item-content--list::before {
content: "";
width: 2px;
height: 100%;
background: #3333CC;
position: absolute;
left: 30px;
top: 0;
}
.slide-toggle-container .slide-toggle-content__item--level-1 .slide-toggle-content__item-button {
background: #959595;
}
.slide-toggle-container .slide-toggle-content__item--default {
max-width: 508px;
}
.slide-toggle-container .slide-toggle-content__item--default .slide-toggle-content__item-button {
background: none;
color: #282323;
border: 1px solid #959595;
}
.slide-toggle-container .slide-toggle-content__item--default .slide-toggle-content__item-button._active {
background: #3333CC;
border: 1px solid #3333CC;
color: #f7faf7;
}
.slide-toggle-container .slide-toggle-content__item--default .slide-toggle-content__item-button._active::after {
filter: grayscale(1) brightness(1000%);
}
.slide-toggle-container .slide-toggle-content__item--default .slide-toggle-content__item-button::after {
filter: grayscale(1) brightness(0);
}
.slide-toggle-container .slide-toggle-content__item--level-2 .slide-toggle-content__item-button {
background: #f7faf7;
border: 1px solid #959595;
color: #282323;
}
.slide-toggle-container .slide-toggle-content__item--level-2 .slide-toggle-content__item-button::after {
filter: grayscale(1) brightness(0);
}
.slide-toggle-container .slide-toggle-content__item--level-3 .slide-toggle-content__item-button {
background: none;
border: 1px solid rgba(149, 149, 149, 0.2);
color: #282323;
height: 68px;
}
.slide-toggle-container .slide-toggle-content__item--level-3 .slide-toggle-content__item-button::after {
filter: grayscale(1) brightness(0);
}
.popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 430px;
margin: 20px auto;
/* overlay at start */
/* overlay animate in */
/* overlay animate out */
/* content at start */
/* content animate it */
/* content animate out */
}
.popup_content {
display: flex;
flex-direction: column;
align-items: center;
}
.popup .mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.popup .mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.popup .mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.popup .mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.popup .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.popup .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.popup button.mfp-close {
font-weight: 300;
color: #959595;
font-family: "Formular", arial;
font-size: 30px;
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
header {
width: 100%;
height: 229px;
}
header .top-header {
height: 60px;
background: #F7FAF7;
}
header .top-header .container>div:last-child {
padding-right: 0;
}
header .top-header .location {
padding-left: 5px;
font-weight: 300;
color: #959595;
}
header .top-header .location::before {
content: "";
width: 12px;
height: 12px;
background: url(/static/app/assets/css/../img/header/location-icon.svg) no-repeat;
position: absolute;
left: -12px;
top: 3px;
}
header .top-header .top-menu {
width: 100%;
justify-content: flex-end;
}
header .top-header .top-menu__item {
margin: 0 8px;
}
header .top-header .top-menu__item:last-child {
margin-right: 0;
}
header .top-header .top-menu__item-link {
font-size: 14px;
color: #3333CC;
height: 60px;
display: flex;
align-items: center;
font-weight: 300;
}
header .top-header .top-menu__item .dd-menu {
position: absolute;
left: -10px;
background: #F7FAF7;
flex-direction: column;
padding: 0 30px 0 10px;
transition: .3s all;
opacity: 0;
visibility: hidden;
z-index: 2;
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.25);
}
header .top-header .top-menu__item .dd-menu__item {
margin-bottom: 14px;
}
header .top-header .top-menu__item .dd-menu__item-link {
font-size: 16px;
font-weight: 300;
white-space: nowrap;
}
header .top-header .top-menu__item:hover .top-menu__item-link {
color: #001DF2;
}
header .top-header .top-menu__item:hover .dd-menu {
opacity: 1;
visibility: visible;
}
header .top-header .find-salon {
display: flex;
justify-content: flex-end;
}
header .top-header .find-salon__link {
padding-left: 5px;
font-weight: 300;
display: block;
}
header .top-header .find-salon__link::before {
content: "";
width: 9px;
height: 13px;
background-image: url(/static/app/assets/css/../img/header/find-salon-icon.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: -12px;
top: 3px;
transition: .3s all;
}
header .top-header .find-salon__link:hover::before {
background-image: url(/static/app/assets/css/../img/header/find-salon-icon__hover.svg);
}
header .top-header .login {
display: flex;
justify-content: flex-end;
}
header .top-header .login__link {
padding-left: 5px;
font-weight: 300;
display: block;
}
header .top-header .login__link::before {
content: "";
width: 16px;
height: 12px;
background-image: url(/static/app/assets/css/../img/header/login-icon.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: -16px;
top: 3px;
}
header .top-header .login__link:hover::before {
background-image: url(/static/app/assets/css/../img/header/login-icon__hover.svg);
}
header .middle-header {
height: 109px;
display: flex;
align-items: center;
}
header .middle-header .logo-container {
padding: 0;
}
header .middle-header .logo {
display: flex;
}
header .middle-header .search-block {
display: flex;
justify-content: flex-end;
margin-right: 32px;
}
header .middle-header .search-block__mobile-activate {
display: none;
}
header .middle-header .search-block__input {
width: 100%;
height: 40px;
max-width: 450px;
padding: 11px 20px 12px;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #959595;
border: 1px solid #959595;
}
header .middle-header .search-block__button {
width: 40px;
height: 40px;
background-color: #959595;
border: 1px solid #959595;
cursor: pointer;
margin-left: -1px;
background-image: url(/static/app/assets/css/../img/header/search-icon.svg);
background-repeat: no-repeat;
background-size: 18px;
background-position: center;
}
header .middle-header__contacts {
display: flex;
flex-direction: column;
align-items: flex-end;
padding-right: 0;
}
header .middle-header__contacts__phone {
color: #282323;
display: flex;
font-weight: 300;
font-size: 16px;
line-height: 20px;
margin-bottom: 18px;
transition: .3s all;
}
header .middle-header__contacts__phone:hover {
color: #3333CC;
}
header .middle-header__contacts__phone::before {
content: "";
width: 12px;
height: 12px;
background-image: url(/static/app/assets/css/../img/header/phone-icon.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: -16px;
top: 4px;
}
header .middle-header__contacts__socials {
display: flex;
justify-content: center;
}
header .middle-header__contacts__socials-item {
width: 24px;
height: 24px;
margin-left: 12px;
border-radius: 50%;
}
header .middle-header__contacts__socials-item:hover {
background: url(/static/app/assets/css/../img/header/socials-hover.svg);
}
header .bottom-header {
height: 60px;
background: #3333CC;
z-index: 4;
}
header .bottom-header .container {
padding: 0;
}
header .bottom-header .main-menu {
width: 100%;
display: flex;
justify-content: space-between;
}
header .bottom-header .main-menu__item {
height: 60px;
display: flex;
align-items: center;
}
header .bottom-header .main-menu__item-link {
color: #f7faf7;
font-weight: 300;
font-size: 16px;
line-height: 20px;
}
header .bottom-header .main-menu__item .dd-menu {
position: absolute;
top: 100%;
left: -10px;
background: #3333CC;
flex-direction: column;
padding: 0 30px 0 10px;
transition: .3s all;
opacity: 0;
visibility: hidden;
z-index: 2;
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.25);
display: none;
}
header .bottom-header .main-menu__item .dd-menu__item {
margin-bottom: 16px;
}
header .bottom-header .main-menu__item .dd-menu__item-link {
font-size: 16px;
line-height: 20px;
font-weight: 300;
white-space: nowrap;
color: #f7faf7;
}
header .bottom-header .main-menu__item:hover .dd-menu {
opacity: 1;
visibility: visible;
display: flex;
}
header .mobile-menu {
display: none;
}
.content {
background: #fff;
min-height: 200px;
z-index: 2;
}
.content .main-page-slider {
width: 100%;
height: 450px;
padding-bottom: 50px;
box-sizing: content-box;
margin-bottom: 50px;
}
.content .main-page-slider__wrapper-slide {
width: 100%;
height: 450px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 1;
display: flex;
}
.content .main-page-slider__wrapper-slide video,
.content .main-page-slider__wrapper-slide img,
.content .main-page-slider__wrapper-slide iframe,
.content .main-page-slider__wrapper-slide object,
.content .main-page-slider__wrapper-slide iframe video {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.content .main-page-slider .navigation {
height: 450px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
padding: 0;
}
.content .main-page-slider .navigation .swiper-button-next {
width: 52px;
height: 52px;
right: -35px;
margin-top: -26px;
transition: .3s all;
border-radius: 50%;
}
.content .main-page-slider .navigation .swiper-button-next::after {
width: 9px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #f7faf7;
}
.content .main-page-slider .navigation .swiper-button-next:hover {
background: rgba(247, 250, 247, 0.6);
filter: drop-shadow(0px 0px 20px rgba(0, 29, 242, 0.2));
}
.content .main-page-slider .navigation .swiper-button-next:hover::after {
color: #282323;
}
.content .main-page-slider .navigation .swiper-button-prev {
width: 52px;
height: 52px;
left: -35px;
margin-top: -26px;
transition: .3s all;
border-radius: 50%;
}
.content .main-page-slider .navigation .swiper-button-prev::after {
width: 9px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #f7faf7;
}
.content .main-page-slider .navigation .swiper-button-prev:hover {
background: rgba(247, 250, 247, 0.6);
filter: drop-shadow(0px 0px 20px rgba(0, 29, 242, 0.2));
}
.content .main-page-slider .navigation .swiper-button-prev:hover::after {
color: #282323;
}
.content .main-page-slider .navigation .swiper-pagination {
bottom: -21px;
left: 50%;
transform: translateX(-50%);
}
.content .main-page-slider .navigation .swiper-pagination-bullet {
opacity: 0.5;
border: 1px solid #959595;
background: none;
margin: 0 5px;
}
.content .main-page-slider .navigation .swiper-pagination-bullet-active {
width: 10px;
height: 10px;
background: #3333CC;
border: 2px solid #3333CC;
opacity: 1;
}
.content .product-lines {
margin-bottom: 60px;
}
.content .product-lines-slider {
width: 100%;
min-height: 360px;
padding: 40px 0;
}
.content .product-lines-slider .swiper-slide .row {
align-items: flex-start;
}
.content .product-lines-slider__image-container {
width: 406px;
height: 360px;
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
display: flex;
align-items: center;
justify-content: center;
}
.content .product-lines-slider .navigation {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
height: 52px;
transform: translate(-50%, -50%);
z-index: 2;
}
.content .product-lines-slider .navigation .swiper-button-next {
width: 52px;
height: 52px;
right: 0;
margin-top: -26px;
transition: .3s all;
border-radius: 50%;
}
.content .product-lines-slider .navigation .swiper-button-next::after {
width: 9px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #282323;
}
.content .product-lines-slider .navigation .swiper-button-next:hover {
background: rgba(247, 250, 247, 0.6);
filter: drop-shadow(0px 0px 20px rgba(0, 29, 242, 0.2));
}
.content .product-lines-slider .navigation .swiper-button-next:hover::after {
color: #282323;
}
.content .product-lines-slider .navigation .swiper-button-prev {
width: 52px;
height: 52px;
left: 0;
margin-top: -26px;
transition: .3s all;
border-radius: 50%;
}
.content .product-lines-slider .navigation .swiper-button-prev::after {
width: 9px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #282323;
}
.content .product-lines-slider .navigation .swiper-button-prev:hover {
background: rgba(247, 250, 247, 0.6);
filter: drop-shadow(0px 0px 20px rgba(0, 29, 242, 0.2));
}
.content .product-lines-slider .navigation .swiper-button-prev:hover::after {
color: #282323;
}
.content .product-lines-slider h3 {
margin-bottom: 38px;
}
.content .product-lines-slider p {
margin-bottom: 30px;
}
.content .novelties {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
.content .novelties-slider {
overflow: visible;
margin: 50px 0;
}
.content .novelties-slider__slide {
height: 354px;
padding: 0 20px;
box-shadow: 0px 0px 14px rgba(27, 26, 24, 0.15);
}
.content .novelties-slider__slide-image {
width: 100%;
height: 248px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.content .novelties-slider__slide-link {
font-weight: 300;
display: block;
margin-bottom: 8px;
}
.content .novelties-slider__slide-subtext {
font-weight: 300;
color: #959595;
}
.content .novelties-slider__slide-description {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
padding: 15px 20px;
background: #fff;
opacity: 0;
overflow: hidden;
visibility: hidden;
transition: .4s all;
}
.content .novelties-slider__slide-description__item {
display: flex;
margin-bottom: 10px;
}
.content .novelties-slider__slide-description__item-icon {
width: 35px;
display: inline-table;
}
.content .novelties-slider__slide-description__item-text p {
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 5px;
}
.content .novelties-slider__slide-description__item-text span {
font-weight: 300;
font-size: 14px;
line-height: 14px;
}
.content .novelties-slider__slide:hover .novelties-slider__slide-description {
opacity: 1;
visibility: visible;
}
.content .events {
margin-bottom: 71px;
}
.content .events-wrapper {
width: 100%;
margin-top: 40px;
}
.content .events-wrapper .row {
align-items: flex-start;
}
.content .events-wrapper .event-item {
width: 100%;
display: flex;
margin-bottom: 50px;
}
.content .events-wrapper .event-item__image {
padding-right: 0;
padding-left: 0;
}
.content .events-wrapper .event-item__image-date {
position: absolute;
bottom: 20px;
left: 20px;
}
.content .events-wrapper .event-item__image-date p {
margin-top: 6px;
margin-bottom: 0;
}
.content .events-wrapper .event-item__image-container {
width: 100%;
height: 288px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.content .events-wrapper .event-item__image-container::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 63.54%, #959595 100%);
}
.content .events-wrapper .event-item__image-tag {
background: #3333CC;
font-size: 16px;
line-height: 20px;
color: #E7E1E1;
padding: 10px 20px;
text-transform: uppercase;
position: absolute;
right: 20px;
bottom: 20px;
display: none;
}
.content .events-wrapper .event-item__description {
padding-left: 30px;
}
.content .events-wrapper .event-item__description-date {
margin-top: 12px;
margin-bottom: 12px;
}
.content .events-wrapper .event-item__description-date p {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #001DF2;
margin-bottom: 8px;
}
.content .events-wrapper .event-item__description-text {
margin-bottom: 20px;
}
.content .events-wrapper .event-item__description-text p {
font-weight: 300;
font-size: 14px;
line-height: 20px;
margin-bottom: 7px;
}
.content .events-wrapper .event-item._active .event-item__image-tag {
display: block;
}
.content .events-wrapper .event-item._active .event-item__image-container::before {
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 5.73%, rgba(27, 26, 24, 0.3) 73.44%, #1B1A18 100%);
}
.content .events-wrapper .event-item._active .event-item__image-date p {
color: #f7faf7;
}
.content .events-wrapper .navigation {
width: 100%;
display: flex;
justify-content: flex-end;
}
.content .full-page-slider {
width: 100%;
height: 360px;
padding-bottom: 50px;
box-sizing: content-box;
margin-bottom: 50px;
}
.content .full-page-slider__wrapper-slide {
width: 100%;
height: 360px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 1;
display: flex;
}
.content .full-page-slider .navigation {
height: 360px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
padding: 0;
}
.content .full-page-slider .navigation .swiper-button-next {
width: 52px;
height: 52px;
right: 0;
margin-top: -26px;
transition: .3s all;
border-radius: 50%;
}
.content .full-page-slider .navigation .swiper-button-next::after {
width: 9px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #f7faf7;
}
.content .full-page-slider .navigation .swiper-button-next:hover {
background: rgba(247, 250, 247, 0.6);
filter: drop-shadow(0px 0px 20px rgba(0, 29, 242, 0.2));
}
.content .full-page-slider .navigation .swiper-button-next:hover::after {
color: #282323;
}
.content .full-page-slider .navigation .swiper-button-prev {
width: 52px;
height: 52px;
left: 0;
margin-top: -26px;
transition: .3s all;
border-radius: 50%;
}
.content .full-page-slider .navigation .swiper-button-prev::after {
width: 9px;
height: 18px;
font-size: 18px;
font-weight: bold;
color: #f7faf7;
}
.content .full-page-slider .navigation .swiper-button-prev:hover {
background: rgba(247, 250, 247, 0.6);
filter: drop-shadow(0px 0px 20px rgba(0, 29, 242, 0.2));
}
.content .full-page-slider .navigation .swiper-button-prev:hover::after {
color: #282323;
}
.content .full-page-slider .navigation .swiper-pagination {
bottom: -35px;
left: 50%;
transform: translateX(-50%);
}
.content .full-page-slider .navigation .swiper-pagination-bullet {
opacity: 0.5;
border: 1px solid #959595;
background: none;
margin: 0 5px;
}
.content .full-page-slider .navigation .swiper-pagination-bullet-active {
width: 10px;
height: 10px;
background: #3333CC;
border: 2px solid #3333CC;
opacity: 1;
}
.content .news-slider {
width: 100%;
padding: 10px 0;
}
.content .news-slider__slide {
width: 285px;
min-height: 383px;
background: #F7FAF7;
filter: drop-shadow(0px 0px 6px rgba(27, 26, 24, 0.15));
}
.content .news-slider__slide._inactive {
display: none;
}
.content .news-slider__slide-image {
width: 100%;
height: 240px;
margin-bottom: 20px;
overflow: hidden;
}
.content .news-slider__slide-image img {
height: 100%;
}
.content .news-slider__slide-description {
padding: 0 20px;
}
.content .news-slider__slide-description--link {
width: 100%;
display: inline-block;
font-weight: 300;
font-size: 14px;
line-height: 20px;
margin-bottom: 7px;
}
.content .news-slider__slide-description--date {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #959595;
}
.content .news-slider__slide .navigation {
display: flex;
justify-content: flex-end;
padding: 0 14px 14px 0;
}
.content .news .filter {
width: 100%;
margin: 27px 0 30px;
display: flex;
justify-content: flex-start;
}
.content .news .filter__button {
padding: 8px 20px;
background: none;
border-radius: 30px;
color: #959595;
font-weight: 300;
font-size: 16px;
line-height: 20px;
border: none;
outline: none;
cursor: pointer;
transition: .3s all;
margin-right: 20px;
border: 1px solid #959595;
white-space: nowrap;
}
.content .news .filter__button._active {
background: #3333CC;
color: #f7faf7;
border: none;
}
.content .news .filter__button:hover {
box-shadow: 0px 2px 10px rgba(27, 26, 24, 0.25);
}
.content .news .filter .navigation {
width: 124px;
position: absolute;
right: 0;
top: -44px;
}
.content .news .filter .navigation .swiper-button-next {
width: 52px;
height: 52px;
border-radius: 50%;
background: #f7faf7;
box-shadow: 0px 0px 12px rgba(27, 26, 24, 0.1);
right: 0;
transition: .3s all;
}
.content .news .filter .navigation .swiper-button-next path {
fill: #3333CC;
}
.content .news .filter .navigation .swiper-button-next::after {
display: none;
}
.content .news .filter .navigation .swiper-button-next:hover {
background: #3333CC;
}
.content .news .filter .navigation .swiper-button-next:hover path {
fill: #f7faf7;
}
.content .news .filter .navigation .swiper-button-prev {
width: 52px;
height: 52px;
border-radius: 50%;
background: #f7faf7;
box-shadow: 0px 0px 12px rgba(27, 26, 24, 0.1);
left: 0;
transition: .3s all;
}
.content .news .filter .navigation .swiper-button-prev path {
fill: #3333CC;
}
.content .news .filter .navigation .swiper-button-prev::after {
display: none;
}
.content .news .filter .navigation .swiper-button-prev:hover {
background: #3333CC;
}
.content .news .filter .navigation .swiper-button-prev:hover path {
fill: #f7faf7;
}
.content .news .filter .navigation .swiper-button-disabled path {
fill: #959595;
}
.content .command-slider {
width: 100%;
padding: 10px 0 20px;
}
.content .command-slider__slide {
width: 285px;
height: 332px;
background: #F7FAF7;
filter: drop-shadow(0px 0px 6px rgba(27, 26, 24, 0.15));
}
.content .command-slider__slide._inactive {
display: none;
}
.content .command-slider__slide-image {
width: 100%;
height: 100%;
margin-bottom: 20px;
overflow: hidden;
}
.content .command-slider__slide-image img {
height: 100%;
}
.content .command-slider__slide-description {
width: 85%;
height: 120px;
position: absolute;
bottom: -20px;
left: 0;
padding: 10px 22px 22px;
background: #3333CC;
box-shadow: 4px -4px 15px rgba(40, 35, 35, 0.15);
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.content .command-slider__slide-description--link {
width: 100%;
display: inline-block;
font-size: 16px;
line-height: 20px;
margin-bottom: 8px;
color: #f7faf7;
}
.content .command-slider__slide-description--date,
.content .command-slider__slide-description--post {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #f7faf7;
display: inline-block;
margin-bottom: 8px;
}
.content .command-slider__slide-description--date:last-child,
.content .command-slider__slide-description--post:last-child {
margin-bottom: 0;
}
.content .command-slider__slide .navigation {
display: flex;
justify-content: flex-end;
padding: 0 14px 14px 0;
}
.content .banner {
width: 100%;
/*height: 400px;*/
margin-top: 40px;
/*padding-top: 50px;*/
overflow: hidden;
/*background: rgb(51, 51, 204);*/
}
.content .banner-slider-block {
width: 100%;
/*height: 320px;*/
height: 100%;
margin-top: 50px;
overflow: hidden;
}
.myBannerSwiperSlider {
height: 100%;
}
.content .banner__picture {
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
.content .banner__text {
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
}
.content .banner__text-title {
color: #f7faf7;
font-weight: bold;
font-size: 30px;
line-height: 42px;
text-align: center;
margin-bottom: 25px;
}
.content .banner__text .rounded-button {
margin-top: 15px;
}
.content .banner__bg-image {
width: 70%;
height: 320px;
z-index: 2;
position: Absolute;
left: 0;
top: 0;
}
.content .banner__bg-image>* {
position: absolute;
right: 0;
top: 0;
}
.content .ask-question {
margin-top: 100px;
}
.content .ask-question .container {
padding: 40px 55px;
border: 1px solid #959595;
display: flex;
justify-content: space-between;
align-content: center;
}
.content .ask-question__text {
max-width: 72%;
}
.content .ask-question__text p {
margin: 0;
}
.content .search-tabs {
display: flex;
align-items: center;
margin-bottom: 60px;
}
.content .search-tabs p {
margin-bottom: 0;
margin-right: 30px;
}
.content .search-block {
display: flex;
justify-content: flex-start;
margin-right: 32px;
}
.content .search-block__mobile-activate {
display: none;
}
.content .search-block__input {
width: 100%;
height: 40px;
max-width: 550px;
padding: 11px 20px 12px;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #959595;
border: 1px solid #959595;
}
.content .search-block__button {
width: 40px;
height: 40px;
background-color: #959595;
border: 1px solid #959595;
cursor: pointer;
margin-left: -1px;
background-image: url(/static/app/assets/css/../img/header/search-icon.svg);
background-repeat: no-repeat;
background-size: 18px;
background-position: center;
}
.content ._search-page {
display: block;
}
.content ._search-page .product-list_wrapper {
padding: 30px 0 0;
}
.content ._search-page .product-list_wrapper .product-list_item {
margin-bottom: 40px;
}
.content ._search-page .news {
margin-top: 90px;
}
.content ._search-page .events {
margin-top: 90px;
}
.content ._search-page .search-block {
margin: 20px 0 30px;
}
.content .vacancies {
margin-top: 30px;
}
.content .vacancies .slide-toggle-content__item-content {
overflow: initial;
}
footer {
width: 100%;
min-height: 340px;
background: #282323;
margin-top: 140px;
padding-top: 68px;
padding-bottom: 20px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
footer .top-footer__location {
padding-left: 5px;
font-weight: 300;
color: #f7faf7;
margin-bottom: 20px;
}
footer .top-footer__location::before {
content: "";
width: 12px;
height: 12px;
background: url(/static/app/assets/css/../img/footer/location-white-icon.svg) no-repeat;
position: absolute;
left: -12px;
top: 3px;
}
footer .top-footer__phone {
color: #f7faf7;
display: flex;
font-weight: 300;
font-size: 28px;
line-height: 34px;
margin-bottom: 18px;
transition: .3s all;
padding-left: 18px;
}
footer .top-footer__phone:hover {
color: #3333CC;
}
footer .top-footer__phone::before {
content: "";
width: 18px;
height: 18px;
background-image: url(/static/app/assets/css/../img/footer/phone-white-icon-big.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: -12px;
top: 8px;
}
footer .top-footer__menu {
display: flex;
justify-content: space-evenly;
}
footer .top-footer__menu-navi-title {
display: none;
}
footer .top-footer__menu-mobile-title {
display: none;
}
footer .top-footer__menu-list {
display: flex;
flex-direction: column;
padding-left: 16px;
}
footer .top-footer__menu-list:first-child {
border-left: 1px solid #f7faf7;
margin-right: 70px;
}
footer .top-footer__menu-list li {
margin-bottom: 12px;
}
footer .top-footer__menu-list li:last-child {
margin-bottom: 0;
}
footer .top-footer__menu-list--link {
color: #f7faf7;
font-weight: 300;
font-size: 16px;
line-height: 20px;
transition: .3s all;
}
footer .top-footer__menu-list--link:hover {
color: #3333CC;
}
footer .top-footer__contacts {
display: flex;
flex-direction: column;
align-items: center;
}
footer .top-footer__contacts p {
color: #f7faf7;
font-weight: 300;
font-size: 20px;
line-height: 24px;
}
footer .top-footer__contacts-mail {
color: #f7faf7;
display: flex;
font-weight: 300;
font-size: 20px;
line-height: 24px;
transition: .3s all;
padding-left: 24px;
margin-bottom: 24px;
}
footer .top-footer__contacts-mail:hover {
color: #3333CC;
}
footer .top-footer__contacts-mail::before {
content: "";
width: 24px;
height: 24px;
background-image: url(/static/app/assets/css/../img/footer/mail-icon.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: -8px;
top: 2px;
}
footer .top-footer__contacts-socials {
height: 24px;
}
footer .top-footer__contacts-socials--item {
margin: 0 5px;
}
footer .bottom-footer {
height: 77px;
}
footer .bottom-footer .desktop-hidden {
display: none;
}
footer .bottom-footer .container {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
footer .bottom-footer__copyright {
color: #f7faf7;
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.content .full-page-banner {
width: 100%;
min-height: 320px;
z-index: 1;
display: flex;
margin-bottom: 50px;
}
.content .videos {
margin-bottom: 100px;
}
.content .videos h2 {
text-align: left;
margin-bottom: 30px;
}
.content .videos-container {
width: 100%;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin: 0 -10px;
}
.content .videos-container__item {
width: 100%;
max-width: 380px;
height: auto;
margin: 0 10px;
cursor: pointer;
z-index: 1;
}
.content .videos-container__item-image {
width: 100%;
min-height: 238px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.content .videos-container__item-image::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #282323;
opacity: .3;
z-index: 2;
transition: .3s all;
}
.content .videos-container__item-image:hover::before {
opacity: .6;
}
.content .videos-container__item-image:hover::after {
background-color: #3333CC;
border: 3px solid #3333CC;
}
.content .videos-container__item-image::after {
content: "";
width: 80px;
height: 80px;
position: absolute;
left: 50%;
top: 50%;
transition: .3s all;
transform: translate(-50%, -50%);
background-image: url(/static/app/assets/css/../img/default/video-icon.svg);
background-repeat: no-repeat;
background-position: 26px center;
background-size: 32px 42px;
border-radius: 50%;
border: 3px solid #f7faf7;
z-index: 3;
}
.content .videos-container__item-title {
font-weight: normal;
font-size: 14px;
line-height: 20px;
margin: 20px 0;
}
.content .representatives {
margin-bottom: 50px;
}
.content .representatives h3 {
margin: 40px 0 20px;
}
.content .representatives-wrappers {
width: 100% !important;
/*max-width: 554px;*/
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.content .representatives-wrapper__item {
width: 33%;
margin-bottom: 30px;
}
.content .representatives-wrapper__item-title {
font-weight: 300;
font-size: 16px;
line-height: 20px;
color: #3333CC;
display: inline-block;
margin-bottom: 14px;
}
.content .contacts {
display: flex;
flex-direction: column;
margin-bottom: 26px;
}
.content .contacts h3 {
margin-bottom: 32px;
}
.content .contacts__phones-list {
max-width: 1200px;
display: flex;
flex-direction: column;
margin-top: 12px;
}
.content .contacts__phones-list--item {
display: flex;
flex-direction: row;
margin-bottom: 12px;
}
.content .contacts__phones-list--item .left-side {
width: 50%;
max-width: 175px;
text-align: right;
}
.content .contacts__phones-list--item .right-side {
width: 50%;
}
.content .contacts__phones-list--item a {
font-weight: 300;
}
.content .contacts__phones-list--item span {
max-width: 135px;
font-weight: 300;
font-size: 14px;
line-height: 20px;
padding-left: 16px;
display: inline-block;
}
.content .socials__wrapper-item {
margin-right: 11px;
}
.content .map {
margin-top: 40px;
margin-bottom: 50px;
}
.content .map__wrapper {
width: 100%;
max-width: 934px;
margin-top: 20px;
}
.content .links {
margin-bottom: 60px;
}
.content .links a {
display: inline-block;
margin-right: 45px;
text-decoration: underline;
}
.content .pnf {
margin-top: 50px;
margin-bottom: 90px;
}
.content .pnf-interesting {
width: 57%;
display: flex;
justify-content: center;
}
.content .pnf-interesting-container {
max-width: 590px;
}
.content .pnf-interesting img {
width: 100%;
}
.content .pnf-text-container {
width: 43%;
display: flex;
justify-content: center;
}
.content .pnf-text {
max-width: 393px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content .pnf-text__title {
font-weight: bold;
font-size: 200px;
line-height: 244px;
color: #3333CC;
margin: 0;
}
.content .pnf-text__subtitle {
font-weight: bold;
font-size: 30px;
line-height: 37px;
text-transform: uppercase;
color: #3333CC;
}
.content .container._column {
flex-direction: column;
align-items: flex-start;
}
.content-text {
width: 75%;
}
.content-text h1 {
margin-bottom: 30px;
}
.content-text h3 {
margin: 30px 0 20px;
}
.content-text p,
.content-text li,
.content-text a,
.content-text div {
font-weight: 300;
}
.content-text ul {
flex-direction: column;
margin-bottom: 16px;
}
.content-text ul li {
padding-left: 18px;
margin-bottom: 14px;
}
.content-text ul li::before {
content: "";
width: 10px;
height: 1px;
background: url(/static/app/assets/css/../img/default/line.svg) no-repeat;
position: absolute;
left: 0;
top: 10px;
}
.content .images-list {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.content .images-list a {
display: inline-block;
padding-right: 26px;
}
.content .images-list a img {
width: 100%;
}
.content .advantages-list {
width: 100%;
margin: 60px 0;
}
.content .advantages-list h3 {
margin-bottom: 30px;
}
.content .advantages-list_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.content .advantages-list__item {
width: 25%;
max-width: 280px;
padding-right: 23px;
}
.content .advantages-list__item-picture {
height: 50px;
margin-bottom: 20px;
}
.content .mobile-filter-button {
display: none;
}
.content .mobile-catalog-tabs {
justify-content: flex-start;
margin-bottom: 40px;
display: none;
}
.content .mobile-catalog-tabs__button {
padding: 8px 20px;
background: none;
border-radius: 30px;
color: #959595;
font-weight: 300;
font-size: 16px;
line-height: 20px;
border: none;
outline: none;
cursor: pointer;
transition: .3s all;
margin-right: 20px;
border: 1px solid #959595;
white-space: nowrap;
}
.content .mobile-catalog-tabs__button._active {
background: #3333CC;
color: #f7faf7;
border: none;
}
.content .mobile-catalog-tabs__button:hover {
box-shadow: 0px 2px 10px rgba(27, 26, 24, 0.25);
}
.content .sections {
margin-left: -10px;
margin-right: -10px;
}
.content .sections-row {
width: 100%;
margin-bottom: 20px;
display: flex;
}
.content .sections-row:nth-child(odd) .sections-row__item:last-child {
width: 40%;
}
.content .sections-row:nth-child(odd) .sections-row__item:first-child {
width: 60%;
}
.content .sections-row:nth-child(3n) .sections-row__item:first-child {
width: 40%;
}
.content .sections-row:nth-child(3n) .sections-row__item:last-child {
width: 60%;
}
.content .sections-row__item {
width: 50%;
height: 422px;
margin: 0 10px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.content .sections-row__item--title-line {
width: 100%;
height: 60px;
position: absolute;
left: 0;
bottom: 20px;
font-weight: bold;
font-size: 30px;
line-height: 37px;
text-transform: uppercase;
padding-left: 40px;
background: rgba(255, 255, 255, 0.5);
display: flex;
align-items: center;
}
.content .sections-row__item:hover .sections-row__subsections-list {
opacity: 1;
visibility: visible;
}
.content .sections-row__subsections-list {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
padding: 75px 70px;
background: linear-gradient(180deg, rgba(27, 26, 24, 0.59) 58.28%, rgba(27, 26, 24, 0) 82.81%);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
opacity: 0;
visibility: hidden;
transition: .3s all;
}
.content .sections-row__subsections-list--wrapper {
display: flex;
flex-direction: column;
}
.content .sections-row__subsections-list--wrapper a {
display: inline-block;
margin-bottom: 20px;
color: #f7faf7;
font-weight: 300;
font-size: 16px;
line-height: 20px;
}
.content .sections-row__subsections-list--wrapper a:hover {
color: #959595;
}
.content .catalog-list {
margin: 0 -10px;
}
.content .catalog-filter {
width: 100%;
margin-top: 60px;
margin-bottom: 60px;
display: flex;
}
.content .catalog-filter__item {
width: 100%;
max-width: 285px;
height: 60px;
border: 1px solid #959595;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 20px;
cursor: pointer;
transition: .3s all;
margin-right: 20px;
}
.content .catalog-filter__item::after {
content: "";
width: 16px;
height: 8px;
position: absolute;
top: 26px;
right: 16px;
background: url(/static/app/assets/css/../img/navigation/select-arrow-down.svg) no-repeat center;
transition: .3s all;
}
.content .catalog-filter__item._active {
height: auto;
border-color: #fff;
z-index: 10;
}
.content .catalog-filter__item._active .catalog-filter__item-dropdown {
height: auto;
opacity: 1;
padding-top: 20px;
}
.content .catalog-filter__item._active .catalog-filter__item-dropdown--wrapper {
height: auto;
}
.content .catalog-filter__item._active .catalog-filter__item-dropdown::before {
opacity: 1;
}
.content .catalog-filter__item._active::after {
transform: rotate(180deg);
}
.content .catalog-filter__item._active .catalog-filter__item--selected-value::after {
width: 100%;
}
.content .catalog-filter__item-dropdown {
width: 100%;
height: 0;
position: absolute;
left: 0;
top: 100%;
background: #fff;
opacity: 0;
transition: .3s all;
padding: 0 5px;
}
.content .catalog-filter__item-dropdown::before {
content: "";
width: calc(100% + 2px);
height: calc(100% + 80px);
position: absolute;
left: -1px;
top: -59px;
background: #fff;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
border: 1px solid #959595;
transition: .5s all;
opacity: 0;
}
.content .catalog-filter__item-dropdown--wrapper {
max-height: 305px;
overflow-y: auto;
transition: .5s all;
padding: 0 15px;
height: 0;
}
.content .catalog-filter__item-dropdown--wrapper::-webkit-scrollbar {
width: 6px;
cursor: pointer;
}
.content .catalog-filter__item-dropdown--wrapper::-webkit-scrollbar-track {
background: none;
}
.content .catalog-filter__item-dropdown--wrapper::-webkit-scrollbar-thumb {
background: #282323;
border-radius: 3px;
cursor: pointer;
}
.content .catalog-filter__item--selected-value {
width: calc(100% - 20px);
color: #282323;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
padding-right: 20px;
z-index: 11;
}
.content .catalog-filter__item--selected-value::after {
content: "";
width: 0;
height: 1px;
position: absolute;
bottom: -12px;
left: 0;
background: #959595;
opacity: .5;
transition: .5s all;
}
.content .catalog-filter__item--checkbox {
margin-bottom: 20px;
padding-right: 20px;
}
.content .catalog-filter__item--checkbox input {
opacity: 0;
visibility: hidden;
position: absolute;
}
.content .catalog-filter__item--checkbox label {
width: 100%;
display: inline-block;
padding-left: 28px;
cursor: pointer;
font-weight: 300;
font-size: 16px;
line-height: 20px;
transition: .3s all;
}
.content .catalog-filter__item--checkbox label:hover {
color: #3333CC;
}
.content .catalog-filter__item--checkbox label::before {
content: "";
width: 20px;
height: 20px;
border: 1px solid #959595;
position: absolute;
left: 0;
top: 0;
transition: .3s all;
}
.content .catalog-filter__item--checkbox._active label::before {
background: #3333CC;
border: none;
}
.content .catalog-filter__item--checkbox._active label::after {
content: "";
width: 20px;
height: 20px;
position: absolute;
color: #f7faf7;
left: 0;
top: 0px;
font-size: 11px;
background-image: url(/static/app/assets/css/../img/default/checkmark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
}
.content .product-detail>div,
.content .product-detail>a {
float: left;
width: 50%;
}
.content .product-detail__photos {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
float: left;
}
.content .product-detail__photos--pagination {
display: none;
}
.content .product-detail__photos--desktop-links {
width: 100%;
max-width: 463px;
padding-left: 10px;
margin-top: 10px;
display: flex;
flex-direction: column;
}
.content .product-detail__photos--desktop-links a {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.content .product-detail__photos--desktop-links a svg {
margin-right: 8px;
}
.content .product-detail__photos-next {
width: 52px;
height: 52px;
border-radius: 50%;
transition: .3s all;
top: 226px;
}
.content .product-detail__photos-next:hover {
background: #f7faf7;
filter: drop-shadow(0px 0px 20px rgba(0, 29, 242, 0.2));
}
.content .product-detail__photos-next:after {
content: "";
background: url(/static/app/assets/css/../img/navigation/product-slider-arrow.svg) no-repeat center;
width: 9px;
height: 18px;
}
.content .product-detail__photos-prev {
width: 52px;
height: 52px;
border-radius: 50%;
transition: .3s all;
top: 226px;
}
.content .product-detail__photos-prev:hover {
background: #f7faf7;
filter: drop-shadow(0px 0px 20px rgba(0, 29, 242, 0.2));
}
.content .product-detail__photos-prev:after {
content: "";
background: url(/static/app/assets/css/../img/navigation/product-slider-arrow.svg) no-repeat center;
width: 9px;
height: 18px;
transform: rotate(180deg);
}
.content .product-detail__photos--slider {
width: 100%;
max-width: 443px;
height: 453px;
box-shadow: 0px 0px 14px rgba(27, 26, 24, 0.15);
}
.content .product-detail__photos--slider-thumbs {
width: 100%;
max-width: 463px;
padding: 20px;
margin: 0 0 0 -20px;
}
.content .product-detail__photos--slider-thumbs .swiper-slide {
width: 120px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 2px 8px rgba(40, 35, 35, 0.15);
cursor: pointer;
opacity: .7;
transition: .3s all;
}
.content .product-detail__photos--slider-thumbs .swiper-slide:hover {
box-shadow: 0px 2px 8px rgba(51, 51, 204, 0.5);
}
.content .product-detail__photos--slider-thumbs .swiper-slide-thumb-active {
box-shadow: 0px 2px 8px rgba(51, 51, 204, 0.5);
opacity: 1;
}
.content .product-detail__photos--slide {
display: flex;
align-items: center;
justify-content: center;
}
.content .product-detail__text {
max-width: 895px;
float: left;
margin-top: 25px;
margin-bottom: 60px;
}
.content .product-detail__title-block--title {
font-weight: 600;
font-size: 20px;
line-height: 24px;
margin-bottom: 20px;
}
.content .product-detail__title-block--subtitle {
font-weight: 300;
font-size: 16px;
line-height: 20px;
color: #959595;
}
.content .product-detail__volume {
display: flex;
align-items: center;
}
.content .product-detail__volume p {
margin: 0 20px 0 0;
font-weight: 300;
}
.content .product-detail__volume-item {
height: 28px;
padding: 0 6px;
display: flex;
align-items: center;
cursor: pointer;
margin-right: 30px;
border-radius: 14px;
transition: .3s all;
}
.content .product-detail__volume-item:hover::before {
opacity: 1;
}
.content .product-detail__volume-item._active {
background: #3333CC;
}
.content .product-detail__volume-item._active label {
color: #f7faf7;
}
.content .product-detail__volume-item::before {
content: "";
width: 100%;
height: 28px;
position: absolute;
left: 0;
top: 0;
border-radius: 14px;
border: 1px solid #3333CC;
opacity: 0;
transition: .3s all;
z-index: -1;
}
.content .product-detail__volume-item input {
position: absolute;
opacity: 0;
visibility: hidden;
}
.content .product-detail__volume-item label {
cursor: pointer;
font-weight: 300;
}
.content .product-detail__palette {
max-width: 285px;
margin-top: 20px;
margin-bottom: 20px;
}
.content .product-detail__options {
height: auto;
margin-top: 30px;
background: #fff;
display: flex;
flex-wrap: wrap;
margin-bottom: 25px;
}
.content .product-detail__options-item {
width: 100%;
display: flex;
margin-bottom: 16px;
}
.content .product-detail__options-item--icon {
width: 35px;
display: inline-table;
}
.content .product-detail__options-item--text p {
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 5px;
}
.content .product-detail__options-item--text span {
width: 100%;
display: inline-block;
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.content .department h3 {
margin: 40px 0 20px;
}
.content .department-list {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
margin-left: -20px;
margin-right: -20px;
}
.content .department-list__item {
width: 260px;
padding: 10px;
display: flex;
flex-direction: column;
align-items: center;
transition: .3s all;
margin: 0 20px;
}
.content .department-list__item:hover {
box-shadow: 0px 0px 14px rgba(27, 26, 24, 0.15);
}
.content .department-list__item--photo {
width: 100px;
height: 100px;
border-radius: 50px;
overflow: hidden;
margin-bottom: 24px;
}
.content .department-list__item--name {
color: #3333CC;
font-weight: 300;
font-size: 16px;
line-height: 20px;
margin-bottom: 5px;
}
.content .department-list__item--position {
margin: 0;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #959595;
margin-bottom: 5px;
}
.content .lookbook-list {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
justify-content: space-between;
}
.content .lookbook-list__item {
width: 32%;
max-width: 387px;
height: 387px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin: 0 .5% 20px;
display: flex;
}
.content .lookbook-list__item:hover .lookbook-list__item-description {
opacity: 1;
visibility: visible;
}
.content .lookbook-list__item-description {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(40, 35, 35, 0.4);
transition: .3s all;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
}
.content .lookbook-list__item-description img {
margin-bottom: 40px;
}
.content .lookbook-list__item-description p {
color: #f7faf7;
margin-bottom: 30px;
}
.content .lookbook-list__item-description p:last-child {
margin-bottom: 0;
}
.content .lookbook-detail-slider .swiper-container {
overflow: visible;
}
.content .lookbook-detail-slider .swiper-wrapper {
align-items: center;
height: 514px;
}
.content .lookbook-detail-slider .swiper-slide {
width: auto;
height: 353px;
overflow: hidden;
cursor: pointer;
opacity: .3;
transition: .3s all;
display: flex;
align-items: center;
transform: scale(0.9);
}
.content .lookbook-detail-slider .swiper-slide img {
height: 100%;
transition: .3s all;
}
.content .lookbook-detail-slider .swiper-slide:hover {
opacity: 1;
}
.content .lookbook-detail-slider .swiper-slide-active {
height: 514px;
opacity: 1;
transform: scale(1);
}
.content .lookbook-detail-slider .swiper-slide-active img {
opacity: 1;
}
.content .what-was-used {
margin-top: 50px;
}
.content .what-was-used h2 {
text-align: left;
}
.content .what-was-used .novelties-slider {
margin-top: 0;
}
.content.lookbook-detail h2 {
margin-bottom: 16px;
}
.content.lookbook-detail .events-wrapper {
margin-top: 0;
}
.content.lookbook-detail .event-item__image-container::before {
content: "";
width: 100%;
height: 127px;
background: linear-gradient(180deg, rgba(40, 35, 35, 0) 0%, rgba(40, 35, 35, 0.54) 98.93%);
left: 0;
bottom: 0;
top: initial;
}
.content.lookbook-detail .event-item__description p {
font-weight: 300;
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
}
.content.lookbook-detail .event-item__description-text {
margin-top: 10px;
}
.content.lookbook-detail .event-item__description p.event-item__description-name {
font-weight: normal;
font-size: 16px;
line-height: 20px;
}
.content.lookbook-detail .event-item__image-date {
flex-direction: column;
}
.content.lookbook-detail .event-item__image-date p {
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #f7faf7;
}
.content.lookbook-detail .event-item__image-date p.event-item__description-name {
font-weight: normal;
font-size: 14px;
line-height: 17px;
}
.content #map {
width: 100%;
height: 485px;
}
.content .ymaps-2-1-78-balloon {
width: 456px;
height: 286px;
background: #fff;
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
}
.content .ymaps-2-1-78-balloon__tail {
display: none;
}
.content .ymaps-2-1-78-balloon__content {
margin: 0;
width: 100%;
padding: 20px !important;
box-sizing: border-box;
}
.content .ymaps-2-1-78-balloon__content>ymaps {
margin: 0 !important;
overflow: visible !important;
width: 100% !important;
height: auto !important;
}
.content .find-store-controls {
display: flex;
align-items: center;
}
.content .find-store-controls .filter {
width: auto;
}
.content .find-store-controls .display {
display: flex;
}
.content .salon-map-popup {
display: flex;
flex-direction: column;
}
.content .salon-map-popup__photo {
width: 100%;
height: 100px;
margin-bottom: 10px;
}
.content .salon-map-popup__footer {
display: flex;
margin-top: 10px;
}
.content .salon-map-popup__footer-left {
width: 35%;
}
.content .salon-map-popup__footer-right {
width: 65%;
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.content .salon-map-popup__socials {
display: flex;
margin-top: 10px;
}
.content .salon-map-popup__socials-item {
width: 24px;
height: 24px;
margin-right: 12px;
border-radius: 50%;
}
.content .salon-map-popup__logo-title {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.content .salon-map-popup__logo-title p {
color: #3333CC;
font-weight: 600;
font-size: 20px;
line-height: 24px;
margin-bottom: 0;
margin-left: 8px;
}
.content .placemarks-list {
display: flex;
flex-wrap: wrap;
}
.content .placemarks-list__item {
width: 50%;
display: none;
margin-bottom: 40px;
}
.content .placemarks-list__item._filtered {
display: flex;
}
.content .placemarks-list__item-socials {
display: flex;
margin-top: 10px;
}
.content .placemarks-list__item-socials-item {
width: 24px;
height: 24px;
margin-right: 12px;
border-radius: 50%;
}
.content .placemarks-list__item-photo {
width: 180px;
height: 180px;
margin-right: 20px;
}
.content .placemarks-list__item-photo img {
width: 100%;
}
.content .placemarks-list__item-content {
display: flex;
flex-direction: column;
}
.content .placemarks-list__item-row {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.content .placemarks-list__item-row--contacts {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.content .placemarks-list__item-row--action-links {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.content .placemarks-list__item-row:nth-child(2) {
margin-bottom: 0;
}
.content .placemarks-list__item-row--title p {
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #3333CC;
text-transform: uppercase;
margin-bottom: 0;
}
.content .placemarks-list__item-row>*:first-child {
margin-right: 10px;
}
.content .placemarks-list__item-row a {
font-size: 12px;
line-height: 15px;
}
.content #map-distributors,
.content .map-distributors__panel {
background: #f0f0f0;
height: 650px;
}
.content #map-distributors::-webkit-scrollbar,
.content .map-distributors__panel::-webkit-scrollbar {
height: 6px;
cursor: pointer;
}
.content #map-distributors::-webkit-scrollbar-track,
.content .map-distributors__panel::-webkit-scrollbar-track {
background: none;
}
.content #map-distributors::-webkit-scrollbar-thumb,
.content .map-distributors__panel::-webkit-scrollbar-thumb {
background: #282323;
border-radius: 3px;
cursor: pointer;
}
.content #map-distributors svg#map-distributors-svg,
.content .map-distributors__panel .map-distributors__map-svg {
width: 95%;
height: 95%;
min-width: 900px;
}
.content #map-distributors #map-distributors-svg path,
.content #map-distributors #map-distributors-svg polygon,
.content .map-distributors__panel .map-distributors__map-svg path,
.content .map-distributors__panel .map-distributors__map-svg polygon {
fill: #007ad5 !important;
stroke-width: 2px !important;
cursor: default;
transition: .3s all;
}
.content #map-distributors #map-distributors-svg path._isset,
.content #map-distributors #map-distributors-svg polygon._isset,
.content .map-distributors__panel .map-distributors__map-svg path._isset,
.content .map-distributors__panel .map-distributors__map-svg polygon._isset {
cursor: pointer;
fill: #0095e1 !important;
}
.content #map-distributors #map-distributors-svg path._isset:hover,
.content #map-distributors #map-distributors-svg polygon._isset:hover,
.content .map-distributors__panel .map-distributors__map-svg path._isset:hover,
.content .map-distributors__panel .map-distributors__map-svg polygon._isset:hover {
fill: #3333CC !important;
}
.content #map-distributors #map-distributors-svg path._active,
.content #map-distributors #map-distributors-svg polygon._active,
.content .map-distributors__panel .map-distributors__map-svg path._active,
.content .map-distributors__panel .map-distributors__map-svg polygon._active {
fill: #C3007A !important;
}
.content #map-distributors #map-distributors-svg path._active:hover,
.content #map-distributors #map-distributors-svg polygon._active:hover,
.content .map-distributors__panel .map-distributors__map-svg path._active:hover,
.content .map-distributors__panel .map-distributors__map-svg polygon._active:hover {
fill: #C3007A !important;
}
.content #map-distributors .region-tooltip,
.content .map-distributors__panel .region-tooltip {
width: 364px;
height: 270px;
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
position: absolute;
left: 100px;
top: 100px;
z-index: 10;
background: #fff;
display: none;
}
.content #map-distributors .region-tooltip__container,
.content .map-distributors__panel .region-tooltip__container {
height: 100%;
padding: 20px;
}
.content #map-distributors .region-tooltip .navigation,
.content .map-distributors__panel .region-tooltip .navigation {
width: 100%;
display: flex;
justify-content: space-between;
position: absolute;
bottom: 16px;
left: 0;
padding: 0 20px;
}
.content #map-distributors .region-tooltip .navigation-buttons,
.content .map-distributors__panel .region-tooltip .navigation-buttons {
display: flex;
}
.content #map-distributors .region-tooltip .swiper-pagination,
.content .map-distributors__panel .region-tooltip .swiper-pagination {
position: relative;
width: auto;
bottom: 0;
display: flex;
align-items: flex-end;
color: #959595;
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.content #map-distributors .region-tooltip .swiper-pagination-current. .content .map-distributors__panel .region-tooltip .swiper-pagination-current {
padding-right: 5px;
}
.content #map-distributors .region-tooltip .swiper-pagination-total,
.content .map-distributors__panel .region-tooltip .swiper-pagination-total {
padding-left: 5px;
}
.content #map-distributors .region-tooltip .swiper-button-next,
.content .map-distributors__panel .region-tooltip .swiper-button-next {
position: relative;
width: 52px;
height: 52px;
top: 0;
margin-left: 10px;
margin-top: 0;
border-radius: 50%;
background: #f7faf7;
box-shadow: 0px 0px 12px rgba(27, 26, 24, 0.1);
right: 0;
transition: .3s all;
}
.content #map-distributors .region-tooltip .swiper-button-next path,
.content .map-distributors__panel .region-tooltip .swiper-button-next path {
fill: #3333CC;
}
.content #map-distributors .region-tooltip .swiper-button-next::after,
.content .map-distributors__panel .region-tooltip .swiper-button-next::after {
display: none;
}
.content #map-distributors .region-tooltip .swiper-button-next:hover,
.content .map-distributors__panel .region-tooltip .swiper-button-next:hover {
background: #3333CC;
}
.content #map-distributors .region-tooltip .swiper-button-next:hover path,
.content .map-distributors__panel .region-tooltip .swiper-button-next:hover path {
fill: #f7faf7;
}
.content #map-distributors .region-tooltip .swiper-button-prev,
.content .map-distributors__panel .region-tooltip .swiper-button-prev {
position: relative;
top: 0;
margin-top: 0;
width: 52px;
height: 52px;
border-radius: 50%;
background: #f7faf7;
box-shadow: 0px 0px 12px rgba(27, 26, 24, 0.1);
left: 0;
transition: .3s all;
}
.content #map-distributors .region-tooltip .swiper-button-prev path,
.content .map-distributors__panel .region-tooltip .swiper-button-prev path {
fill: #3333CC;
}
.content #map-distributors .region-tooltip .swiper-button-prev::after,
.content .map-distributors__panel .region-tooltip .swiper-button-prev::after {
display: none;
}
.content #map-distributors .region-tooltip .swiper-button-prev:hover,
.content .map-distributors__panel .region-tooltip .swiper-button-prev:hover {
background: #3333CC;
}
.content #map-distributors .region-tooltip .swiper-button-prev:hover path,
.content .map-distributors__panel .region-tooltip .swiper-button-prev:hover path {
fill: #f7faf7;
}
.content #map-distributors .region-tooltip .close-button,
.content .map-distributors__panel .region-tooltip .close-button {
width: 9px;
height: 9px;
position: absolute;
right: 15px;
top: 15px;
background: url(/static/app/assets/css/../img/default/close-icon.svg) no-repeat;
cursor: pointer;
opacity: .7;
transition: .3s all;
z-index: 10;
}
.content #map-distributors .region-tooltip .close-button:hover,
.content .map-distributors__panel .region-tooltip .close-button:hover {
opacity: 1;
}
.content #map-distributors .region-tooltip__header,
.content .map-distributors__panel .region-tooltip__header {
border-bottom: 1px solid rgba(149, 149, 149, 0.2);
}
.content #map-distributors .region-tooltip__header-title,
.content .map-distributors__panel .region-tooltip__header-title {
font-weight: 600;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 8px;
}
.content #map-distributors .region-tooltip__header-region,
.content .map-distributors__panel .region-tooltip__header-region {
font-weight: 300;
font-size: 16px;
line-height: 20px;
color: #959595;
margin-bottom: 14px;
}
.content #map-distributors .region-tooltip__content,
.content .map-distributors__panel .region-tooltip__content {
display: flex;
flex-direction: column;
padding-top: 12px;
}
.content #map-distributors .region-tooltip__content-store,
.content .map-distributors__panel.region-tooltip__content-store {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #282323;
margin-bottom: 6px;
}
.content #map-distributors .region-tooltip__content a,
.content .map-distributors__panel .region-tooltip__content a {
padding-top: 2px;
padding-bottom: 2px;
}
.content .seminars-list {
display: flex;
margin-top: 40px;
}
.content .seminars-list__filter {
width: calc(25% - 20px);
margin-right: 20px;
}
.content .seminars-list__filter .catalog-filter {
flex-direction: column;
align-items: center;
margin-top: 0;
}
.content .seminars-list__filter .catalog-filter__item {
padding-left: 0;
margin-bottom: 20px;
margin-right: 0;
}
.content .seminars-list__filter .catalog-filter__item--selected-value {
width: 100%;
padding-left: 20px;
height: 58px;
display: flex;
align-items: center;
transition: .3s all;
}
.content .seminars-list__filter .catalog-filter__item-dropdown {
position: relative;
}
.content .seminars-list__filter .catalog-filter__item-dropdown::before {
display: none;
}
.content .seminars-list__filter .catalog-filter__item._active {
padding-left: 0;
}
.content .seminars-list__filter .catalog-filter__item._active::after {
z-index: 11;
filter: grayscale(1) brightness(1000%);
}
.content .seminars-list__filter .catalog-filter__item._active .catalog-filter__item--selected-value {
color: #f7faf7;
background: #3333CC;
}
.content .seminars-list__filter .catalog-filter__item._active .catalog-filter__item--selected-value::after {
display: none;
}
.content .seminars-list__filter .catalog-filter .button {
max-width: 188px;
height: 48px;
text-transform: initial;
display: flex;
justify-content: center;
align-items: center;
font-weight: 300;
font-size: 20px;
line-height: 24px;
padding: 0;
}
.content .seminars-list__wrapper {
width: 75%;
}
.content .seminars-list__wrapper .events-wrapper {
margin-top: 0;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image {
width: 100%;
/*max-width: 445px;*/
max-width: 256px;
max-height: 288px;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image-container {
max-height: 288px;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image--labels {
display: flex;
position: absolute;
left: 20px;
bottom: 20px;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image--labels-item {
display: flex;
padding: 10px 20px;
text-transform: uppercase;
color: #f7faf7;
margin-right: 12px;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image--labels-item._master-class {
background: #3333CC;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image--labels-item._seminar {
background: #CE0000;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image--labels-item._paid {
color: #282323;
background: #FAFF00;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image--labels-item._unpaid {
background: #31A808;
}
.content .seminars-list__wrapper .events-wrapper .event-item__description-buttons {
display: flex;
}
.content .seminars-list__wrapper .events-wrapper .event-item__description-buttons .button {
margin-right: 20px;
margin-top: 0;
}
.content .seminars-list__wrapper .events-wrapper .event-item__description-buttons .button[data-sign_up] {
opacity: 0;
visibility: hidden;
}
.content .seminars-list__wrapper .events-wrapper .event-item:hover .event-item__description-buttons .button[data-sign_up] {
opacity: 1;
visibility: visible;
}
.content .seminars-list__wrapper .events-wrapper .event-item:hover .event-item__description-buttons .button[data-sign_up]:hover {
border-color: transparent;
color: #f7faf7;
background: #3333CC;
}
.content .seminar-detail__short-info {
margin: 31px 0 60px;
}
.content .seminar-detail__short-info h3 {
margin-bottom: 20px;
}
.content .seminar-detail__short-info .button {
margin-top: 40px;
}
.content .seminar-detail__who-leads {
display: flex;
margin-top: 20px;
margin-bottom: 68px;
}
.content .seminar-detail__who-leads--picture {
width: 285px;
height: 332px;
background: #F7FAF7;
filter: drop-shadow(0px 0px 6px rgba(27, 26, 24, 0.15));
margin-right: 20px;
}
.content .seminar-detail__who-leads--picture-image {
width: 100%;
height: 100%;
margin-bottom: 20px;
overflow: hidden;
}
.content .seminar-detail__who-leads--picture-image img {
height: 100%;
}
.content .seminar-detail__who-leads--image-description {
width: 85%;
height: 120px;
position: absolute;
bottom: -20px;
left: 0;
padding: 22px;
background: #3333CC;
box-shadow: 4px -4px 15px rgba(40, 35, 35, 0.15);
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.content .seminar-detail__who-leads--image-description-link {
width: 100%;
display: inline-block;
font-size: 16px;
line-height: 20px;
margin-bottom: 8px;
color: #f7faf7;
}
.content .seminar-detail__who-leads--image-description-city,
.content .seminar-detail__who-leads--image-description-post {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #f7faf7;
display: inline-block;
margin-bottom: 8px;
}
.content .seminar-detail__who-leads--image-description-city:last-child,
.content .seminar-detail__who-leads--image-description-post:last-child {
margin-bottom: 0;
}
.content .auth {
display: flex;
justify-content: center;
}
.content .auth-wrapper {
width: 100%;
max-width: 386px;
display: flex;
flex-direction: column;
align-items: center;
}
.content .auth-wrapper form {
width: 100%;
}
.content .auth-wrapper .form-title {
font-weight: 600;
font-size: 20px;
line-height: 20px;
color: #3333CC;
text-align: center;
}
.content .auth-wrapper .block-title {
font-weight: 600;
font-size: 20px;
line-height: 20px;
text-align: center;
}
.content .auth-wrapper .forgot-password {
color: #3333CC;
border-bottom: 1px dashed #3333CC;
}
.content .auth-wrapper .forgot-password:hover {
border-color: transparent;
}
.content .auth-wrapper .step {
margin: 30px 0 20px;
}
.content .personal-wrapper {
width: 100%;
overflow: hidden;
padding-bottom: 20px;
}
.content .personal {
display: flex;
margin-top: 40px;
}
.content .personal-mobile-title {
font-weight: bold;
font-size: 16px;
line-height: 20px;
display: none;
width: 100%;
text-align: center;
color: #282323 !important;
}
.content .personal-mobile-navigation {
color: #959595;
font-weight: normal;
font-size: 12px;
line-height: 15px;
margin-bottom: 20px;
align-items: center;
display: none;
}
.content .personal-mobile-navigation[data-level="1"] span.level-1 {
display: block;
}
.content .personal-mobile-navigation[data-level="1"] span.level-2 {
display: none;
}
.content .personal-mobile-navigation[data-level="2"] span.level-1 {
display: none;
}
.content .personal-mobile-navigation[data-level="2"] span.level-2 {
display: block;
}
.content .personal-mobile-navigation span {
margin-left: 8px;
}
.content .personal-menu {
width: 32%;
display: flex;
flex-direction: column;
margin-right: 50px;
}
.content .personal-menu__item {
width: 100%;
height: 80px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: #f7faf7;
border: 1px solid #959595;
color: #282323;
font-weight: 300;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 20px;
transition: .3s all;
}
.content .personal-menu__item:hover:not(._active) {
filter: drop-shadow(0px 8px 10px rgba(27, 26, 24, 0.2));
}
.content .personal-menu__item._active {
background: #3333CC;
border: 1px solid #3333CC;
color: #f7faf7;
cursor: default;
}
.content .personal-news {
margin-top: 30px;
margin-bottom: 70px;
}
.content .personal-news__item {
display: flex;
margin-bottom: 30px;
}
.content .personal-news__item--image {
width: 285px;
height: 240px;
margin-right: 20px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
padding: 17px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
box-shadow: 0px 0px 14px rgba(27, 26, 24, 0.15);
}
.content .personal-news__item--image img {
height: 100%;
}
.content .personal-news__item--content {
width: 285px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.content .personal-news__item-title {
font-weight: normal;
font-size: 16px;
line-height: 20px;
}
.content .personal-news__item-date {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #959595;
margin: 8px 0 14px;
}
.content .personal-news__item-text {
color: #282323 !important;
}
.content .personal-content {
width: calc(68% - 50px);
}
.content .personal-content .links-list {
display: flex;
flex-direction: column;
margin-top: 30px;
}
.content .personal-content .links-list a {
margin-bottom: 10px;
}
.content .personal-content .links-list h3 {
margin: 40px 0 20px;
}
.content .personal-content .ask-question__text {
max-width: 55%;
}
.content .personal-content .ask-question__text p {
font-size: 16px;
line-height: 20px;
color: #282323;
}
.content .personal-content .get-order .slide-toggle-content__item-content {
overflow: initial;
}
.content .personal-content p {
color: #959595;
}
.content .personal-content .user-info {
margin-bottom: 20px;
}
.content .personal-content .user-info._tech .user-info__pic {
width: 183px;
height: 220px;
border-radius: initial;
}
.content .personal-content .user-info._tech p {
color: #282323;
}
.content .personal-content .user-info__pic {
width: 72px;
height: 72px;
border-radius: 50%;
overflow: hidden;
}
.content .personal-content .user-info__pic img {
width: 100%;
}
.content .personal-content .user-info__name {
font-weight: normal;
font-size: 20px;
line-height: 24px;
color: #282323;
}
.content .personal-content .user-info__position {
color: #282323;
}
.content .personal-content .user-info__position span {
color: #959595;
}
.content .personal-content .sertificates {
width: calc(183px * 4);
}
.content .personal-content .sertificates::after {
content: "";
width: 177px;
height: 100%;
position: absolute;
top: 0;
right: -40px;
z-index: 1;
background: linear-gradient(89.11deg, rgba(255, 255, 255, 0) -3.01%, #FFFFFF 55.39%);
}
.content .personal-content .sertificates .swiper-slide {
width: 183px !important;
}
.content .personal-content .sertificates .swiper-slide img {
width: 100%;
}
.content .personal-content .showed-info {
display: flex;
justify-content: flex-start;
}
.content .personal-content .showed-info__column {
margin-right: 28px;
display: flex;
justify-content: space-evenly;
flex-direction: column;
}
.content .personal-content .showed-info__column p {
margin-bottom: 0;
}
.content .personal-content .showed-info__column p.label {
color: #959595;
}
.content .personal-content .showed-info .socials {
margin-top: 10px;
}
.content .personal-content .showed-info.company-info {
flex-direction: column;
margin-bottom: 12px;
}
.content .personal-content .showed-info.company-info p,
.content .personal-content .showed-info.company-info a {
margin-bottom: 8px;
color: #959595;
}
.content .personal-content .showed-info.company-info a:hover {
color: #3333CC !important;
}
.content .personal-content__item {
width: 100%;
opacity: 0;
visibility: hidden;
transition: .3s all;
position: absolute;
}
.content .personal-content__item._active {
opacity: 1;
visibility: visible;
position: relative;
}
.content .personal-content__item-row {
max-width: 550px;
margin-bottom: 70px;
}
.content .personal-content__item-row._product-order {
max-width: 610px;
}
.content .personal-content__item-row .representatives-wrapper {
margin-top: 30px;
}
.content .personal-content__item-row--header {
display: flex;
justify-content: space-between;
}
.content .personal-content__item ._empty-data h3 {
margin-bottom: 30px;
}
.content .personal-content__item ._empty-data .subtitle {
text-transform: initial;
margin-bottom: 10px;
color: #282323;
font-weight: normal;
font-size: 20px;
}
.content .personal-content__item ._empty-data .button {
margin-top: 40px;
}
.content .personal-content__item .edit-link {
display: none;
}
.content .personal-content__item ._edit._active .edit-link {
display: none;
}
.content .personal-content__item ._edit h3 {
color: #3333CC;
margin-bottom: 30px;
}
.content .personal-content__item ._edit .edit-link {
display: block;
}
.content .personal-content__item ._hidden {
height: 0;
overflow: hidden;
margin: 0;
}
.content .list-page__header {
display: flex;
margin-top: 40px;
}
.content .list-page__header .left-side {
width: calc(25% - 20px);
margin-right: 20px;
}
.content .list-page__header .left-side .search-block {
margin-right: 0;
}
.content .list-page__header .right-side {
width: 75%;
}
.content .list-page__header .right-side._download-controls {
display: flex;
justify-content: space-between;
align-items: center;
}
.content .list-page__header .right-side._download-controls .download-actions {
display: flex;
justify-content: flex-start;
}
.content .list-page__header .right-side._download-controls .download-actions .form-wrapper__item {
margin-bottom: 0;
margin-right: 50px;
}
.content .list-page__header .right-side._download-controls .download-actions .form-wrapper__item label {
margin-bottom: 0;
}
.content .list-page__header .right-side._download-controls .download-actions a {
display: flex;
align-items: center;
}
.content .list-page__header .right-side._download-controls .download-actions a svg {
margin-right: 10px;
}
.content .list-page__header .right-side._download-controls .download-actions a i {
font-style: normal;
}
.content .list-page__header .right-side._download-controls .pagination ul {
display: flex;
}
.content .list-page__header .right-side._download-controls .pagination ul li {
display: flex;
align-items: center;
}
.content .list-page__header .right-side._download-controls .pagination ul li a {
font-size: 16px;
color: #959595;
margin: 0 6px;
}
.content .list-page__header .right-side._download-controls .pagination ul li a:hover,
.content .list-page__header .right-side._download-controls .pagination ul li a._active {
color: #282323;
}
.content .list-page__header .right-side._download-controls .pagination ul li a.prev,
.content .list-page__header .right-side._download-controls .pagination ul li a.next {
width: 34px;
height: 34px;
border-radius: 50%;
background: #f7faf7;
right: 0;
transition: .3s all;
display: flex;
align-items: center;
justify-content: center;
}
.content .list-page__header .right-side._download-controls .pagination ul li a.prev:hover,
.content .list-page__header .right-side._download-controls .pagination ul li a.next:hover {
background: #3333CC;
}
.content .list-page__header .right-side._download-controls .pagination ul li a.prev:hover svg path,
.content .list-page__header .right-side._download-controls .pagination ul li a.next:hover svg path {
fill: #fff;
}
.content .downloads-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0 -10px;
}
.content .downloads-item {
width: calc(33.3% - 20px);
max-width: 285px;
height: 370px;
background: #f7faf7;
filter: drop-shadow(0px 0px 14px rgba(27, 26, 24, 0.15));
padding: 24px 20px;
justify-content: center;
margin: 0 10px 65px;
}
.content .downloads-item__icon {
position: absolute;
top: 42px;
left: 10px;
}
.content .downloads-item__image {
height: 100%;
width: 100%;
max-height: 240px;
display: flex;
justify-content: center;
margin-bottom: 24px;
}
.content .downloads-item__image img {
height: 100%;
width: 100%;
max-width: 196px;
max-height: 240px;
object-fit: cover;
}
.content .downloads-item__title {
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #282323;
margin-bottom: 6px;
}
.content .downloads-item__subtitle {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #959595;
margin-bottom: 0;
}
.content .downloads-item .form-wrapper__item-checkbox {
width: 24px;
height: 24px;
position: absolute;
left: 10px;
top: 10px;
z-index: 10;
}
.content .downloads-item .form-wrapper__item-checkbox input {
width: 24px;
height: 24px;
}
.content .downloads-item .form-wrapper__item-checkbox label {
width: 24px;
height: 24px;
padding: 0;
}
.content .downloads-item .form-wrapper__item-checkbox label::before,
.content .downloads-item .form-wrapper__item-checkbox label::after {
width: 24px;
height: 24px;
}
.downloads-popup {
max-width: 790px;
padding: 40px;
}
.downloads-popup .mfp-close {
width: 30px;
height: 30px;
line-height: 30px;
}
.downloads-popup .popup_header {
margin-bottom: 22px;
}
.downloads-popup .popup_header p {
font-weight: 300;
font-size: 16px;
line-height: 20px;
margin-top: 12px;
color: #959595;
}
.downloads-popup .popup_content {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
}
.downloads-popup .popup_content .downloads-item {
min-width: 285px;
height: 370px;
background: #f7faf7;
filter: drop-shadow(0px 0px 14px rgba(27, 26, 24, 0.15));
padding: 24px 20px;
justify-content: center;
margin-right: 20px;
}
.downloads-popup .popup_content .downloads-item__icon {
position: absolute;
top: 25px;
left: 10px;
}
.downloads-popup .popup_content .downloads-item__image {
height: 100%;
width: 100%;
max-height: 240px;
display: flex;
justify-content: center;
margin-bottom: 24px;
}
.downloads-popup .popup_content .downloads-item__image img {
height: 100%;
width: 100%;
max-width: 196px;
max-height: 240px;
object-fit: cover;
}
.downloads-popup .popup_content .downloads-item__title {
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #282323;
margin-bottom: 6px;
}
.downloads-popup .popup_content .downloads-item__subtitle {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #959595;
margin-bottom: 0;
}
.downloads-popup .popup_content .downloads-description {
max-width: 375px;
}
.downloads-popup .popup_content .downloads-description .button {
padding: 11px 38px;
justify-content: space-between;
}
.downloads-popup .popup_content .downloads-description .button svg path {
fill: #f7faf7;
}
.downloads-popup__no-image .popup_header {
display: flex;
}
.downloads-popup__no-image .popup_header__icon {
margin-right: 16px;
}
.downloads-popup__no-image .popup_content .downloads-description {
max-width: 100%;
}
@media screen and (max-width: 1200px) {
.content .downloads-wrapper {
justify-content: space-around;
margin: 0;
}
.content .downloads-item {
width: calc(50%);
}
}
@media screen and (max-width: 992px) {
.content .seminars-list::before {
z-index: 1;
}
.content .seminars-list._downloads-page .mobile-filter-button {
top: -168px;
}
.content .seminars-list._downloads-page .seminars-list__filter {
top: -135px;
}
.content .list-page__header {
display: flex;
flex-direction: column;
margin-top: 40px;
}
.content .list-page__header .left-side {
width: 100%;
margin-right: 0;
}
.content .list-page__header .left-side .search-block {
width: calc(100% - 60px);
margin-right: 0;
}
.content .list-page__header .right-side {
width: 100%;
}
.content .list-page__header .right-side._download-controls {
flex-direction: column;
}
.content .list-page__header .right-side._download-controls .download-actions {
width: 100%;
justify-content: space-between;
margin: 42px 0 22px;
}
.content .list-page__header .right-side._download-controls .pagination ul li a {
font-size: 12px;
}
.content .list-page__header .right-side._download-controls .pagination ul li a.prev,
.content .list-page__header .right-side._download-controls .pagination ul li a.next {
width: 26px;
height: 26px;
}
.content .downloads .container {
padding: 0;
}
.content .downloads-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.content .downloads-item {
width: 100%;
min-height: 346px;
padding-bottom: 15px;
margin-bottom: 40px;
margin: 0 0 40px;
}
.content .downloads-item__image {
margin-bottom: 15px;
}
.content .events-wrapper .event-item__image-container {
height: 240px;
}
}
@media screen and (max-width: 668px) {
.content .downloads-wrapper {
justify-content: center;
margin: 0;
}
.downloads-popup {
max-width: 790px;
padding: 30px 10px 40px;
}
.downloads-popup .popup_header {
margin-bottom: 0;
}
.downloads-popup .popup_header p {
font-size: 14px;
}
.downloads-popup .popup_content {
flex-direction: column;
align-items: center;
}
.downloads-popup .popup_content .downloads-item {
width: 285px;
height: 348px;
margin-bottom: 20px;
}
.downloads-popup .popup_content .downloads-item__title {
line-height: 15px;
}
.downloads-popup .popup_content .downloads-item__subtitle {
font-size: 12px;
}
.downloads-popup .popup_content .downloads-description {
max-width: 100%;
}
.downloads-popup.__no-image .popup_content .downloads-description {
max-width: 100%;
}
}
@media (min-width: 992px) {
.w-50 {
width: 50%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1200px;
}
}
@media (max-width: 1200px) {
.container {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.bottom-header .container {
padding: 0 30px;
}
header .bottom-header .main-menu__item-link,
header .bottom-header .main-menu__item .dd-menu__item-link,
header .middle-header__contacts__phone {
font-size: 14px;
}
header .top-header .top-menu__item-link,
header .top-header .top-menu__item .dd-menu__item-link {
font-size: 13px;
}
.content .banner__text-title {
font-size: 24px;
line-height: 34px;
}
footer .top-footer__contacts {
padding: 0;
}
}
@media (max-width: 991px) {
.show-desktop {
display: none;
}
.middle-show {
display: block;
}
.container {
padding-left: 15px;
padding-right: 15px;
}
h1._small {
font-size: 16px;
margin-bottom: 20px;
max-width: 300px;
line-height: 24px;
}
h2 {
font-weight: bold;
font-size: 16px;
line-height: 20px;
}
h3 {
font-size: 14px;
line-height: 20px;
}
.container {
max-width: 100%;
padding-left: 10px;
padding-right: 10px;
}
p {
font-weight: 300;
font-size: 12px;
line-height: 20px;
}
header {
height: 68px;
}
header .middle-header {
height: 68px;
}
header .middle-header .container {
justify-content: center;
}
header .middle-header .logo-container {
display: flex;
justify-content: center;
z-index: 2;
}
header .middle-header .logo {
max-width: 140px;
}
header .middle-header .logo img {
width: 100%;
}
header .middle-header .search-block_wrapper {
position: absolute;
}
header .middle-header .search-block {
position: absolute;
top: -20px;
right: -17px;
width: 0;
z-index: 1;
overflow: hidden;
transition: .5s all;
}
header .middle-header .search-block._active {
width: 100%;
z-index: 2;
}
header .middle-header .search-block__input {
max-width: 535px;
background: #fff;
}
header .middle-header .search-block__mobile-activate {
width: 40px;
height: 40px;
background: #959595;
border: 1px solid #959595;
position: absolute;
top: -20px;
right: 15px;
cursor: pointer;
background-image: url(/static/app/assets/css/../img/header/search-icon.svg);
background-repeat: no-repeat;
background-size: 18px;
background-position: center;
display: block;
z-index: 2;
}
header .middle-header .search-block__mobile-activate._active {
background-color: transparent;
background-image: url(/static/app/assets/css/../img/default/close-icon.svg);
background-size: 9px;
}
header .middle-header .search-block__button {
display: none;
}
header .mobile-menu {
display: flex;
height: 68px;
max-width: 30px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
header .mobile-menu__button {
width: 24px;
height: 24px;
background-color: transparent;
background-image: url(/static/app/assets/css/../img/default/hamburger.svg);
background-repeat: no-repeat;
background-size: 18px;
background-position: center;
position: absolute;
left: 15px;
top: 24px;
padding: 0;
border: none;
outline: none;
cursor: pointer;
transition: .2s all;
}
header .mobile-menu__button._active {
background-color: transparent;
background-image: url(/static/app/assets/css/../img/default/close-icon.svg);
background-size: 18px;
}
header .mobile-menu__wrapper {
width: 100vw;
height: 0;
background: #282323;
position: absolute;
left: 0;
top: 68px;
z-index: 1;
overflow-y: auto;
transition: .2s all;
}
header .mobile-menu__wrapper._active {
z-index: 10;
height: 100vh;
padding: 20px 20px 39px;
padding-bottom: 90px;
}
header .mobile-menu__wrapper .top-menu {
width: 100%;
flex-direction: column;
justify-content: flex-start;
margin-top: 20px;
margin-bottom: 20px;
}
header .mobile-menu__wrapper .top-menu::after {
content: "";
height: 1px;
width: 100%;
background: #f7faf7;
opacity: .3;
position: absolute;
bottom: 0;
left: 0;
}
header .mobile-menu__wrapper .top-menu__item {
margin: 0;
}
header .mobile-menu__wrapper .top-menu__item:last-child {
margin-right: 0;
}
header .mobile-menu__wrapper .top-menu__item-link {
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #f7faf7;
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
header .mobile-menu__wrapper .top-menu__item .dd-menu {
position: absolute;
left: -10px;
background: #F7FAF7;
flex-direction: column;
padding: 0 30px 0 10px;
transition: .3s all;
opacity: 0;
visibility: hidden;
z-index: 2;
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.25);
}
header .mobile-menu__wrapper .top-menu__item .dd-menu__item {
margin-bottom: 14px;
}
header .mobile-menu__wrapper .top-menu__item .dd-menu__item-link {
font-size: 16px;
font-weight: 300;
white-space: nowrap;
}
header .mobile-menu__wrapper .top-menu__item:hover .top-menu__item-link {
color: #001DF2;
}
header .mobile-menu__wrapper .top-menu__item:hover .dd-menu {
opacity: 1;
visibility: visible;
}
header .mobile-menu__wrapper .main-menu {
width: 100%;
flex-direction: column;
justify-content: flex-start;
}
header .mobile-menu__wrapper .main-menu::after {
content: "";
height: 1px;
width: 100%;
background: #f7faf7;
opacity: .3;
position: absolute;
bottom: 0;
left: 0;
}
header .mobile-menu__wrapper .main-menu__item {
margin: 0;
}
header .mobile-menu__wrapper .main-menu__item:last-child {
margin-right: 0;
}
header .mobile-menu__wrapper .main-menu__item-link {
font-size: 14px;
line-height: 17px;
color: #f7faf7;
height: auto;
text-transform: uppercase;
display: flex;
align-items: flex-start;
font-weight: 300;
margin-bottom: 20px;
}
header .mobile-menu__wrapper .main-menu__item .dd-menu {
flex-direction: column;
padding-left: 20px;
transition: .3s all;
height: 0;
z-index: 2;
transition: .3s all;
overflow: hidden;
}
header .mobile-menu__wrapper .main-menu__item .dd-menu__item {
margin-bottom: 14px;
}
header .mobile-menu__wrapper .main-menu__item .dd-menu__item-link {
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #f7faf7;
white-space: nowrap;
}
header .mobile-menu__wrapper .main-menu__item .dd-menu__item-link:hover {
color: #3333CC;
}
header .mobile-menu__wrapper .main-menu__item._active .dd-menu {
height: auto;
}
header .mobile-menu__wrapper .main-menu__item:hover .main-menu__item-link {
color: #3333CC;
}
header .mobile-menu__wrapper .find-salon {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-left: 27px;
}
header .mobile-menu__wrapper .find-salon__link {
padding-left: 5px;
font-weight: 300;
font-size: 14px;
line-height: 17px;
display: block;
color: #f7faf7;
}
header .mobile-menu__wrapper .find-salon__link::before {
content: "";
width: 9px;
height: 13px;
background-image: url(/static/app/assets/css/../img/footer/find-salon-white-icon.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: -12px;
top: 3px;
transition: .3s all;
}
header .mobile-menu__wrapper .login {
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
}
header .mobile-menu__wrapper .login__link {
padding-left: 5px;
font-weight: 300;
font-size: 14px;
line-height: 17px;
display: block;
color: #f7faf7;
}
header .mobile-menu__wrapper .login__link::before {
content: "";
width: 16px;
height: 12px;
background-image: url(/static/app/assets/css/../img/header/login-icon-white.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: -16px;
top: 3px;
}
header .mobile-menu__wrapper-phone {
color: #f7faf7;
display: flex;
font-weight: 300;
font-size: 14px;
line-height: 17px;
margin-top: 18px;
margin-bottom: 18px;
transition: .3s all;
margin-left: 30px;
}
header .mobile-menu__wrapper-phone:hover {
color: #3333CC;
}
header .mobile-menu__wrapper-phone::before {
content: "";
width: 12px;
height: 12px;
background-image: url(/static/app/assets/css/../img/footer/phone-white-icon-big.svg);
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: -16px;
top: 4px;
}
header .mobile-menu__wrapper-socials {
height: 24px;
padding-left: 12px;
display: flex;
justify-content: flex-start;
margin-top: 30px;
}
header .mobile-menu__wrapper-socials--item {
margin: 0 6px;
display: flex;
}
header .mobile-menu__wrapper-socials--item:first-child {
margin-left: 0;
}
.top-header,
.bottom-header,
header .middle-header__contacts {
display: none;
}
.content .container._inside-page {
margin-top: 30px;
}
.content .breadcrumbs {
margin: 20px 0 30px;
}
.content .swiper-slide .container {
max-width: 406px;
}
.content .main-page-slider {
height: 181px;
background: #fff;
padding-bottom: 0;
margin-bottom: 60px;
}
.content .main-page-slider__wrapper-slide {
height: 181px;
justify-content: center;
}
.content .main-page-slider .navigation {
display: none;
}
.content .product-lines {
margin-bottom: 60px;
}
.content .product-lines h3 {
text-align: center;
color: #3333CC;
}
.content .product-lines-slider {
padding-bottom: 0;
}
.content .product-lines-slider .container {
flex-direction: column;
}
.content .product-lines-slider .swiper-slide .row {
align-items: flex-start;
}
.content .product-lines-slider__image-container {
margin-bottom: 30px;
}
.content .product-lines-slider .navigation {
display: none;
}
.content .product-lines-slider .button {
margin: 0 auto;
}
.content .novelties {
margin-bottom: 10px;
}
.content .novelties .novelties-slider {
margin-top: 20px;
}
.content .events-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.content .events-wrapper .event-item {
max-width: 406px;
flex-direction: column;
}
/*.content .events-wrapper .event-item:nth-child(2) {*/
/* display: none; }*/
.content .events-wrapper .event-item__image {
padding: 0;
}
.content .events-wrapper .event-item__description {
padding: 0;
margin-top: 20px;
}
.content .events-wrapper .event-item__description h3 {
text-align: center;
font-weight: normal;
font-size: 16px;
line-height: 24px;
}
.content .full-page-slider {
width: 100%;
height: 183px;
padding-bottom: 50px;
box-sizing: content-box;
margin-bottom: 50px;
}
.content .full-page-slider__wrapper-slide {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: 1;
display: flex;
justify-content: center;
}
.content .full-page-slider .navigation {
display: none;
}
.content .news-slider__slide,
.content .command-slider__slide {
width: 285px !important;
}
.content .news .filter,
.content .command .filter {
flex-wrap: wrap;
}
.content .news .filter__button,
.content .command .filter__button {
margin-bottom: 13px;
}
.content .banner {
/*height: 100%;*/
margin-top: 80px;
}
.content .banner__picture {
height: 118px;
}
.content .banner__picture img {
height: 100%;
}
.content .banner__bg-image {
width: 80%;
}
.content .banner__bg-image>* {
width: 352px;
height: 118px;
}
.content .banner__text p {
font-weight: bold;
font-size: 14px;
margin-bottom: 0;
max-width: 184px;
line-height: 24px;
}
.content .banner__text p._hidden-mobile {
display: none;
}
.content .banner__text .rounded-button {
max-width: 118px;
font-size: 12px;
line-height: 15px;
padding: 10px 20px;
margin-top: 10px;
}
.content .ask-question .container {
flex-direction: column;
padding-top: 30px;
padding-bottom: 30px;
}
.content .ask-question__text {
width: 100%;
text-align: center;
}
.content .ask-question__button {
margin-top: 30px;
}
.content .full-page-banner {
min-height: 180px;
}
.content .videos-container {
flex-wrap: unset;
overflow-x: scroll;
/*padding: 40px 0 0;*/
justify-content: flex-start;
/* хром, сафари */
/* ie 10+ */
/* фф (свойство больше не работает, других способов тоже нет)*/
}
.content .videos-container::-webkit-scrollbar {
width: 0;
}
.content .videos-container {
-ms-overflow-style: none;
}
.content .videos-container {
overflow: -moz-scrollbars-none;
}
.content .videos-container__item {
max-width: 285px;
min-width: 285px;
}
.content .representatives h3 {
margin: 0 0 20px;
}
.content .pnf {
margin-top: 0;
}
.content .pnf .container {
flex-direction: column;
}
.content .pnf-interesting {
width: 100%;
}
.content .pnf-text-container {
width: 100%;
}
.content .pnf-text__title {
font-size: 100px;
line-height: 122px;
}
.content .pnf-text__subtitle {
font-size: 14px;
line-height: 17px;
}
.content-text {
width: 100%;
}
.content .images-list a {
max-width: 50%;
margin-bottom: 20px;
}
.content .advantages-list__item {
width: 50%;
}
.content .mobile-catalog-tabs {
display: block;
}
.content .mobile-catalog-tabs::before {
content: "";
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
transition: .3s all;
}
.content .mobile-catalog-tabs._filter-active::before {
opacity: 1;
visibility: visible;
}
.content .mobile-catalog-tabs__button[data-mobile-tab="2"]._active~.mobile-filter-button {
display: block;
}
.content .mobile-filter-button {
width: 24px;
height: 24px;
position: absolute;
right: 0;
top: 7px;
background: url(/static/app/assets/css/../img/navigation/mobile-filter-button.svg) no-repeat center;
cursor: pointer;
display: none;
}
.content .catalog {
display: none;
}
.content .catalog._active {
display: block;
}
.content .catalog-list .product-list_wrapper {
flex-wrap: wrap;
justify-content: center;
}
.content .catalog-list .product-list_item {
width: 220px !important;
min-width: 220px !important;
}
.content .catalog-filter-form-container {
width: 0;
max-width: 300px;
height: auto;
position: absolute;
top: 125px;
right: -40px;
background: #fff;
z-index: 4;
display: flex;
flex-direction: column;
transition: .3s all;
display: none;
}
.content .catalog-filter-form-container._active {
width: 100%;
right: 0px;
display: block;
}
.content .catalog-filter {
margin: 0;
flex-direction: column;
}
.content .catalog-filter__item {
width: 100%;
max-width: initial;
margin: 0;
padding: 0;
border: 0;
display: flex;
}
.content .catalog-filter__item::after {
background: url(/static/app/assets/css/../img/navigation/select-arrow-down-white.svg) no-repeat center;
z-index: 13;
transform: rotate(180deg);
}
.content .catalog-filter__item._active::after {
background: url(/static/app/assets/css/../img/navigation/select-arrow-down-white.svg) no-repeat center;
transform: rotate(0);
}
.content .catalog-filter__item-dropdown {
position: relative;
}
.content .catalog-filter__item-dropdown--wrapper {
max-height: initial;
}
.content .catalog-filter__item-dropdown::before {
display: none !important;
}
.content .catalog-filter__item--selected-value {
width: 100%;
height: 60px;
padding: 0 0 0 20px;
display: flex;
align-items: center;
background: #3333CC;
color: #fff;
}
.content .catalog-filter__item--selected-value::after {
display: none !important;
}
.content .sections {
margin: 0;
display: none;
}
.content .sections._active {
display: block;
}
.content .sections-row {
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
}
.content .sections-row:nth-child(odd) .sections-row__item:last-child {
width: 100%;
}
.content .sections-row:nth-child(odd) .sections-row__item:first-child {
width: 100%;
}
.content .sections-row:nth-child(3n) .sections-row__item:first-child {
width: 100%;
}
.content .sections-row:nth-child(3n) .sections-row__item:last-child {
width: 100%;
}
.content .sections-row__item {
width: 100%;
height: 200px;
margin: 0 0 20px;
}
.content .product-detail {
display: flex;
flex-direction: column;
align-items: center;
}
.content .product-detail>div,
.content .product-detail>a {
float: initial;
width: 100%;
}
.content .product-detail .read-more-block {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
margin-bottom: 50px;
}
.content .product-detail__photos {
order: 2;
}
.content .product-detail__photos--desktop-links {
display: none;
}
.content .product-detail__photos--pagination {
display: flex;
margin: 20px 0 40px;
align-items: center;
}
.content .product-detail__photos--pagination .swiper-pagination-bullet {
width: 4px;
height: 4px;
border: 1px solid #959595;
background: none;
border: 50%;
opacity: .5;
margin: 0 3px;
}
.content .product-detail__photos--pagination .swiper-pagination-bullet-active {
width: 6px;
height: 6px;
border: none;
background: #3333CC;
opacity: 1;
}
.content .product-detail__photos-next,
.content .product-detail__photos-prev {
display: none;
}
.content .product-detail__photos--slider-thumbs {
display: none;
}
.content .product-detail__title-block {
order: 1;
}
.content .product-detail__description {
order: 3;
}
.content .department {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
}
.content .department h3 {
text-align: center;
}
.content .department-list {
flex-direction: column;
}
.content .lookbook-list {
flex-direction: column;
align-items: center;
}
.content .lookbook-list__item {
width: 100%;
max-width: 300px;
height: 300px;
}
.content .__map-container {
padding: 0;
}
.content .title-container {
flex-direction: column;
align-items: flex-end;
}
.content .title-container h1 {
order: 2;
}
.content .title-container .selectize-control {
order: 1;
}
.content .title-container .elems-count {
position: absolute;
right: 0;
top: calc(100% + 15px);
}
.content .title-container .elems-count p {
font-weight: 300;
font-size: 12px;
line-height: 15px;
}
.content .find-store-controls .display {
position: absolute;
left: 0;
bottom: 100%;
}
.content .find-store-controls .filter__button {
font-weight: 300;
font-size: 11px;
line-height: 13px;
}
.content .selectize-control.single._empty {
max-width: 150px;
}
.content .selectize-control.single._empty .selectize-input {
border: none;
}
.content .selectize-control.single._empty .selectize-input .item {
color: #959595;
font-size: 14px;
line-height: 22px;
}
.content .selectize-control.single._empty .selectize-input::after {
right: 16px;
margin-top: -2px;
}
.content a.display-select {
width: 80px;
border: none;
margin-left: 0;
margin-right: 10px;
font-weight: 300;
font-size: 12px;
line-height: 15px svg;
line-height-width: 11px;
line-height-height: 12px;
}
.content .ymaps-2-1-78-balloon {
width: 240px;
height: 251px;
background: #fff;
filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
}
.content .ymaps-2-1-78-balloon__tail {
display: none;
}
.content .ymaps-2-1-78-balloon__content {
margin: 0;
width: 100%;
padding: 10px !important;
box-sizing: border-box;
}
.content .ymaps-2-1-78-balloon__content>ymaps {
margin: 0 !important;
overflow: visible !important;
width: 100% !important;
height: auto !important;
}
.content .salon-map-popup__photo {
overflow: hidden;
}
.content .salon-map-popup__photo img {
height: 100px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.content .salon-map-popup__logo-title {
position: absolute;
flex-direction: column;
align-items: flex-start;
height: 100px;
justify-content: space-between;
padding: 5px;
}
.content .salon-map-popup__logo-title p {
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #fff;
margin-left: 0;
}
.content .salon-map-popup__footer {
display: flex;
margin-top: 0;
padding-bottom: 5px;
}
.content .salon-map-popup__footer-left a {
font-weight: 300;
font-size: 10px;
line-height: 12px;
}
.content .salon-map-popup__footer-right {
width: 100%;
position: absolute;
right: 0;
top: 100%;
}
.content .salon-map-popup__footer-right a {
font-weight: 300;
font-size: 10px;
line-height: 12px;
}
.content .salon-map-popup__socials {
display: flex;
margin-top: 10px;
}
.content .salon-map-popup__socials-item {
width: 18px;
height: 18px;
margin-right: 8px;
}
.content .salon-map-popup__socials-item img {
width: 100%;
}
.content .salon-map-popup .location-link {
font-weight: 300;
font-size: 10px;
line-height: 12px;
color: #282323;
}
.content .salon-map-popup .phone-block p {
font-weight: 300;
font-size: 10px;
line-height: 12px;
}
.content .placemarks-list {
flex-direction: column;
align-items: center;
}
.content .placemarks-list__item {
width: 100%;
min-width: 320px;
max-width: 480px;
flex-direction: column;
}
.content .placemarks-list__item-photo {
width: 100%;
height: 180px;
overflow: hidden;
margin-right: 0;
margin-bottom: 12px;
}
.content .placemarks-list__item-photo img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.content .placemarks-list__item-content--footer {
display: flex;
justify-content: space-between;
}
.content .placemarks-list__item-row {
display: flex;
align-items: space-between;
margin-bottom: 10px;
}
.content .placemarks-list__item-row--contacts {
width: 30%;
justify-content: space-evenly;
margin: 0;
}
.content .placemarks-list__item-row--action-links {
width: 70%;
text-align: right;
justify-content: space-evenly;
align-items: flex-end;
}
.content .placemarks-list__item-row--action-links a {
margin: 0 !important;
}
.content .placemarks-list__item-row:nth-child(2) {
margin-bottom: 0;
}
.content .placemarks-list__item-row--title p {
font-weight: 600;
font-size: 12px;
line-height: 15px;
}
.content #map-distributors {
height: 355px;
overflow-x: auto;
overflow-y: hidden;
}
.content #map-distributors .region-tooltip {
width: 275px;
height: 204px;
}
.content #map-distributors .region-tooltip__header {
border-bottom: 1px solid rgba(149, 149, 149, 0.2);
}
.content #map-distributors .region-tooltip__header-title {
font-weight: 600;
font-size: 16px;
line-height: 20px;
}
.content #map-distributors .region-tooltip__header-region {
font-weight: 300;
font-size: 16px;
line-height: 20px;
color: #959595;
margin-bottom: 8px;
}
.content #map-distributors .region-tooltip__content {
display: flex;
flex-direction: column;
padding-top: 6px;
}
.content #map-distributors .region-tooltip__content-store {
font-weight: 300;
font-size: 12px;
line-height: 15px;
}
.content #map-distributors .region-tooltip__content a {
font-weight: 300;
font-size: 12px;
line-height: 15px;
display: inline-block;
margin-top: 2px;
margin-bottom: 2px;
}
.content #map-distributors .region-tooltip__content a.phone-link::before {
top: 5px;
}
.content #map-distributors .region-tooltip__content a.email-link::before {
top: 6px;
}
.content #map-distributors .region-tooltip .swiper-pagination {
font-weight: 300;
font-size: 10px;
line-height: 12px;
}
.content #map-distributors .region-tooltip .swiper-button-next {
width: 40px;
height: 40px;
margin-left: 10px;
}
.content #map-distributors .region-tooltip .swiper-button-prev {
width: 40px;
height: 40px;
}
.content #map-distributors__container {
height: 100%;
padding: 15px;
}
.content .lookbook-detail-slider .swiper-container {
overflow: visible;
}
.content .lookbook-detail-slider .swiper-wrapper {
align-items: center;
height: 282px;
}
.content .lookbook-detail-slider .swiper-slide {
max-width: 292px;
height: 264px;
transform: scale(0.95);
}
.content .lookbook-detail-slider .swiper-slide img {
height: 100%;
transition: .3s all;
}
.content .lookbook-detail-slider .swiper-slide:hover {
opacity: 1;
}
.content .lookbook-detail-slider .swiper-slide-active {
height: 282px;
transform: scale(1);
}
.content .seminars-list {
margin-top: 20px;
}
.content .seminars-list::before {
content: "";
width: 100vw;
height: 100vh;
position: fixed;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
transition: .3s all;
}
.content .seminars-list._filter-active::before {
opacity: 1;
visibility: visible;
}
.content .seminars-list .mobile-filter-button {
display: block;
top: -58px;
}
.content .seminars-list__filter {
width: 0;
max-width: 300px;
position: absolute;
right: -10px;
margin: 0;
transition: .3s all;
}
.content .seminars-list__filter._active {
width: 100%;
}
.content .seminars-list__filter .catalog-filter {
background: #fff;
z-index: 11;
overflow: hidden;
padding-bottom: 40px;
}
.content .seminars-list__filter .catalog-filter__item {
max-width: 100%;
margin-top: -1px;
}
.content .seminars-list__filter .catalog-filter__item:last-child {
margin-bottom: 40px;
}
.content .seminars-list__filter .catalog-filter__item::after {
filter: grayscale(1) brightness(0);
}
.content .seminars-list__filter .catalog-filter__item--selected-value {
color: #282323;
background: #f7faf7;
}
.content .seminars-list__filter .catalog-filter .button {
max-width: 167px;
height: 40px;
font-size: 16px;
}
.content .seminars-list__wrapper {
width: 100%;
}
.content .seminars-list__wrapper .events-wrapper {
margin-top: 0;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image {
max-height: 250px;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image-container {
max-height: 250px;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image--labels-item {
padding: 8px 14px;
margin-right: 10px;
}
.content .seminars-list__wrapper .events-wrapper .event-item__description h3 {
text-align: left;
}
.content .seminars-list__wrapper .events-wrapper .event-item__description-buttons {
justify-content: center;
}
.content .seminars-list__wrapper .events-wrapper .event-item__description-buttons [data-sign_up] {
display: none;
}
.content .seminar-detail__short-info {
margin: 20px 0 30px;
}
.content .seminar-detail__short-info h3 {
margin-bottom: 16px;
}
.content .seminar-detail__short-info .button {
max-width: 240px;
margin-top: 20px;
font-weight: 300;
font-size: 14px;
line-height: 17px;
margin-left: auto;
margin-right: auto;
}
.content .seminar-detail__who-leads {
display: flex;
flex-direction: column;
margin-top: 20px;
margin-bottom: 68px;
}
.content .seminar-detail__who-leads--picture {
margin-bottom: 51px;
}
.content .personal {
transition: .7s all;
width: calc(100vw * 2 + 30px);
margin-top: 10px;
}
.content .personal-mobile-title {
display: block;
}
.content .personal-mobile-navigation {
display: flex;
}
.content .personal._mobile-visible {
transform: translateX(-50%);
margin-left: -15px;
}
.content .personal-menu {
width: calc(100vw - 20px);
}
.content .personal-menu__item {
font-weight: 300;
font-size: 14px;
line-height: 17px;
height: 50px;
}
.content .personal-news {
margin-top: 30px;
margin-bottom: 70px;
}
.content .personal-news__item {
display: flex;
margin-bottom: 30px;
flex-direction: column;
}
.content .personal-news__item--image {
width: 100%;
height: 195px;
margin-right: 0;
margin-bottom: 20px;
box-shadow: none;
}
.content .personal-news__item--image img {
height: 100%;
}
.content .personal-news__item--content {
width: 100%;
align-items: flex-start;
}
.content .personal-news__item--content .button {
margin: 0 auto;
background: #3333CC;
color: #f7faf7;
border-color: #3333CC;
}
.content .personal-news__item-title {
font-weight: 300;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}
.content .personal-news__item-date {
color: #3333CC !important;
}
.content .personal-news__item-text {
text-align: left !important;
}
.content .personal-content {
width: calc(100vw - 20px);
}
.content .personal-content p {
text-align: center;
}
.content .personal-content h3,
.content .personal-content .subtitle {
font-size: 16px !important;
text-align: center;
}
.content .personal-content .subtitle {
margin-bottom: 16px !important;
}
.content .personal-content .sertificates {
width: 100%;
}
.content .personal-content .sertificates .swiper-wrapper {
justify-content: flex-start;
}
.content .personal-content .sertificates .swiper-slide {
width: 139px !important;
}
.content .personal-content .sertificates .swiper-slide img {
width: 100%;
}
.content .personal-content .user-info._tech {
display: flex;
flex-direction: column;
}
.content .personal-content .user-info._tech .user-info__pic {
width: 72px;
height: 72px;
border-radius: 50%;
overflow: hidden;
margin: 0 auto 10px;
}
.content .personal-content .user-info._tech p {
color: #282323;
}
.content .personal-content__item-row {
max-width: 490px;
margin: 0 auto 70px;
}
.content .personal-content__item-row .button {
margin-left: auto;
margin-right: auto;
}
.content .personal-content__item-row--header h3 {
text-align: left;
max-width: 75%;
font-weight: 600;
font-size: 14px;
line-height: 17px;
}
.content .personal-content__item-row--content .form-wrapper__item-file {
margin-left: auto;
margin-right: auto;
}
.content .personal-content__item-row--content .aks-file-upload {
margin-left: auto;
margin-right: auto;
}
.content .personal .slide-toggle-container {
width: calc(100% * 2 + 30px);
display: flex;
transition: .7s all;
}
.content .personal .slide-toggle-container._mobile-visible {
transform: translateX(-50%);
margin-left: -15px;
}
.content .personal .slide-toggle-container .slide-toggle-buttons {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 30px;
}
.content .personal .slide-toggle-container .slide-toggle-content {
width: 100%;
}
.content .personal .slide-toggle-container .slide-toggle-content__item-button {
min-height: 50px;
height: auto;
padding-top: 7px;
padding-bottom: 7px;
padding-right: 30px;
font-weight: 300;
font-size: 14px;
line-height: 20px;
}
.content .slide-toggle-container {
width: calc(100% * 2 + 30px);
display: flex;
transition: .7s all;
}
.content .slide-toggle-container._mobile-visible {
transform: translateX(-50%);
margin-left: -15px;
}
.content .slide-toggle-container .slide-toggle-buttons {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 30px;
}
.content .slide-toggle-container .slide-toggle-content {
width: 100%;
}
.content .slide-toggle-container .slide-toggle-content__item-button {
min-height: 50px;
height: auto;
padding-top: 7px;
padding-bottom: 7px;
padding-right: 30px;
font-weight: 300;
font-size: 14px;
line-height: 20px;
}
.content .buttons-wrapper {
flex-direction: column;
align-items: center;
}
.content .buttons-wrapper .button {
margin-bottom: 20px;
}
.content .vacancies .slide-toggle-container {
width: 100%;
}
.content ._mobile-text-center {
text-align: center;
max-width: 100%;
}
.content ._search-page .product-list_wrapper {
flex-wrap: initial;
overflow-x: initial;
justify-content: initial;
}
.content ._search-page .search-tabs {
flex-wrap: wrap;
}
.content ._search-page .search-tabs p {
width: 100%;
margin-bottom: 10px;
}
.content ._search-page .search-tabs button {
margin-right: 10px;
margin-bottom: 10px;
font-weight: 300;
font-size: 11px;
line-height: 13px;
}
.content ._search-page .news {
margin-top: 50px;
}
.content ._search-page .news .filter {
display: none;
}
.content ._search-page .events {
margin-top: 50px;
}
footer {
margin-top: 100px;
padding-top: 40px;
}
footer .top-footer .container {
flex-direction: column;
}
footer .top-footer__location {
justify-content: center;
}
footer .top-footer__menu {
flex-direction: column;
margin-bottom: 34px;
}
footer .top-footer__menu-mobile-title {
display: block;
color: #f7faf7;
font-weight: 300;
font-size: 16px;
line-height: 20px;
text-align: center;
padding: 30px 0;
cursor: pointer;
transition: .3s all;
}
footer .top-footer__menu-mobile-title:hover {
color: #3333CC;
}
footer .top-footer__menu-mobile-title::before {
content: "";
width: 117px;
height: 1px;
background: #f7faf7;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
}
footer .top-footer__menu-mobile-title::after {
content: "";
width: 117px;
height: 1px;
background: #f7faf7;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
footer .top-footer__menu-list {
margin-right: 0;
margin-bottom: 12px;
padding-left: 0;
display: none;
}
footer .top-footer__menu-list li {
text-align: center;
}
footer .top-footer__menu-list:first-child {
margin-right: 0;
border: none;
}
footer .top-footer__contacts p {
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
footer .top-footer__contacts-mail {
font-weight: 300;
font-size: 14px;
line-height: 17px;
padding-left: 0;
}
footer .top-footer__contacts-mail::before {
width: 10px;
height: 10px;
left: -15px;
top: 5px;
}
footer ._mobile-centered {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 30px;
}
footer ._mobile-centered>* {
display: inline;
}
footer .bottom-footer {
height: auto;
padding: 0 15px;
}
footer .bottom-footer .desktop-hidden {
display: flex;
justify-content: center;
margin-top: 40px;
margin-bottom: 44px;
}
footer .bottom-footer .desktop-hidden img {
max-width: 140px;
}
footer .bottom-footer .mobile-hidden {
display: none;
}
footer .bottom-footer p {
margin-bottom: 13px;
}
.tabs-buttons-wrapper {
flex-wrap: wrap;
margin-bottom: 0;
}
.tabs-buttons-wrapper__button {
margin-bottom: 13px;
margin-left: 0;
margin-right: 13px;
}
.product-list_wrapper {
flex-wrap: unset;
overflow-x: scroll;
padding: 40px 0 0;
justify-content: flex-start;
/* хром, сафари */
/* ie 10+ */
/* фф (свойство больше не работает, других способов тоже нет)*/
}
.product-list_wrapper::-webkit-scrollbar {
width: 0;
}
.product-list_wrapper {
-ms-overflow-style: none;
}
.product-list_wrapper {
overflow: -moz-scrollbars-none;
}
.product-list_item {
width: 285px !important;
min-width: 285px;
display: inline-flex;
}
.form h3 {
text-align: center;
}
.form-line {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.form-wrapper {
width: 100%;
max-width: 576px;
min-width: inherit;
margin-right: 0;
}
.form-wrapper__item {
max-width: 576px;
}
.form-wrapper__mobile-order-2 {
order: 2;
}
.form-finally {
display: flex;
justify-content: center;
}
.form-finally .form-wrapper {
max-width: 576px;
}
}
@media (max-width: 576px) {
header .middle-header .search-block._active {
width: 70%;
}
.show-mobile {
display: flex;
}
.middle-show {
display: none !important;
}
header .middle-header .search-block .search-block__input {
width: 100%;
}
/*img.show-mobile {*/
/* width: 100%; }*/
.content .product-lines {
margin-bottom: 60px;
}
.content .product-lines-slider .swiper-slide .row {
align-items: flex-start;
}
.content .product-lines-slider__image-container {
width: 300px;
height: 266px;
padding: 17px 0;
}
.content .product-lines-slider__image-container img {
height: 100%;
}
.content .product-lines-slider .navigation {
display: none;
}
.content .ask-question {
padding: 0 10px;
}
.content .ask-question .container {
flex-direction: column;
padding: 30px 0;
}
.content .ask-question__text {
width: 100%;
text-align: center;
}
.content .representatives-wrapper__item {
width: 48%;
margin-bottom: 30px;
display: flex;
flex-direction: column;
}
.content .representatives-wrapper__item-title {
font-size: 14px;
line-height: 16px;
margin-bottom: 10px;
}
.content .representatives-wrapper__item a {
font-size: 12px;
}
.content .socials {
display: flex;
flex-direction: column;
align-items: center;
}
.content .map iframe {
height: 229px;
}
.content .links a {
display: inline-block;
margin-bottom: 20px;
}
}
@media (max-width: 1170px) {
.content .representatives-wrapper__item {
width: 50% !important;
}
}
@media (max-width: 530px) {
.content .representatives-wrapper__item {
width: 100% !important;
}
.form-wrapper.width-radio {
min-width: 320px !important;
}
.radio-group {
flex-direction: column;
}
.form-wrapper.width-radio .form-wrapper__item {
min-width: 320px !important;
}
.radio-group__item label::before {
margin-right: 5px !important;
}
}
.form-wrapper {
min-width: 386px;
margin-right: 30px;
}
.form-wrapper.width-radio {
min-width: 470px !important;
}
.form-wrapper__item {
max-width: 386px;
display: flex;
flex-direction: column;
margin-bottom: 15px;
}
.form-wrapper.width-radio .form-wrapper__item {
min-width: 470px !important;
}
@media (max-width: 400px) {
.content .events-wrapper .event-item__image-container {
height: 200px !important;
}
}
@media (min-width: 576px) {
.content .events-wrapper .mobile-events .one-event .event-item {
max-width: 406px !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 576px) {
.content .events-wrapper .mobile-events .one-event .event-item {
max-width: 100% !important;
}
.content .events-wrapper .event-item__image-container {
height: 230px;
}
}
@media (max-width: 1300px) {
.content .full-page-slider__wrapper-slide {
height: 325px;
}
}
/* .content .map-distributors__panel .map-distributors__map-svg path[id]:not(._isset) {
fill: red !important;
} */
.map-distributors__map-svg {
display: none;
}
.map-distributors__map-svg_state_active {
display: block;
}
.map-distributors__select {
width: 275px;
}
.map-distributors__field-group>*:first-child {
margin: 0 0 20px;
}
@media screen and (min-width: 993px) {
.map-distributors__field-group {
display: flex;
}
.map-distributors__field-group>*:first-child {
margin: 0 20px 0 0;
}
.map-distributors__search-field {
flex-basis: 387px;
max-width: 387px;
}
}
@media screen and (max-width: 992px) {
.map-distributors__field-group>*,
.map-distributors__field-group .selectize-control.single,
.map-distributors__field-group .map-distributors__input {
max-width: 100%;
width: 100%;
}
}
/* End */
/* Start:/local/templates/hair/styles.css?174902332531682*/
/* 2022.03.01 fixes */
.content .full-page-banner {
min-height: auto;
}
@media only screen and (max-width: 576px) {
.read-more-block .show-mobile {
height: auto;
}
img.show-mobile {
max-width: 100%;
height: auto;
}
.full-page-banner > img.show-mobile,
.full-page-slider__wrapper-slide > img.show-mobile {
height: 100%;
}
.full-page-slider__wrapper {
align-items: center;
}
.full-page-slider .full-page-slider__wrapper-slide {
height: auto;
}
}
@media only screen and (max-width: 767px) {
.tabs {
margin-top: 0;
}
.full-img,
img.full-img {
min-height: auto;
}
.content .full-page-slider {
padding-bottom: 0;
}
.content .novelties .novelties-slider {
margin: 14px 0;
}
.container .default-slider-wrapper {
margin: 0 -10px;
}
.container .default-slider-wrapper .news-slider {
padding: 0;
}
.content #map-distributors {
overflow: visible;
}
.content #map-distributors .region-tooltip {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
}
.content .mobile-catalog-tabs__button {
margin-bottom: 10px;
}
.container .content-text img {
height: auto;
}
.form-wrapper {
width: 100%;
min-width: auto;
max-width: 385px;
}
.form-wrapper__item .selectize-control.single {
max-width: 100%;
}
.content .videos {
margin-bottom: 0;
}
.banner-slider-block .swiper-wrapper {
align-items: center;
}
.videos + .banner-slider-block {
margin-top: 13px;
}
.content .events {
margin-bottom: 30px;
}
.content .events:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 991px) {
.form-wrapper {
margin-right: 0;
}
.content .seminar-detail__who-leads:last-child {
margin-bottom: 0;
}
.content #map-distributors svg#map-distributors-svg,
.content .map-distributors__panel .map-distributors__map-svg {
width: 100%;
height: 100%;
min-width: auto;
max-width: 100%;
transform: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.content #map-distributors {
height: 500px;
}
.content #map-distributors svg#map-distributors-svg,
.map-distributors__panel .map-distributors__map-svg {
height: 92%;
}
}
.content-text p:empty {
display: none;
}
.content .events-wrapper .event-item:last-child {
margin-bottom: 0;
}
.rd-banner__picture {
position: relative;
display: block;
width: 100%;
height: auto;
}
.rd-banner__image {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
}
/* 2022.03.01 fixes end */
@media (max-width: 770px) {
.tabs-buttons-wrapper {
margin-top: 20px;
}
}
.middle-header__contacts__socials-item.telegram img {
margin-top: -2px;
margin-left: -2px;
}
.mobile-menu__wrapper-socials--item.telegram img {
margin-top: -3px;
height: 30px;
}
.top-footer__contacts-socials--item.telegram img {
margin-bottom: -3px;
height: 28px;
}
.socials__wrapper-item.telegram img {
margin-bottom: -3px;
}
/* 2022.03.18 fixes */
@media only screen and (max-width: 991px) {
.full-page-banner_video_expanded {
overflow: hidden;
justify-content: center;
}
.middle-show,
.read-more-block .middle-show {
height: auto;
max-width: 100%;
}
img.middle-show {
height: auto;
max-width: 100%;
}
.full-page-banner > img.middl-showe,
.full-page-slider__wrapper-slide > img.middle-show {
height: 100%;
max-width: 100%;
}
}
/* 2022.03.18 fixes end */
.__map-container .ymaps-2-1-79-b-cluster-tabs__section_type_nav {
position: absolute;
left: 50%;
bottom: 10px;
z-index: 1;
float: none;
width: auto !important;
border: none;
transform: translate(-50%, 0);
}
.__map-container .ymaps-2-1-79-b-cluster-tabs__menu {
height: auto !important;
padding: 6px;
}
.__map-container .ymaps-2-1-79-b-cluster-tabs__menu-item {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 6px 0 0;
padding: 0;
cursor: pointer;
font-size: 0;
background: #e2e2e2;
border-radius: 50%;
transform-origin: 50% 50%;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.__map-container .ymaps-2-1-79-b-cluster-tabs__menu-item:last-child {
margin-right: 0;
}
.__map-container .ymaps-2-1-79-b-cluster-tabs__menu-item:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
width: 160%;
height: 160%;
transform: translate(-50%, -50%);
}
.__map-container .ymaps-2-1-79-b-cluster-tabs__menu-item_current_yes {
background: #3333cc;
transform: scale(1.2);
}
.__map-container .ymaps-2-1-79-b-cluster-tabs__section_type_content {
float: none;
padding: 0 0 20px;
}
.map-distributors__header {
display: block;
margin: 0 0 20px;
}
@media only screen and (min-width: 992px) {
.map-distributors__header {
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: nowrap;
}
}
.map-distributors__search {
position: relative;
display: block;
flex: 0 1 auto;
width: auto;
max-width: 100%;
}
.map-distributors__input {
display: block;
width: 387px;
max-width: 100%;
height: 40px;
padding: 0 46px 0 16px;
font-size: 14px;
font-weight: 300;
line-height: 38px;
background: transparent;
border: 1px solid #c4c4c4;
outline: none;
}
.map-distributors__input::-webkit-input-placeholder {
color: #c4c4c4;
font-size: 14px;
}
.map-distributors__input:-ms-input-placeholder {
color: #c4c4c4;
font-size: 14px;
}
.map-distributors__input::-moz-placeholder {
color: #c4c4c4;
font-size: 14px;
opacity: 1;
}
.map-distributors__input::-ms-input-placeholder {
color: #c4c4c4;
font-size: 14px;
opacity: 1;
}
.map-distributors__input::placeholder {
color: #c4c4c4;
font-size: 14px;
opacity: 1;
}
.map-distributors__search-button {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 38px;
height: 100%;
cursor: pointer;
color: inherit;
text-decoration: none;
background: transparent;
border: none;
outline: none;
}
.map-distributors__search-icon {
display: block;
width: 24px;
height: 24px;
fill: currentColor;
}
.map-distributors__search-results {
position: absolute;
top: 100%;
left: 0;
z-index: 1;
display: block;
overflow: hidden auto;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
height: auto;
max-height: 400px;
}
.map-distributors__list {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.map-distributors__item:not([hidden]) {
display: block;
margin: 0;
padding: 0;
}
.map-distributors__link {
display: block;
padding: 8px 12px;
color: #000;
font-size: 16px;
text-decoration: none;
text-align: left;
background: #fff;
border: none;
outline: none;
}
.content .events-wrapper .event-item .event-item__image {
/* width: 100%;
max-width: 320px; */
}
.content .events-wrapper .event-item__description {
height: auto !important;
}
@media only screen and (min-width: 1200px) {
.content .events-wrapper .event-item .event-item__image {
/* max-width: 488px; */
}
}
.content .events-wrapper .event-item .event-item__image-container {
height: auto;
width: 300px;
}
.content .seminars-list__wrapper .events-wrapper .event-item__image {
width: auto;
max-width: none;
max-height: none;
}
.content .events-wrapper .event-item .event-item__image-container:after {
content: "";
display: block;
width: 100%;
height: auto;
padding: 59% 0 0;
}
@media (max-width: 400px) {
.content .events-wrapper .event-item .event-item__image-container {
height: auto !important;
}
}
.content .main-page-slider {
height: auto;
}
@media only screen and (min-width: 992px) {
.content .main-page-slider {
padding-bottom: 21px;
margin-bottom: 79px;
}
}
.main-page-slider .main-page-slider__wrapper-slide {
height: auto;
}
.main-page-slider__wrapper-slide-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
display: block;
cursor: pointer;
font-size: 0;
text-decoration: none;
opacity: 0.1;
}
.content .main-page-slider .navigation {
height: 100%;
}
.main-page-slider .navigation {
pointer-events: none;
}
.content .main-page-slider .navigation .swiper-pagination {
bottom: 0;
transform: none;
}
.main-page-slider .navigation > * {
pointer-events: auto;
}
.map-distributors__region-label {
position: absolute;
z-index: 10;
display: block;
padding: 2px 5px;
pointer-events: none;
color: #3333cc;
background: #fff;
}
.map-distributors__links {
display: block;
flex: 0 1 auto;
padding: 20px 0 0;
}
@media only screen and (min-width: 992px) {
.map-distributors__links {
padding: 0;
text-align: right;
}
}
.map-distributors__link-item {
display: inline-block;
vertical-align: middle;
margin: 0 20px 0 0;
}
.map-distributors__link-item:last-child {
margin-right: 0;
}
.map-distributors__link-item > a {
color: #33c;
}
.map-distributors__icon {
display: inline-block;
vertical-align: middle;
margin: 0 4px 0 0;
width: 16px;
height: 16px;
fill: currentColor;
}
.map-distributors__link-label {
display: inline-block;
vertical-align: middle;
font: inherit;
}
.panel-form {
width: 100%;
max-width: 528px;
margin-right: auto;
margin-left: auto;
}
@media only screen and (min-width: 992px) {
.panel-form {
display: flex;
max-width: 1200px;
flex-wrap: nowrap;
}
}
.panel-form__inputs {
display: block;
padding: 30px 20px 24px;
}
@media only screen and (min-width: 600px) {
.panel-form__inputs {
padding: 40px 53px 35px;
border: 1px solid #e5e5e5;
}
}
@media only screen and (min-width: 992px) {
.panel-form__inputs {
flex: 0 0 44%;
width: 44%;
max-width: 44%;
}
}
.panel-form__illustration {
display: none;
}
@media only screen and (min-width: 992px) {
.panel-form__illustration {
position: relative;
display: block;
flex: 1 1 100%;
width: 100%;
max-width: 100%;
margin: 0 0 0 40px;
}
.panel-form__image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.panel-form__label {
position: absolute;
top: 40px;
left: 40px;
z-index: 5;
display: block;
color: #fff;
font-size: 32px;
font-weight: 700;
line-height: 1.38;
}
}
.form-wrapper__header {
display: block;
margin: 0 0 15px;
}
@media only screen and (min-width: 992px) {
.form-wrapper__header {
display: block;
margin: 0 0 19px;
}
}
.form-wrapper__header:last-child {
margin-bottom: 0;
}
.form-wrapper__heading {
display: block;
margin: 0 0 6px;
}
@media only screen and (min-width: 992px) {
.form-wrapper__heading {
margin: 0 0 10px;
}
}
.form-wrapper__heading:last-child {
margin-bottom: 0;
}
.form-wrapper__description {
display: block;
margin: 0 0 10px;
line-height: 1.25;
}
@media only screen and (min-width: 992px) {
.form-wrapper__description {
font-size: 16px;
line-height: 1.25;
}
}
.form-wrapper__description:last-child {
margin-bottom: 0;
}
.form-wrapper__inputs {
display: block;
margin: 0 0 14px;
}
@media only screen and (min-width: 992px) {
.form-wrapper__inputs {
margin: 0 0 22px;
}
}
.form-wrapper__inputs:last-child {
margin-bottom: 0;
}
.form-wrapper__submit {
display: block;
margin: 0 0 20px;
}
.form-wrapper__submit:last-child {
margin-bottom: 0;
}
.form-wrapper_type_enhanced .form-wrapper__item {
max-width: 100%;
margin: 0 0 10px;
}
@media only screen and (min-width: 992px) {
.form-wrapper_type_enhanced .form-wrapper__item {
margin: 0 0 16px;
}
}
.form-wrapper_type_enhanced .form-wrapper__item:last-child {
margin-bottom: 0;
}
.form-wrapper_type_enhanced .form-wrapper__item-checkbox {
margin-top: 32px;
}
.form-wrapper_type_enhanced .form-wrapper__item-checkbox:first-child {
margin-top: 16px;
}
.form-wrapper_type_enhanced .form-wrapper__item label {
font-size: 12px;
margin: 0 0 3px;
}
.form-wrapper_type_enhanced .form-wrapper__item-checkbox a {
font-size: inherit;
}
@media only screen and (min-width: 992px) {
.form-wrapper_type_enhanced .form-wrapper__item label {
font-size: 14px;
margin: 0 0 8px;
}
}
.form-wrapper_type_enhanced .form-wrapper__item input {
padding: 0 11px;
height: 40px;
font-size: 12px;
line-height: 42px;
}
@media only screen and (min-width: 992px) {
.form-wrapper_type_enhanced .form-wrapper__item input {
padding: 0 20px;
height: 44px;
font-size: 14px;
}
}
.form-wrapper_type_enhanced
.form-wrapper__item
input::-webkit-input-placeholder {
color: #959595;
font-size: 12px;
}
.form-wrapper_type_enhanced .form-wrapper__item input:-ms-input-placeholder {
color: #959595;
font-size: 12px;
}
.form-wrapper_type_enhanced .form-wrapper__item input::-moz-placeholder {
color: #959595;
font-size: 12px;
opacity: 1;
}
.form-wrapper_type_enhanced .form-wrapper__item input::-ms-input-placeholder {
color: #959595;
font-size: 12px;
opacity: 1;
}
.form-wrapper_type_enhanced .form-wrapper__item input::placeholder {
color: #959595;
font-size: 12px;
opacity: 1;
}
@media only screen and (min-width: 992px) {
.form-wrapper_type_enhanced
.form-wrapper__item
input::-webkit-input-placeholder {
color: #959595;
font-size: 14px;
}
.form-wrapper_type_enhanced .form-wrapper__item input:-ms-input-placeholder {
color: #959595;
font-size: 14px;
}
.form-wrapper_type_enhanced .form-wrapper__item input::-moz-placeholder {
color: #959595;
font-size: 14px;
opacity: 1;
}
.form-wrapper_type_enhanced .form-wrapper__item input::-ms-input-placeholder {
color: #959595;
font-size: 14px;
opacity: 1;
}
.form-wrapper_type_enhanced .form-wrapper__item input::placeholder {
color: #959595;
font-size: 14px;
opacity: 1;
}
}
.form-wrapper_type_panel {
width: 100%;
padding: 30px 20px 24px;
max-width: 528px;
margin-right: auto;
margin-left: auto;
}
@media only screen and (min-width: 600px) {
.form-wrapper_type_panel {
padding: 40px 53px 35px;
border: 1px solid #e5e5e5;
}
}
.button_type_enhanced {
display: inline-block;
width: auto;
min-width: auto;
max-width: 100%;
min-height: 40px;
padding: 9px 40px;
font-size: 16px;
line-height: 20px;
}
@media only screen and (min-width: 992px) {
.button_type_enhanced {
min-height: 48px;
padding: 11px 40px;
font-size: 20px;
line-height: 24px;
}
}
.button_width_full {
display: block;
width: 100%;
max-width: 100%;
}
.button_caps_normal {
text-transform: none;
}
@media only screen and (min-width: 600px) {
.popup_type_enhanced .mfp-close {
top: -14px;
right: -12px;
}
}
.popup_width_m {
max-width: 568px;
}
.popup_width_l {
max-width: 568px;
}
@media only screen and (min-width: 992px) {
.popup_width_l {
max-width: 1240px;
}
}
/*! task/40726 !*/
.section__row-item::before {
content: "";
position: absolute;
width: 100%;
top: 0%;
transition: all 0.3s ease 0s;
z-index: 10;
height: 100%;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0.45) 0%,
rgba(0, 0, 0, 0) 100%
);
}
@media (max-width: 561px) {
.content .sections._active.section__grid {
display: block;
row-gap: 10px;
}
.section__row-item::before {
top: 0%;
}
.section__row-item {
min-height: 175px;
margin-bottom: 10px;
}
}
@media (min-width: 562px) {
.section__grid .section__row-item {
margin-bottom: 0;
}
.content .sections._active.section__grid {
display: grid;
/* grid-auto-flow: column dense; */
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
gap: 20px 20px;
grid-template-areas:
". tall"
". tall"
"wide wide"
"tall2 ."
"tall2 .";
}
.section__grid .section__row-item:nth-child(5) {
grid-area: wide;
}
.section__row-item {
min-height: 287px;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.section__row-item::before {
top: 40%;
}
}
@media (min-width: 991px) {
.content .section__grid,
.content .sections._active.section__grid {
display: grid;
/* grid-auto-flow: column dense; */
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
gap: 20px 20px;
grid-template-areas:
". . tall"
"tall2 . tall"
"tall2 . .";
}
.section__grid .section__row-item:nth-child(5) {
grid-area: unset;
}
.section__row-item {
min-height: 387px;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.section__row-item::before {
top: 40%;
}
}
.section__grid .section__row-item:nth-child(3) {
grid-area: tall;
}
.section__grid .section__row-item:nth-child(4) {
grid-area: tall2;
}
.section__row-item--title-line {
color: #fff;
font-family: Formular;
font-size: 24px;
text-transform: uppercase;
font-style: normal;
font-weight: 700;
line-height: normal;
display: inline-block;
margin-bottom: 24px;
}
@media (hover: hover) and (min-width: 768px) {
.section__row-item:hover .section__row-item_content {
transform: translateY(0%);
}
.section__row-item:hover::before {
top: 0;
}
.section__row-item:hover .section__row-item-image {
transform: scale(1.1);
}
.section__row-item:hover .section__row-item__subsections-list {
/* transform: translateY(0%); */
opacity: 1;
}
}
.section__row-item-image {
transition: all 0.5s ease 0s;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.section__row-item_content {
padding: 20px;
z-index: 12;
display: flex;
flex-direction: column;
position: absolute;
bottom: 0;
transition: all 0.5s ease 0s;
/* height: 100%; */
transform: translateY(calc(100% - 4.5rem));
}
.section__row-item__subsections-list {
opacity: 0;
/* transform: translateY(1rem); */
transition: transform 0.5s ease, opacity 0.3s ease;
}
.section__row-item__subsections-link {
display: block;
color: #fff;
font-family: Formular;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.form h3 {
margin-bottom: 22px;
}
.form-container {
margin-bottom: 15px;
}
.form-line {
display: flex;
}
.form-wrapper__item-comment {
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #959595;
margin-top: 10px;
}
.form-wrapper__item p,
.form-wrapper__item p a {
font-size: 16px;
}
.form-wrapper__item._text-right {
display: block;
text-align: right;
}
.form-wrapper__item._text-center {
display: block;
text-align: center;
}
.form-wrapper__item._error span {
display: block;
}
.form-wrapper__item._error input,
.form-wrapper__item._error textarea,
.form-wrapper__item._error select {
color: #d30000;
border: 1px solid #d30000;
}
.form-wrapper__item label {
font-weight: 300;
font-size: 14px;
line-height: 20px;
margin-bottom: 8px;
}
.form-wrapper__item span {
font-weight: 300;
font-size: 11px;
line-height: 20px;
color: #d30000;
margin-top: 8px;
display: none;
}
.form-wrapper__item input,
.form-wrapper__item textarea,
.form-wrapper__item select {
padding: 12px 20px;
border: 1px solid #959595;
}
.form-wrapper__item input::-webkit-input-placeholder,
.form-wrapper__item input::-moz-placeholder,
.form-wrapper__item input:-moz-placeholder,
.form-wrapper__item input:-ms-input-placeholder,
.form-wrapper__item textarea::-webkit-input-placeholder,
.form-wrapper__item textarea::-moz-placeholder,
.form-wrapper__item textarea:-moz-placeholder,
.form-wrapper__item textarea:-ms-input-placeholder,
.form-wrapper__item select::-webkit-input-placeholder,
.form-wrapper__item select::-moz-placeholder,
.form-wrapper__item select:-moz-placeholder,
.form-wrapper__item select:-ms-input-placeholder {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #959595;
}
.form-wrapper__item .preview-upload {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 30px;
margin-top: 17px;
}
.form-wrapper__item .preview-upload .aks-file-upload-preview {
width: 72px;
height: 72px !important;
margin-right: 20px;
border-radius: 0;
}
.form-wrapper__item
.preview-upload
.aks-file-upload-preview
.aks-file-upload-p-header {
background: none;
}
.form-wrapper__item
.preview-upload
.aks-file-upload-preview
.aks-file-upload-p-header-icon,
.form-wrapper__item
.preview-upload
.aks-file-upload-preview
.aks-file-upload-p-header-content {
display: none;
}
.form-wrapper__item
.preview-upload
.aks-file-upload-preview
.aks-file-upload-p-header
.aks-file-upload-delete {
background: none;
right: 6px;
top: 6px;
width: 6px;
height: 6px;
}
.form-wrapper__item
.preview-upload
.aks-file-upload-preview
.aks-file-upload-p-header
.aks-file-upload-delete:hover {
border: none;
}
.form-wrapper__item
.preview-upload
.aks-file-upload-preview
.aks-file-upload-p-main {
background: none;
}
.form-wrapper__item
.preview-upload
.aks-file-upload-preview
.aks-file-upload-p-main
.aks-file-upload-image {
width: 72px;
height: 72px;
}
.form-wrapper__item
.preview-upload
.aks-file-upload-preview
.aks-file-upload-p-main
.aks-file-upload-image
img {
height: 100% !important;
}
.form-wrapper__item .aks-file-upload {
width: 285px;
height: 90px;
border: 1px dashed #959595;
display: flex;
background: none;
box-shadow: none;
margin: 0;
border-radius: 0;
}
.form-wrapper__item .aks-file-upload-content {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.form-wrapper__item .aks-file-upload-label {
display: flex;
flex-direction: column;
justify-content: space-around;
padding: 7px;
margin: 0;
}
.form-wrapper__item .aks-file-upload-label:-moz-drag-over span {
color: #f7faf7;
border: 1px solid #3333cc;
background: #3333cc;
}
.form-wrapper__item .aks-file-upload-label:hover span {
color: #f7faf7;
border: 1px solid #3333cc;
background: #3333cc;
}
.form-wrapper__item .aks-file-upload-label span {
display: flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
color: #282323;
border: 1px solid #282323;
transition: 0.3s all;
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.form-wrapper__item .aks-file-upload-label::after {
content: "или перетащите файлы сюда";
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #959595;
}
.form-wrapper__item textarea {
height: 164px;
}
.form-wrapper__item .selectize-control .selectize-input {
height: 46px;
padding: 12px 20px;
border: 1px solid #959595;
background: none;
border-radius: 0;
}
.form-wrapper__item .selectize-control .selectize-input .item {
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #959595;
}
.form-wrapper__item-file {
width: 192px;
height: 38px;
border: 1px solid #282323;
display: flex;
align-items: center;
justify-content: space-evenly;
cursor: pointer;
transition: 0.3s all;
}
.form-wrapper__item-file._photo {
width: 124px;
height: 124px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border: none;
}
.form-wrapper__item-file._photo:hover {
border-color: #3333cc;
}
.form-wrapper__item-file._photo:hover span {
background-color: #3333cc;
border-color: #3333cc;
}
.form-wrapper__item-file._photo span {
font-weight: 300;
font-size: 12px;
line-height: 15px;
border: 1px solid #f7faf7;
color: #f7faf7;
padding: 8px;
transition: 0.3s all;
}
.form-wrapper__item-file._photo span::before {
display: none;
}
.form-wrapper__item-file:hover {
background-color: #3333cc;
border-color: #3333cc;
}
.form-wrapper__item-file:hover span {
color: #f7faf7;
}
.form-wrapper__item-file input {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
}
.form-wrapper__item-file span {
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #282323;
display: block;
margin-top: 0;
z-index: 1;
cursor: pointer;
}
.form-wrapper__item-file span::before {
content: "+";
font-size: 20px;
line-height: 16px;
margin-right: 12px;
}
.form-wrapper__item-file__default input {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
}
.form-wrapper__item-file__default .add-file {
display: flex;
align-items: center;
transition: 0.3s all;
cursor: pointer;
}
.form-wrapper__item-file__default .add-file:hover .add-file-button {
border: 1px solid #3333cc;
color: #f7faf7;
background: #3333cc;
}
.form-wrapper__item-file__default .add-file-button {
padding: 8px 20px;
border: 1px solid #959595;
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #282323;
margin-right: 26px;
transition: 0.3s all;
cursor: pointer;
}
.form-wrapper__item-file__default .add-file-text {
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #282323;
cursor: pointer;
}
.form-wrapper__item-file__default label {
margin-top: 10px;
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #959595;
}
.form-wrapper__item-checkbox input {
opacity: 0;
visibility: hidden;
position: absolute;
}
.form-wrapper__item-checkbox label {
padding-left: 28px;
cursor: pointer;
color: #959595;
}
.form-wrapper__item-checkbox label::before {
content: "";
width: 20px;
height: 20px;
border: 1px solid #959595;
position: absolute;
left: 0;
top: 0;
transition: 0.3s all;
}
.form-wrapper__item-checkbox._active label::before {
background: #3333cc;
border: none;
}
.form-wrapper__item-checkbox._active label::after {
content: "";
width: 20px;
height: 20px;
position: absolute;
color: #f7faf7;
left: 0;
top: 0px;
font-size: 11px;
background-image: url(/local/templates/hair/../img/default/checkmark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
}
.partnership-page__title,
span.infinity-brand {
color: #8d0e57;
}
.banner-picture {
display: block;
width: 100%;
}
.banner-picture__image {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}
.banner-video {
display: block;
width: 100%;
height: auto;
}
.top-header .lang-nav {
padding: 0 10px 0 0;
}
.lang-nav {
display: block;
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 1.214;
}
.lang-nav__list {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
}
.lang-nav__item {
display: block;
flex: 0 0 auto;
width: auto;
}
.lang-nav__label {
display: block;
padding: 2px 5px;
color: inherit;
text-decoration: none;
background: transparent;
border: none;
outline: none;
}
.lang-nav__label:hover {
color: #33c;
text-decoration: none;
}
.lang-nav__label_state_active {
color: #fff;
background-color: #33c;
}
.lang-nav__label_state_active:hover {
color: #fff;
}
.mobile-menu .lang-nav__list {
justify-content: flex-end;
}
.mobile-menu .lang-nav__label {
color: #fff;
}
.header__mobile-logos {
display: none;
}
.search-block__search-icon {
display: none;
}
.mobile-menu__button-bars {
display: none;
}
.logo__inline-image {
display: block;
width: 100%;
height: auto;
fill: currentColor;
}
.logo__inline-image path,
a:hover .logo__inline-image path {
fill: inherit;
}
@media only screen and (max-width: 992px) {
.header_state_concept .header__mobile-logo-item:first-child {
position: relative;
z-index: 1;
color: #fff;
background: linear-gradient(to left, transparent 10px, var(--color-primary) 10px);
}
.header_state_concept .header__mobile-logo-item:first-child:after {
display: block;
}
header:has(.header_state_concept) .mobile-menu__button-bars {
color: #fff;
}
.header_state_infinity .header__mobile-logo-item:last-child:after {
display: block;
}
.header_state_infinity .header__mobile-logo-item:last-child {
position: relative;
z-index: 1;
color: #fff;
background: linear-gradient(to right, transparent 10px, var(--color-primary) 10px);
}
.header_state_infinity .search-block__search-icon {
color: #fff;
}
.header_style_see-through .header__mobile-logo-item,
.header_style_see-through .header__burger,
.header_style_see-through .header__search-trigger {
color: #fff;
}
header {
height: auto;
}
header .middle-header {
--color-primary: #000F9F;
height: auto;
padding: 0;
background: #fff;
}
header .middle-header .logo-container {
display: none;
}
.header__mobile-logos {
display: flex;
flex-wrap: nowrap;
height: 50px;
width: calc(100% + 20px);
margin: 0 -10px;
border: 1px solid var(--color-primary);
border-width: 1px 0
}
.header__mobile-logo-item {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
flex: 1 1 50%;
color: #464646;
padding: 0 0 4px 26px;
}
.header__mobile-logo-item:last-child {
padding: 0 18px 3px 0;
}
.header__mobile-logo-item:after {
content: '';
position: absolute;
top: 0;
right: 0;
z-index: 1;
display: none;
width: 20px;
height: 100%;
clip-path: polygon(0 0, 100% 0, 0 100%);
transform: translate(10px, 0);
background: var(--color-primary);
}
.header__mobile-logo-item:last-child:after {
left: 0;
transform: translate(-10px, 0) rotate(180deg);
}
.header__mobile-logo {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
flex-direction: column;
width: 77px;
height: 26px;
color: inherit;
}
.middle-header a {
color: inherit;
}
header .middle-header .search-block__mobile-activate:not(._active) {
position: absolute;
top: 50%;
right: 15px;
width: 14px;
height: 14px;
color: #272323;
background: transparent;
transform: translate(0, -50%);
opacity: 1;
border: none;
background: transparent;
}
header .middle-header .search-block__mobile-activate:not(._active) .search-block__search-icon {
display: block;
width: 14px;
height: 14px;
fill: currentColor;
}
header .mobile-menu {
height: 50px;
}
header .mobile-menu__wrapper {
top: 50px;
}
header .mobile-menu__button {
position: absolute;
top: 50%;
left: 15px;
z-index: 10;
display: block;
width: 16px;
height: 10px;
color: #272323;
transform: translate(0, -50%);
background: transparent;
}
.mobile-menu__button-bars {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
width: 16px;
height: 10px;
border-top: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translate(-50%, -50%);
transition: border-color 0.3s ease;
}
header .mobile-menu .mobile-menu__button-bars:before,
header .mobile-menu .mobile-menu__button-bars:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 16px;
height: 2px;
background: currentColor;
transform: translate(-50%, -50%);
transition: transform 0.3s ease;
}
header .mobile-menu__button._active .mobile-menu__button-bars {
border-color: transparent;
}
header .mobile-menu__button._active .mobile-menu__button-bars:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
header .mobile-menu__button._active .mobile-menu__button-bars:after {
transform: translate(-50%, -50%) rotate(45deg);
}
}
/* End */
/* Start:/local/templates/hair/template_styles.css?172528247660119*/
@font-face {
font-family: 'Formular';
src: url('/local/templates/hair/./fonts/Brownfox - Formular Light.otf');
font-weight: 200;
font-display: swap;
}
.content .novelties-slider__slide {
height:420px;
}
.article-slides {
margin-top: 50px;
}
.article-slides .novelties-slider__slide {
overflow: hidden;
}
.content .novelties-slider__slide-image {
margin-bottom:20px;
}
.article-slides .novelties-slider__slide-image {
height: fit-content;
}
.content .links {
display: flex;
align-items: center;
}
.content .links p {
margin:0 40px 0 0;
}
.product-detail__volume-item._disabled label {
cursor: default;
opacity:.3;
}
.product-detail__volume-item._disabled:hover {
border:none;
}
.content .product-detail__options {
height: auto;
margin-top: 30px;
background: #fff;
display: flex;
flex-wrap: wrap;
margin-bottom: 25px;
}
.content .product-detail__options-item {
width: 100%;
display: flex;
margin-bottom: 16px;
}
.content .product-detail__options-item--icon {
width: 35px;
display: inline-table;
}
.content .product-detail__options-item--text p {
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 5px;
}
.content .product-detail__options-item--text span {
width: 100%;
display: inline-block;
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.content .personal-content__item-row._managers {
max-width:100%;
}
.content .personal-content__item-row._managers .representatives-wrapper {
max-width:100%;
}
.content .representatives-wrapper__item {
width:25%;
}
.exist-delete {
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;
background-color: rgba(0,0,0,.5);
border-radius: 9999px;
-webkit-transition: -webkit-box-shadow .25s ease-in;
transition: -webkit-box-shadow .25s ease-in;
-o-transition: box-shadow .25s ease-in;
transition: box-shadow .25s ease-in;
transition: box-shadow .25s ease-in,-webkit-box-shadow .25s ease-in;
cursor: pointer;
position: absolute;
right: 12px;
background: none;
right: 6px;
top: 6px;
width: 6px;
height: 6px;
}
.suggestions-suggestion {
cursor:pointer;
}
.suggestions-suggestion span {
display:inline-block;
font-size:initial;
color:initial;
}
.product-detail__text--more {
height:0;
visibility:none;
opacity:0;
overflow:hidden;
transition:.3s all;
}
._link-reverse {
color:#3333CC;
text-decoration: underline;
}
._link-reverse:hover {
text-decoration: none;
}
.product-list_item {
width:100%;
}
.product-detail__text--more._active {
height:auto;
padding: 20px 0 0;
visibility:visible;
opacity:1;
}
.product-detail__text h2:not([class]) {
margin: 0 0 20px;
font-size: 20px;
text-align: left;
line-height: 1.2;
font-weight: 600;
}
.product-detail__text h2:not([class]):last-child {
margin-bottom: 0;
}
.aks-file-upload-preview._old {
opacity:.3;
}
.tabs-buttons-wrapper {
flex-wrap:wrap;
}
.tabs-buttons-wrapper button {
margin-bottom:20px;
}
.get-order .slide-toggle-container {
flex-direction: column;
}
._align-right {
display:flex;
justify-content: flex-end;
}
.swal2-content p {
font-size:20px;
margin:0 0 10px;
line-height:26px;
}
.swal2-styled.swal2-confirm {
width: 100%;
background: #3333CC!important;
color: #f7faf7!important;
font-size: 14px!important;
line-height: 14px!important;
display: block;
text-align: center;
text-transform: uppercase;
transition: .3s all;
white-space: nowrap;
text-align: center;
padding: 11px 40px;
border: 1px solid #3333CC!important;
min-height: 40px;
max-width: 170px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0!important;
outline:none!important;
}
button:active, button:focus {
outline: none!important;
}
button::-moz-focus-inner {
border: 0!important;
}
.product-list_wrapper {
justify-content: flex-start;
}
#paletteSlider .swiper-slide {
filter:initial!important;
background:none!important;
}
#paletteSlider {
background:#F7FAF7;
padding:50px 0;
margin-bottom:50px;
}
.container._inside-page {
flex-direction: column;
/*display:flex;*/
}
.popup-buy {
max-width: 350px;
padding: 30px;
}
.popup-buy .button {
margin:10px 0;
display: flex;
justify-content: center;
}
.popup-buy button.mfp-close {
font-size: 22px;
width: 30px;
height: 30px;
line-height:22px;
}
.popup_content--row {
display:flex;
flex-direction: row;
justify-content: space-between;
}
.button._auto {
width:auto;
}
.show-hide {
background: none;
border:none;
outline:none;
width:16px;
height:16px;
position:absolute;
top:43px;
right:14px;
padding:0;
}
.show-hide svg path {
transition:.3s all;
}
.show-hide:hover svg path {
fill:#000;
}
.radio-group {
display:flex;
}
.radio-group__item {
margin-right:20px;
}
.radio-group__item label {
display: flex;
/*align-items: center;*/
color:#282323;
cursor:pointer;
transition:.3s all;
}
.radio-group__item label:hover {
color:#3333CC;
}
.radio-group__item label::before {
content:"";
width:12px;
height:12px;
border: 1px solid #959595;
border-radius: 50%;
margin-right:4px;
margin-top: 5px;
}
.radio-group__item label::after {
content:"";
width:8px;
height:8px;
background:#3333CC;
border-radius: 50%;
position:absolute;
left:2px;
top:7px;
opacity:0;
visibility:hidden;
transition:.3s all;
}
.radio-group__item._active label::after {
opacity:1;
visibility:visible;
}
.radio-group__item input {
position:absolute;
left:0;
top:0;
opacity:0;
visibility:hidden;
}
._me p {
font-weight: 300;
font-size: 14px!important;
line-height: 20px;
margin:0 33px 0 0;
}
.personal-form-inputs {
display:none;
}
.personal-form-inputs._active {
display:block;
}
.socials__wrapper-item svg path {
fill:#959595;
}
.socials__wrapper-item._active svg path,.socials__wrapper-item._active svg path {
fill:#3333CC;
}
.images-list a {
margin-bottom:26px;
}
.content .videos-container__item {
margin-bottom:20px;
}
.lookbook-list__item-title {
font-family:'Formular';
color:#F7FAF7;
font-size:30px;
}
.content .downloads-item__image img,.downloads-popup .popup_content .downloads-item__image img {
object-fit: contain;
}
.downloads-popup__no-image .popup_header._with-icon {
display:flex;
flex-direction: column;
}
.form-wrapper__item .selectize-control .selectize-input .item {
color:#282323;
}
.aks-file-upload-preview {
overflow:visible;
}
.seminar-detail__who-leads--picture .seminar-detail__who-leads-image {
width:100%;
height:100%;
}
.seminar-detail__who-leads--picture .seminar-detail__who-leads-image img {
width:100%;
height:100%;
object-fit: cover;
}
#cityChoose form {
width:100%;
}
#cityChoose h3 {
margin-bottom:5px;
}
#cityChoose p {
font-weight:300;
}
#cityChoose input {
margin-bottom:15px;
}
#cityChoose .form-wrapper__item p {
cursor: pointer;
margin-bottom:12px;
}
#cityChoose .form-wrapper__item p:nth-child(1),
#cityChoose .form-wrapper__item p:nth-child(2),
#cityChoose .form-wrapper__item p:nth-child(3) {
font-weight:bold;
}
header .top-header .top-menu__item .dd-menu {
box-shadow: 2px 12px 12px rgb(0 0 0 / 25%);
}
.content {
display:flex;
flex-direction: column;
}
.content .department-list__item {
align-items: start;
}
.content .department-list__item:hover {
box-shadow:none;
}
.content .department-list__item--photo {
margin-left:auto;
margin-right:auto;
}
.content .department-list__item--photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.full-page-slider .container {
max-width:100%;
}
.content .representatives-wrapper {
max-width:650px;
justify-content: flex-start;
}
.content .representatives-wrapper__item {
display:flex;
flex-direction: column;
}
.content .placemarks-list__item-row a.get-route {
text-decoration: underline;
}
.content .placemarks-list__item-row > *:first-child {
max-width:190px;
}
.content .sections-row__item--title-line {
z-index:4;
}
.content .personal-content .showed-info__column {
justify-content:space-between;
}
p.location-link {
padding-left: 22px;
position: relative;
display: inline-block;
padding-top: 4px;
padding-bottom: 4px;
}
p.location-link::before {
content: "";
width: 11px;
height: 13px;
background: url(/static/app/assets/css/../img/header/find-salon-icon.svg) no-repeat;
position: absolute;
left: 0;
top: 7px;
}
.salon-map-popup__photo img {
width:100%;
height:100%;
object-fit: cover;
}
.salon-map-popup {
width:464px;
}
.content .salon-map-popup__photo{
height: 110px;
margin-bottom: 14px;
}
.content .salon-map-popup__logo-title{
margin-bottom: 1px;
}
.content .salon-map-popup__logo-title p{
text-transform: uppercase;
font-size: 22px;
margin-bottom: 6px;
}
p.location-link{
margin-bottom: 1px;
}
p.location-link::before{
background-size: contain;
width: 13px;
height: 16px;
background-position: center;
}
.phone-block p{
font-size: 13px;
}
.phone-block::before{
background-size: contain;
width: 14px;
height: 16px;
background-position: center;
}
.content .salon-map-popup__footer{
margin-top: 16px;
}
.content .salon-map-popup__footer > a{
color:#3333CC;
}
.content .salon-map-popup__footer-right{
padding-top: 5px;
}
.content .salon-map-popup__footer-right a{
text-decoration: underline;
}
.content .salon-map-popup__footer-right a:hover,
.content .salon-map-popup__footer-right a:focus{
text-decoration: none;
}
.ymaps-2-1-79-balloon__content > ymaps {
width:464px!important;
}
.ymaps-2-1-79-balloon__close-button {
position:absolute;
right:0;
top:0;
}
.ymaps-2-1-79-balloon__close+.ymaps-2-1-79-balloon__content {
margin-right:0!important;
padding:23px 22px 0px!important;
}
.order-success {
width:100%;
border: 1px solid #959595;
padding:50px;
display:flex;
justify-content: center;
align-items: center;
text-align: center;
flex-direction: column;
opacity:0;
visibility:hidden;
transition:.3s all;
}
.order-success._show {
opacity:1;
visibility:visible;
}
.order-success p {
font-weight: 300;
font-size: 16px;
line-height: 20px;
}
.order-success p.title {
color:#3333CC;
font-weight: 600;
font-size: 20px;
line-height: 132%;
}
.content-text._full-width {
width:100%;
}
.detail-picture-blog {
max-height: 500px;
max-width: 100%;
width: 100%;
object-fit: cover;
}
.video-blog-page {width: 50%;height: 350px;padding: 15px;}
.video-blog {display: flex;flex-wrap: wrap;}
.blog-table {border:1px solid #000;}
.blog-table td {border:1px solid #000;}
.product-list_item-description__item-text,.product-detail__options-item--text {
width:calc(100% - 35px);
}
@media (max-width: 992px) {
.content .personal .get-order .slide-toggle-container {
width: 100%;
}
#paletteSlider {
padding:25px;
margin-bottom:25px;
}
#paletteSlider .swiper-wrapper {
align-items: center;
}
#paletteSlider .swiper-slide {
width:100%!important;
min-height:initial;
}
.content .product-detail {
width:100%;
}
}
@media (max-width: 576px) {
.video-blog-page {width: 100%;height: 250px;}
.detail-picture-blog {
max-height: 250px;
}
.filter .navigation {
width: 75px!important;
top:-29px!important;
}
.filter .navigation .swiper-button-next,.filter .navigation .swiper-button-prev {
width: 25px!important;
height:25px!important;
}
.filter .navigation .swiper-button-next svg,.filter .navigation .swiper-button-prev svg {
width: 12px!important;
height:12px!important;
}
.palette-section h2 {
text-align:left;
}
.popup_content--row {
flex-direction: column;
}
.popup_content--row .button {
width:100%;
margin:10px 0;
}
}
.content .product-detail__palette-empty{
margin-bottom: 20px;
}
.form-wrapper__item-checkbox input{
visibility: visible;
margin: 6px 3px 0;
}
.form-wrapper__item-checkbox input._error + label:before{
border-color: #D30000;
}
.form-wrapper__item-file._photo._empty{
background-color: #f7faf7;
}
.form-wrapper__item-file._photo._empty span{
color:#282323;
border-color: #282323;
}
.form-wrapper__item-file._photo:hover span{
color:#fff;
}
ul:not([class]) {
display: inherit;
padding-left: 32px;
}
p + ul:not([class]) {
margin-top: -5px;
}
ul:not([class]) li{
margin-bottom: 10px;
position: relative;
}
ul:not([class]) li:before{
content: "";
display: block;
width: 12px;
height: 2px;
background: #3333CC;
position: absolute;
left: -22px;
top: 9px;
}
ul:not([class]) li:last-child{
margin-bottom: 20px;
}
ul:not([class]) li p{
margin: 0;
}
ul:not([class]) li p + p{
margin-top: 20px;
}
.product-lines-slider .container .button{
margin-top: 20px;
}
.product-list_item .product-list_item-description:after,
.novelties-slider__slide .novelties-slider__slide-description:after{
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,0) 100%);
z-index: 1;
}
.lookbook-detail .lookbook-detail-slider{
margin-top: 50px;
margin-bottom: 50px;
}
.lookbook-detail .content-text p:last-child{
margin-bottom: 0;
}
.lookbook-detail .content-text p + .videos-container{
margin-top: 30px;
}
.lookbook-detail .content-text .videos-container{
/*margin-bottom: 32px;*/
}
.content.lookbook-detail .events-wrapper{
margin-top: 20px;
}
.content.lookbook-detail .events-wrapper .event-item{
margin-bottom: 0;
}
.content.lookbook-detail .novelties{
padding-top: 12px;
}
.abroad-slider-wrapper{
overflow: hidden;
margin: -20px;
padding: 20px;
flex-grow: 1;
}
.abroad-slider-wrapper .swiper-container {
overflow: unset !important;
}
.default-slider-wrapper{
overflow: hidden;
margin: -20px;
padding: 20px;
flex-grow: 1;
margin-bottom: 35px;
}
.default-slider-wrapper .swiper-container {
overflow: unset !important;
}
.top-menu .dd-menu{
z-index: 20 !important;
}
.novelties .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 18px;
color:#282323;
}
.novelties .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 18px;
color:#282323;
}
.novelties .swiper-button-next:after, .swiper-button-prev:after {
font-size: 20px;
font-weight: 600;
}
.socials__wrapper-item .st0{
fill:#959595;
}
.socials__wrapper-item .st1{
fill: white !important;
}
.socials__wrapper-item_active .st0{
fill: #3333CC !important;
}
.socials__wrapper-item_active .st1{
fill: white !important;
}
.socials__wrapper-item._active .st0{
fill: #3333CC !important;
}
.socials__wrapper-item._active .st1{
fill: white !important;
}
.user-info__pic{
text-align: center;
}
.location-adress{
position: relative;
display: inline-block;
padding-top: 4px;
padding-bottom: 4px;
}
.disabled {
pointer-events: none; /* делаем ссылку некликабельной */
cursor: default; /* устанавливаем курсор в виде стрелки */
}
.wrapper-adress-edit{
position: relative;
margin-top: 15px;
margin-bottom: 15px;
}
.wrapper-adress-edit:first-child {
margin-top: 5px;
}
.wrapper-adress-edit .remove-icon{
position: absolute;
top: 33%;
right: 10px;
}
.tabs-item._active .product-list_wrapper{
/*flex-wrap: nowrap;*/
}
@media (max-width: 992px) {
.content .salon-map-popup__logo-title p{
color: #3333CC;
padding-bottom: 10px;
}
p.location-link::before{
top: 2px !important;
}
.content .salon-map-popup .location-link {
font-size: 14px !important;
}
.phone-block p{
font-size: 14px !important;
}
.phone-block::before{
top: 7px !important;
}
.content .salon-map-popup__footer {
padding-bottom: 20px;
}
.salon-map-popup__footer-right a{
font-size: 12px !important;
font-weight: 400 !important;
}
.content .salon-map-popup__footer-right {
padding-top: 0px !important;
}
.ymaps-2-1-79-balloon__layout{
max-height: 315px;
min-height: 190px;
width: 100%;
}
.ymaps-2-1-79-balloon{
max-height: 315px;
min-height: 190px;
width: 390px;
}
.content .salon-map-popup__photo {
max-width: 345px;
max-height: 80px;
}
.content .salon-map-popup__photo img{
height: 100% !important;
}
.salon-map-popup {
max-width: 345px;
}
.content .salon-map-popup__logo-title {
position: relative !important;
flex-direction: row !important;
align-items: flex-start;
height: 100% !important;
justify-content: flex-start;
padding: 0px !important;
}
.ymaps-2-1-79-balloon__content > ymaps {
max-width: 345px !important;
max-height:292px !important;
min-height: 170px !important;
}
.ymaps-2-1-79-balloon__content{
max-height:292px !important;
min-height: 170px !important;
}
.ymaps-2-1-79-balloon__content>ymaps{
height: 100% !important;
}
.content .salon-map-popup__logo-title p {
line-height: 27px;
padding-left: 5px;
}
.content .salon-map-popup__footer-right {
top: 40%;}
}
@media (max-width: 500px) {
.content .salon-map-popup__footer-right {
top: 100%;
margin-top: 10px;
}
.ymaps-2-1-79-balloon {
max-height: 300px !important;
min-height: 170px !important;
width: 290px !important;
}
.ymaps-2-1-79-balloon__content > ymaps {
max-width: 242px !important;
min-height: 170px !important;
}
.salon-map-popup {
max-width: 242px;
}
.content .salon-map-popup__footer {
display: flex;
flex-direction: column;
padding-bottom: 20px;
}
.content .salon-map-popup__footer-right a {
text-align: left;
}
.content .salon-map-popup__logo-title p {
font-size: 19px;
padding-bottom: 5px;
}
.content .salon-map-popup .location-link {
font-size: 13px !important;
}
.phone-block p {
font-size: 13px !important;
}
.content .salon-map-popup__footer-right {
position: relative;
}
.content .salon-map-popup__footer-right {
justify-content: flex-end;
}
.container{
position: relative;
overflow: hidden;
max-width: 100%;
}
}
@media (max-width: 340px) {
.ymaps-2-1-79-copyrights-pane{
margin-bottom: 30px;
}
.ymaps-2-1-79-balloon {
max-height: 310px !important;
min-height: 200px !important;
width: 290px !important;
left: 14px !important;
}
.ymaps-2-1-79-balloon__content > ymaps {
max-width: 242px !important;
overflow: hidden !important;
}
.salon-map-popup {
max-width: 242px;
}
.content .salon-map-popup__footer-right a {
/*text-align: left;*/
}
.content .salon-map-popup__logo-title p {
font-size: 19px;
padding-bottom: 5px;
}
.content .salon-map-popup .location-link {
font-size: 13px !important;
}
.phone-block p {
font-size: 13px !important;
}
.ymaps-2-1-79-balloon_layout_panel {
bottom: 25px !important;
}
}
header .bottom-header .main-menu__item-link{
text-transform: uppercase;
}
.main-menu__item .dd-menu{
padding-top: 15px !important;
}
@media (max-width: 991px){
.main-menu__item .dd-menu{
padding-top: 0px !important;
}
}
.contacts__phones-list .socials{
margin-top: 20px;
}
.list-contact-office{
margin-top: 12px;
}
.event-item__image-container{
position: relative;
}
.event-item__image-container .bottom-badge{
position: absolute;
left: 0px;
bottom: 19px;
display: flex;
width: 100%;
}
.event-item__image-container .type-block{
margin-left: 8px;
height: 40px;
min-width: 124px;
text-transform: uppercase;
color: #E7E1E1;
text-align: center;
line-height: 20px;
font-size: 16px;
font-weight: 400;
display: flex;
align-content: center;
justify-content: center;
flex-wrap: wrap;
}
.event-item__image-container .type-block span{
padding: 10px 20px;
}
@media (max-width: 400px) {
.event-item__image-container .type-block {
margin-left: 19px;
height: 30px;
min-width: 100px;
font-size: 12px;
margin-left: 15px;
}
}
.content .news-list__wrapper{
width: 100% !important;
}
#seminar-name{
width: 95%;
}
.news-slider__slide-image img{
width: 100%;
}
.st2{
fill: white;
}
.full-img{
width: 100%;
min-height: 120px;
height: auto;
}
.container .content-text img{
max-width: 100% !important;
}
@media (max-width: 600px) {
.content .banner {
margin-top: 30px !important;
}
.content .ask-question {
margin-top: 70px !important;
}
.content .product-lines {
margin-bottom: 40px !important;
}
footer ._mobile-centered {
margin-bottom: 5px !important;
}
footer .top-footer__menu {
margin-bottom: 5px !important;
}
footer .top-footer__menu-mobile-title {
padding: 20px 0 !important;
}
}
@media (max-width: 350px) {
.content .events-wrapper {
margin-top: 10px;
}
.content .banner {
margin-top: 30px;
}
.content .ask-question {
margin-top: 50px;
}
}
.events-wrapper .mobile-events{
display: none;
}
.content .events-wrapper .mobile-events .event-item{
max-width: 100%;
padding-left: 10px !important;
padding-right: 10px !important;
}
@media (max-width: 992px) {
.events-wrapper .desktop-events{
display: none;
}
.events-wrapper .mobile-events{
display: block;
width: 100%;
}
.content .events-wrapper .event-item__description {
height: 200px;
}
.mobile-slider-button {
}
.bottom-button-wrapper{
/*position: absolute;*/
position: relative;
bottom: 0px;
display: flex;
justify-content: center;
width: 100%;
}
}
.banner .desktop-show{
display: block;
}
.banner .desktop-hidden{
display: none;
}
@media (max-width: 992px) {
.desktop-show{
display: none;
}
.desktop-hidden{
display: block;
}
.banner-catalog{
margin-top: 0px !important;
}
footer.mt-30{
margin-top: 30px !important;
}
.sections-row__subsections-list{
display: none !important;
}
.product-list{
margin-bottom: 0px !important;
}
.content .ask-question.ask-question-mt-0{
margin-top: 0px !important;
}
.content-text-h1 {
font-weight: bold;
font-size: 16px;
line-height: 20px;
}
.main-h1 {
text-align: center;
margin-bottom: 30px;
line-height: 32px;
font-size: 24px;
}
.catalog-h1 {
margin-bottom: 30px;
line-height: 32px;
font-size: 24px;
}
.catalog-middle-text__mobile p {
font-size: 24px;
display: contents !important;
}
}
@media (max-width: 600px) {
.content .full-page-slider {
margin-bottom: 25px;
}
footer {
margin-top: 80px;
}
.content .advantages-list{
margin: 0px 0 !important;
}
.ask-question.mt-50{
margin-top: 50px !important;
}
}
.content .banner-catalog {
margin-top: 0px;
}
.full-page-banner .show-desktop{
width: 100%;
height: auto;
}
.current-select-item{
display: none;
}
.all-items{
display: block;
}
.mt-30{
margin-top: 30px !important;
}
.non-active-city a{
pointer-events: none;
text-decoration: unset;
}
.content-text-h1 {
text-align: left;
margin-bottom: 30px;
font-weight: bold;
font-size: 30px;
line-height: 37px;
color: #282323;
margin: 0;
text-transform: uppercase;
width: 100%;
}
.main-h1 {
text-align: center;
margin-bottom: 30px;
line-height: 32px;
}
.catalog-h1 {
margin-bottom: 30px;
line-height: 32px;
}
.catalog-middle-text {
margin: 50px 0;
}
.catalog-middle-text p {
font-size: 24px;
}
.catalog-middle-text__mobile p {
font-size: 24px;
display: none;
}
.partnership-page {
padding: 80px 0 0;
}
.partnership-page__wrapper {
display: block;
}
@media only screen and (min-width: 1200px) {
.partnership-page__wrapper {
display: flex;
flex-wrap: nowrap;
margin: 0 -10px;
}
}
.partnership-page__main {
display: block;
margin: 0 0 60px;
}
@media only screen and (min-width: 1200px) {
.partnership-page__main {
flex: 0 1 58.4%;
width: 58.4%;
max-width: 58.4%;
padding: 0 10px;
margin: 0;
}
}
.partnership-page__aside {
display: block;
}
@media only screen and (min-width: 1200px) {
.partnership-page__aside {
flex: 0 1 41.6%;
width: 41.6%;
max-width: 41.6%;
padding: 0 10px;
}
}
.partnership-page__intro {
margin: 0 0 60px;
}
.partnership-page__intro:last-child {
margin-bottom: 0;
}
.partnership-page__content {
margin: 0 0 38px;
}
.partnership-page__content:last-child {
margin-bottom: 0;
}
.partnership-page__outro {
margin: 0 0 60px;
}
.partnership-page__outro:last-child {
margin-bottom: 0;
}
.partnership-page__slides-header {
display: block;
margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
.partnership-page__slides-header {
display: flex;
flex-wrap: nowrap;
}
}
.partnership-page__slides-header:last-child {
margin-bottom: 0;
}
.partnership-page__slides-header .partnership-page__header {
display: block;
}
@media only screen and (min-width: 768px) {
.partnership-page__slides-header .partnership-page__header {
display: block;
flex: 0 1 84%;
width: 84%;
max-width: 84%;
padding: 0 60px 0 0;
}
}
.partnership-page__arrows {
display: none;
}
@media only screen and (min-width: 768px) {
.partnership-page__arrows {
display: block;
flex: 0 1 16%;
width: 16%;
max-width: 16%;
padding: 10px 0;
}
}
.partnership-page__slides {
max-width: calc(100vw - 20px);
}
@media only screen and (min-width: 992px) {
.partnership-page__slides {
max-width: calc(100vw - 60px);
}
}
@media only screen and (min-width: 1200px) {
.partnership-page__slides {
max-width: 692px;
}
}
.partnership-page__title {
display: block;
margin: 0 0 8px;
font-size: 16px;
font-weight: 700;
line-height: 1.25;
text-align: left;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.partnership-page__title {
font-size: 20px;
line-height: 1.2;
}
}
.partnership-page__title:last-child {
margin-bottom: 0;
}
.partnership-page__fields {
padding: 4px 0 0;
}
@media only screen and (min-width: 768px) {
.partnership-page__fields {
padding: 12px 0 0;
}
.partnership-page__aside .partnership-aside {
position: sticky;
top: 20px;
}
}
.partnership-page p:not([class]) {
margin: 0 0 8px;
font-size: 14px;
}
@media only screen and (min-width: 768px) {
.partnership-page p:not([class]) {
margin: 0 0 16px;
}
}
.partnership-page p:not([class]):last-child {
margin-bottom: 0;
}
.partnership-intro {
display: block;
}
.partnership-intro__header {
display: block;
margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
.partnership-intro__header {
margin: 0 0 36px;
}
}
.partnership-intro__header:last-child {
margin-bottom: 0;
}
.partnership-intro__title {
display: block;
margin: 0 0 20px;
font-size: 24px;
font-weight: 700;
line-height: 29px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.partnership-intro__title {
font-size: 30px;
line-height: 37px;
}
}
.partnership-intro__title:last-child {
margin-bottom: 0;
}
.partnership-intro__subtitle {
display: block;
margin: 0 0 20px;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
text-align: left;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.partnership-intro__subtitle {
margin: 0 0 28px;
font-size: 20px;
}
}
.partnership-intro__subtitle:last-child {
margin-bottom: 0;
}
.partnership-intro__display {
margin: 0 0 60px;
}
.partnership-intro__display:last-child {
margin-bottom: 0;
}
.partnership-intro__content {
max-width: 612px;
margin: 0 0 54px;
}
.partnership-intro__content:last-child {
margin-bottom: 0;
}
.option-display {
display: block;
overflow: hidden;
}
.option-display__wrapper {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin: -10px;
}
.option-display__item {
flex: 0 1 50%;
width: 50%;
max-width: 50%;
padding: 10px;
}
@media only screen and (min-width: 768px) {
.option-display__item {
flex-basis: 43%;
width: 43%;
max-width: 43%;
}
}
.option-display__panel {
display: block;
}
@media only screen and (min-width: 768px) {
.option-display__panel {
display: flex;
align-items: center;
}
}
.option-display__illustration {
display: block;
margin: 0 0 16px;
}
@media only screen and (min-width: 768px) {
.option-display__illustration {
flex: 0 0 auto;
margin: 0 16px 0 0;
}
}
.option-display__image {
display: block;
width: 65px;
height: auto;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.option-display__image {
margin: 0;
}
}
.option-display__info {
text-align: center;
}
@media only screen and (min-width: 768px) {
.option-display__info {
display: block;
flex: 1 1 100%;
width: 100%;
max-width: 100%;
text-align: left;
}
}
.option-display__label {
display: block;
margin: 0 0 8px;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
}
@media only screen and (min-width: 768px) {
.option-display__label {
margin: 0 0 16px;
font-size: 20px;
line-height: 1.2;
}
}
.option-display__label:last-child {
margin-bottom: 0;
}
.steps-section {
display: block;
overflow: hidden;
}
.steps-section__wrapper {
display: block;
}
@media only screen and (min-width: 768px) {
.steps-section__wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: nowrap;
margin: 0 -10px;
}
}
.steps-section__item {
position: relative;
display: block;
margin: 0 0 40px;
}
.steps-section__item:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.steps-section__item {
flex: 0 1 182px;
width: 182px;
max-width: 182px;
margin: 0;
padding: 0 10px;
}
}
.steps-section__item:last-child:before {
display: none;
}
.steps-section__item:before {
content: '';
position: absolute;
top: 50px;
left: 28px;
z-index: 1;
display: block;
width: 0;
height: 100%;
border-left: 1px dashed #959595;
}
@media only screen and (min-width: 768px) {
.steps-section__item:before {
top: 32px;
left: 50%;
width: 100%;
height: 0;
border-left: none;
border-bottom: 1px dashed #959595;
transform: translate(28px, 0);
}
}
.step-item {
position: relative;
display: flex;
flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
.step-item {
display: block;
}
}
.step-item__number {
position: relative;
z-index: 5;
display: block;
flex: 0 0 56px;
width: 56px;
max-width: 56px;
height: 56px;
margin: 0 16px 0 0;
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 56px;
text-align: center;
background: #3333CC;
border-radius: 50%;
}
@media only screen and (min-width: 768px) {
.step-item__number {
width: 64px;
max-width: 64px;
height: 64px;
margin: 0 auto 16px;
font-size: 32px;
line-height: 64px;
}
}
.step-item__number:last-child {
margin: 0;
}
.step-item__content {
display: block;
align-self: center;
font-size: 14px;
line-height: 20px;
}
@media only screen and (min-width: 768px) {
.step-item__content {
font-size: 16px;
text-align: center;
}
}
.partnership-aside {
display: block;
padding: 29px 19px 23px;
border: 1px solid #e5e5e5;
}
@media only screen and (min-width: 768px) {
.partnership-aside {
padding: 33px 33px 23px;
}
}
.partnership-aside__title {
display: block;
margin: 0 0 8px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
}
@media only screen and (min-width: 768px) {
.partnership-aside__title {
margin: 0 0 10px;
font-size: 20px;
line-height: 1.2;
}
}
.partnership-aside__title:last-child {
margin-bottom: 0;
}
.partnership-aside__fields {
display: block;
margin: 0 0 15px;
}
@media only screen and (min-width: 768px) {
.partnership-aside__fields {
margin: 0 0 20px;
}
}
.partnership-aside__fields:last-child {
margin-bottom: 0;
}
.partnership-aside__fields p:not([class]) {
margin: 0 0 16px;
font-weight: 300;
}
@media only screen and (max-width: 767px) {
.partnership-aside__fields p:not([class]) {
font-size: 12px;
line-height: 15px;
}
}
.partnership-aside__fields p:not([class]):last-child {
margin-bottom: 0;
}
.partnership-page .form-wrapper__item {
max-width: 100%;
margin: 0 0 14px;
}
.partnership-page .form-wrapper__item-checkbox{
margin: 22px 0;
}
@media only screen and (max-width: 767px) {
.partnership-page .form-wrapper__item label {
margin: 0 0 6px;
font-size: 12px;
line-height: 15px;
}
.blog-h1 {
font-size: 27px;
line-height: 35px;
}
}
select {
height: 40px;
}
.partnership-page select {
height: 46px;
}
.partnership-page .selectize-control.single {
max-width: 100%;
height: 46px;
}
.partnership-page .selectize-control.single .selectize-input {
height: 44px;
}
.partnership-page .step .button {
width: 254px;
max-width: 100%;
min-height: 48px;
font-size: 20px;
text-transform: none;
}.carousel-navigation {
display: flex;
flex-wrap: nowrap;
}
.carousel-navigation__arrow {
position: relative;
display: block;
flex: 0 0 52px;
width: 52px;
max-width: 52px;
height: 52px;
margin: 0 10px 0 0;
color: #282323;
font-size: 0;
background: #fff;
border: none;
border-radius: 50%;
box-shadow: 0px 0px 12px rgba(27, 26, 24, 0.1);
outline: none;
transition: color .3s ease;
}
.carousel-navigation__arrow:hover,
.carousel-navigation__arrow:focus {
color: #33c;
}
.carousel-navigation__arrow:last-child {
margin-right: 0;
}
.carousel-navigation__arrow:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
display: block;
width: 20px;
height: 4px;
background: currentColor;
transform: translate(-50%, -50%);
}
.carousel-navigation__arrow:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
display: block;
width: 16px;
height: 16px;
border-top: 3px solid currentColor;
border-left: 3px solid currentColor;
}
.carousel-navigation__arrow_type_prev:after {
transform: translate(-50%, -50%) rotate(-45deg)
}
.carousel-navigation__arrow_type_next:after {
transform: translate(-50%, -50%) rotate(135deg)
}
.carousel-navigation__arrow_state_disabled,
.carousel-navigation__arrow_state_disabled:hover,
.carousel-navigation__arrow_state_disabled:focus {
cursor: default;
color: #959595;
}
.bullet-pagination {
display: flex;
justify-content: center;
}
.bullet-pagination__bullet {
position: relative;
display: block;
flex: 0 0 8px;
width: 8px;
height: 8px;
margin: 0 10px 0 0;
padding: 0;
font-size: 0;
background: transparent;
border: 1px solid #959595;
border-radius: 50%;
transition: border-color .3s ease;
}
.bullet-pagination__bullet:hover {
border-color: #33c;
}
.bullet-pagination__bullet:after {
content: '';
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
display: block;
z-index: 1;
display: block;
background: #33c;
border-radius: 50%;
opacity: 0;
transition: opacity .3s ease;
}
.bullet-pagination__bullet:last-child {
margin-right: 0;
}
.bullet-pagination__bullet_state_active:after {
opacity: 1;
}
.img-technical {
max-height: 500px;
}
.blog-h1 {
margin: 0 0 50px 0;
}
.content .news-slider__slide-description--link {
min-height: 80px;
}
.blog__article a {
color: #3332CC;
text-decoration: none;
}
.dl-link {
color: #33c;
font-size: 14px;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.dl-link {
font-size: 16px;
}
}
.dl-link__icon {
display: inline-block;
vertical-align: middle;
margin: 0 4px 0 0;
width: 16px;
height: 16px;
fill: currentColor;
}
@media only screen and (min-width: 768px) {
.dl-link__icon {
margin: 0 4px 0 0;
width: 24px;
height: 24px;
}
}
.dl-link__label {
display: inline-block;
vertical-align: middle;
font: inherit;
}
.dl-link_size_l {
font-size: 16px;
}
.dl-link_size_l .dl-link__icon {
margin: 0 4px 0 0;
width: 24px;
height: 24px;
}
.tabs-buttons-wrapper .tabs-buttons-wrapper__button {
margin-bottom: 20px;
}
.tutorial-videos-section {
display: block;
width: 100%;
padding: 0 10px 60px;
}
.tutorial-videos-section:first-child {
padding-top: 60px;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section {
padding: 0 10px 80px;
}
.tutorial-videos-section:first-child {
padding-top: 80px;
}
}
.tutorial-videos-section__header {
position: relative;
display: block;
width: 100%;
margin: 0 0 20px;
padding: 0 10px;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section__header {
margin: 0 0 32px;
padding: 0 140px;
}
}
.tutorial-videos-section__header:last-child {
margin-bottom: 0;
}
.tutorial-videos-section__arrows {
display: none;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section__arrows {
position: absolute;
top: 50%;
right: 10px;
z-index: 1;
display: block;
transform: translate(0, -50%);
}
}
.tutorial-videos-section__content {
margin: 0 0 44px;
}
.tutorial-videos-section__content:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section__pagination .main-pager {
justify-content: flex-end;
}
}
.tutorial-videos-section__controls {
text-align: center;
}
.tutorial-videos-section__control {
display: inline-block;
vertical-align: top;
min-width: 215px;
margin: 0 20px 0 0;
}
.tutorial-videos-section__control:last-child {
margin-right: 0;
}
.tutorial-videos-section__control .button {
padding: 9px 16px;
color: #282323;
font-size: 20px;
font-weight: 300;
line-height: 1.2;
background: #fff;
text-transform: none;
border: 1px solid #282323a0;
}
.tutorial-videos-section__wrapper {
display: block;
padding: 0;
}
.tutorial-videos-section__item {
display: block;
margin: 0 0 36px;
}
.tutorial-videos-section__item:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
.tutorial-videos-section__wrapper {
display: flex;
flex-wrap: wrap;
margin: -20px 0;
}
.tutorial-videos-section__item {
flex: 0 1 33.333333%;
width: 33.333333%;
max-width: 33.333333%;
margin: 0;
padding: 20px 10px;
}
}
.tutorial-videos-section__carousel {
overflow: hidden;
padding: 0 10px;
}
.tutorial-videos-section__carousel .tutorial-videos-carousel__container {
overflow: visible;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section__pagination {
padding: 0 12px;
}
}
@media only screen and (max-width: 991px) {
.tutorial-videos-carousel__wrapper {
flex-wrap: nowrap;
}
.tutorial-videos-carousel__slide {
flex: 0 0 268px;
width: 268px;
max-width: 268px;
}
}
.detailed-video {
display: block;
font-size: 14px;
line-height: 1.429;
}
.detailed-video__illustration {
position: relative;
display: block;
margin: 0 0 12px;
text-decoration: none;
background-color: #ccc;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
@media only screen and (min-width: 992px) {
.detailed-video__illustration {
margin: 0 0 16px;
}
}
.detailed-video__illustration:last-child {
margin-bottom: 0;
}
.detailed-video__illustration:hover::after {
background-color: #3333CC;
border-color: #3333CC;
}
.detailed-video__illustration:hover:before {
opacity: .6;
}
.detailed-video__illustration::after {
content: "";
width: 60px;
height: 60px;
position: absolute;
left: 50%;
top: 50%;
transition: .3s all;
transform: translate(-50%, -50%);
background-image: url(/static/app/assets/css/../img/default/video-icon.svg);
background-repeat: no-repeat;
background-position: 19px center;
background-size: 24px 32px;
border-radius: 50%;
border: 2px solid #f7faf7;
z-index: 3;
}
@media only screen and (min-width: 768px) {
.detailed-video__illustration::after {
width: 80px;
height: 80px;
background-position: 26px center;
background-size: 32px 42px;
border-width: 3px;
}
}
.detailed-video__illustration:before {
content: '';
display: block;
width: 100%;
height: auto;
padding: 60% 0 0;
background: #1B1A18;
opacity: .3;
transition: opacity .3s ease;
}
@media only screen and (min-width: 768px) {
.detailed-video__illustration:before {
padding: 62.015% 0 0;
}
}
.detailed-video__title {
display: block;
margin: 0 0 8px;
font-weight: 500;
line-height: 1.215;
}
@media only screen and (min-width: 992px) {
.detailed-video__title {
font-size: 16px;
line-height: 1.25;
}
}
.detailed-video__title:last-child {
margin-bottom: 0;
}
.detailed-video__subtitle {
display: block;
margin: 0 0 4px;
font-weight: 500;
line-height: 1.215;
}
@media only screen and (min-width: 992px) {
.detailed-video__subtitle {
font-size: 16px;
line-height: 1.25;
}
}
.detailed-video__fields {
margin: 0 0 20px;
}
@media only screen and (min-width: 992px) {
.detailed-video__fields {
margin: 0 0 12px;
}
}
.detailed-video__fields:last-child {
margin-bottom: 0;
}
.detailed-video__field {
margin: 0 0 8px;
}
.detailed-video__field:last-child {
margin-bottom: 0;
}
.detailed-video_size_l .detailed-video__illustration:before {
padding: 67.164% 0 0;
}
@media only screen and (min-width: 768px) {
.detailed-video_size_l .detailed-video__illustration:before {
padding: 62.015% 0 0;
}
}
.tutorial-videos-section .event-item {
display: block;
font-size: 14px;
line-height: 1.42;
}
.tutorial-videos-section .event-item .event-item__image {
display: block;
margin: 0 0 12px;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section .event-item .event-item__image {
margin: 0 0 18px;
}
}
.tutorial-videos-section .event-item .event-item__image-container {
background-repeat: no-repeat;
background-size: cover;
}
.tutorial-videos-section .event-item .event-item__image-container:before {
content: '';
display: block;
width: 100%;
height: auto;
padding: 64.6% 0 0;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section .event-item .event-item__image-container:before {
padding: 75% 0 0;
}
}
.tutorial-videos-section .event-item .bottom-badge {
padding: 12px;
bottom: 0;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section .event-item .bottom-badge {
padding: 19px 20px;
}
}
.tutorial-videos-section .event-item .type-block {
margin-left: 10px;
font-size: 12px;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section .event-item .type-block {
margin-left: 12px;
font-size: 16px;
}
}
.tutorial-videos-section .event-item .type-block:first-child {
margin-left: 0;
}
.tutorial-videos-section .event-item h3:not([class]) {
display: block;
margin: 0 0 8px;
font-weight: 300;
font-size: 16px;
line-height: 1.24
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section .event-item h3:not([class]) {
margin: 0 0 12px;
font-weight: 300;
font-size: 20px;
line-height: 1.2
}
}
.tutorial-videos-section .event-item .event-item__description-date {
margin: 0 0 8px;
color: #33c;
}
.tutorial-videos-section .event-item .event-item__description-date:last-child {
margin-bottom: 0;
}
.tutorial-videos-section .event-item .event-item__description-text {
margin: 0 0 20px;
}
.tutorial-videos-section .event-item .event-item__description-text:last-child {
margin-bottom: 0;
}
.tutorial-videos-section .event-item p {
margin: 0 0 4px;
color: inherit;
}
.tutorial-videos-section .event-item p:last-child {
margin-bottom: 0;
}
.tutorial-videos-section .button {
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.tutorial-videos-section .event-item {
margin: 0;
}
}
.tutorial-videos .ask-question {
margin: 0 !important;
}
@media only screen and (max-width: 767px) {
.tutorial-videos .full-page-banner {
margin: 0 0 20px;
}
.tutorial-videos .full-page-banner .show-mobile {
width: 100%;
}
.tutorial-videos .tabs {
margin: 0;
}
.tutorial-videos .tabs-buttons-wrapper {
overflow: auto;
flex-wrap: nowrap;
margin: 40px -10px -20px;
padding: 0 10px;
}
.tutorial-videos .tabs-buttons-wrapper__button {
padding: 8px 24px;
font-size: 12px;
line-height: 1.25;
}
}
@media only screen and (min-width: 768px) {
.tutorial-videos .breadcrumbs {
margin-bottom: 40px;
}
.tutorial-videos .full-page-banner {
margin: 0 0 60px;
}
.tutorial-videos .tabs {
margin: 39px 0 0;
}
.tutorial-videos .tabs-buttons-wrapper {
margin-bottom: -13px;
}
}
.tutorial-videos .tabs {
overflow: hidden;
}
.tutorial-videos__epilog {
max-width: 910px;
}
.tutorial-videos__epilog p:not([class]) {
font-size: inherit;
}
.tutorial-videos__epilog p:not([class]):last-child {
margin-bottom: 0;
}
.event-carousel {
width: 100%;
}
.event-carousel .swiper-slide {
height: auto;
}
.content .event-carousel .event-item {
flex-direction: column;
max-width: 320px;
height: 100%;
margin: 0 auto;
padding: 0 10px;
}
.content .event-carousel .event-item__description {
display: flex;
flex: 1 1 auto;
flex-wrap: nowrap;
flex-direction: column;
width: 100%;
margin: 0;
padding: 20px 0 0;
}
.content .event-carousel .event-item__description h3 {
font-size: 16px;
font-weight: normal;
line-height: 24px;
text-align: center;
}
.content .event-carousel .event-item__description .bottom-button-wrapper {
position: relative;
bottom: auto;
display: flex;
justify-content: center;
width: 100%;
margin: auto 0 0;
}
.content .events-wrapper .event-carousel .event-item .event-item__image-container {
width: 100%;
}
.table-blog-dec-body{
border-spacing: 1px;
}
.table-blog-dec tr, .table-blog-dec td{
outline: 1px solid #000;
}
/* [start] Replacing ![]()
with