/* Start:/local/templates/inetsys/css/bootstrap-grid.min.css?163118306050941*/ /*! * Bootstrap Grid v4.4.0 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}} /*# sourceMappingURL=bootstrap-grid.min.css.map */ /* End */ /* Start:/local/templates/inetsys/css/slick.css?16311830601895*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/inetsys/css/slick-theme.css?16311830603288*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { /*background: #fff url('/local/templates/inetsys/css/./ajax-loader.gif') center center no-repeat;*/ } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; /* src: url('/local/templates/inetsys/css/./fonts/slick.eot'); src: url('/local/templates/inetsys/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/inetsys/css/./fonts/slick.woff') format('woff'), url('/local/templates/inetsys/css/./fonts/slick.ttf') format('truetype'), url('/local/templates/inetsys/css/./fonts/slick.svg#slick') format('svg'); */ } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/inetsys/css/jquery.mCustomScrollbar.css?163118306054850*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/inetsys/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/inetsys/css/style.css?172587584586848*/ * { box-sizing: border-box; } *:focus:not(input):not(.nice-select):not(.button-outline):not(.button-small):not(.simple-btn) { border: none; outline: none; } p { margin: 0; } a { text-decoration: none; outline: none; } li { display: list-item; text-align: -webkit-match-parent; } ul { list-style: none; padding-left: 0; } button { cursor: pointer; } input { box-sizing: border-box; outline: 0; -webkit-appearance: none; } input, textarea { font-weight: 300; height: 50px; border: none; border-bottom: 1px solid #fff; font-size: 16px; line-height: 23px; color: #fff; letter-spacing: 1px; font-family: Muller; outline: none; background-color: transparent; margin-bottom: 15px; } textarea { border-bottom: 1px solid #fff !important; height: 43px; } textarea ~ label { top: 0 !important; } .base-form textarea ~ label { top: 0 !important; } input:focus { /* color: #012a68; border-bottom: 1px solid #012a68;*/ } input.success { background-image: url("../../../../../../local/templates/inetsys/img/success_new.png"); background-position: center right; background-repeat: no-repeat; } textarea.valid { background-image: url("../../../../../../local/templates/inetsys/img/success_new.png"); background-position: center right; background-repeat: no-repeat; } .input-alert { font-family: Muller; font-style: normal; font-weight: normal; font-size: 12px; line-height: 135%; letter-spacing: 1px; color: #ff005c; /*position: absolute;*/ left: 0; bottom: -5px; display: none; } input.error + .input-alert { display: block; } input.error, textarea.error { color: #ff005c; border-bottom: 1px solid #ff005c; background-image: url("../../../../../../local/templates/inetsys/img/error.png"); background-position: center right; background-repeat: no-repeat; } textarea.error { background-position: 100% 25%; } .error ~ .input-alert { display: block; } .valid ~ .input-alert { display: none; } textarea { font-family: Muller; font-size: 16px; outline: none; resize: none } .cookie-popup { position: fixed; display: flex; align-items: center; justify-content: center; z-index: 11; bottom: 0; left: 0; width: 100%; height: 170px; opacity: 0.9; background-color: #FF4971; padding: 15px; } .cookie-robot { position: relative; z-index: 1000000; bottom: 10px; width: 332px; height: 191px; opacity: 0.9; } .cookie-robot img { position: absolute; bottom: 0; } @media (max-width: 576px) { .cookie-robot img { display: none; } } .cookie-text { font-family: Muller; font-size: 28px; font-style: normal; font-weight: 700; line-height: 38px; letter-spacing: 0; text-align: left; color: #fff; padding: 0 50px; } .cookie-policy { font-family: Lato; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 0; text-align: left; } .cookie-button { position: relative; bottom: 55px; background: #fff; height: 63px; width: 203px; border-radius: 50px; display: flex; justify-content: center; align-items: center; opacity: 1 !important; z-index: 1000000; outline: none; border: none; font-family: Muller; font-size: 18px; padding-top: 4px; transition: all .3s } .cookie-button:hover { background-color: #5e78ff; color: #fff } @media (max-width: 1200px) { .cookie-text { padding: 0 10px; } } @media (max-width: 992px) { .cookie-text { font-size: 20px; line-height: 28px; } .cookie-button { bottom: 0; } } @media (max-width: 768px) { .cookie-popup { flex-direction: column; height: 200px; } .cookie-robot { top: -15px; height: auto; } .cookie-text { margin-bottom: 10px; } } @media (max-width: 410px) { .cookie-popup { height: 280px; } } @media only screen and (max-width: 480px) { input { font-size: 13px; } textarea { font-family: Montserrat; font-size: 13px; } } input::-webkit-input-placeholder { font-size: inherit; color: inherit; text-align: left; } input:-moz-placeholder { font-size: inherit; color: inherit; text-align: left; } input::-moz-placeholder { font-size: inherit; color: inherit; text-align: left; padding-left: 10px; } input:-ms-input-placeholder { font-size: inherit; color: inherit; text-align: left; } input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent !important; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent !important; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent !important; } textarea::-webkit-input-placeholder { font-size: inherit; color: #fff; text-align: left; } textarea:-moz-placeholder { font-size: inherit; color: #fff; text-align: left; } textarea::-moz-placeholder { font-size: inherit; color: #fff; text-align: left; padding-left: 10px; } textarea:-ms-input-placeholder { font-size: inherit; color: #fff; text-align: left; } .text-consent-checkbox { flex-wrap: wrap; } .catalog_filter--item input[type="checkbox"].styled-checkbox + label { display: block; } .input-alert-checkbox { flex-basis: 100%; margin-top: 10px; margin-left: 0; } #bottom-form .input-alert-checkbox { flex-basis: 100%; margin-top: 10px; margin-left: 0; padding: 0; } input[type="checkbox"].styled-checkbox { visibility: hidden; width: 0; height: 0; } .form input[type="checkbox"].styled-checkbox.error + label::before, #bottom-form input[type="checkbox"].styled-checkbox.error + label::before { border: 1px solid #ff005c; } .acceleration-form input[type="checkbox"].styled-checkbox.error + label::before { border: 1px solid #FFBDCB; } input[type="checkbox"].styled-checkbox + label { cursor: pointer; position: relative; display: inline-block; min-height: 24px; line-height: 24px; } input[type="checkbox"].styled-checkbox + label::before { content: ""; vertical-align: bottom; display: inline-block; height: 24px; width: 24px; background-size: 14px; transition: 0.1s; border: 1px solid #fff; border-radius: 5px; font-size: 9px; position: absolute; left: 0; top: 0; } input[type="checkbox"].styled-checkbox + label:after { color: #fff; content: ""; display: block; width: 7px; height: 10px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; position: absolute; left: 8.5px; top: 18.5px; transition: all 0.2s; opacity: 0; transform: scale(0) rotate(45deg); box-sizing: border-box; } .text-consent { display: inline-flex; align-items: center; width: 100%; margin-top: 45px; } .text-consent a { font-weight: 500; color: #444; text-decoration: underline; margin-left: 5px; } .text-consent input[type="checkbox"].styled-checkbox + label { width: 24px; min-width: 24px; display: inline-block; margin-right: 10px; } input[type="checkbox"].styled-checkbox:checked + label::before { background-position: center center; } input[type="checkbox"].styled-checkbox:checked + label:after { top: 4.5px; opacity: 1; transform: scale(1) rotate(45deg); } body { margin: 0; font-family: "Lato", sans-serif; overflow-x: hidden; color: #444444; position: relative; } .wrap { max-width: 1310px; padding-left: 10px; padding-right: 10px; margin: auto; padding-top: 1px; } @media (min-width: 1450px) { .wrap.header-wrap { max-width: 1384px; padding-left: 10px; padding-right: 10px; margin: auto; padding-top: 6px; } } [class^="row"] { margin-right: -10px; margin-left: -10px; } [class$="col"], [class*="col-"] { padding: 0 10px; } .wrap:before { content: " "; display: table; } .section-title { font-family: Muller; font-style: normal; font-weight: 300; font-size: 52px; line-height: 135%; letter-spacing: 1px; color: #5e78ff; position: relative; margin-bottom: 60px; transform: translateY(55px); transition: all 0.5s; opacity: 0; } .scroll-here .section-title { transform: translateY(0px); opacity: 1; } .section-title:before { /*content: " ";*/ width: 0; height: 0; border: 1px solid #2ce2c7; position: absolute; left: 0; top: auto; bottom: -28px; transition: all 1s; } .scroll-here .section-title:before { width: 41px; } .section-text { transform: translateY(55px); transition: all 0.5s; transition-delay: 0.4s; opacity: 0; } .scroll-here .section-text { transform: translateY(0px); opacity: 1; } .list { list-style-type: none; margin: 0; padding: 0; } .simple-btn { border: 2px solid #ffffff; background-color: transparent; box-sizing: border-box; border-radius: 50px; font-family: Muller; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; display: inline-flex; align-items: center; justify-content: center; letter-spacing: 1px; color: #ffffff; width: 100%; max-width: 195px; height: 63px; cursor: pointer; transition: all 0.5s; outline: none; padding-top: 2px; } .simple-btn:hover { background: #fff; color: #2c2c2c; } .common-btn { font-family: Muller; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: 1px; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; background: #5e78ff; border-radius: 50px; width: 100%; max-width: 350px; height: 63px; text-decoration: none; transition: all 0.2s; cursor: pointer; outline: none; padding-top: 2px; } .common-btn:hover { background: #294bff; transition: all 0.2s; } .common-btn:focus { background: #294bff; transition: all 0.2s; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #5e78ff; } .clients-slider:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { width: 8px; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #e4e7f7; } .slick-dots li { margin: 0 7px; } .slick-dots li button:before { font-size: 35px; color: #e4e7f7; opacity: 1; } .slick-dots li.slick-active button:before { font-size: 60px; color: #5e78ff; } .form { position: fixed; overflow-y: auto; background: #fff; width: 782px; height: 100vh; z-index: 1001; top: 0; right: 0; padding-left: 80px; padding-right: 15px; padding-top: 50px; display: none; } .form-close { width: 48.07px; height: 48px; position: absolute; top: 40px; right: 40px; border: 2px solid #5e78ff; color: #5e78ff; font-size: 24px; line-height: 24px; display: flex; justify-content: center; padding-top: 9px; border-radius: 50%; cursor: pointer; font-style: normal; z-index: 1; } .form-close:hover { color: #fff; background: #5e78ff; border: 2px solid #5e78ff; } .form-bg { position: absolute; left: 0; right: 0; height: 100%; background: rgba(40, 46, 71, 0.7); mix-blend-mode: multiply; top: 0; z-index: 1000; display: none; } .form.active ~ .form-bg { display: block; } div:has(.form.active) ~ .form-bg { display: block; } .bitrix-sh__form ~ .form-bg { display: block; } .card:has(.form.active) ~ .form-bg { display: block; } .form-img { margin-bottom: 15px; width: 108px; } .form-title { font-family: Muller; font-style: normal; font-weight: 300; font-size: 52px; line-height: 135%; letter-spacing: 1px; color: #5e78ff; margin-bottom: 65px; position: relative; } .form-text { font-family: Muller; font-style: normal; font-weight: normal; font-size: 16px; line-height: 135%; letter-spacing: 1px; color: #414141; } .form-tel, .form-mail { color: #2ce2c7; } .form-title:before { content: " "; width: 40px; height: 0; border: 1px solid #2ce2c7; position: absolute; left: 0; top: auto; bottom: -28px; transition: all 1s; } .form input, .form textarea { border-bottom: 1px solid #5e78ff; color: #5e78ff; background-color: transparent; max-width: 475px; width: 100%; } .form textarea { border-bottom: 1px solid #5e78ff !important; } .form .text-consent { color: #5e78ff; margin-top: 15px; } .form .text-consent br { display: none; } .form .text-consent a { color: #5e78ff; } .form input[type="checkbox"].styled-checkbox + label::before { border: 1px solid #5e78ff; } .form input[type="checkbox"].styled-checkbox + label:after { color: #5e78ff; border-bottom: 2px solid #5e78ff; border-right: 2px solid #5e78ff; } .form button { margin-top: 40px; border: 2px solid #5e78ff; color: #5e78ff; margin-bottom: 30px; } .form button:hover { color: #fff; background: #5e78ff; border: 2px solid #5e78ff; } @media (max-width: 1450px) { .form-title { font-size: 52px; margin-bottom: 50px; } } @media (max-width: 778px) { .form { width: 100%; } .form-title { font-size: 52px; margin-bottom: 40px; } } @media (max-width: 550px) { .form { padding-left: 15px; } .form-close { top: 20px; right: 20px; } .form-img { margin-bottom: 15px; } .form-title { font-size: 35px; margin-bottom: 40px; } .form .text-consent, .form .text-consent a { font-size: 15px; } } .nav-bg { display: none; position: absolute; left: 0; right: 0; height: 100%; background: #012a68; mix-blend-mode: multiply; opacity: 0.4; top: 90px; z-index: 3; } .nav-bg.active { display: block; } @media (min-width: 1200px) { .main-page .main-banner { min-height: 710px; } } .header-content { position: relative; margin-bottom: 0px; } .header-content_info { padding-left: 0; position: relative; z-index: 2; } .header-content_info-mb { display: none; } .header-title { font-family: Muller; font-style: normal; font-weight: 300; font-size: 62px; line-height: 132%; display: flex; align-items: center; flex-wrap: wrap; color: #5e78ff; max-width: 735px; margin-top: 94px; transform: translateY(55px); transition: all 0.5s; transition-delay: 0s; will-change: transform, opacity; -webkit-animation: jump-title-in 0.5s ease-in-out both; animation: jump-title-in 0.5s ease-in-out both; } .main-page .header-title { display: block; } .main-page .header-text { max-width: 500px; } .header-title { transform: none; transition: unset; transition-delay: unset; will-change: unset; -webkit-animation: unset; animation: unset; } .header-title .not-h1 { transform: none; opacity: 1; font-size: inherit; font-weight: inherit; margin: 0; display: inline; margin-block-start: 0; margin-block-end: 0; } .header-title .word { display: inline-block; white-space: nowrap; } .header-title > span:not(.word) { letter-spacing: -17px; } @keyframes jump-title-in { 0% { transform: translateY(55px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .header-title .word span { transform: translateZ(0); opacity: 1; will-change: transform, opacity; -webkit-animation: jump-title-in 1.3s ease-in-out both; animation: jump-title-in 1.3s ease-in-out both; display: inline-block; } .header-subtitle { font-style: normal; font-weight: normal; font-size: 24px; line-height: 29px; display: flex; align-items: center; letter-spacing: 1px; color: #2c2c2c; margin-top: 25px; transform: translateY(55px); will-change: transform, opacity; -webkit-animation: jump-title-in 0.5s ease-in-out both; animation: jump-title-in 0.5s ease-in-out both; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .header-tabs { margin-top: 48px; margin-bottom: 25px; transform: translateY(55px); will-change: transform, opacity; -webkit-animation: jump-title-in 0.5s ease-in-out both; animation: jump-title-in 0.5s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .header-tabs_nav-item { display: inline-block; font-family: Muller; font-style: normal; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: 0.5px; color: #a6a6a6; text-transform: uppercase; padding-bottom: 6px; margin-right: 40px; border-bottom: 2px solid transparent; cursor: pointer; } .header-tabs_nav { margin: 0; } .header-tabs_nav-item:hover { color: #5e78ff; } .header-tabs_nav-item.active { color: #5e78ff; border: 2px solid #5E78FF; box-sizing: border-box; border-radius: 20px; width: 241.5px; height: 40px; line-height: 40px; text-align: center; } .header-tabs .tab-content { margin-top: 30px; } .tab-content_item { display: none; } .tab-content_item.active { display: block; } .header-price { font-family: Muller, sans-serif; font-style: normal; font-weight: 500; font-size: 42px; line-height: 135%; display: flex; align-items: center; letter-spacing: 1px; color: #5e78ff; } .header-text { font-style: normal; font-weight: normal; /* font-size: 24px; */ line-height: 150%; display: flex; align-items: center; letter-spacing: 1px; color: #2c2c2c; margin-top: 28px; transform: translateY(55px); will-change: transform, opacity; -webkit-animation: jump-title-in 0.5s ease-in-out both; animation: jump-title-in 0.5s ease-in-out both; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .header-other-text { font-style: normal; font-weight: normal; font-size: 18px; line-height: 26px; display: flex; align-items: center; letter-spacing: 1px; color: #2c2c2c; margin-top: 45px; } .header-btn { width: 100%; max-width: 350px; margin-top: 50px; transform: translateY(55px); will-change: transform, opacity; -webkit-animation: jump-title-in 0.5s ease-in-out both; animation: jump-title-in 0.5s ease-in-out both; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .header-img { position: absolute; z-index: 0; top: auto; top: 21px; left: auto; right: -165px; margin-left: auto; margin-right: auto; width: 80.35vw; max-width: 1240px; } .header-img img { position: absolute; z-index: 0; top: 0; left: 0; margin-left: auto; margin-right: auto; } .header-img img { animation-name: zoomIn; animation-duration: 1s; animation-fill-mode: both; } .header-img img:nth-child(1) { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .header-img img:nth-child(2) { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .header-img img:nth-child(3), .header-img img:nth-child(4) { -webkit-animation-delay: 0.6s; animation-delay: 0.4s; } .header-img img:nth-child(5) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .header-img img:nth-child(6) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .header-img img:nth-child(7), .header-img img:nth-child(8) { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } .header-img img:nth-child(9) { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } .header-img img:nth-child(10) { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .header-img_mein-mb, .header-img_mein2-mb { display: none; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } img.teg, img.hart { top: 37%; left: 23%; width: 8%; } img.hart { width: 5.6%; } img.star { top: 11%; left: 54%; } img.roket { top: 2%; left: 56.5%; width: 22%; } img.detail { top: 51%; left: 51.3%; width: 13.5%; } img.wifi { top: 38%; left: 54.3%; width: 8%; } img.planet { top: 12%; left: 82%; width: 7.5%; } img.bubble { top: 28%; left: 80%; width: 7%; } .header-img img.header-img_mein, .header-img img.header-img_mein2 { max-width: 100%; position: relative; } .scroll-here img { transform: translateY(0px); opacity: 1; } /*----------clients----------*/ .clients { padding-top: 80px; padding-bottom: 170px; } .clients .wrap { max-width: 1430px; padding-left: 113px; } .clients-title-mb { display: none; } .clients-text { font-size: 18px; line-height: 30px; letter-spacing: 1px; color: #414141; } .clients-btn { margin-top: 50px; max-width: 222px; transform: translateY(55px); transition: all 0.5s; transition-delay: 0.6s; opacity: 0; } .clients-btn-mb { display: none; } .scroll-here .clients-btn { transform: translateY(0px); opacity: 1; } .clients-slider { max-width: 595px; margin-left: auto; padding-right: 0; height: 450px; /*overflow-y: scroll;*/ transform: translateY(55px); transition: all 0.5s; opacity: 0; } .scroll-here .clients-slider { transform: translateY(0px); opacity: 1; } .clients-item { display: flex; align-items: center; margin-top: 70px; } .clients-item-first { margin-top: 0; } .clients__item-title { width: 100%; font-style: normal; font-weight: normal; font-size: 16px; line-height: 145%; letter-spacing: 1px; color: #2c2c2c; } .clients-slider .slick-arrow { width: 48px; height: 48px; border: 2px solid #01418c; box-sizing: border-box; border-radius: 50%; } .clients-slider .slick-prev { left: -65px; } .clients-slider .slick-next { right: -65px; } .clients-slider .slick-arrow svg { fill: #01418c; width: 11px; height: 22px; } .clients-slider .slick-arrow:before { display: none; } .clients-slider .slick-arrow:hover { background: #012a68; border: 2px solid #ffffff; box-sizing: border-box; background: linear-gradient(270deg, #00d8fe 31.71%, #0387d2 100%); } .clients-slider .slick-arrow:hover svg { fill: #fff; } .clients__item-img-wrap { height: 80px; display: flex; align-items: center; margin-right: 85px; flex-shrink: 0; } .clients__item-img { margin-left: auto; margin-right: auto; max-width: 183px; width: 183px; max-height: 100%; } /*----------advantages----------*/ .advantages { padding-top: 110px; overflow: visible; } .advantages .wrap { max-width: 1290px; } .advantages-col-text { padding-left: 3.5%; } .advantages-col-text:last-child { padding-left: 8%; } .advantages-item:first-child { padding-bottom: 34px; } .advantages-title { margin-bottom: 68px; } .advantages-item:first-child .advantages-title { margin-top: 15px; } .advantages-text { margin-bottom: 150px; max-width: 605px; } .advantages-img { max-width: 542px; display: block; transform: translateY(50px); transition: all 1s; opacity: 0; } .advantages-img-wrap img { opacity: 0; transform: translateY(50px); } .advantages-img-wrap { display: inline-flex; position: relative; background-size: 0; } .scroll-here .advantages-img-wrap {} .advantages-img-wrap:before { content: " "; display: block; position: absolute; height: 100%; width: 100%; background-image: inherit; background-size: 0; background-repeat: no-repeat; background-position: center; transition: all 1s; opacity: 0; } .scroll-here .advantages-img-wrap:before { background-size: 100%; opacity: 1; } .scroll-here .advantages-img-wrap img { transform: translateY(0px); opacity: 1; } .advantages-col-img:last-child .advantages-img { margin-top: -55px; margin-left: 30px; } /*----------integration----------*/ .integration { margin-bottom: 144px; } .integration-title { margin-left: 10px; margin-right: 10px; width: 100%; } .integration-title::before { display: none; } .integration__item-top-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; } .integration__item-top { display: flex; background: #f9f9f9; border: 3px solid #e1e8fd; box-sizing: border-box; border-radius: 10px; padding: 25px 20px; margin: 0 0 40px; height: 203px; width: calc(50% - 17px); } .integration__top-img-wrap { max-width: 145px; margin-right: 20px; } .integration__item-top-title { font-family: Muller; font-style: normal; font-weight: bold; font-size: 24px; line-height: 135%; letter-spacing: 1px; color: #012a68; margin-bottom: 17px; margin-top: 3px; } .integration__item-top-text { font-size: 18px; line-height: 29px; letter-spacing: 1px; color: #2c2c2c; } .integration-bottom { display: flex; justify-content: space-between; margin-top: 40px; } .integration__item-bottom { max-width: 345px; width: 100%; margin: 0 40px; } .integration__item-bottom-title { margin-top: 40px; font-family: Muller; font-style: normal; font-weight: bold; font-size: 24px; line-height: 135%; text-align: center; letter-spacing: 1px; color: #2c2c2c; } .integration__bottom-img { max-height: 80px; display: block; margin-left: auto; max-width: 100%; margin-right: auto; } /*----------clients----------*/ .develop .slick-dots { bottom: -55px } .develop .wrap { max-width: 1220px; } .develop-title { margin-bottom: 64px; width: 100%; } .develop-text { margin-bottom: 40px; } .develop-slider { max-width: 1180px; margin-left: auto; margin-right: auto; transform: translateY(55px); transition: all 0.5s; transition-delay: 0.6s; opacity: 0; } @keyframes fadeInslide { 0% { opacity: 1; } 10% { opacity: 0; } 90% { opacity: 0; } 100% { opacity: 1; } } .scroll-here .develop-slider { transform: translateY(0px); opacity: 1; } .develop .slick-track { display: flex; } .develop .slick-slide { height: auto; } .develop .slick-slide > div { display: flex; } /*----------project----------*/ .project { margin-bottom: 157px; padding-top: 85px; } .project .wrap { max-width: 1405px; position: relative; } .projects-title:before { display: none; } .project-item { padding: 57px 84px 45px; width: 100%; background-repeat: no-repeat; background-position: center; } .project__item-wrap .back-image { position: absolute; height: 100%; width: 100%; z-index: -1; } .project__item-wrap .back-image_two { position: absolute; } .project__item-title { font-family: Muller; font-size: 52px; line-height: 135%; display: flex; align-items: center; letter-spacing: 3px; color: #00d8fe; margin-bottom: 20px; font-weight: 600; } .project__item-text { font-size: 18px; margin-bottom: 50px; } .project__item-subtitle { font-size: 24px; line-height: 135%; display: flex; align-items: center; letter-spacing: 1px; color: #ffffff; margin-bottom: 22px; font-family: Muller; } .project__item-list {} .project__item-list li { font-size: 18px; line-height: 30px; letter-spacing: 1px; color: #ffffff; margin-bottom: 16px; display: flex; } .project__item-dots { background-color: #fff; font-weight: bold; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 18px; margin-top: 10px; flex-shrink: 0; } .project__item-link { font-size: 18px; line-height: 22px; display: flex; align-items: center; letter-spacing: 1px; color: #00d8fe; margin-top: 35px; margin-bottom: 51px; } .project__item-btn { font-family: Muller; font-style: normal; font-weight: bold; height: 62px; border: 2px solid #ffffff; box-sizing: border-box; border-radius: 60px; font-size: 18px; display: inline-flex; align-items: center; text-align: center; letter-spacing: 1px; color: #ffffff; padding: 0 48px; margin-right: 35px; transform: translateY(-2px); } .project__item-btn:hover { background: #ffffff; color: #2c2c2c !important; } .project-list { transform: translateY(55px); transition: all 0.5s; transition-delay: 0.4s; opacity: 0; } .scroll-here .project-list { transform: translateY(0px); opacity: 1; } .project-list-arrow { width: 48px; height: 48px; border: 2px solid #fff; box-sizing: border-box; border-radius: 50%; background: transparent; margin-right: 10px; outline: none; line-height: 1; transform: translateY(3px); transition: all .2s; } .project-list .project-list-arrow:before { font-size: 14px; } .project-list-arrow:hover { background: #ffffff; color: #2c2c2c !important; } .project-list-arrow svg { fill: #fff; width: 11px; height: 22px; } .project-list-arrow:hover svg { fill: #2c2c2c; } .project-list .slick-dots { bottom: -40px; } /*----------transparent-price----------*/ .transparent-price { margin-bottom: 70px; padding-top: 40px; overflow: visible; } .transparent-price .wrap { max-width: 1241px; } .transparent-price__title { margin-bottom: 68px; } .transparent-price__subtitle { font-family: Muller; font-style: normal; font-weight: 500; font-size: 34px; line-height: 135%; letter-spacing: 1px; color: #012a68; margin-bottom: 25px; } .transparent-price_info { padding-left: 8%; } .transparent-price-img-wrap { display: inline-flex; background-size: 0; position: relative; margin-top: -36px; } .transparent-price-img-wrap:before { content: " "; display: block; position: absolute; height: 100%; width: 100%; background-image: inherit; background-size: 0; background-repeat: no-repeat; background-position: center; transition: all 1s; opacity: 0; } .scroll-here .transparent-price-img-wrap:before { background-size: 100%; opacity: 1; } .transparent-price__img { margin-top: 0; margin-left: 23px; margin-right: auto; display: block; transition: all 1s; max-width: 526px; } .transparent-price-img-wrap img { opacity: 0; transform: translateY(50px); } .scroll-here .transparent-price-img-wrap img { transform: translateY(0px); opacity: 1; } .transparent-price_item { display: flex; margin-top: 40px; } .transparent-price_item { transform: translateY(55px); transition: all 0.5s; transition-delay: 0.6s; opacity: 0; } .scroll-here .transparent-price_item { transform: translateY(0px); opacity: 1; } .transparent-price_item-img-wrap { width: 62px; height: 62px; background: #5e78ff; margin-right: 25px; display: flex; justify-content: center; align-items: center; border-radius: 50%; flex-shrink: 0; } .transparent-price_item-img-wrap svg { width: 30px; height: 30px; } .transparent-price_item-title { font-size: 24px; line-height: 29px; letter-spacing: 1px; color: #5e78ff; margin-bottom: 5px; } .transparent-price_item-text { font-size: 16px; line-height: 142%; letter-spacing: 1px; color: #414141; } /*----------tools----------*/ .tools { margin-bottom: 158px; padding-top: 77px; } .tools .wrap { max-width: 1275px; } .tools-title { margin-bottom: 82px !important; padding-left: 2%; } .tools-title:before { margin-left: 2%; } .tools__item-list { display: flex; flex-wrap: wrap; justify-content: space-between; transform: translateY(55px); transition: all 0.5s; transition-delay: 0.6s; opacity: 0; } .scroll-here .tools__item-list { transform: translateY(0px); opacity: 1; } .tools__item { width: 47%; display: flex; margin-bottom: 55px; padding-left: 2%; } .tools__img-wrap { width: 62px; height: 62px; background: #5e78ff; margin-right: 25px; display: flex; justify-content: center; align-items: center; border-radius: 50%; flex-shrink: 0; } .tools__img-wrap svg { width: 30px; height: 30px; } .tools__item-title { font-family: Muller; font-style: normal; font-weight: 500; font-size: 28px; line-height: 135%; letter-spacing: 1px; color: #5e78ff; margin-bottom: 12px; } .tools__item-text { font-size: 18px; line-height: 30px; letter-spacing: 1px; color: #2c2c2c; } /*----------acceleration----------*/ .acceleration { background-color: #5e78ff; background-position: top left, right 80px top, right 80px top; background-repeat: no-repeat; padding-top: 55px; color: #fff; position: relative; } .scroll-here .acceleration { background-image: url(../../../../../../local/templates/inetsys/img/acceleration2.png), url(../../../../../../local/templates/inetsys/img/acceleration3.png), url(../../../../../../local/templates/inetsys/img/acceleration5.png); } .acceleration .wrap { max-width: 1390px; } .acceleration__title { color: #fff; margin-bottom: 70px; } .acceleration__subtitle { font-size: 18px; line-height: 145%; letter-spacing: 1px; transform: translateY(55px); transition: all 0.5s; transition-delay: 0.4s; opacity: 0; } .scroll-here .acceleration__subtitle { transform: translateY(0px); opacity: 1; } .acceleration-list { margin-top: 40px; margin-bottom: 43px; font-size: 18px; line-height: 22px; letter-spacing: 1px; color: #ffffff; transform: translateY(55px); transition: all 0.5s; transition-delay: 0.6s; opacity: 0; } .scroll-here .acceleration-list { transform: translateY(0px); opacity: 1; } .acceleration-list li { margin-bottom: 25px; display: flex; align-items: center; } .acceleration-list span { height: 42px; width: 42px; margin-right: 25px; } .acceleration-list span:before { font-size: 42px } .acceleration__text { color: #ffffff; margin-bottom: 102px; font-size: 14px; line-height: 142%; letter-spacing: 1px; transform: translateY(55px); transition: all 0.5s; transition-delay: 1s; opacity: 0; } .scroll-here .acceleration__text { transform: translateY(0px); opacity: 1; } .acceleration__atributes { margin-bottom: 40px; display: flex; max-width: 460px; justify-content: space-between; transform: translateY(55px); transition: all 0.5s; transition-delay: 0.8s; opacity: 0; } .scroll-here .acceleration__atributes { transform: translateY(0px); opacity: 1; } .acceleration__atributes-item { display: flex; } .acceleration__atributes-icon-wrap { width: 62px; height: 62px; background: #2ce2c7; display: flex; justify-content: center; align-items: center; border-radius: 50%; flex-shrink: 0; margin-right: 20px; } .acceleration__atributes-item svg { max-height: 32px; max-width: 32px; } .acceleration__atributes-item-title { font-size: 14px; line-height: 142%; letter-spacing: 1px; color: #ffffff; margin-bottom: 6px; } .acceleration__atributes-item-text { font-weight: 600; font-size: 24px; line-height: 29px; letter-spacing: 1px; text-transform: capitalize; } .acceleration-form-wrap { z-index: 2; position: relative; } .acceleration-form { position: relative; z-index: 2; transform: translateY(55px); transition: all 0.5s; opacity: 0; } .scroll-here .acceleration-form { transform: translateY(0px); opacity: 1; } .acceleration-form-title { font-family: Muller; font-style: normal; font-size: 34px; line-height: 135%; letter-spacing: 1px; color: #fcfcfc; margin-bottom: 17px; margin-top: 10px; flex: 0 0 100%; } .input-wrap { margin-bottom: 5px; } input.error { margin-bottom: 5px; } .acceleration-form_inner .input-wrap { max-width: 320px; width: calc((100% - 32px) / 3); display: inline-grid; position: relative; } .acceleration-form input { width: 100%; } .acceleration-form_inner .input-wrap:nth-child(1), .acceleration-form_inner .input-wrap:nth-child(2) { margin-right: 10px; } .acceleration-form_inner .input-wrap:nth-child(4) { width: 100%; max-width: 100%; } .acceleration-form .text-consent { margin-top: 5px; } .acceleration-form .text-consent br { display: none; } .acceleration-form .text-consent a { color: #fff; } .acceleration-form button { margin-top: 45px; } .acceleration img { display: block; position: absolute; right: 10px; bottom: 0; width: 69.9%; } /*----------contacts----------*/ .contacts { background: #ebeeff; padding-top: 135px; padding-bottom: 200px; } .contacts .wrap { max-width: 1400px; } .contacts__title { margin-bottom: 42px; } .contacts__item-list { display: flex; transform: translateY(55px); transition: all 0.5s; transition-delay: 0.4s; opacity: 0; } .scroll-here .contacts__item-list { transform: translateY(0px); opacity: 1; } .contacts__item { width: 50%; padding-left: 0; display: flex; align-items: center; } .contacts__item:last-of-type { padding-left: 3%; } .contacts__item-title { font-family: Muller; font-style: normal; font-weight: 500; font-size: 34px; line-height: 135%; display: flex; align-items: center; letter-spacing: 1px; color: #5e78ff; margin-bottom: 17px; } .contacts__item-title svg { width: 32px; height: 39px; margin-right: 10px; align-self: flex-start; margin-top: -5px; margin-left: -43px; } .contacts__item-adres { font-size: 24px; line-height: 142%; letter-spacing: 1px; color: #2c2c2c; margin-bottom: 20px; font-weight: 500; } .contacts__item-tel { font-size: 24px; font-family: Muller; font-weight: bold; line-height: 142%; letter-spacing: 1px; color: #5e78ff; margin-bottom: 0; display: inline-block; } .contacts__item-working-hours { font-size: 24px; font-family: Muller; font-weight: 500; line-height: 142%; letter-spacing: 1px; color: #414141; margin-bottom: 10px; } .contacts__item-link-map { font-family: Muller; font-size: 18px; line-height: 142%; letter-spacing: 1px; color: #5e78ff; font-weight: 500; transition: all 0.2s; } .contacts__item-link-map:hover { color: #5e78ff; } .contacts__item-link-map:hover svg { margin-left: 18px; } .contacts__item-link-map svg { width: 8px; height: 14px; margin-left: 15px; margin-bottom: -2px; transition: all 0.2s; } .contacts__item img { display: block; margin-left: 0; } .contacts__item-wrap { display: inline-flex; background-size: 0; background-repeat: no-repeat; background-position: center; transition: background-size 1s; margin-right: 40px; } .scroll-here.contacts .contacts__item-wrap { background-size: contain; max-height: 310px; } @media (max-width: 1450px) { .wrap { max-width: 1180px; } .clients .wrap { max-width: 1180px; } .advantages .wrap { max-width: 1180px; } .transparent-price .wrap { max-width: 1315px; } .develop .wrap { max-width: 1180px; } .project .wrap { max-width: 1180px; } .tools .wrap { max-width: 1180px; } .acceleration .wrap { width: 1180px; } .contacts .wrap { max-width: 1180px; } .section-title { font-size: 45px; } .header-content { margin-bottom: 40px; } .header-img { right: -100px; left: auto; width: 71.35vw; } .header-tel { margin-right: 42px; } .header-title { font-size: 52px; margin-top: 56px; max-width: 640px; letter-spacing: .017em; } .header-subtitle { margin-top: 13px; } .header-tabs { margin-top: 24px; margin-bottom: 11px; } .header-tabs .tab-content { margin-top: 20px; } .header-text { /* font-size: 18px; */ margin-top: 0; } .header-btn { margin-top: 47px; } .section-title { font-size: 42px; line-height: 140%; padding-left: 0; } .tools-title:before { margin-left: 0; } /*----------.clients-------------*/ .clients { padding-bottom: 85px; } .clients-text br { display: none; } .clients-slider .slick-prev { left: -30px; } .clients-slider .slick-next { right: -30px; } .advantages-img { max-width: 100%; } .advantages-text { margin-bottom: 100px; } .advantages-img { margin-bottom: 30px; } .transparent-price { margin-bottom: 40px; } .develop { padding-top: 45px; padding-bottom: 140px; } .develop-slider .slick-prev { left: -55px; } .develop-slider .slick-next { right: -55px; } .project { margin-bottom: 172px; } .projects-title { margin-bottom: 40px; } .tools { margin-bottom: 135px; } .tools__item-title { font-size: 28px; } .tools__item-text br { display: none; } .acceleration__title { font-size: 52px; } .acceleration img { margin-top: -10px; } .contacts { padding-bottom: 170px; } .contacts__item:last-of-type { padding-left: 0; } .contacts__item-adres { font-size: 22px; } .contacts__item-tel { font-size: 21px; } .contacts__item-working-hours { font-size: 20px; } .contacts__item img { width: 280px; } .contacts__item-wrap { margin-right: 30px; } .contacts__item:last-of-type img { width: 326px; } .integration__item-top-text br { display: none; } .integration__item-top { min-height: 210px; height: auto; } .integration__item-top-title { font-family: Muller; font-size: 24px; line-height: 130%; margin-bottom: 14px; } .integration__item-top-text { font-size: 17px; line-height: 25px; } } @media (max-width: 1300px) { .develop-slider { max-width: calc(100% - 80px); } .develop-slider .slick-prev { left: -50px; margin-top: 25px; } .develop-slider .slick-next { right: -50px; margin-top: 25px; } } @media (max-width: 1200px) { .mCSB_inside > .mCSB_container { margin-right: 15px; } .wrap { max-width: calc(100% - 74px); } .clients .wrap { max-width: calc(100% - 80px); padding-left: 0; } .advantages .wrap { max-width: calc(100% - 80px); } .transparent-price .wrap { max-width: calc(100% - 80px); } .develop .wrap { max-width: calc(100% - 80px); } .project .wrap { max-width: calc(100% - 80px); } .tools .wrap { max-width: calc(100% - 80px); } .acceleration { background-position: top left, right 0 bottom, right 80px top; } .scroll-here .acceleration { background-image: url(../../../../../../local/templates/inetsys/img/acceleration4.png), url(../../../../../../local/templates/inetsys/img/acceleration3-mb.png), url(../../../../../../local/templates/inetsys/img/acceleration5.png); } .acceleration .wrap { max-width: calc(100% - 80px); } .contacts .wrap { max-width: calc(100% - 80px); } .acceleration-form .text-consent br { display: block; } .common-btn { max-width: 172px; height: 50px; font-size: 16px; line-height: 16px; margin-right: 0; } .header-logo { max-width: 100px; } .topline__nav { margin-left: 37px; margin-right: 7px; } .header-tel-box { margin-left: 15px; } .list__item a { padding-right: 0; } .list__item svg, .header-tel-box__select-selected svg {} .list__item span, .header-tel-box__select-selected span { margin-right: 2px; } .header-tel { font-size: 14px; line-height: 140%; margin-right: 9px; min-width: 130px; } .header-tel-box__select-selected { cursor: pointer; padding-right: 0; font-size: 14px; min-width: auto; margin-right: 10px; } .integration-bottom { display: flex; justify-content: space-around; margin-top: 40px; flex-wrap: wrap; } .header-content { position: relative; margin-bottom: 105px; } .header-subtitle { font-size: 18px; line-height: 29px; margin-top: 17px; } .header-text { /* font-size: 18px; */ margin-top: 15px; } .header-other-text { font-size: 18px; line-height: 23px; margin-top: 20px; } .header-btn { max-width: 350px; height: 63px; line-height: 16px; font-size: 18px; } .header-img { width: 83.3vw; left: 215px; } /* .clients*/ .clients { padding-top: 72px; } .clients-title { margin-bottom: 45px; } .clients-title-pk { font-size: 0; margin-bottom: 0; position: absolute; top: -160px; } .clients-title-pk:before { display: none; } .clients-title-mb { display: block; } .scroll-here .clients-title-mb { transform: translateY(0px); opacity: 1; } .clients-text { margin-right: 40px; margin-top: 20px; } .clients-btn { margin-top: 54px; font-size: 18px; line-height: 18px; max-width: 225px; height: 63px; } .clients-slider-wrap { width: 52.5%; } .clients-slider { height: 280px; width: 500px; } .clients__item-img-wrap { margin-right: 40px; } .advantages .wrap { max-width: 1024px; } .advantages-item:first-child .advantages-title { margin-top: 15px; } .advantages-item:first-child .advantages-title br { display: none; } .advantages-text { max-width: 480px; } .advantages-text br { display: none; } .advantages-img { margin-bottom: 0; width: 100%; } .advantages-item:first-child .advantages-img { margin-top: 10px; } .advantages-item:first-child .advantages-img-wrap { margin-left: 29px; } .advantages-item:last-child .advantages-text { margin-right: -20px; max-width: 495px; } .advantages-col-img:last-child .advantages-img { margin-top: -21px; max-width: 420px; } .advantages-item:last-child .advantages-img-wrap { margin-left: 20px; } .advantages-col-text { padding-left: 4%; padding-right: 0; } .advantages-item:first-child .advantages-col-text { padding-left: 7%; padding-right: 10px; } /* integration*/ .integration { margin-bottom: 93px; } .integration-title { margin-bottom: 58px; } .integration__top-img { max-height: 100px; } .integration__top-img-wrap { width: 110px; margin-right: 20px; max-width: none; flex-shrink: 0; height: 100%; display: flex; align-items: center; } .integration__item-top { padding: 13px 20px; min-height: auto; height: auto; width: 100%; margin: 0 0 37px; } .integration__item-top-title { font-family: Muller; font-size: 24px; line-height: 130%; margin-bottom: 19px; margin-top: 15px; } .integration__item-top-title br { display: none; } .integration__item-top-text { margin-bottom: 20px; } .integration-bottom { flex-wrap: nowrap; } .integration__item-bottom { max-width: 250px; width: 100%; margin: 0; } /*----.project----------*/ .project {} .projects-title { margin-bottom: 40px; } .projects-title:before { display: none; } .project-item { padding: 57px 0 45px 95px; width: 100%; background-repeat: no-repeat; background-position: left 61% center; border-radius: 10px; } .project__item-subtitle { margin-bottom: 25px; } .project__item-title { margin-bottom: 17px; } .transparent-price { margin-bottom: 125px; } .transparent-price_info { padding-left: 4%; } .transparent-price-img-wrap { margin-top: 8px; } .transparent-price__img { margin-top: 0; display: block; width: 100%; max-width: 424px; } .transparent-price__text {} .transparent-price__text br { display: none; } .develop .slick-track { display: flex; } .develop .slick-slide { height: auto; margin-left: 20px; } .develop .slick-slide > div { display: flex; } .develop .slick-slide > div, .develop-item { height: 100%; } .tools { padding-top: 84px; margin-bottom: 149px; } .tools__item { padding-left: 0; } .tools__item-title {} .tools__item-title br { display: none; } .tools__item-text br { display: block; } .tools__item-list { justify-content: flex-start; } /*-------- .acceleration--------*/ .acceleration { padding-top: 48px; margin-bottom: 0; overflow: hidden; } .acceleration__title { max-width: 490px; font-size: 52px; margin-bottom: 66px; } .acceleration__title br { display: none; } .acceleration-list { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 65px; margin-bottom: 37px; } .acceleration-list li { margin-bottom: 25px; display: inline-flex; align-items: flex-start; max-width: 30%; width: 240px; } .acceleration-list svg { height: 48px; width: 75px; } .acceleration-list li:nth-child(2) svg { width: 87px; } .acceleration-list li:nth-child(3) svg { width: 80px; } .acceleration__atributes { margin-bottom: 0; display: flex; max-width: 525px; width: 100%; } .acceleration__bottom { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 33px; } .acceleration__text { display: inline-flex; margin-right: 0; max-width: 330px; margin-left: 6%; margin-bottom: 0; } .acceleration__text br { display: none; } .acceleration-form-title { margin-top: 29px; margin-bottom: 35px; } .acceleration-form .input-wrap, .acceleration-form .input-wrap:nth-of-type(3) { max-width: 48.39%; width: 100%; margin-right: 35px; display: block; margin-bottom: 10px; } .acceleration-form button { margin-top: 53px; margin-bottom: 110px; } .acceleration img { margin-top: -10px; position: absolute; bottom: 0; width: calc(98.75%); } /*-------- .contacts--------*/ .contacts { padding-top: 76px; padding-bottom: 97px; } .contacts__title { margin-bottom: 42px; font-size: 51px; } .contacts__item { width: 50%; padding-left: 0; display: flex; flex-direction: row; flex-wrap: wrap; text-align: center; } .contacts__item-title { justify-content: center; margin-top: 35px; margin-bottom: 20px; } .contacts__item > * { width: 100%; } .contacts__item:last-of-type { width: 50%; padding-left: 10%; } .contacts__item img { max-width: 100%; width: 300px; } .contacts__item-wrap { margin-left: auto; margin-right: auto; width: auto; } .contacts__item:last-of-type img { max-width: 98%; width: 350px; } .contacts.scroll-here .contacts__item:last-of-type .contacts__item-wrap { background-size: contain; } .contacts__item-adres { font-size: 24px; } .contacts__item-tel { font-size: 24px; } .contacts__item-link-map { margin-bottom: 21px; width: 100%; } } @media (min-width: 991px) { .clients-slider .slick-track { transform: none !important; width: 100% !important; } } @media (max-width: 991px) { .create-block-specialization { margin-bottom: 40px; } * { opacity: 1; } .develop .slick-slide { margin-left: 0; } .wrap { max-width: 710px; width: 100%; } .clients .wrap { max-width: 700px; padding-left: 0; } .acceleration { background-position: top left 0, right 0 bottom, right 45px top; background-size: 54%, auto, auto; } .acceleration .wrap { max-width: 720px; width: 100%; } .acceleration-form .input-wrap:nth-of-type(3) { width: 100%; max-width: 100%; } .transparent-price .wrap { max-width: 700px; } .develop .wrap { max-width: 700px; } .project .wrap { max-width: 700px; } .contacts .wrap { max-width: 700px; } .section-title { transform: translateY(0px); opacity: 1; } .section-text { transform: translateY(0px); opacity: 1; } .section-title:before { bottom: -30px; } .header-logo { max-width: 100px; margin-right: auto; } .logo-menu { display: flex; margin-left: 20px; } .header-colback-btn { margin-right: 0; margin-left: auto; } .header__topline { max-width: 710px; margin-left: auto; margin-right: auto; } .topline__nav { width: 100vw; left: 50%; transform: translateX(-50%); align-items: center; justify-content: space-between; margin-right: 0; margin-left: 0; position: absolute; top: 100%; display: none; z-index: 10; background: #fffdfd; text-align: center; margin-top: 10px; } .topline__nav > ul { width: 100%; display: flex; align-items: stretch; justify-content: center; margin-right: 0; flex-direction: column; background-color: #fff; margin-top: 20px; box-shadow: none; } .topline__nav .header-tel-box__select-list { box-shadow: none; display: none; } .list__item ul { padding: 30px 25px 6px; } .topline__nav .list__item { margin: 25px 0 30px; text-align: center; justify-content: center; } .list__item ul { width: 100%; box-shadow: none; position: relative; white-space: nowrap; overflow-x: scroll; } .list__item:after { content: ""; position: absolute; height: 100%; width: 140px; right: 0; top: 0; background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%); z-index: 10; } .list__item:hover ul { display: none; } .list__item ul li { display: inline-block; margin: 0 25px; } .list__item a { padding-right: 0; text-align: center; justify-content: center; display: inline-flex; padding-left: 0; padding-bottom: 0; } .list__item a:hover, .header-tel-box__select-list li:hover { border: none; } .header-content { position: relative; margin-top: 44px; margin-bottom: 8px; display: flex; flex-direction: column; justify-content: flex-start; } .header-title { order: -2; margin-top: 8px; } .header-subtitle { font-size: 24px; line-height: 29px; margin-top: 30px; } .header-tabs { margin-top: 42px; margin-bottom: 11px; } .header-img { position: relative; top: 65px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 0; left: 0; } .header-img img { display: none; } .header-img .header-img_mein-mb { display: block !important; position: relative; width: 100%; margin-bottom: 30px; margin-top: -60px; } .header-subtitle {} .header-price { font-size: 40px; line-height: 135%; letter-spacing: 1px; margin-top: 13px; } .header-text { /* font-size: 24px; */ margin-top: 43px; } .header-text br { display: none; } .header-text br:first-of-type { display: block; } .header-other-text { font-size: 18px; line-height: 23px; margin-top: 20px; max-width: 540px; } .header-btn { margin-top: 51px; max-width: 330px; font-size: 18px; margin-left: auto; margin-right: auto; display: flex; opacity: 1; } .header-content_info-pk .header-btn, .header-content_info-pk .header-text { display: none; } .header-content_info-mb { display: block; } /*.clients*/ .clients { padding-top: 68px; padding-bottom: 51px; } .clients-title-mb { margin-bottom: 45px; } .clients-text { margin-right: 0; } .clients-slider-wrap { min-width: 100%; } .clients-slider { max-width: 440px; width: 100%; height: auto; margin-top: 40px; margin-left: auto; margin-right: auto; transform: translateY(0px); opacity: 1; } .clients-slider .slick-dots { bottom: -40px; } .clients__item-img-wrap { margin-right: 80px; } .clients-item { margin-top: 0; } .clients-btn { transform: translateY(0px); opacity: 1; display: none; } .clients-btn-mb { margin-top: 105px; margin-left: auto; margin-right: auto; display: flex; max-width: 330px; } /*----------.advantages------------*/ .advantages { padding-top: 85px; } .advantages .wrap { max-width: 710px; } .advantages-item .advantages-col-text { padding-left: 0; padding-right: 10px; max-width: 500px; display: block; margin-left: auto; margin-right: auto; } .advantages-item:first-child .advantages-title { margin-top: 5px; max-width: 630px; } .advantages-item:first-child .advantages-img-wrap { margin-top: 0; width: 67%; margin-left: auto; margin-right: auto; display: block; } .advantages-item:first-child .advantages-col-text { padding-left: 0; } .advantages-col-img:last-child .advantages-img { margin-top: 50px; max-width: 500px; margin-left: 0; } .advantages-item:last-child { flex-direction: column-reverse; } .advantages-item:last-child .advantages-img-wrap { width: 67%; margin-left: auto; margin-right: auto; margin-bottom: 38px; display: block; } .advantages-img-wrap img { transform: translateY(0px); } .advantages-col-text { padding-left: 10px; } .advantages-title { max-width: 650px; } .advantages-text { margin-bottom: 10px; max-width: 650px; } /*---------.integration---------*/ .integration { margin-bottom: 31px; } .integration-title { margin-bottom: 22px; margin-top: 40px; } .integration-bottom { flex-wrap: wrap; margin-top: 22px; } .integration__item-bottom { margin-bottom: 42px; } /*----------.project------------*/ .projects-title { margin-bottom: 40px; } .project { margin-bottom: 90px; } .project-list { transform: translateY(0px); opacity: 1; } .project-item { padding: 38px 40px 67px; width: 100%; background-repeat: no-repeat; background-position: center left 44%; border-radius: 10px; } .project__item-btn { height: 63px; text-align: center; justify-content: center; } .project-list-arrow { /*display: none;*/ } .transparent-price__item { max-width: 515px; margin-left: auto; margin-right: auto; } .transparent-price_info { padding-left: 0; } .transparent-price-img-wrap { margin-top: 51px; margin-left: 31px; display: inline-block; } .transparent-price__img { margin-top: 0; margin-left: auto; margin-right: auto; display: block; width: 100%; max-width: 450px; transform: translateY(0px); opacity: 1; } .transparent-price__title { margin-bottom: 70px; margin-top: -20px; } .transparent-price__title br { display: none; } .transparent-price__text { max-width: 100%; } .transparent-price { margin-bottom: 52px; padding-top: 20px; } .transparent-price_item { transform: translateY(0px); opacity: 1; } /*--------------develop-------------*/ .develop { padding-top: 60px; padding-bottom: 85px; } .develop-text br { display: none; } .develop-slider { max-width: calc(100% - 0); transform: translateY(0px); opacity: 1; } /*---------------.tools--------------*/ .tools { padding-top: 5px; margin-bottom: 74px; } .tools .wrap { max-width: 700px; } .tools-title { margin-bottom: 93px !important; padding-left: 0; } .tools-title:before { margin-left: 0; } .tools__item { width: 100%; display: flex; margin-bottom: 55px; } .tools__item-title { font-size: 28px; margin-bottom: 0; max-width: 100%; margin-top: 10px; } .tools__item-list { transform: translateY(0px); opacity: 1; } .tools__img-wrap { margin-right: 25px; } .tools__item-ifo { align-items: center; } .tools__item-text br { display: block; } /*----------.acceleration-----------*/ .acceleration { padding-top: 34px; } .acceleration__title { margin-top: 31px; } .acceleration__subtitle { transform: translateY(0px); opacity: 1; } .acceleration-list { margin-bottom: 40px; margin-top: 96px; transform: translateY(0px); opacity: 1; } .acceleration-list li { width: 195px; } .acceleration__atributes { max-width: 460px; transform: translateY(0px); opacity: 1; } .acceleration-list svg { height: 49px; width: 95px; margin-top: -10px; } .acceleration-list li:nth-child(2) svg { width: 140px; } .acceleration-list li:nth-child(3) svg { width: 108px; } .acceleration__bottom { flex-wrap: wrap; } .acceleration__text { margin-left: 0; margin-bottom: 0; margin-top: 38px; max-width: 525px; transform: translateY(0px); opacity: 1; } .acceleration-form { transform: translateY(0px); opacity: 1; } .acceleration-form-title { margin-bottom: 17px; margin-top: 31px; } .acceleration-form .input-wrap { max-width: 47.39%; width: calc((100% - 42px) / 2); margin-bottom: 5px; display: inline-block; } .acceleration-form .input { margin-bottom: 40px; } .acceleration-form .text-consent { margin-top: 11px; } .acceleration-form button { margin-bottom: 125px; } .acceleration img { margin-top: -10px; width: calc(92.75%); } /*----------------.contacts------------*/ .contacts { padding-bottom: 87px; } .contacts__title { margin-bottom: 30px; } .contacts__item-list { transform: translateY(0px); opacity: 1; } .contacts__item-title {} .contacts__item-adres {} .contacts__item img { max-width: none; } .contacts__item:last-of-type img { max-width: none; width: 342px; } .contacts__item:last-of-type .contacts__item-wrap { margin-left: -41px; } .contacts .contacts__item .contacts__item-wrap { background-size: 100%; } .contacts .contacts__item:last-of-type .contacts__item-wrap, .contacts.scroll-here .contacts__item:last-of-type .contacts__item-wrap { background-size: contain; } } @media (max-width: 715px) { .header-colback-btn, .header-tel-box { display: none; } .header-title { font-size: 50px; } nav .header-tel-box { display: inline-flex; margin: 0 auto; } nav p { font-family: Muller; font-style: normal; font-weight: normal; font-size: 16px; line-height: 16px; letter-spacing: 1px; color: #2c2c2c; margin-top: 30px; display: block; } nav .common-btn { margin-top: 35px; margin-bottom: 50px; display: inline-flex; } .contacts__item img { width: 250px; } .contacts__item:last-of-type img { width: 292px; } .contacts__item-tel { font-size: 21px; } .contacts__item-working-hours { font-size: 20px; } .clients-slider .slick-prev { left: 0; } .clients-slider .slick-next { right: 0; } .wrap { padding-left: 35px; padding-right: 35px; max-width: 100%; } .clients .wrap { padding-left: 35px; } .advantages .wrap { max-width: 100%; } .acceleration-list svg { height: 49px; min-width: 35px; } .acceleration-list li { width: 50%; max-width: 100%; } } @media (max-width: 600px) { .contacts__item { width: 100%; } .contacts__item-list { flex-wrap: wrap; } .contacts__item { width: 100%; padding-left: 0; } .contacts__item-title { margin-top: 40px; } .contacts__item img { width: 295px; } .contacts__item:last-of-type { width: 100%; margin-top: 63px; padding-left: 0; } .contacts__item-link-map { margin-bottom: 26px; } .contacts__item:last-of-type .contacts__item-wrap { margin-left: auto; margin-right: auto; } .contacts__item:last-of-type img { max-width: 100%; margin-left: 0; width: 340px; } .contacts__item-tel { font-size: 24px; } } @media (max-width: 550px) { .section-title { font-size: 35px; margin-bottom: 50px; margin-top: 0; line-height: 138%; } .header-subtitle { margin-top: 24px; font-size: 20px; } .header__topline { margin-top: 18px; } .header-colback-btn, .header-tel-box { display: none; } .header-content { margin-top: 25px; margin-bottom: 60px; } .header-title { font-size: 37px; max-width: 500px; margin-top: 0; } .header-title br { display: none; } .header-tabs { margin-top: 36px; margin-bottom: 11px; } .header-price { justify-content: center; max-width: 330px; } .header-tabs_nav { display: flex; justify-content: space-between; max-width: 330px; } .header-tabs_nav-item { font-size: 16px; margin-right: 0; } .header-tabs_nav-item:first-of-type { margin-right: 15px; } .header-text { /* font-size: 20px; */ margin-top: 68px; } .header-text br:first-of-type { display: none; } .header-img .header-img_mein-mb { margin-top: -71px; width: 107%; max-width: 480px; margin-left: -12px; margin-bottom: 20px; } .header-btn { margin-top: 36px; margin-bottom: 37px; max-width: 100%; } /*--------------clients------------*/ .clients { padding-top: 45px; padding-bottom: 70px; } .clients-title-pk { font-size: 0; margin-bottom: 0; margin-top: 0; line-height: 0; } .clients-title-mb { font-size: 35px; margin-bottom: 34px; } .clients-slider .slick-dots { position: absolute; bottom: -50px; } .clients-item { flex-direction: column; } .clients__item-img-wrap { margin-right: 0; } .clients__item-title { max-width: 245px; text-align: center; margin-top: 15px; } .clients__item-title br { display: none; } .clients-btn-mb { margin-top: 80px; max-width: 255px; } /*--------------.advantages---------*/ .advantages { padding-top: 18px; } .advantages-item:first-child .advantages-img-wrap { width: 70%; } .advantages-item:first-child .advantages-title:before { bottom: -20px; } .advantages-item:first-child .advantages-img { width: 100%; max-width: 480px; margin-right: auto; margin-left: auto; } .advantages-item:last-child .advantages-img { width: 100%; max-width: 480px; margin-top: 10px; margin-bottom: 20px; } .advantages-item:first-child .advantages-col-text { padding-left: 10px; } .advantages-item:last-child .advantages-text { padding-right: 0; margin-right: 0; } .advantages-col-text { padding-left: 10px; } .integration { margin-bottom: 5px; } .integration-title { margin-top: 40px; margin-bottom: 29px; } .integration-title:before { display: none; } .integration__item-top { flex-direction: column; height: auto; align-items: center; margin: 0 0 27px; } .integration__top-img-wrap { height: auto; margin-top: 13px; margin-bottom: 7px; } .integration__item-ifo { max-width: 270px; margin-left: auto; margin-right: auto; } .integration__item-top-title { margin-top: 15px; margin-bottom: 15px; } .integration__item-top-text { font-size: 16px; line-height: 30px; margin-bottom: 8px; } .integration-bottom { margin-top: 30px; } .integration__item-bottom { margin-bottom: 52px; } /*--------------project---------*/ .project { margin-bottom: 0; } .projects-title { margin-bottom: 21px; } .project-list.slick-dotted.slick-slider { margin-bottom: 65px; } .project-list .slick-track { display: flex; } .project-list .slick-slide { height: auto; } .project-list .slick-slide > div, .project__item-wrap { height: 100%; } .project-item { padding: 30px 33px 48px; width: auto; height: 100%; margin-left: -5px; margin-right: -5px; background-position: left; border-radius: 9px; background-size: cover; } .project__item-subtitle { margin-bottom: 9px; font-size: 20px; } .project__item-title { margin-bottom: 0; font-size: 37px; } .project__item-text { font-size: 16px; margin-bottom: 30px; } .project__item-list { margin-top: 0; } .project__item-list br { display: none; } .project__item-link { margin-top: 22px; margin-bottom: 56px; } .project__item-btn { max-width: 270px; width: 100%; } .project-list-arrow { display: none; } .project-list .slick-dots { bottom: -35px; } /*---------.transparent-price----------*/ .transparent-price { padding-top: 45px; margin-bottom: 45px; } .transparent-price__img { width: 82%; max-width: 424px; } .scroll-here .transparent-price-img-wrap:before { background-size: 82%; } .transparent-price-img-wrap { margin-top: -23px; background-size: 0; } .transparent-price__title { margin-bottom: 52px; margin-top: -2px; } .transparent-price__subtitle { margin-bottom: 15px; } .advantages-item:last-child .advantages-img-wrap { width: 67%; margin-bottom: 24px; } /*--------------.develop---------*/ .develop { padding-top: 35px; padding-bottom: 25px; } /*--------------.tools---------*/ .tools { margin-bottom: 60px; } .tools-title { margin-bottom: 64px !important; } .tools__item { margin-bottom: 23px; } .tools__item-title { line-height: 135%; margin-bottom: 8px; padding-right: 5px; font-size: 24px; } /*--------- .acceleration----------*/ .acceleration { padding-top: 84px; background-position: top left; } .scroll-here .acceleration { background-image: url(../../../../../../local/templates/inetsys/img/acceleration2.png); } .acceleration-form-title { font-size: 28px; margin-bottom: 30px; } .acceleration-list { margin-top: 35px; margin-bottom: 20px; } .acceleration-list li { margin-bottom: 23px; max-width: 100%; width: 100%; } .acceleration-list li:nth-child(2) { max-width: 100%; } .acceleration-list li { margin-bottom: 23px; display: inline-flex; align-items: center; max-width: 100%; } .acceleration-list svg { height: 49px; width: 50px; } .acceleration-list li:nth-child(2) svg { width: 60px; } .acceleration-list li:nth-child(3) svg { width: 50px; } .acceleration__atributes { max-width: 550px; flex-wrap: wrap; } .acceleration__atributes-item { margin-bottom: 25px; } .acceleration__atributes-item:first-of-type { margin-bottom: 40px; } .acceleration__text { margin-top: 8px; } .acceleration__bottom { margin-bottom: 25px; } .acceleration-form input { font-size: 18px; } .acceleration-form .input-wrap { max-width: 100%; width: 100%; margin-bottom: 5px; margin-right: 0; } .acceleration-form button { display: block; max-width: 340px; margin: 57px auto 73px; } .acceleration img { margin-top: -10px; width: calc(122.75%); } /*---------- .contacts----------*/ .contacts { padding-top: 68px; padding-bottom: 134px; } .contacts__title { margin-bottom: 10px; } .contacts__item-title svg { width: 33px; height: 35px; margin-right: 7px; margin-top: 0; margin-left: -35px; } .contacts__item-working-hours { font-size: 24px; } } @media (max-width: 480px) { .wrap { padding-left: 15px; padding-right: 15px; max-width: 100%; } .header-logo { max-width: 120px; } .clients .wrap { padding-left: 15px; } .advantages .wrap { max-width: 100%; padding-left: 15px; padding-right: 15px; } .advantages-item .advantages-col-text { padding-left: 10px; } .transparent-price .wrap { max-width: 100%; } } @media (max-width: 355px) { .wrap { max-width: 100%; } .section-title { font-size: 30px; margin-bottom: 55px; } .header-btn { font-size: 16px; } .contacts__item-title { font-size: 34px; } } @media (max-width: 355px) { .contacts__item img { width: 250px; } .contacts__item:last-of-type img { width: 285px; } } .form-have-project .input-wrap { position: relative; } .form-have-project .input-wrap input::placeholder { opacity: 0; } .form-have-project .input-wrap input:-ms-input-placeholder { opacity: 0; } .form-have-project .input-wrap input:not(:placeholder-shown) + label { opacity: 0; visibility: hidden; } .form-have-project .input-wrap input:not(:-ms-input-placeholder) + label { opacity: 0; visibility: hidden; } .contact-form .input-wrap label { position: absolute; font-size: 16px; line-height: 26px; color: #5e78ff; left: 2px; top: 10px; cursor: text; } .footer-have-project .input-wrap, .acceleration-form .input-wrap { position: relative; } .footer-have-project .input-wrap input::placeholder, .acceleration-form .input-wrap input::placeholder { opacity: 0; } .footer-have-project .input-wrap input:-ms-input-placeholder, .acceleration-form .input-wrap input:-ms-input-placeholder { opacity: 0; } .footer-have-project .input-wrap input:not(:placeholder-shown) + label, .acceleration-form .input-wrap input:not(:placeholder-shown) + label { opacity: 0; visibility: hidden; } .footer-have-project .input-wrap input:not(:-ms-input-placeholder) + label, .acceleration-form .input-wrap input:not(:-ms-input-placeholder) + label { opacity: 0; visibility: hidden; } .footer-have-project .input-wrap label { position: absolute; font-size: 16px; line-height: 26px; color: #fff; left: 2px; top: 15px; cursor: text; } .acceleration-form .input-wrap label { position: absolute; font-size: 16px; line-height: 26px; color: #fff; left: 2px; top: 12px; cursor: text; } .contacts-page .footer-have-project .input-wrap label { color: #414141; } .tarif-form .input-wrap { position: relative; } .tarif-form .input-wrap input::placeholder { opacity: 0; } .tarif-form .input-wrap input:-ms-input-placeholder { opacity: 0; } .tarif-form .input-wrap input:not(:placeholder-shown) + label { opacity: 0; visibility: hidden; } .tarif-form .input-wrap input:not(:-ms-input-placeholder) + label { opacity: 0; visibility: hidden; } .tarif-form .input-wrap label { position: absolute; font-size: 16px; line-height: 26px; color: #fff; left: 2px; top: 15px; cursor: text; } /* bonus style */ .develop .slick-list:after { position: absolute; top: 0; width: 100%; content: ""; height: 100%; pointer-events: none; box-shadow: inset -50px 0 20px -30px #fff, inset 50px 0 20px -30px #fff; } .project-banner-vbrr > .project-item { background-color: #FECA0D; } .project-banner-kalibr > .project-item { background-size: cover; background-position: center center; } .scroll-here .project-banner-kalibr > .project-item { background-image: url(../../../../../../local/templates/inetsys/img/projekt-kalibr-1.jpg); } .project-banner-mosconditer > .project-item { background-size: cover; background-position: center center; } .scroll-here .project-banner-mosconditer > .project-item { background-image: url(../../../../../../local/templates/inetsys/img/projekt-moskonditer-1.jpg); } .project-banner-met > .project-item { background-color: #FEA500; background-size: cover; background-position: 0; } .project-banner-premier > .project-item { background-color: #EDEDED; background-position: 0; } .project-banner-skandi > .project-item { background-image: radial-gradient(50% 93.85% at 50% 52.31%, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%) !important; background-position: 250px; } .branding-slider .project-banner-skandi .project_item_background-image { bottom: 15px; } .branding-slider .branding-image { display: flex; flex-direction: row-reverse; overflow: visible; max-height: 650px; align-items: center; } .branding-slider .project_item_background-image { position: relative; height: 100%; width: auto; margin-right: auto; max-width: 60%; } .branding-slider .slick-list { overflow: visible; } @media (max-width: 1200px) { .branding-slider .wrap { padding: 0; } } @media (max-width: 992px) { .branding-slider .branding-image { max-height: none; } } @media (max-width: 768px) { .project__item-subtitle { margin-bottom: 0; } .project__item-title { margin-bottom: 0; } .project__item-text { margin-bottom: 0; } .branding-slider .project_item_background-image { max-width: 100%; } } .project-list-buttons { white-space: nowrap; } .project-banner-stena > .project-item { background-size: cover; background-position: center center; } .scroll-here .project-banner-stena > .project-item { background-image: url(../../../../../../local/templates/inetsys/img/projekt-stena-1.jpg); } @media (min-width: 768px) { .project-banner-vbrr > .project-item { background-size: auto; background-position: 50vw 100%; } .scroll-here .project-banner-vbrr > .project-item { background-image: url(../../../../../../local/templates/inetsys/img/projekt-vbrr.png);} .project-banner-kalibr > .project-item { background-size: auto, cover; background-position: 55vw 20px, center center; } .scroll-here .project-banner-kalibr > .project-item { background-image: url(../../../../../../local/templates/inetsys/img/projekt-kalibr-2.png), url(../../../../../../local/templates/inetsys/img/projekt-kalibr-1.jpg); } .project-banner-kalibr > .back-image_two { } .project-banner-mosconditer > .project-item { background-size: auto, cover; background-position: 25vw 40px, center center; } .scroll-here .project-banner-mosconditer > .project-item { background-image: url(../../../../../../local/templates/inetsys/img/projekt-moskonditer-2.png), url(../../../../../../local/templates/inetsys/img/projekt-moskonditer-1.jpg); } .project-banner-met > .project-item { background-color: #FEA500; background-size: contain; background-position: 50vw 100%; } .scroll-here .project-banner-met > .project-item { background-image: url(../../../../../../local/templates/inetsys/img/projekt-met.png); } .project-banner-stena > .project-item { background-size: auto, cover; background-position: 50vw 50px, center center; } .scroll-here .project-banner-stena > .project-item { background-image: url(../../../../../../local/templates/inetsys/img/projekt-stena-2.png), url(../../../../../../local/templates/inetsys/img/projekt-stena-1.jpg);} } @media (min-width: 992px) { .project-banner-mosconditer > .project-item { background-size: auto, cover; background-position: 40vw 40px, center center; } .scroll-here .project-banner-mosconditer > .project-item { background-image: url(../../../../../../local/templates/inetsys/img/projekt-moskonditer-2.png), url(../../../../../../local/templates/inetsys/img/projekt-moskonditer-1.jpg);} } /*.input-wrap:has(input:not(.valid)) ~ .submit_container{*/ /* pointer-events: none !important;*/ /*}*/ .middle-page { min-height: 800px; } .red-star { color: red; } .middle-page { background-color: #5E78FF; } .success_block > * { display: none !important; } .success_block .acceleration-form__success { display: block !important; } textarea.error { margin-bottom: 5px; } .acceleration-form input.error, #bottom-form input.error, #tarif input.error, #middle-form input.error, .acceleration-form textarea.error, #bottom-form textarea.error, #tarif textarea.error, #middle-form textarea.error { color: #ff005c; border-color: #ff005c !important; background-image: url(../../../../../../local/templates/inetsys/img/error_new.png); } .acceleration-form .input-alert, #bottom-form .input-alert, #tarif .input-alert, #middle-form .input-alert { /*color: #FFBDCB;*/ } input.error ~ .acceleration-form .input-wrap label, input.error ~ #bottom-form .input-wrap label, input.error ~ #tarif .input-wrap label, input.error ~ #middle-form .input-wrap label { color: #FFBDCB; } form.acceleration-form input[type="checkbox"].styled-checkbox.error + label::before, form#bottom-form input[type="checkbox"].styled-checkbox.error + label::before, form#tarif input[type="checkbox"].styled-checkbox.error + label::before, form#middle-form input[type="checkbox"].styled-checkbox.error + label::before { border: 1px solid #FFBDCB; } .work-contact { font-family: 'Muller'; font-weight: 500; } .font-blue-color { color: #5e78ff; } .letter-spacing-unset { letter-spacing: unset !important; } /*--- full-width-slider ---*/ .full-width-slider { padding-top: 25px } .full-width-slider .widewrap { height: 100%; flex-wrap: wrap; display: flex; flex-direction: column; } .full-width-slider .full-width-slider-single { padding-top: 30px; height: 650px; padding-bottom: 40px; } .full-width-slider * + ul { padding-top: 42px; font-size: 18px; padding-bottom: 31px; } .full-width-slider ul.list-dotted li:not(:first-child) { padding: 20px 0 4px 28px; } .full-width-slider ul.list-dotted li:not(:first-child):before { top: 28px; } .full-width-slider .slider-up-header { font-size: 24px; margin-bottom: 20px } .full-width-slider .heading-2 { font-size: 52px; font-weight: 600 } .full-width-slider .projects-store { display: flex; justify-content: space-between; margin-top: auto; } .full-width-slider .projects-store a { max-width: 47%; display: block; } .full-width-slider .full-width-slider-more { margin-top: auto; flex-wrap: nowrap; display: flex; align-items: center; } .full-width-slider .button-outline { max-width: 283px; margin-left: auto; margin-right: auto; color: #fff; border-color: #fff; } .full-width-slider .button-outline:hover { color: #414141; background-color: #fff; } .full-width-slider .ico-arrow-left:before, .full-width-slider .ico-arrow-right:before { color: #fff; } .full-width-slider .project-list-arrow.ico-arrow-left:hover:before, .full-width-slider .project-list-arrow.ico-arrow-right:hover:before { color: #414141; } @media (min-width: 768px) { .full-width-slider .full-width-slider-single { padding-top: 50px; padding-bottom: 60px; } .full-width-slider .slider-up-header { margin-bottom: 35px; } .full-width-slider .projects-store { max-width: 288px; margin-top: 10px; } .full-width-slider .button-outline { max-width: 203px; margin-left: 0; margin-right: 33px; } } @media (min-width: 992px) { .full-width-slider { padding-top: 60px; } } @media (max-width: 610px) { .main-page .header-tabs .header-tabs_nav { display: block; } .main-page .header-tabs .header-tabs_nav-item.active { width: 100%; max-width: 100%; height: auto; padding: 8px 10px 6px; line-height: inherit; text-align: center; box-sizing: border-box; border: 2px solid #5E78FF; } .main-page .header-tabs .header-tabs_nav-item { width: 100%; height: auto; padding: 8px 10px 6px; line-height: inherit; text-align: center; box-sizing: border-box; border: solid 2px transparent; } } /*-----premier----*/ @media (max-width: 767px) { .main-page .main-banner { padding-bottom: 0; } .main-page .clients { padding-top: 75px !important; padding-bottom: 38px; } .main-page .clients-text { margin-top: 0; } .main-page .clients__item-title { margin-top: 30px; } .main-page .project__item-title { font-size: 30px } } @media (max-width: 991px) { .main-page .main-banner .header-content { margin-bottom: 0; } .main-page .advantages-img { max-width: 500px; } } @media (max-width: 360px) { .create-block-specialization .heading-2 { font-size: 30px } } @media (max-width: 767px) { .advantages-item:first-child .advantages-img { max-width: 360px; } .advantages-item:first-child .float-circles:before { top: calc(100% - 30px); left: calc(35% - 30px); } .advantages-item:first-child .float-circles:after { top: calc(1% - 20px); left: calc(84% - 20px); } .advantages-item:last-child .advantages-img { max-width: 380px; } .advantages-item:last-child .float-circles:before { top: calc(100% - 30px); left: calc(-6% - 30px); } .advantages-item:last-child .float-circles:after { top: calc(8% - 20px); left: calc(101% - 20px); } .transparent-price__img { max-width: 380px; } .transparent-price__item .float-circles:before { top: calc(88% - 20px); left: calc(13% - 20px); } .transparent-price__item .float-circles:after { top: calc(18% - 20px); left: calc(93% - 20px); } } @media (min-width: 768px) and (max-width: 991px) { .advantages-item:first-child .float-circles:before { top: calc(96% - 30px); left: calc(32% - 30px); } .advantages-item:first-child .float-circles:after { top: calc(1% - 20px); left: calc(88% - 20px); } .advantages-item:last-child .float-circles:before { top: calc(94% - 30px); left: calc(-6% - 30px); } .advantages-item:last-child .float-circles:after { top: calc(18% - 20px); left: calc(90% - 20px); } .transparent-price__item .float-circles:before { top: calc(88% - 20px); left: calc(13% - 20px); } .transparent-price__item .float-circles:after { top: calc(18% - 20px); left: calc(93% - 20px); } .main-page .project .slick-dots { display: none } .main-page .project { margin-bottom: 40px } } @media (min-width: 992px) { .advantages-item:first-child .float-circles:before { top: calc(94% - 30px); left: calc(34% - 30px); } .advantages-item:first-child .float-circles:after { top: calc(9% - 20px); left: calc(83% - 20px); } .advantages-item:last-child .float-circles:before { top: calc(90% - 30px); left: calc(8% - 30px); } .advantages-item:last-child .float-circles:after { top: calc(18% - 20px); left: calc(90% - 20px); } .transparent-price__item .float-circles:before { top: calc(88% - 20px); left: calc(13% - 20px); } .transparent-price__item .float-circles:after { top: calc(18% - 20px); left: calc(93% - 20px); } } @media (min-width: 992px) and (max-width: 1449px) { .main-page .project { margin-bottom: 0 } .main-page .transparent-price { margin-bottom: 40px; } .main-page .clients { padding-bottom: 45px; } .main-page .header-content { margin-bottom: 20px; } .main-page .main-banner { min-height: auto; } .main-page .develop { padding-bottom: 60px; } .office-team-block { margin-top: 20px; } } @media (min-width: 768px) { .main-page .project-banner-met > .project-item { background-size: cover; } } @media (max-width: 768px) { .text-consent-checkbox { flex-wrap: nowrap; align-items: flex-start !important; } } @media (min-width: 768px) and (max-width: 991px) { .main-page .main-banner { padding-bottom: 0; } } @media (min-width: 992px) { .main-page .tools { margin-bottom: 80px; } } @media (min-width: 1450px) { .main-page .project { margin-bottom: 0; } } .tarif-form .input-alert { color: #fff; } .form input[type="checkbox"].styled-checkbox.error + label::before, input[type="checkbox"].styled-checkbox.error + label::before { border: 1px solid #ff005c; } .input-alert-checkbox { flex-basis: 100%; margin-top: 10px; margin-left: 0; padding: 0; } /* End */ /* Start:/local/templates/inetsys/css/base.css?1732282529128100*/ ol { letter-spacing: .5px; margin: 0; padding-left: 0; } ol li { padding: 12px 0 13px 36px; position: relative; } ol li:first-child { padding-top: 0; } ol { list-style: none; } ol > li:first-child::before { top: 2px; } ol > li::before { content: counter(li, decimal) "."; counter-increment: li; position: absolute; top: 14px; left: 0; display: inline-block; width: 15px; font-family: Muller, sans-serif; font-weight: bold; color: #5e78ff; } /*------ typography start ------*/ body { font-style: normal; font-weight: normal; font-size: 16px; line-height: 26px; letter-spacing: 1px; } a { color: #5E78FF; } .text-fs-18 { font-size: 18px; } .text-lh-30 { line-height: 30px; } [class*="heading-"] { display: flex; align-items: center; flex-wrap: wrap; transition: all 0.5s; will-change: transform, opacity; font-family: Muller, sans-serif; font-style: normal; font-weight: 400; color: #5E78FF; line-height: 135%; margin: 0; width: 100%; } [class*="subheading-"] { display: flex; align-items: center; flex-wrap: wrap; transition: all 0.5s; will-change: transform, opacity; font-family: Muller, sans-serif; font-style: normal; color: #414141; line-height: 135%; margin: 0; } .subheading-price { font-size: 26px; font-weight: 500; padding-bottom: 30px; } .fw-500 { font-weight: 500; } .text-white { color: #fff; } .text + .text { margin-top: 24px } .text-blue { color: #5E78FF; } h1, .heading-1 { font-size: 32px; margin-bottom: 17px; } h2, .heading-2 { font-size: 28px; margin-left: -2px; } h3, .heading-3 { font-size: 24px; padding-bottom: 15px; } h4, .heading-4 { font-size: 24px; padding-top: 30px; padding-bottom: 21px; font-weight: 400; } .heading-3_5 { font-size: 34px; padding-bottom: 15px; } .heading-small { font-size: 29px; } .blue-bold { font-weight: 500; color: #5E78FF; } ul.list-dotted, ul.list-check { margin: 0; padding-left: 0; } .main-banner ul.list-dotted { font-weight: 400; font-family: 'Muller'; } ul.list-dotted li { padding: 5px 0 4px 24px; position: relative; } ul.list-check li { padding: 12px 0 0 36px; position: relative; } ul.list-dotted li:first-child, ul.list-check li:first-child { padding-top: 0; } ul.list-dotted li:before { width: 8px; height: 8px; position: absolute; content: ""; background-color: #2CE2C7; border-radius: 10px; left: 0; top: 13px; } ul.list-dotted li:first-child:before { top: 8px; } @media (min-width: 768px) { ul.list-dotted li:before { top: 14px; } ul.list-dotted li:first-child:before { top: 9px; } } ul.list-check li:before { content: ""; width: 12px; height: 18px; border: solid #5E78FF; border-width: 0 3px 3px 0; transform: rotate(45deg); position: absolute; left: 5px; top: 13px; } ul.list-check li:first-child:before { top: 1px; } .text-center { text-align: center; justify-content: center; } @media (min-width: 768px) { body { font-size: 18px; line-height: 28px; } h1, .heading-1 { font-size: 40px; margin-left: -2px; } h2, .heading-2 { font-size: 36px; margin-left: -2px; padding-bottom: 0; } h3, .heading-3 { font-size: 30px; padding-bottom: 35px; } .subheading-price { padding-bottom: 33px; } ul.list-dotted, ul.list-check { letter-spacing: 1px; } } @media (min-width: 992px) { .subheading-price { padding-bottom: 25px; } h3, .heading-3 { padding-bottom: 25px; } h1, .heading-1 { transform: translateY(55px); opacity: 0; } .scroll-here h1, .scroll-here .heading-1 { transform: translateY(0); opacity: 1; } h2, .heading-2 { transform: translateY(55px); opacity: 0; } .scroll-here h2, .scroll-here .heading-2 { transform: translateY(0); opacity: 1; } h3, .heading-3 { transform: translateY(55px); opacity: 0; } .scroll-here h3, .scroll-here .heading-3 { transform: translateY(0); opacity: 1; } h4, .heading-4 { transform: translateY(55px); opacity: 0; } .scroll-here h4, .scroll-here .heading-4 { transform: translateY(0); opacity: 1; } .subheading-price { transform: translateY(55px); opacity: 0; } .scroll-here .subheading-price { transform: translateY(0); opacity: 1; } .text { transform: translateY(55px); opacity: 0; transition-duration: 0.5s; } .scroll-here .text { transform: translateY(0); opacity: 1; } .heading-3_5 { transform: translateY(55px); opacity: 0; } .scroll-here .heading-3_5 { transform: translateY(0); opacity: 1; } ul.list-dotted, ul.list-check { transform: translateY(55px); opacity: 0; transition-duration: 0.5s; will-change: transform, opacity; } .scroll-here ul.list-dotted, .scroll-here ul.list-check { transform: translateY(0); opacity: 1; } } @media (min-width: 1200px) { h1, .heading-1 { font-size: 44px; } h2, .heading-2 { font-size: 40px; } } .heading-underline { margin-bottom: 55px; padding-bottom: 0; } .heading-underline:before { content: " "; width: 41px; height: 0; border: 1px solid #2ce2c7; position: absolute; left: 3px; top: auto; bottom: -25px; transition: all 1s; } @media (min-width: 992px) { .heading-underline:before { width: 0; } .scroll-here .heading-underline:before { width: 41px; } } @media (min-width: 1200px) { .heading-underline + .text { padding-top: 15px } } /*------ typography end ------*/ /*------ elements start ------*/ .button-blue { font-family: Muller; font-size: 18px; line-height: 142%; color: #ffffff; background-color: #5e78ff; width: 350px; margin: 0 auto; max-width: 100%; height: 63px; display: flex; align-items: center; justify-content: center; border-radius: 99px; font-weight: 500; transition: all 0.2s, transform 0.4s; letter-spacing: .5px; will-change: transform, opacity; } .button-outline { font-family: Muller; font-size: 19px; color: #5e78ff; border: solid 2px #5e78ff; width: 100%; height: 63px; display: flex; align-items: center; justify-content: center; line-height: 19px; border-radius: 99px; font-weight: 700; transition: all 0.2s, transform 0.4s; letter-spacing: .5px; will-change: transform, opacity; } .button-blue:hover, .button-outline:hover { background: #294bff; color: #fff; border-color: #294bff; } .arrow-button { font-family: Muller; font-size: 18px; line-height: 142%; color: #5e78ff; font-weight: 500; transition: background-color 0.2s, transform 0.4s; letter-spacing: .5px; white-space: nowrap; will-change: transform, opacity; } .arrow-button:hover { color: #294bff; } .arrow-button:after { content: "\e939"; font-family: 'inetsys-ico' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 11px; margin-left: 14px; transition: all 0.2s, transform 0.4s; } .arrow-button:hover:after, .arrow-button.hover:after { margin-left: 18px; } .arrow-button svg { width: 8px; height: 14px; transform: translateX(14px); margin-bottom: -2px; transition: all 0.2s; } .arrow-button:hover svg { transform: translateX(18px); } .accordion-button { display: flex; align-items: center; justify-content: center; color: #5e78ff; font-family: Muller; font-style: normal; font-weight: 500; font-size: 24px; letter-spacing: 0.5px; padding-top: 35px; cursor: pointer; padding-bottom: 25px; transition: all 0.2s; will-change: transform, opacity; } .popup-button { display: flex; align-items: center; justify-content: center; color: #5e78ff; font-family: Muller; font-style: normal; font-weight: 500; font-size: 24px; letter-spacing: 0.5px; padding-top: 35px; cursor: pointer; padding-bottom: 25px; transition: all 0.2s; will-change: transform, opacity; } .button-circle { width: 48px; height: 48px; border: solid 2px #5e78ff; border-radius: 99px; display: inline-flex; align-items: center; justify-content: center; position: relative; margin-right: 20px; margin-top: -5px; transition: all 0.5s; will-change: transform, opacity; } .slider-circle-button { width: 48px; height: 48px; border: solid 2px #5e78ff !important; border-radius: 99px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.5s; will-change: transform, opacity; position: absolute; top: calc(50% - 24px); background-color: #fff; color: #5e78ff; } .slider-circle-button:hover { background-color: #5e78ff; color: #fff; } .slider-circle-button.ico-arrow-left { left: -48px; } .slider-circle-button.ico-arrow-right { right: -48px; } .slider-circle-button:before { font-size: 20px } .active > .button-circle { transform: rotate(45deg) !important; } .accordion-button:hover .button-circle { transform: rotate(90deg); border-color: #294bff; } .accordion-button.active:hover .button-circle { transform: rotate(135deg); } .accordion-button:hover { color: #294bff } .popup-button:hover .button-circle { transform: rotate(90deg); border-color: #294bff; } .popup-button.active:hover .button-circle { transform: rotate(135deg); } .popup-button:hover { color: #294bff } .button-small { width: 267px; margin: 0 auto; } @media (min-width: 992px) { .arrow-button { opacity: 0; transform: translateY(55px); } .scroll-here .arrow-button { opacity: 1; transform: translateY(0); } .accordion-button { justify-content: left; } .popup-button { justify-content: left; } } .list_dropdown .menu-link:after { content: "\e939"; font-family: 'inetsys-ico' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: rotate(90deg); font-size: 11px; transition: 0.2s transform; } .list_dropdown:hover .menu-link:after { transform: rotate(270deg); } .header-tel-box__select-selected span { display: flex; align-items: center; } .header-tel-box__select-selected span:after { content: "\e925"; font-family: 'inetsys-ico' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 7px; transition: 0.2s transform; } .header-tel-box__select.active .header-tel-box__select-selected span:after { transform: rotate(180deg); } .button-circle.ico-plus:before { font-size: 16px; } .header-color-js { background-color: rgb(241 248 254); } [class*="project-page"] .header-color-js, .clients-page .header-color-js, .work-page .header-color-js, .contacts-page .header-color-js { background-color: rgb(255 255 255); } /*------ elements end ------*/ /*------ accordion start ------*/ .accordion-block { display: none; /* margin-top: 25px; */ margin-bottom: 25px; } .accordion-block.active { display: flex; } .accordion-block .subwrap { display: flex; flex: 0 0 100%; flex-wrap: wrap; padding-left: 30px; padding-right: 25px; border-radius: 10px; padding-bottom: 25px; } .accordion-block .heading-3 { padding-top: 20px; padding-bottom: 7px; font-weight: 500; } @media (min-width: 768px) { .accordion-block .subwrap { padding-top: 15px; } .accordion-block .heading-3 { padding-top: 20px; padding-bottom: 0; font-weight: 500; margin-bottom: 25px } } @media (min-width: 992px) { .accordion-block { margin-top: 35px !important; } .accordion-block .subwrap { padding: 20px 50px 25px; } } @media (min-width: 1200px) { .accordion-block { margin-top: 50px !important; } .accordion-block .subwrap { padding: 48px 85px 25px; } .accordion-block .heading-3 { margin-bottom: 32px; } } /*------ accordion end ------*/ /*------ accordion start ------*/ .popup_scroll { position: relative; } .popup_scroll:after { position: absolute; top: 0; width: 100%; content: ""; height: 100%; pointer-events: none; box-shadow: inset 0 50px 20px -30px #ebeeff, inset 0 -50px 20px -30px #ebeeff; } .popup-block { display: none; margin-bottom: 25px; } .mCSB_container > *:first-child { padding-top: 20px } .popup-block [class*="popup-img-"] { width: 100%; height: 30px; background-repeat: no-repeat !important; background-size: contain; display: block; } .popup-block.active { display: flex; position: fixed; padding-top: 0 !important; top: 0; bottom: 0; left: 0; right: 0; max-width: 1384px; margin: auto; z-index: 1002; max-height: 92vh; overflow: hidden; } .popup-block .subwrap { display: flex; flex: 0 0 100%; flex-wrap: wrap; border-radius: 10px; padding: 15px 7px 15px 15px; align-content: baseline; } .popup-block .popup_header { display: flex; width: 100%; justify-content: space-between; align-content: center; padding-right: 10px; /*padding-bottom: 15px;*/ } .popup-block .mCustomScrollBox { width: 100% } .popup-block #mCSB_2_container { display: flex; flex-wrap: wrap; } .popup-block .heading-3 { padding-top: 14px; max-width: calc(100% - 50px); padding-bottom: 7px; font-weight: 500; } .popup_scroll { max-height: calc(100% - 52px); width: 100% } .popup-close { display: flex; align-items: center; justify-content: space-between; cursor: pointer; width: 50px; height: 50px; margin-top: 7px; } .popup-close .button-circle { margin-right: 0; color: #5e78ff; background-color: #fff; } .popup-close .button-circle:before { transform: rotate(45deg); } .popup-close .button-text { margin-top: -5px; display: none; } .popup-block .mCSB_scrollTools { margin-top: 10px; } @media (min-width: 768px) { .popup-block .heading-3 { padding-top: 0; padding-bottom: 0; font-weight: 500; max-width: calc(100% - 135px); line-height: 100%; margin-top: -2px; } .popup-block.active { display: flex; position: fixed; top: 0; bottom: 0; left: 0; right: 0; max-width: 1384px; margin: auto; z-index: 1002; max-height: 92vh; overflow: hidden; } .popup-close { width: 135px; height: 48px; margin-top: 0; } .popup-close .button-text { margin-top: -5px; display: block; } .popup-close .button-circle { margin-left: 8px; } .popup-block .popup_header { padding-bottom: 10px; } } @media (min-width: 992px) { .popup-block { } .popup-block .subwrap { padding: 20px 10px 25px 50px; } .popup-close { margin-top: -2px; } .popup-close .button-circle:before { transition: all .3s } .popup-close .button-circle:hover:before { transform: rotate(135deg) } } @media (min-width: 1200px) { .popup-block .subwrap { padding: 48px 25px 25px 85px; } } /*------ accordion end ------*/ /*-------------------- boofer start ------*/ section { overflow: hidden; } [class^="row"] { position: relative; } .header__topline { padding-bottom: 20px; } img { max-width: 100%; height: auto; display: inline-block; } .w-100 { width: 100%; } header { overflow: visible; } nav .menu-link { font-size: 14px; } @media (min-width: 1400px) { nav .menu-link { font-size: 16px; } } .widewrap, .thickwrap { padding-left: 15px; padding-right: 15px; max-width: 100%; margin: 0 auto; } @media (min-width: 768px) { .widewrap, .thickwrap { padding-left: 40px; padding-right: 40px; } ul.list-col-2 { display: flex; flex-wrap: wrap; } ul.list-check.list-col-2 li { padding: 0 0 25px 36px; width: 45% } ul.list-check.list-col-2 li:before { top: 1px } } @media (min-width: 992px) { .widewrap, .thickwrap { padding-left: 46px; padding-right: 46px; } .row .row { margin-left: 0; margin-right: 0; } } @media (min-width: 1200px) { .widewrap, .thickwrap { padding-left: 10px; padding-right: 10px; max-width: 1180px } } @media (min-width: 1450px) { .widewrap { padding-left: 10px; padding-right: 10px; max-width: 1380px } .thickwrap { padding-left: 100px; padding-right: 10px; max-width: 1380px } .block-custom .thickwrap { padding-left: 80px; } } .background-purple { background-color: #EBEEFF; } .background-purple header.header-color-js { background-color: #EBEEFF; } .background-blue { background-color: #5E78FF; } .background-blue header.header-color-js { background-color: #5E78FF; } /*-------------------- boofer end ------*/ /*------ header + breadcrumbs start ------*/ .breadcrumbs { margin: 0; padding-bottom: 27px; padding-top: 10px; } .breadcrumbs li { display: inline-block; font-size: 14px; line-height: 17px; letter-spacing: 1px; } .breadcrumbs li a { color: #414141; } .breadcrumbs li a:hover { color: #294bff; } .breadcrumbs li:last-child { color: #6780ff; } .breadcrumbs li:after { display: inline-block; content: "/"; padding-left: 9px; padding-right: 5px; } .breadcrumbs li:last-child:after { display: none; } @media (min-width: 768px) { .breadcrumbs { padding-bottom: 29px; padding-top: 17px; } } @media (min-width: 992px) { .breadcrumbs { padding-bottom: 41px; padding-top: 17px; transform: translateY(55px); will-change: transform, opacity; -webkit-animation: jump-title-in 0.5s ease-in-out both; animation: jump-title-in 0.5s ease-in-out both; } } @media (min-width: 1200px) { .breadcrumbs { padding-bottom: 59px; padding-top: 34px; } } @media (min-width: 1450px) { .heading .wrap { max-width: 1380px } } /*------ header + breadcrumbs end ------*/ /*------ icons blocks start ------*/ .block-icoblock-text + .icoblock-single { margin-top: 30px; } .icoblock-single { display: flex; padding-top: 17px } [class*="col-"] > [class*="col-"].icoblock-single { display: flex; padding-left: 0; padding-right: 0; } .icoblock-single-ico { flex: 0 0 80px; color: #fff; font-size: 29px; } .icoblock-single-ico + .icoblock-single-text { flex-basis: calc(100% - 75px); max-width: calc(100% - 75px); } .icoblock-single-ico span { display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 99%; background: #5e78ff; } .icoblock-single + .icoblock-single { padding-top: 17px } .icoblock-single-text [class*="button"] { margin-top: 33px } .icoblock-single .heading-3 { padding-top: 20px; padding-bottom: 10px; font-weight: 400; line-height: 1.15; } .icoblock-single .heading-3 + .text { opacity: .75; } .block-icoblock .icoblock-single + .icoblock-single { padding-top: 36px; } @media (min-width: 768px) { .icoblock-single-ico { flex: 0 0 90px; } .icoblock-single-ico + .icoblock-single-text { flex-basis: calc(100% - 90px); max-width: calc(100% - 90px); } .block-icoblock-text + .icoblock-single.col-md-6 + .icoblock-single { margin-top: 30px; } .block-icoblock .icoblock-single + .icoblock-single { padding-top: 31px; } .block-icoblock .icoblock-single .heading-3 { padding-bottom: 5px; } .icoblock-single-text > .text.blue-bold { padding-left: 90px; } .icoblock-single .heading-3 { font-size: 26px; line-height: 1.3; } .icoblock-single-text [class*="button"] { margin-left: 90px; } } @media (min-width: 992px) { .icoblock-single + .icoblock-single { padding-top: 20px; } .icoblock-single { padding-top: 20px; } .icoblock-single:not(.compact) { padding-bottom: 35px; } .block-icoblock-text + .icoblock-single, .block-icoblock .icoblock-single + .icoblock-single { margin-top: 0; padding-top: 30px; } .block-icoblock-text + .icoblock-single[class*="col-lg-"] + .icoblock-single { margin-top: 0; } .block-icoblock-text { padding-bottom: 30px; } .icoblock-single-text > .text.blue-bold { padding-top: 19px; } .icoblock-single-text [class*="button"] { margin-top: 43px; } .block-icoblock .icoblock-single .heading-3 { padding-bottom: 15px; } .icoblock-single { transform: translateY(55px); transition-duration: .5s; opacity: 0; will-change: transform, opacity; } .scroll-here .icoblock-single { transform: translateY(0); opacity: 1; } } @media (min-width: 1200px) { .block-icoblock-text + .icoblock-single, .block-icoblock .icoblock-single + .icoblock-single { padding-top: 15px; } .block-icoblock-text { padding-bottom: 36px; max-width: 810px; } .icoblock-single-ico + .icoblock-single-text [class*="button"] { margin-left: 90px; } } .icoblock-single .heading-3.single, .icoblock-single.single-line .heading-3 { font-size: 20px; transform: translate(10px, 3px); color: #444; } @media (min-width: 768px) { .icoblock-single .heading-3.single, .icoblock-single.single-line .heading-3 { font-size: 24px; transform: translate(0px, -2px); } } /*------ icons blocks end ------*/ /*------ animation start ------*/ @media (min-width: 992px) { .transform-y-55 { transform: translateY(55px); opacity: 0; will-change: transform, opacity; } .scroll-here [class*="transform-y-"] { transform: translateY(0px); opacity: 1; } [class*="button"]:not([class*="bx"]) { transform: translateY(55px); opacity: 0; } .scroll-here [class*="button"] { transform: translateY(0); opacity: 1; } .anim_jump-title-in { -webkit-animation: jump-title-in 0.5s ease-in-out both; animation: jump-title-in 0.5s ease-in-out both; } .an_dr_05 { animation-duration: 0.5s; -webkit-animation-duration: 0.5s; } .an_dr_10 { animation-duration: 1s; -webkit-animation-duration: 1s; } .tn_dr_05 { transition-duration: 0.5s; -webkit-transition-duration: 0.5s; } .tn_dr_10 { transition-duration: 1s; -webkit-transition-duration: 1s; } .tn_dl_02 { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; } .tn_dl_03 { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; } .tn_dl_04 { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; } .tn_dl_05 { transition-delay: 0.5s; -webkit-transition-delay: 0.5s; } .tn_dl_06 { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; } .tn_dl_07 { transition-delay: 0.7s; -webkit-transition-delay: 0.7s; } .tn_dl_08 { transition-delay: 0.8s; -webkit-transition-delay: 0.8s; } .tn_dl_09 { transition-delay: 0.9s; -webkit-transition-delay: 0.9s; } .tn_dl_10 { transition-delay: 1.0s; -webkit-transition-delay: 1.0s; } .tn_dl_11 { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; } .tn_dl_12 { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; } .an_dl_02 { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; } .an_dl_03 { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; } .an_dl_04 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; } .an_dl_05 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; } .an_dl_06 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; } .an_dl_08 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; } .an_dl_10 { animation-delay: 1.0s; -webkit-animation-delay: 1.0s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes scale { from { width: 0; height: 0; } to { width: auto; height: auto; } } @-moz-keyframes scale { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes scale { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes scale { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes scale { from { opacity: 0; } to { opacity: 1; } } } /*------ animation end ------*/ /*------ advantages-block start ------*/ .advantages-block { margin-top: 62px; padding-top: 32px; padding-bottom: 50px; color: #fff; } .advantages-block .heading-3 { font-weight: 400; color: #fff; padding-top: 16px; padding-bottom: 7px; } .advantages-block .icoblock-single-ico span { background: #2CE2C7; } @media (min-width: 768px) { .advantages-block { padding-top: 43px; padding-bottom: 86px; color: #fff; } .advantages-block { margin-top: 90px; } } @media (min-width: 992px) { .advantages-block { padding-top: 63px; padding-bottom: 53px; color: #fff; } .advantages-block { margin-top: 35px; } } @media (min-width: 1200px) { .advantages-block { padding-top: 58px; padding-bottom: 58px; color: #fff; } .advantages-block .icoblock-single, .advantages-block .icoblock-single + .icoblock-single { padding-bottom: 70px; } .advantages-block { margin-top: 120px; } } /*------ advantages-block end ------*/ /*------ about-block start ------*/ .about-block { margin-top: 50px; padding-top: 34px; padding-bottom: 60px; } .about-block .row .row { margin-left: 0; margin-right: 0; } .about-block .image-block-before:before { background-color: #FF4971; } .scroll-here.about-block .image-block-before:before { width: 243px; height: 243px; } .about-block .image-block-before { margin-top: 32px; margin-bottom: 30px; overflow: hidden; } .about-block .image-block-before img { margin-right: -13%; margin-top: -8px; } @media (min-width: 768px) { .about-block { padding-top: 44px; padding-bottom: 80px; } .about-block .heading-underline { margin-bottom: 60px } .about-block.scroll-here .image-block-before:before { width: 376px; height: 376px; } .about-block .image-block-before img { margin-right: -8%; margin-top: -15px; max-width: 492px; } .about-block .image-block-before { margin-bottom: 47px; } .about-block { margin-top: 80px; } } @media (min-width: 992px) { .about-block { padding-top: 70px; padding-bottom: 80px; } .about-block .image-block-before { overflow: visible; margin-top: 56px; transform: translateX(21px); } .about-block.scroll-here .image-block-before:before { width: 470px; height: 470px; } .about-block .image-block-before img { margin-right: -14%; max-width: 716px; } .about-block .button-outline { margin-left: 60px; margin-top: 40px; } .about-block { margin-top: 120px; } .about-block .icoblock-single:not(.compact) { padding-bottom: 0; } } @media (min-width: 1200px) { .about-block { padding-top: 77px; padding-bottom: 94px; } .about-block .heading-underline { margin-bottom: 50px; } .about-block .text { max-width: 500px; padding-bottom: 10px; } .about-block .image-block-before { transform: translateX(-30px) } .about-block .image-block-before img { margin-right: -13%; margin-top: -2px; } .about-block .button-outline { margin-top: -50px; } } /*------ about-block end ------*/ /*------ our-projects-block start ------*/ .our-projects-block { padding-top: 48px; } .our-projects-block .our-projects-slider .row { justify-content: space-between } .our-projects-block .our-projects-slider { padding-top: 40px; margin-left: 0; } .our-projects-block .our-projects-slider .row [class*="our-project-logo-"] { padding-bottom: 36px; display: flex; padding-left: 0; width: 50%; } .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(even) { padding-left: 20px; } .our-projects-block .button-blue { margin-top: 33px } .our-projects-block .slick-dots { margin-left: -10px } .our-projects-block .our-project-logo-vbrr img { max-height: 30px; } .our-projects-block .our-project-logo-moskonditer img { max-height: 25px; } .our-projects-block .our-project-logo-gchpinfo img { max-height: 27px; } .our-projects-block .our-project-logo-vseinstrumenti img { max-height: 35px; } .our-projects-block .our-project-logo-ruspetrol img { max-height: 25px; } .our-projects-block .our-project-logo-osram img { max-height: 20px; } .our-projects-block .our-project-logo-kalibr img { max-height: 30px; } .our-projects-block .our-project-logo-peresvet img { max-height: 25px; } .our-projects-block .our-project-logo-clavel img { max-height: 25px; } .our-projects-block .our-project-logo-met img { max-height: 30px; } .our-projects-block .our-project-logo-mirdetstva img { max-height: 48px; } .our-projects-block .our-project-logo-mirdereva img { max-height: 30px; } @media (min-width: 768px) { .our-projects-block .heading-underline { margin-bottom: 70px; } .our-projects-block .our-projects-slider .row [class*="our-project-logo-"], .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(even) { padding-bottom: 40px; padding-left: 20px; padding-right: 0; display: flex; max-width: 25%; flex: auto; } .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(3) { padding-left: 40px; } .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(4) { padding-left: 40px; } .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:first-child { padding-left: 0; padding-right: 0; } .our-projects-block .button-blue { margin-top: 7px; max-width: 222px; } } @media (min-width: 982px) { .our-projects-block { padding-top: 88px; padding-bottom: 17px; } .our-projects-block .our-projects-slider { padding-top: 7px; padding-left: 17px; } .our-projects-block .our-projects-slider .col-12:nth-child(2) { padding-left: 35px; } .our-projects-block .our-projects-slider .col-12:nth-child(3) { padding-left: 65px; } .our-projects-block .our-projects-slider .row [class*="our-project-logo-"], .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(even), .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(3) { padding-bottom: 40px; padding-left: 0; max-width: 100%; width: 100%; height: 90px; align-items: center } .our-projects-block .button-blue { margin-top: -5px; margin-left: 0; } } @media (min-width: 1200px) { .our-projects-block { padding-top: 120px; padding-bottom: 17px; } .our-projects-block .wrap { padding-left: 60px; } .our-projects-block .button-blue { margin-top: -120px; } .our-projects-block .our-project-logo-vbrr img { max-height: 37px; } .our-projects-block .our-project-logo-moskonditer img { max-height: 31px; } .our-projects-block .our-project-logo-gchpinfo img { max-height: 34px; } .our-projects-block .our-project-logo-vseinstrumenti img { max-height: 44px; } .our-projects-block .our-project-logo-ruspetrol img { max-height: 31px; } .our-projects-block .our-project-logo-osram img { max-height: 25px; } .our-projects-block .our-project-logo-kalibr img { max-height: 37px; } .our-projects-block .our-project-logo-peresvet img { max-height: 34px; margin-top: 7px; } .our-projects-block .our-project-logo-clavel img { max-height: 30px; } .our-projects-block .our-project-logo-met img { max-height: 37px; } .our-projects-block .our-project-logo-mirdetstva img { max-height: 60px; margin-top: -22px; } .our-projects-block .our-project-logo-mirdereva img { max-height: 37px; margin-top: 4px; } .our-projects-block .our-projects-slider { padding-top: 28px; } .our-projects-block .our-projects-slider .row [class*="our-project-logo-"], .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(even), .our-projects-block .our-projects-slider .row [class*="our-project-logo-"]:nth-child(3) { padding-bottom: 66px; width: 100%; height: 106px; align-items: baseline; } } /*------ our-projects-block end ------*/ /*------ base blocks start ------*/ [class*="-page"]:not(.project-page) section:not(.heading) + section:not(.advantages-block):not(.about-block):not(.our-projects-block):not(.footer-form):not(.main-banner) { padding-top: 37px; } .main-banner { min-height: 780px; padding-bottom: 60px; } .banner-image { width: 100%; display: block; background-repeat: no-repeat; background-position: 50%; background-size: contain; } [class*="banner-float-"] { width: calc(100% + 25px); pointer-events: none; } .image-block-before { text-align: center; display: flex; align-items: center; justify-content: center; min-height: 260px; } .image-block-before img { z-index: 1; } .image-block-before:before { position: absolute; content: ""; width: 0; height: 0; margin: auto; text-align: center; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; transition: all .5s; opacity: 1; background-color: #F2F4FF; will-change: transform, opacity; } .scroll-here .image-block-before:before { width: 260px; height: 260px; } .block-image-right .image-block-before { order: -1; } .block-image-right.align-items-center { -ms-flex-align: center !important; align-items: center !important; } @media (min-width: 768px) { [class*="-page"]:not(.project-page) section:not(.heading) + section:not(.advantages-block):not(.about-block):not(.our-projects-block):not(.footer-form):not(.main-banner) { padding-top: 65px; } .main-banner { min-height: 1020px; } [class*="banner-float-"] { width: calc(100% + 80px); } .scroll-here .image-block-before:before { width: 366px; height: 366px; } .image-block-before:not(.footer-form-block-img) { min-height: 366px; } .subpadding { padding-left: 40px } } @media (min-width: 992px) { [class*="-page"]:not(.project-page) section:not(.heading) + section:not(.advantages-block):not(.about-block):not(.our-projects-block):not(.footer-form):not(.main-banner) { padding-top: 75px; } .main-banner h1 { max-width: 550px; } .main-banner ul.list-dotted { max-width: 320px; letter-spacing: .5px; } .main-banner { min-height: 640px; } .banner-image { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; animation-delay: .4s; -webkit-animation-delay: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } [class*="banner-float-"] { position: absolute; } .block-image-right .image-block-before { order: 0; } .image-block-before img { opacity: 0; transform: translateY(55px); will-change: transform, opacity; } .scroll-here .image-block-before img { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; animation-delay: .4s; -webkit-animation-delay: .4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; transform: translateY(0); transition-duration: 0.7s; transition-delay: 0.4s; } .block-image-right { -ms-flex-align: start !important; align-items: flex-start !important; } .subpadding { padding-left: 20px; } .subblock { margin-top: 60px } .subblock .subpadding { padding-right: 60px; } } .middle-page .text-consent a { color: #fff; } @media (min-width: 1200px) { [class*="-page"]:not(.project-page) section:not(.heading) + section:not(.advantages-block):not(.about-block):not(.our-projects-block):not(.footer-form):not(.main-banner) { padding-top: 115px; } .main-banner .heading-1 { max-width: 700px } .main-banner ul.list-dotted { max-width: 100%; } .main-banner .button-blue { margin-top: 52px; } .main-banner { min-height: 760px; } .subpadding { padding-left: 95px; } .subblock { margin-top: 100px; } .image-block-before:not(.footer-form-block-img) { min-height: 470px; } .scroll-here .image-block-before:before { width: 470px; height: 470px; } .image-block-before:not(.footer-form-block-img) { min-height: 470px; } } /*------ base blocks end ------*/ /*------ footer-form start ------*/ * + .footer-form { margin-top: 78px; } .footer-form { background-color: #282e47; display: flex; padding-top: 34px; padding-bottom: 75px; position: relative; } .footer-form .footer-form-block-text [class*="heading-"] { color: #fff } .footer-form .footer-form-block-text [class*="heading-"]:before { border-color: #fff } .base-form .input-wrap { margin-top: 8px; } .base-form input { font-size: 16px; height: 53px; } .base-form .text-consent { margin-top: 8px; color: #fff; font-size: 14px; font-weight: 300; line-height: 19px; font-family: 'Muller'; } .footer-form input[type="checkbox"].styled-checkbox + label::before { right: auto; width: 24px; height: 24px; } .footer-form input[type="checkbox"].styled-checkbox + label:after { left: 9px; } .footer-form .footer-have-project .text-consent > span { margin-top: 2px; padding-left: 12px; line-height: 20px; font-family: Muller; } .footer-form .footer-have-project .text-consent > span a { margin-left: 0; color: #fff; } .footer-form .footer-form-block-img { text-align: center; padding-top: 14px; padding-bottom: 53px; } .base-form button { margin-top: 50px; max-width: 100%; margin-bottom: 40px; } .footer-form .footer-form-block-img img { max-width: 235px; margin-left: 10px; z-index: 1; margin-top: 35px } .footer-form .footer-form-block-img:before { position: absolute; content: ""; width: 0; height: 0; margin: auto; text-align: center; top: 25px; left: 0; right: 0; border-radius: 100%; } .footer-form.scroll-here .footer-form-block-img:before { width: 175px; height: 175px; background-color: #AFB9F6; } .footer-form + footer { border-top: solid 1px #fff; } .base-form { /*margin-top: -15px;*/ } .base-form .input-wrap { max-width: 100%; width: 100%; margin-bottom: 5px; } .base-form input, .base-form textarea { width: 100%; } @media (min-width: 768px) { .footer-form, .middle-page { padding-top: 20px; padding-bottom: 27px; } .footer-form .heading-2, .middle-page .heading-2 { margin-bottom: 60px } .footer-form .heading-2 br, .middle-page .heading-2 br { display: none; } .footer-form .heading-2:before, .middle-page .heading-2:before { left: 4px; bottom: -36px } .footer-form .row .footer-form-block-img, .middle-page .row .footer-form-block-img { margin-left: -46px; padding-bottom: 40px; margin-top: -19px; } .base-form { padding-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between } .base-form .input-wrap { max-width: 32%; width: 32%; } .base-form .input-wrap.textarea-wrap { width: 100%; max-width: 100%; } #tarif .input-wrap { max-width: 48%; width: 48%; } .base-form .input-wrap-wide { max-width: 100%; width: 100%; } #tarif .input-wrap-wide { max-width: 100%; width: 100%; } .base-form .input-wrap + .input-wrap { padding-top: 0; } .base-form .text-consent { padding-top: 35px; display: flex; justify-content: center; } .footer-form .text-consent input[type="checkbox"].styled-checkbox + label { margin-right: 5px; } .base-form button { max-width: 194px; margin: 40px auto 64px; } } .acceleration-form__success { padding-bottom: 30px; } @media (min-width: 992px) { * + .footer-form, * + .middle-page { margin-top: 100px; } .footer-form, .middle-page { padding-top: 54px; padding-bottom: 20px; } .footer-form .heading-2:before, .middle-page .heading-2:before { bottom: -33px; } .footer-form .row .footer-form-block-img, .middle-page .row .footer-form-block-img { padding-bottom: 32px } .footer-form.scroll-here .footer-form-block-img:before, .middle-page .footer-form-block-img:before { left: -25px; top: 33px; } .footer-form.scroll-here .footer-form-block-img img, .middle-page .footer-form-block-img img { padding-top: 11px; margin-left: -16px; transition: transform; } .footer-form .heading-2, .middle-page .heading-2 { margin-bottom: 60px; } .base-form input { font-size: 16px; height: 58px; } .base-form select, .base-form .nice-select { font-size: 16px; height: 58px; margin-bottom: 0; } .base-form .text-consent { padding-top: 20px; } } @media (min-width: 1200px) { .footer-form.scroll-here .footer-form-block-img:before, .middle-page.scroll-here .footer-form-block-img:before { width: 288px; height: 288px; left: 29px; top: 76px; } .footer-form.scroll-here .footer-form-block-img img, .middle-page.scroll-here .footer-form-block-img img { padding-top: 55px; max-width: 375px; margin-left: 49px; } .footer-form .footer-form-block-text, .middle-page .footer-form-block-text { padding-top: 37px; padding-left: 65px; } .footer-form .heading-2 br, .middle-page .heading-2 br { display: block; } .base-form .text-consent { justify-content: left; } .base-form button { margin-left: 0; } .footer-form, .middle-page { padding-bottom: 45px; } } /*------ footer-form end ------*/ /*----------- office-team ------------*/ .office-team-block-grid { justify-content: center; background-color: #ebeeff; border-radius: 400px; padding-top: 75px; margin-top: 30px; padding-bottom: 100px; } .office-team-block-grid [class*="office-team-"] + [class*="office-team-"] { padding-top: 54px; } .office-team-block-grid .office-team-design img { margin-left: 29px; margin-top: 9px; } .office-team-block-grid .office-team-layer img { margin-top: -10px; } .office-team-block-grid .office-team-progr img { margin-left: -6px; margin-top: 9px; } .office-team-block-grid .office-team-seo img { margin-top: 8px; margin-bottom: -8px; margin-left: -5px; } .office-team-block-grid .office-team-cwriter img { margin-top: 6px; margin-left: -5px; } .office-team-block-grid .office-team-sysadmin img { } .office-team-block-grid [class*="office-team-"] div { text-align: center; height: 140px; position: relative; } .office-team-block-grid [class*="office-team-"] p { text-align: center; margin-top: 23px; font-size: 18px; max-width: 200px; margin-left: auto; margin-right: auto; } .office-team-block-grid [class*="office-team-"] div:before { position: absolute; content: ""; width: 0; height: 0; margin: auto; text-align: center; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; transition: all .5s; opacity: 1; background-color: #FFF; will-change: transform, opacity; } .scroll-here .office-team-block-grid [class*="office-team-"] div:before { width: 140px; height: 140px; } .office-team-block-after { margin-top: -75px } .office-team-block-after .col-12 { text-align: center; } .office-team-block-after .text { font-size: 18px; max-width: 295px; margin-left: auto; margin-right: auto; margin-top: 20px; } @media (min-width: 768px) { .office-team-block-grid { margin-top: 50px; border-radius: 197px; padding: 80px 24px 100px; } .office-team-block-grid [class*="office-team-"] { /* padding-left: 36px; */ } .office-team-block-grid [class*="office-team-"] + [class*="office-team-"] + [class*="office-team-"] { padding-top: 85px; } .office-team-block-grid [class*="office-team-"] + [class*="office-team-"] { padding-top: 0; } .office-team-block-grid [class*="office-team-"] p { margin-top: 27px; } .office-team-block-after { margin-top: -87px; } .office-team-block-after img { margin-right: -17px; text-align: left; } .office-team-block-after .text { max-width: 495px; } } @media (min-width: 992px) { .office-team-block { margin-top: 20px } .office-team-block .text { max-width: 700px } .office-team-block-grid [class*="office-team-"]:nth-child(3) { padding-top: 0 !important; } .office-team-block-grid [class*="office-team-"] + [class*="office-team-"] + [class*="office-team-"] { padding-top: 80px; } .office-team-block-grid { padding-bottom: 70px; margin-top: 82px; } .office-team-block-after { margin-top: -47px; } .office-team-block-after .col-12 { display: flex; padding-left: calc(50% - 118px); } .office-team-block-after .text { max-width: 293px; display: flex; text-align: left; margin-top: 96px; margin-right: 0; } } @media (min-width: 1200px) { .office-team-block { margin-top: 55px; } .office-team-block .heading-2 { max-width: 1200px; } .office-team-block .widewrap2 { max-width: 1580px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .office-team-block-grid { padding-bottom: 64px; padding-left: 64px; padding-right: 64px; } .office-team-block-grid [class*="office-team-"] + [class*="office-team-"] + [class*="office-team-"] { padding-top: 0; } .office-team-block-after { margin-top: -67px; margin-left: 10px } .office-team-block-after .text { max-width: 393px; margin-right: auto; margin-left: 82px; margin-top: 132px; } } /*----------- office-team end ------------*/ /*---------------- price block ----------------*/ .price-block { padding-bottom: 55px; background-position: 85% 0, -110px 0, 100% 5%, 70vw 100%; background-size: 66px, 200px, 90px, 290px; background-repeat: no-repeat; } .scroll-here .price-block { background-image: url(../../../../../../local/templates/inetsys/img/elements/bform-boll2.png), url(../../../../../../local/templates/inetsys/img/elements/bform-circle2.png), url(../../../../../../local/templates/inetsys/img/elements/bform-circle.png), url(../../../../../../local/templates/inetsys/img/elements/bform-circle1.png); } .price-block .text + .text { margin-top: 0; } .row.price-block-slider { margin-left: 0; margin-right: 0; padding: 17px 0 38px; } .row.price-block-slider .col-12 { padding-left: 0; padding-right: 0; } [class*="price-table-"] { background-color: #fff; border-radius: 10px; padding-bottom: 41px; } .price-block-slider .heading-3_5 { font-weight: 500; justify-content: center; } .price-block-table-list span { display: block; font-weight: 400; font-size: 14px; color: #949494; } .price-block-table-list { text-align: center; margin-bottom: 14px; font-family: Muller, sans-serif; display: block; font-weight: 500; font-size: 17px; color: #5e78ff; margin-top: -1px; } .price-block-table-list.price-block-table-price { margin-bottom: 29px; font-size: 24px; } .price-block-table-list.price-block-table-price span { font-size: 22px; margin-top: 7px; } .price-block-table-list:not(.price-block-table-price):after { content: ""; border-bottom: solid 1px #edf0fa; width: 228px; display: block; margin: auto; padding-top: 4px; } .price-block-slider .button-blue { max-width: 210px } .price-block-slider .slick-slide { margin-left: 10px; margin-right: 10px; } .price-block-slider .slick-dots li.slick-active button:before { color: #2CE2C7; } .price-block-slider .slick-dotted.slick-slider { margin-bottom: 30px; } .price-block-bottom-text { padding-top: 20px; } @media (min-width: 768px) { .price-block-text > p { height: 66px; align-items: center; display: flex; } .price-block-text > p:last-child { margin-top: 10px } .row.price-block-slider { max-width: 380px; margin-top: -90px; padding-left: 5px; padding-bottom: 19px; } .price-block-table-list span { display: none } .price-block-table-list { height: 66px; padding-top: 10px; margin-bottom: 0; font-size: 18px; } .price-block-table-list:not(.price-block-table-price):after { padding-top: 16px; } .price-block-bottom-text { padding-top: 30px; } .price-block-table-list.price-block-table-price { margin-top: 12px; margin-bottom: 14px; } .price-block-table-list:not(.price-block-table-price) { color: #414141; } .price-block { background-position: 85% -2px, -50px 0, 100% 15%, 75vw 100%; background-size: 87px, 250px, 90px, 400px; background-repeat: no-repeat; } } @media (min-width: 992px) { .price-block { padding-top: 60px !important; padding-bottom: 78px; } .row.price-block-slider { max-width: 66.666667%; margin-top: -101px; padding-left: 54px; padding-right: 52px; padding-bottom: 25px; } .price-block .slick-dots { width: calc(100% - 106px); } .price-block-bottom-text { padding-top: 40px; margin-top: -129px; flex: 0 0 38.333333%; max-width: 38.333333%; margin-left: -10px; } .price-block-text { margin-top: -10px } .price-block { background-position: 85% -2px, -20px 0, 102% 15%, 75vw 100%; background-size: 87px, 250px, 90px, 400px; background-repeat: no-repeat; } } @media (min-width: 1200px) { .row.price-block-slider { max-width: 75%; margin-top: -101px; padding-left: 0; padding-right: 0; padding-bottom: 25px; justify-content: space-between; } .row.price-block-slider .col-12 { padding-left: 10px; padding-right: 10px; max-width: 32.333333%; } .support-bittrix-block-price .widewrap { max-width: 1420px; padding-left: 30px } .support-bittrix-block-price .heading-3_5 { padding-bottom: 23px; } .price-block-text > p { max-width: 90% } .price-block-bottom-text { padding-top: 0; margin-top: 20px; flex: 0 0 100%; max-width: 100%; padding-left: 25.7%; } .price-block { background-position: 90% -2px, -10px 0, 100% 15%, 100% 100%, 10% 101%; background-size: 286px, 250px, 90px, 422px, 164px; background-repeat: no-repeat; } .scroll-here .price-block { background-image: url(../../../../../../local/templates/inetsys/img/elements/bform-boll2.png), url(../../../../../../local/templates/inetsys/img/elements/bform-circle2.png), url(../../../../../../local/templates/inetsys/img/elements/bform-circle.png), url(../../../../../../local/templates/inetsys/img/elements/bform-circle1.png), url(../../../../../../local/templates/inetsys/img/elements/bform-boll1.png); } } /*---------------- price block end ----------------*/ /*--------------- specialization block start ---------------*/ .main-page .create-block-specialization { margin-top: 0; } .create-block-specialization .c-plus-bitrix-logo { padding-top: 25px; padding-bottom: 55px; } .create-block-specialization .ico-plus:before { font-size: 14px; } .create-block-specialization .image-block-before { margin-top: -7px; order: 0; flex-wrap: wrap; align-items: flex-start; } .create-block-specialization .image-block-before:before { display: none; } .create-block-specialization .image-block-before img { width: 272px; margin-bottom: 17px; } .text-specialization-bitrix, .text-specialization-drupal { text-align: left; } .create-block-specialization .blue-bold { padding-bottom: 20px; } .text-specialization-drupal { padding-top: 50px; } .create-block-specialization { margin-top: 27px; } .sepcialization-bitrix-btn, .sepcialization-drupal-btn { display: none; } @media (min-width: 768px) { .create-block-specialization .subpadding { padding-left: 10px; padding-right: 60px; } .create-block-specialization .c-plus-bitrix-logo { padding-top: 35px; padding-bottom: 25px; } .create-block-specialization .image-block-before img { width: 459px; margin-bottom: 0; } .text-specialization-bitrix, .text-specialization-drupal { width: 70%; padding-right: 27px; padding-top: 50px; } .text-specialization-drupal { padding-top: 0; } .create-block-specialization { margin-top: 0; } .specialization-img-block { display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; } } @media (min-width: 992px) { .specialization-img-block { max-width: 476px; position: relative; margin: 0 auto 0 -40px; } .create-block-specialization .heading-2 { font-size: 42px; } .create-block-specialization { margin-top: 40px } .create-block-specialization .image-block-before img { width: 465px; max-width: 465px; margin-top: 0; margin-left: -15px; } .sepcialization-bitrix-btn, .sepcialization-drupal-btn { display: block; } [class*="text-specialization-"] { position: absolute; z-index: 10; width: 392px; border-radius: 99px; font-size: 14px; line-height: 20px; display: flex; align-items: center; height: 150px; transition: all .7s; } [class*="text-specialization-"] > p { display: none } [class*="text-specialization-"].active { background-color: #F3F9FE; box-shadow: 0 33px 80px rgba(5, 18, 123, 0.16), 0 9.94853px 24.1177px rgba(5, 18, 123, 0.104254), 0 4.13211px 10.0172px rgba(5, 18, 123, 0.08), 0 1.4945px 3.62304px rgba(5, 18, 123, 0.0557458); } [class*="text-specialization-"].active .why-btn { opacity: 0; } [class*="text-specialization-"].active > p:not(.blue-bold) { display: block } [class*="text-specialization-"] .why-btn { font-weight: 500; color: #5e78ff; font-size: 18px; display: block; width: 80px; transition: all .7s; } .create-block-specialization .ico-plus { border-radius: 99px; border: solid 2px #5e78ff; width: 35px; height: 35px; align-items: center; justify-content: center; display: flex; margin-right: 20px; color: #5e78ff; font-size: 12px; background-color: #fff; cursor: pointer; transition: all .5s; } .create-block-specialization .ico-plus:before { transition: all .5s; } [class*="text-specialization-"].active .ico-plus:before { transform: rotate(45deg) } .create-block-specialization .ico-plus:hover { box-shadow: 0 0 0 10px rgba(94, 120, 255, 0.2); } .text-specialization-bitrix { right: -10%; top: -5%; padding: 20px 73px 26px 39px; } .sepcialization-bitrix-btn { position: absolute; right: -2.5%; top: calc(46% - 24px); text-align: right; width: 130px; height: 48px; align-items: center; display: flex; justify-content: flex-end; } .text-specialization-drupal { position: absolute; top: 223px; right: 78px; padding: 20px 73px 26px 39px; } .create-block-specialization .blue-bold { display: none; } .text-specialization-drupal > p:not(.blue-bold) { text-align: left; } .sepcialization-drupal-btn { position: absolute; right: -70px; top: calc(50% - 24px); text-align: left; width: 130px; height: 48px; align-items: center; display: flex; justify-content: flex-start; } .create-block-specialization .sepcialization-drupal-btn .ico-plus { margin-left: 0; margin-right: 10px; } } .support-block-seo.header-color-js { margin-top: 20px; } input[type="checkbox"] { margin: 0 !important; } @media (min-width: 1450px) { .create-block-specialization { margin-top: 65px; } .create-block-specialization .image-block-before img { width: 600px; max-width: 600px; margin-top: 0; margin-left: -10px; } [class*="text-specialization-"] { width: 450px; } .text-specialization-bitrix { padding-right: 83px; right: -10%; top: -3%; } .create-block-specialization .ico-plus { width: 48px; height: 48px; margin-right: 30px; } [class*="text-specialization-"] .why-btn { color: #5e78ff; font-size: 22px; width: 91px; font-family: 'Muller'; } .text-specialization-bitrix .why-btn { text-align: right; } .sepcialization-bitrix-btn { right: -15.7%; width: 180px; top: calc(50% - 21px); } .text-specialization-drupal { position: absolute; top: 304px; right: 38px; padding-right: 83px; } .sepcialization-drupal-btn { width: 180px; right: -108px; } .create-block-specialization .sepcialization-drupal-btn .ico-plus { margin-right: 20px; } .create-block-specialization .c-plus-bitrix-logo { padding-top: 28px; } } /*--------------- specialization block end ---------------*/ .remark:before { content: "*"; position: absolute; left: 0; } .remark { position: relative; padding-left: 10px; margin-left: -10px; } @media (min-width: 992px) { .remark { margin-left: 0; } } ul.list-col-3 { display: flex; flex-wrap: wrap; } ul.list-check.list-col-3 li { padding: 0 0 25px 36px; width: 50%; } ul.list-check.list-col-3 li:nth-child(even) { width: 40%; margin-left: 8% } ul.list-check.list-col-3 li:before { top: 1px } @media (min-width: 768px) { ul.list-check.list-col-3 li { padding: 0 0 25px 36px; width: 33%; } ul.list-check.list-col-3 li:nth-child(even) { width: 33%; margin-left: 0 } } @media (min-width: 992px) { ul.list-check.list-col-3 li { padding: 0 0 25px 40px; width: 53%; } } @media (min-width: 1200px) { ul.list-check.list-col-3 li, ul.list-check.list-col-3 li:nth-child(even) { padding: 0 0 25px 36px; width: 36%; } ul.list-check.list-col-3 li:nth-child(2) { width: 28%; } } /*---------------------------------------------*/ .float-circles { position: absolute; width: 260px; height: 260px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .float-circles:before { background-image: url(../../../../../../local/templates/inetsys/img/elements/b-ball.png); content: ""; width: 60px; height: 60px; display: block; position: absolute; top: calc(94% - 30px); left: calc(27% - 30px); background-size: 100%; background-position: 50%; opacity: 0; } .float-circles:after { background-image: url(../../../../../../local/templates/inetsys/img/elements/s-ball.png); content: ""; width: 40px; height: 40px; display: block; position: absolute; top: calc(4% - 20px); left: calc(76% - 20px); background-size: contain; background-position: 50%; opacity: 0; } .scroll-here .float-circles:before { animation: popUp .4s 1 both 1.2s, opacity_fast .2s both .2s; animation-timing-function: cubic-bezier(0.31, -0.34, 0.75, 1.39); } .scroll-here .float-circles:after { animation: popUp .4s 1 both 1.6s, opacity_fast .2s both .2s; } .scroll-here .image-block-before:before { animation: popUp_2 .5s 1 both; animation-timing-function: cubic-bezier(0.33, -0.18, 0.36, 1.11); } @media (min-width: 768px) { .float-circles { width: 366px; height: 366px; } .float-circles:before { width: 89px; height: 89px; } .float-circles:after { width: 50px; height: 50px; } } @media (min-width: 1200px) { .float-circles { width: 470px; height: 450px; } .float-circles:before { width: 100px; height: 100px; } } @keyframes opacity_fast { 0% { opacity: 0; } 40% { opacity: 0; } 60% { opacity: .7; } 100% { opacity: 1; } } @keyframes Orbit_130 { 0% { transform: rotate(-90deg) translateX(150px) rotate(90deg); } 100% { transform: rotate(130deg) translateX(250px) rotate(-130deg); } } @keyframes Orbit_295 { 0% { transform: rotate(0deg) translateX(150px) rotate(0deg); } 100% { transform: rotate(295deg) translateX(250px) rotate(-295deg); } } @keyframes popUp { 0% { transform: scale(0); } 60% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes popUp_2 { 0% { transform: scale(0); animation-timing-function: linear; } 60% { transform: scale(1.2); animation-timing-function: ease; } 100% { transform: scale(1); } } @keyframes scale0 { 100% { transform: scale(0); } } .block-stages-grid { background-color: #ebeeff; margin-top: 31px; padding-bottom: 41px; margin-left: -15px; margin-right: -15px; } .block-stages-grid-wrap { padding-left: 0; padding-right: 0; } .block-stages-grid [class*=stages-single-] { text-align: center; padding-top: 50px; padding-bottom: 10px; width: 100%; position: relative; } .block-stages-grid-wrap [class*=stages-single-] > div { position: relative; height: 140px; } .block-stages-grid-wrap [class*=stages-] > p { color: #414141; font-size: 18px; max-width: 220px; margin-left: auto; margin-right: auto; margin-top: 20px; } .block-stages-grid-wrap [class*=stages-single-] > div:before { position: absolute; content: ""; width: 0; height: 0; margin: auto; text-align: center; top: 0; left: 0; bottom: 0; right: 0; border-radius: 100%; transition: all .5s; opacity: 1; background-color: #fff; will-change: transform, opacity; } .block-stages-grid-wrap [class*=stages-single-]:after { content: ""; display: block; width: 2px; height: 25px; background-color: #5e78ff; position: absolute; bottom: -40px; left: 0; right: 0; margin: auto; } .block-stages-grid-wrap [class*=stages-single-]:before { content: ""; display: block; width: 6px; height: 6px; border-right: solid 2px #5e78ff; border-top: solid 2px #5e78ff; transform: rotate(135deg); position: absolute; bottom: -40px; left: 0; right: 0; margin: auto; } .block-stages-grid-wrap [class*=stages-single-]:last-child:before, .block-stages-grid-wrap [class*=stages-single-]:last-child:after { display: none; } .scroll-here .block-stages-grid-wrap [class*=stages-single-] > div:before { width: 140px; height: 140px; } .block-stages-grid-wrap [class*=stages-single-] + [class*=stages-single-] { padding-top: 70px; } @media (min-width: 768px) { .block-stages { margin-top: 18px } .block-stages-grid { margin-top: 50px; padding-bottom: 48px; margin-left: 0; margin-right: 0; } .block-stages-grid [class*=stages-] { text-align: center; padding-bottom: 10px; width: 33.3333%; } .block-stages-grid-wrap [class*=stages-single-] + [class*=stages-single-] { padding-top: 50px; } .block-stages-grid-wrap [class*=stages-] > p { margin-top: 25px; } .block-stages-grid-wrap [class*=stages-single-]:after { width: 25px; height: 2px; bottom: 0; top: 0; left: calc(100% - 12px); } .block-stages-grid-wrap [class*=stages-single-]:before { transform: rotate(45deg); bottom: 0; top: 0; left: calc(100% + 8px); } .block-stages-grid-wrap .block-stages-grid-bitrix24 [class*=stages-single-]:nth-child(3):before { display: none; } .block-stages-grid-wrap .block-stages-grid-bitrix24 [class*=stages-single-]:nth-child(3):after { background-image: url(../../../../../../local/templates/inetsys/img/elements/arrow-bitrix24.svg); left: calc(-563px + 50%); width: 563px; top: 100%; bottom: 0; margin: inherit; height: 145px; background-color: transparent; } } @media (min-width: 992px) { .block-stages .text { max-width: 650px; padding-top: 20px } .block-stages-grid { margin-top: 65px; padding-bottom: 65px; margin-left: 0; margin-right: 0; } .block-stages-grid [class*=stages-] { padding-top: 70px; width: 20%; padding-left: 20px; padding-right: 20px; } .block-stages-grid-wrap [class*=stages-single-] + [class*=stages-single-] { padding-top: 70px; } .block-stages-grid-wrap .block-stages-grid-bitrix24 [class*=stages-single-]:nth-child(3):before { display: block; } .block-stages-grid-wrap .block-stages-grid-bitrix24 [class*=stages-single-]:nth-child(3):after { background-image: none; background-color: #5e78ff; left: calc(100% - 12px); width: 25px; height: 2px; top: 0; margin: auto; } } @media (min-width: 1200px) { .block-stages { margin-top: 58px; } .block-stages-grid { border-radius: 300px; margin-top: 80px; justify-content: space-between; padding-left: 80px; padding-right: 80px; } .block-stages-grid-wrap [class*=stages-single-] { padding-top: 80px; } .block-stages-grid-wrap [class*=stages-single-] + [class*=stages-single-] { padding-top: 80px; } } .price-columns { margin-left: -1px; margin-right: 0; } .price-columns-single { padding-top: 60px; margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column; } .price-columns-single > * { width: 100%; } .price-columns .heading-number { font-size: 24px; color: #222; padding-top: 24px; padding-bottom: 26px; font-weight: 500; justify-content: center; margin-top: auto; } @media (min-width: 992px) { .price-columns-single { padding-top: 74px; padding-right: 25px; } .price-columns .heading-3 { font-size: 34px; } } .form-bg.active { display: block } .single-ico:before { font-size: 32px; color: #fff; } /*-------arrow-stage---------*/ .arrow-stage-box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .arrow-stage:before, .arrow-stage-box:before { content: ""; display: block; width: 6px; height: 6px; border-right: solid 2px #5e78ff; border-top: solid 2px #5e78ff; transform: rotate(135deg); position: absolute; bottom: -35px; left: 0; right: 0; margin: auto; } .arrow-stage:after, .arrow-stage-box:after { content: ""; display: block; background-color: #5e78ff; position: absolute; width: 2px; height: 25px; bottom: -35px; left: 0; right: 0; margin: auto; } @media (min-width: 768px) { .arrow-stage:before, .arrow-stage-box:before { content: ""; display: block; width: 6px; height: 6px; border-right: solid 2px #5e78ff; border-top: solid 2px #5e78ff; transform: rotate(45deg); position: absolute; bottom: 0; top: 0; left: calc(100% + 8px); margin: auto; } .arrow-stage:after, .arrow-stage-box:after { content: ""; display: block; background-color: #5e78ff; position: absolute; width: 25px; height: 2px; bottom: 0; top: 0; left: calc(100% - 12px); margin: auto; } } .need-worker-block .list-check li { padding: 5px 0 5px 36px; } .need-worker-block .list-check li:before { top: 6px } .need-worker-block .list-check { margin-bottom: 40px } .heading + .need-worker-block { padding-top: 50px } .work-contact a { font-family: 'Muller'; font-weight: 500; } /*------ header ------*/ header { overflow: visible; position: relative; font-family: Muller; z-index: 20; } header a { color: #414141 } header .nav-scrollable { width: 100%; max-height: calc(100vh - 90px); } header a:hover { color: #5e78ff } header .header-wrap { height: 90px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } header .header-wrap:before { display: none; } .header-logo-block { display: flex; align-items: center; } .header-logo-block img { max-width: 102px } .header-nav-contact > *:not(.mobile-menu) { display: none; } .mobile-menu { display: flex; align-items: center } .mobile-menu span { margin-right: 15px; font-weight: 500; font-size: 18px; line-height: 18px; color: #A6A6A6; } .mobile-menu-hamburger { width: 50px; height: 50px; background-color: #5e78ff; border-radius: 99px; display: flex; position: relative; } .mobile-menu-hamburger [class*='h-'] { background-color: #fff; width: 20px; height: 2px; position: absolute; left: 0; right: 0; margin: auto; transition: all .12s; } .mobile-menu-hamburger .h-top { top: 16px; } .mobile-menu-hamburger .h-middle { top: 24px; } .mobile-menu-hamburger .h-bottom { top: 32px; } .active.mobile-menu-hamburger .h-top { transform: rotate(-45deg); top: 25px; } .active.mobile-menu-hamburger .h-bottom { display: none } .active.mobile-menu-hamburger .h-middle { transform: rotate(45deg); top: 25px; } .header-nav { display: none; } .active.header-nav { display: block; position: absolute; background: #fff; z-index: 30; width: 100%; height: calc(100vh - 90px); overflow-y: scroll; top: 90px; left: 0; border-top: solid 1px #E4E7F7; } .submenu { display: none; background-color: #fff; } .nav-menu .submenu { display: none; transform: translateX(120%); padding-left: 44px; transition: all .5s; } .menu-item:not(.menu-item-tel) { font-weight: 500; font-size: 34px; line-height: 34px; padding-bottom: 23px; max-height: 57px; } .menu-title { font-weight: 500; font-size: 18px; line-height: 18px; color: #A6A6A6; display: block; padding-top: 46px; padding-left: 60px; transition: all .6s; } .menu-item-link { color: #414141; transition: all .2s } .menu-item-link:hover, .menu-item-link.active { color: #5F79FF; cursor: pointer; } ul.nav-menu { margin-top: 27px; padding-left: 58px; margin-bottom: 28px; transition: all .5s; position: relative; } .mobile-menu-bottom { border-top: solid 1px #E4E7F7; padding-top: 41px; display: flex; flex-wrap: wrap; justify-content: center; } .mobile-menu-bottom > * { width: 100%; text-align: center; } .menu-item-tel .menu-item-link { font-size: 14px; line-height: 14px; color: #5F79FF; font-weight: 500; display: block; margin-bottom: 10px; } .menu-item-tel .menu-item-link:after { content: "\e93b"; font-family: 'inetsys-ico' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 6px; transition: 0.2s transform; padding-left: 2px; margin-top: -3px; height: 6px; display: inline-block; } .menu-item-tel:hover .menu-item-link:after { transform: rotate(180deg) } .city-switcher { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-bottom: 24px; } .city-switcher > * { width: 100%; display: block; position: relative; } .city-switcher .tel_number { font-style: normal; font-weight: bold; font-size: 16px; line-height: 150%; color: #414141; margin-bottom: -5px; margin-left: 5px; display: block; transition: all .2s; } .city-switcher .tel_number:hover { color: #5f79ff } .city-switcher .submenu.active { position: relative; width: 100%; } .city-switcher .submenu li { width: 50%; padding-bottom: 10px; } .city-switcher .submenu li:hover { color: #5F79FF; } .menu-mail { font-weight: 500; font-size: 18px; line-height: 18px; color: #5F79FF; margin-bottom: 31px; } .header-button { width: auto; height: 50px; padding-left: 60px; padding-right: 60px; letter-spacing: 1px; } header .mobile-social-links { display: flex; justify-content: space-between; padding: 34px 70px 32px; color: #414141; } header .mobile-social-links a { color: #414141; font-size: 14px; } .submenu.active { position: absolute; width: 100%; top: 0; z-index: 2; } .submenu li { font-weight: 500; font-size: 18px; line-height: 18px; padding-bottom: 30px; } .nav-menu.submenu-active { transform: translateX(-120%); position: relative; padding-left: 0; } .nav-menu.submenu-active.submenu-level-2 { transform: translateX(calc(-120% - 120% - 44px)); position: relative; padding-left: 0; } .menu-title.changed { padding-left: 30px; cursor: pointer; } .menu-title.changed:before { content: "\e939"; font-family: 'inetsys-ico' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; padding-left: 8px; margin-left: -5px; transition: all 0.2s, transform 0.4s; display: inline-block; transform: rotate(180deg) translateY(2px); } .menu-title2 { display: none } @media (max-width: 992px) { header .nav-scrollable { overflow-y: auto; overflow-x: hidden; } } @media (min-width: 768px) { .mobile-menu span { display: none } header .header-wrap { height: 112px; } .active.header-nav { top: 112px; height: auto; overflow: hidden; } .menu-title { padding-left: 98px; } ul.nav-menu { padding-left: 96px; transition: all .01s; } .menu-item:not(.menu-item-tel) { font-size: 28px; line-height: 28px; padding-bottom: 25px; } .nav-menu .submenu.active { display: block; transform: translateX(0%); margin-left: calc(50.5% - 96px); padding-left: 0; position: absolute; top: 0; } .menu-title2 { position: absolute; left: 50.5%; top: 46px; font-weight: 500; font-size: 18px; line-height: 18px; color: #A6A6A6; } .menu-title2.changed { display: block; } .nav-menu.submenu-active { transform: translateX(0); padding-left: 96px; } .menu-item-link.active:after { content: "\e939"; font-family: 'inetsys-ico' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; padding-left: 3px; transition: all 0.2s, transform 0.4s; display: inline-block; transform: translateY(-3px) } .menu-title.changed { padding-left: 98px; } ul.nav-menu { margin-bottom: 60px; } .header-nav-contact > *:not(.mobile-menu) { display: flex; opacity: 1; } .header-nav-contact { width: calc(95% - 102px); display: flex; align-items: center; justify-content: flex-end; } .city-switcher { padding-bottom: 0; margin-left: 45px; margin-right: 5px; width: 250px; flex-wrap: nowrap; } .menu-item-tel .menu-item-link { margin-bottom: -2px; } .header-button { padding-left: 20px; padding-right: 20px; margin-right: 20px; white-space: nowrap; } .header-nav-contact .tel_number { width: 200%; margin-left: 0; } .header-nav-contact .city-switcher .submenu { position: absolute; width: 134px; flex-wrap: wrap; padding: 24px; left: 50%; transform: translateX(-50%); z-index: 31; box-shadow: 0 1.13351px 2.74791px rgb(0 0 0 / 1%), 0 2.86674px 6.94968px rgb(0 0 0 / 2%), 0 5.84789px 14.1767px rgb(0 0 0 / 3%), 0 12.0455px 29.2013px rgb(0 0 0 / 4%), 0 33px 80px rgb(0 0 0 / 7%); } .city-switcher .submenu li { width: 100%; cursor: pointer; } .city-switcher .submenu li:last-child { padding-bottom: 0; } .mobile-menu-bottom { padding: 30px 40px 40px; } .mobile-menu-bottom .city-switcher { display: none } .mobile-menu-bottom .header-button { display: none } .mobile-menu-bottom .menu-mail { width: 200px; margin: 0 auto 0 0; text-align: left; } .mobile-menu-bottom .mobile-social-links { width: 50%; padding: 0 14% 0 12px; } } @media (min-width: 992px) { header .nav-scrollable { overflow-y: visible; } .header-nav-contact > *:not(.city-switcher):not(.header-button) { display: none; } .header-nav { display: flex !important; width: calc(100% - 510px); } .menu-title { display: none; } .mobile-menu-bottom { display: none } ul.nav-menu { margin: 0; width: 100%; display: inline-flex; padding: 0 15px; justify-content: space-between; } .header-nav-contact { width: 405px; flex-wrap: nowrap; } .header-nav-contact > *:not(.mobile-menu) { margin: 0; transform: translateX(0px); } .city-switcher { width: 230px; } .menu-item:not(.menu-item-tel), .menu-item.menu-item-tel { font-size: 16px; line-height: 14px; position: relative; padding: 0 0 10px; margin-bottom: -10px; } .nav-menu .submenu, .nav-menu .submenu.active { position: absolute; padding: 24px 0; width: auto; top: 100%; left: -24px; transform: translateX(0); box-shadow: 0 1.13351px 2.74791px rgb(0 0 0 / 1%), 0 2.86674px 6.94968px rgb(0 0 0 / 2%), 0 5.84789px 14.1767px rgb(0 0 0 / 3%), 0 12.0455px 29.2013px rgb(0 0 0 / 4%), 0 33px 80px rgb(0 0 0 / 7%); } .submenu li { white-space: nowrap } .submenu { z-index: 10; } .menu_dropdown:hover > .submenu { display: block !important; } .menu_dropdown:not(.menu-item-tel) .menu-item-link:after { content: "\e939"; display: inline-block; font-family: 'inetsys-ico' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; height: 7px; transform: rotate(90deg); transition: 0.2s transform; margin-left: 5px; } .menu_dropdown:not(.menu-item-tel):hover > .menu-item-link:after { transform: rotate(270deg) translateX(2px); } .submenu li { font-weight: 500; font-size: 16px; line-height: 16px; padding: 0 24px 0; } .submenu li > a { padding: 8px 0; display: block; } .submenu li:first-child > a { padding-top: 0; } .submenu li:last-child > a { padding-bottom: 0; } .city-switcher .submenu li { padding-bottom: 16px; } .submenu li:last-child { padding-bottom: 0; } header .header-wrap { flex-wrap: nowrap; } .header-nav-contact .city-switcher .submenu { top: 100%; margin: 0; } .header-nav-contact .city-switcher .submenu li { padding-left: 0; } } @media (min-width: 992px) and (max-width: 1140px) { .menu-item a[href*="/contacts/"] { display: none } } @media (min-width: 1025px) { ul.nav-menu { padding-right: 4%; } } @media (min-width: 1100px) { ul.nav-menu { padding-right: 7%; padding-left: 40px; } .menu-item:not(.menu-item-tel) { font-size: 16px; line-height: 16px; } } @media (min-width: 1200px) { .menu-item:not(.menu-item-tel), .menu-item.menu-item-tel { padding-bottom: 7px; } .header-logo-block img { max-width: 162px; } .header-nav { width: 60%; } .header-nav-contact { width: 550px; flex-wrap: nowrap; } .menu-item-tel .menu-item-link { font-size: 16px; line-height: 16px; display: flex; align-items: center; margin-bottom: 0; } .city-switcher { width: 250px; } .menu-item:not(.menu-item-tel) { font-size: 18px; line-height: 18px; } ul.nav-menu { padding-left: 8%; padding-right: 6%; } } @media (min-width: 1450px) { ul.nav-menu { padding-left: 14%; padding-right: 6%; } .wrap.header-wrap { padding-top: 0; height: 127px; } .header-nav { width: calc(100% - 715px); } .header-button { width: 222px; height: 63px; margin-left: 57px !important; } .header-nav-contact .tel_number { margin-left: 5px; font-size: 18px; } } .sticky-menu header { background-color: #fff !important; box-shadow: 0 1px 5px 0 #9494942e; } .sticky-menu.scroll_bottom header { position: fixed; width: 100%; transition: all 500ms ease 0.3s; top: -212px; } .sticky-menu.scroll_top header { position: fixed; width: 100%; z-index: 30; transition: all 300ms ease 0.01s; top: 0; } .sticky-menu { margin-top: 90px; } @media (min-width: 768px) { .sticky-menu { margin-top: 127px; } .sticky-menu header .header-wrap { height: 83px; } .sticky-menu .active.header-nav { top: 83px; } } /*------ header end ------*/ /*------ footer start ------*/ footer { padding-top: 23px; font-family: Muller; font-style: normal; background: #282e47; color: #fff; } .footer-logo-block { display: flex; align-items: center; min-height: 50px; padding-bottom: 18px; } .footer-logo-text { font-size: 14px; line-height: 20px; padding-left: 16%; font-weight: 300; padding-top: 4px; opacity: .9; } footer ul { margin: 0; } .footer-menu { padding-bottom: 24px; } .footer-menu-main { display: flex; justify-content: space-between; padding-bottom: 40px; } .footer-menu-main .messengers { display: none } .footer-menu-main li a { font-weight: 500; color: #AFB9F6; } .footer-menu-main li a:hover { color: #919de6; } .footer-menu-service { display: flex; flex-wrap: wrap; align-content: flex-start; } .footer-menu-service li { width: 50%; padding-bottom: 13px; padding-right: 6px; } .footer-menu-service li:nth-child(even) { padding-left: 12px; } .footer-menu-service li a { color: #E4E7F7; transition: all .3s; } .footer-menu-service li a:hover { color: #919de6; } .footer-contact { display: flex; flex-wrap: wrap } .footer-contact [class*="footer-contact-"] { width: 50%; padding-bottom: 10px; } .footer-contact [class*="footer-contact-"]:nth-child(odd) { padding-right: 1%; } .footer-contact-email { padding-left: 12px; align-self: flex-end; margin-bottom: 2px; } .footer-contact .footer-contact-tver a, .footer-contact .footer-contact-moscow a { width: 100%; display: block; font-size: 18px; color: #AFB9F6; font-weight: 600; transition: all .3s } .footer-contact a:hover { color: #919de6; } .footer-contact-email a { font-size: 16px; line-height: 16px; color: #AFB9F6; transition: all .3s; font-weight: 700; } .footer-contact-social { display: flex; align-items: center; padding-left: 12px; padding-top: 16px; } :is(.footer-contact-social, .footer-contact-messenger) a { display: inline-flex; padding-right: 7px; font-size: 14px; line-height: 14px; color: #AFB9F6; margin-top: 2px; transition: all .3s; } .footer-contact .footer-contact-messenger { width: 100%; } .footer-second { position: relative; margin-top: 34px; padding-top: 15px; padding-bottom: 13px; } .footer-second:before { content: ""; width: 100%; height: 1px; background-color: #fff; display: block; top: 0; left: 0; position: absolute; } .footer-second .col { display: flex; justify-content: space-between } .footer-label-name { font-size: 14px } footer a { color: #fff; transition: all .3s } footer a:hover { color: #AFB9F6; } @media (min-width: 768px) { footer { padding-top: 43px; font-family: Muller; font-style: normal; background: #282e47; color: #fff; } footer > .wrap { max-width: calc(100% - 20px); width: 100%; margin-left: auto; margin-right: 0; } footer > .wrap .col { display: flex; flex-wrap: wrap; } .footer-logo-block { width: 20%; flex-wrap: wrap; align-items: baseline; align-content: flex-start; } .footer-logo-text { padding-top: 23px; max-width: 140px; padding-left: 0; } .footer-menu { width: 80%; display: flex; padding-left: 10px; padding-bottom: 0; } .footer-menu-main { width: 23%; flex-wrap: wrap; align-content: flex-start; } .footer-menu-main li { margin-bottom: 13px; width: 100%; } .footer-menu-main .messengers { display: block } .footer-menu-main li a { font-size: 18px; } .footer-menu-service { width: 77%; } .footer-menu-service li { /* padding-bottom: 15px; */ padding-left: 2px; /* height: 20px; */ } .footer-menu-service li a { font-size: 16px; /* line-height: 14px; */ } .footer-contact { width: 65%; padding-left: 9px; padding-top: 5px; } .footer-contact .footer-contact-moscow { order: 1; width: 60%; } .footer-contact .footer-contact-tver { order: 3; width: 60%; } .footer-contact .footer-contact-email { order: 2; width: 40%; } .footer-contact .footer-contact-social { order: 4; width: 40%; padding-top: 0; margin-top: -13px; } .footer-contact .footer-contact-tver a, .footer-contact .footer-contact-moscow a { display: inline-block; width: auto; } .footer-contact .footer-contact-tver span { font-size: 15px; padding-right: 13px } .footer-contact .footer-contact-moscow span { font-size: 15px } .footer-contact [class*="footer-contact-"] { padding-bottom: 13px; padding-left: 0; } :is(.footer-contact-social, .footer-contact-messenger) span { font-size: 15px; } .footer-contact-messenger { order: 5 } .footer-second { margin-top: 28px; padding-top: 20px; padding-bottom: 25px; } .footer-copyright { font-size: 14px; } } @media (min-width: 992px) { footer > .wrap .col { flex-wrap: nowrap; } .footer-logo-block { width: 17%; } .footer-menu { width: 53.6%; padding-left: 0; } .footer-contact { width: 28%; padding-top: 0; align-content: baseline; } .footer-menu-main { width: 23%; } .footer-menu-service { width: 77%; } .footer-menu-service li a { white-space: nowrap } .footer-contact .footer-contact-moscow { order: 1; width: 100%; } .footer-contact .footer-contact-tver { order: 2; width: 100%; padding-left: 0; } .footer-contact .footer-contact-email { order: 3; width: 100%; } .footer-contact .footer-contact-social { width: 190px; padding-top: 8px; } .footer-contact [class*="footer-contact-"] { padding-bottom: 12px; } } @media (min-width: 1200px) { footer > .wrap, .footer-second > .wrap { max-width: 1390px; padding-left: 10px; padding-right: 10px; margin: auto; } .footer-menu { width: 52%; padding-left: 0; } .footer-menu-main { width: 26%; } .footer-contact { width: 22%; position: relative; } .footer-contact-social span { width: 100%; margin-bottom: 15px; } .footer-second { margin-top: 11px; } } /*--- next-prev-projects ---*/ .next-project-banner-single.moskonditer-bcolor { background-color: #da0011 } .next-project-banner-single.vbrr-site-bcolor { background-color: rgba(255, 204, 0, 1); } .next-project-banner-single.kalibr-site-bcolor { background-repeat: no-repeat; background-size: 100%; } .scroll-here .next-project-banner-single.kalibr-site-bcolor { background-image: url(../../../../../../local/templates/inetsys/img/portfolio/kalibr/site/kalibr-site-icoblock-background-768.png); } .next-project-banner-single.met-bcolor { background-color: #FEA500; } .next-project-banner-single.pochta-bcolor { background-color: #E91E24; } .next-project-banner-single.tverteplo-bcolor { background-color: #FF5C00; } .next-project-banner-single.prigorod-bcolor { background-color: #2E2E2E } .next-project-banner-single.ruspetrol-bcolor { background-color: #2B63D0; } .next-project-banner-single.granplast-bcolor { background-color: #01A71F } .next-project-banner-single.stena-bcolor { background-color: #204059; } .next-project-banner-single.showbeep-bcolor { background-color: #8A17E5 } .next-project-banner-single.vkrai-bcolor { background-color: #DA2323; } .moskonditer-bcolor.next-project-banner-single img { opacity: .8 } .vbrr-site-bcolor.next-project-banner-single .next-project-banner-title, .vbrr-site-bcolor.next-project-banner-single .next-project-banner-btn, .vbrr-site-bcolor.next-project-banner-single .next-project-banner-btn.ico-arrow-right:after, .vbrr-site-bcolor.next-project-banner-single .prev-project-banner-title, .vbrr-site-bcolor.next-project-banner-single .prev-project-banner-btn, .vbrr-site-bcolor.next-project-banner-single .prev-project-banner-btn.ico-arrow-left:before { color: #414141 !important; border-color: #414141 !important } .next-project-banner-single { position: relative; height: 120px; border-radius: 10px; overflow: hidden; cursor: pointer } .next-project-banner img { position: absolute; max-width: 230px; left: 0; right: 0; top: 0; margin: auto; opacity: .8; transition: all .25s; } .next-project-banner-single:hover img { opacity: 1; transform: scale(1.05); } .next-project-banner-title { display: flex; padding-top: 10px; align-items: center; padding-left: 10px; color: #fff; font-family: Muller; font-style: normal; font-weight: bold; font-size: 16px; line-height: 135%; position: relative; } .next-project-banner-btn { position: absolute; color: #fff; right: 42px; bottom: 6px; font-family: Muller; font-weight: bold; font-size: 14px; line-height: 14px; display: flex; height: 36px; align-items: center; max-width: 90%; text-align: right; } .next-project-banner-btn:before { display: none; } .next-project-banner-btn.ico-arrow-right:after { content: "\e939"; position: absolute; border: solid 2px #fff; border-radius: 99px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; top: 2px; right: -32px; font-size: 10px; } .prev-project-banner-btn { position: absolute; color: #fff; left: 42px; bottom: 6px; font-family: Muller; font-weight: bold; font-size: 14px; line-height: 14px; display: flex; height: 36px; align-items: center; max-width: 90%; } .prev-project-banner-btn.ico-arrow-left:before { position: absolute; border: solid 2px #fff; border-radius: 99px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; top: 2px; left: -32px; font-size: 10px; } .next-project-banner .col-md-6:not(.col-md-6 + .col-md-6) { display: none } @media (min-width: 768px) { .next-project-banner .col-md-6:not(.col-md-6 + .col-md-6) { display: block } .next-project-banner-single { height: 237px; } .next-project-banner-title { padding-top: 15px; justify-content: center; font-size: 35px; padding-left: 0; } .next-project-banner-btn { right: 73px; bottom: 15px; font-size: 18px; line-height: 18px; display: flex; height: 48px; } .next-project-banner-btn.ico-arrow-right:after { width: 48px; height: 48px; display: flex; top: -2px; right: -58px; font-size: 16px; } .prev-project-banner-btn { left: 73px; bottom: 15px; font-size: 18px; line-height: 18px; display: flex; height: 48px; } .prev-project-banner-btn.ico-arrow-left:before { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; top: -2px; left: -58px; font-size: 16px; } } @media (min-width: 992px) { .next-project-banner { margin-top: -20px } .next-project-banner-single { height: 294px; } .next-project-banner img { position: absolute; max-width: 72%; top: 7%; } .stena-bimage img { bottom: 80% !important; } .next-project-banner-btn { right: 83px; max-width: 150px; } .next-project-banner-title { position: absolute; left: 20px; bottom: 20px; font-size: 28px; } .prev-project-banner .next-project-banner-title { left: auto; right: 20px; } .prev-project-banner-btn { left: 83px; max-width: 150px; } .next-project-banner .col-6 { padding-left: 10px; padding-right: 10px; } } .image-zoom-hover { position: relative } .image-zoom-hover:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 48px; height: 48px; background-color: #fff; z-index: 1; border-radius: 99px; border: solid 2px #5e78ff; transition: all .3s; } .image-zoom-hover:before { font-family: 'inetsys-ico' !important; content: "\e931"; position: absolute; font-size: 14px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 20px; height: 20px; z-index: 2; border-radius: 99px; display: flex; align-items: center; justify-content: center; color: #5e78ff; padding-left: 2px; transition: all .3s; } .image-zoom-hover:hover:before { transform: rotate(180deg); } .image-zoom-hover:hover:after { box-shadow: 0 0 0 10px rgb(94 120 255 / 20%); transform: rotate(360deg); } .popup-block.popup-block-image { max-width: 100%; max-height: 100%; } .popup-block.popup-block-image .subwrap { padding: 10px; } .popup-block.popup-block-image .popup_header { justify-content: flex-end; padding-bottom: 10px; position: absolute; top: 25px; left: 0; width: calc(100% - 25px); z-index: 2; } .popup-block.popup-block-image .popup_header .popup-close { width: auto } .popup-block.popup-block-image img { object-fit: contain; max-height: 100%; margin: auto; display: flex; border-radius: 10px; } .popup-block.popup-block-image .popup_scroll:after { display: none; } .popup-block.popup-block-image .popup_scroll { max-height: 100%; } .custom-header-block { padding-top: 30px; } .custom-header-block .button-case { margin-top: 30px } .custom-header-block .button-case > * { margin-left: 0 } @media (min-width: 768px) { .custom-header-block { padding-top: 0; } .custom-header-block .heading-underline { margin-bottom: 46px; } .custom-header-block .heading-underline:before { bottom: -18px; } } @media (min-width: 992px) { .custom-header-block { padding-top: 50px; } .custom-header-block .heading-underline { margin-bottom: 64px; } .custom-header-block .heading-underline:before { bottom: -27px; } } @media (min-width: 1200px) { .custom-header-block { padding-top: 0; } .custom-header-block .heading-underline { margin-bottom: 45px; } .custom-header-block .heading-underline + .text { max-width: 820px; } .custom-header-block .col-12 { display: flex; flex-wrap: wrap; } .custom-header-block .button-case { width: calc(100% - 820px); } .custom-header-block .button-case > * { width: 222px; margin-left: auto; } } .clients-page .clients-grid-block .row > * { text-align: center; display: flex; align-items: center; justify-content: center; position: relative; width: 50%; padding: 10px 10px 40px; } .clients-page .clients-grid-block .row > * img { object-fit: scale-down; min-height: 42px; } @media (min-width: 768px) { .clients-page .clients-grid-block .row > * { width: 33.33%; } .clients-page .clients-grid-block .row > * img { object-fit: contain; max-width: 190px; } } @media (min-width: 992px) { .clients-page .clients-grid-block .row > * { width: 33.33%; } } @media (min-width: 1200px) { .clients-page .clients-grid-block .row > * { width: 20%; padding-bottom: 80px; } } @media (min-width: 1450px) { .clients-page .clients-grid-block .row > * img { object-fit: contain; min-height: 48px; max-width: 230px; } } .menu-item > .menu-item-link.selected { color: #5F79FF } @media (min-width: 1200px) { .store-page .about-block .button-outline { margin-top: 0; } } .project-banner-kalibr-mobile ul.list-dotted li:before { background-color: #F92150; } .project-banner-kalibr-mobile .project-item { background-position: 49vw 110%, 33% 100%; background-repeat: no-repeat; background-size: 509px, auto; } .projects-store { display: flex; justify-content: space-between; margin-top: auto; } @media (min-width: 768px) { .project-item .projects-store { max-width: 288px; margin-top: 10px; } } .project-item .projects-store a { max-width: 47%; display: block; } .bigwrap { padding-left: 15px; padding-right: 15px; max-width: 100%; margin: 0 auto; } @media (min-width: 768px) { .bigwrap { padding-left: 40px; padding-right: 40px; } } @media (min-width: 992px) { .bigwrap { padding-left: 46px; padding-right: 46px; } } @media (min-width: 1200px) { .bigwrap { padding-left: 45px; padding-right: 45px; } } @media (min-width: 1450px) { .bigwrap { padding-left: 150px; padding-right: 150px; } } ol { letter-spacing: .5px; margin: 0; padding-left: 0; } ol li { padding: 12px 0 13px 28px; position: relative; } ol li:first-child { padding-top: 0; } ol { list-style: none; counter-reset: li; } ol > li:first-child::before { top: 2px; } ol > li::before { counter-increment: li; content: counter(li, decimal) "."; position: absolute; top: 14px; left: 0; display: inline-block; width: 15px; font-family: Muller, sans-serif; font-weight: 500; color: #5e78ff; } .showbeep-bimage img { top: 35px; } @media (min-width: 992px) { .showbeep-bimage img { top: 47px; } } @media (min-width: 1200px) { .showbeep-bimage img { top: 0; } } @media (min-width: 1450px) { .showbeep-bimage img { max-width: 400px; top: 11px; } } @media (max-width: 374px) { .icoblock-single .heading-3 { font-size: 20px; padding-top: 20px; } } .support-block-seo .image-block-before { margin-top: 15px; margin-bottom: 45px; } section.support-block-seo { padding-bottom: 40px; } .support-block-seo .image-block-before img { margin-left: 50px; } .support-block-seo .float-circles:before { top: calc(95% - 30px); left: calc(70% - 30px); } .support-block-seo .image-block-before img { width: 340px; } .support-block-seo .image-block-before img { margin-left: -20px; } .support-block-seo .float-circles:after { top: calc(25% - 20px); left: calc(-5% - 20px); } .scroll-here.support-block-seo .image-block-before:before { background-color: #5E78FF; } @media (min-width: 768px) { .support-block-seo .float-circles:after { top: calc(25% - 20px); left: calc(-20% - 20px); } .support-block-seo .image-block-before img { margin-left: -40px; } .support-block-seo .image-block-before img { width: 490px; margin-left: -32px; } } @media (min-width: 992px) { .support-block-seo .image-block-before img { width: 490px; margin-left: -32px; } } @media (min-width: 1200px) { .support-block-seo .image-block-before img { width: 576px; } } /*new-projects*/ .new-projects-slider { margin: 0 -20px; } .new-projects-slide { padding: 0 20px; } .new-projects-slide__inner { background: #991276; border-radius: 20px; } .new-projects-slide__inner .row { height: 600px; } .new-projects-img-slide img { height: auto; width: auto; } .new-projects-text-top { font-size: 24px; font-weight: 400; } .new-projects-advantages { display: flex; flex-wrap: wrap; margin: 24px -10px 0 -10px; } .new-projects-advantage { width: 50%; padding: 10px; margin-bottom: 16px; } .new-projects-slide-arrows > div { transition: all 0.2s, transform 0.4s; } .new-projects-slide-arrows > div:hover { background: #fff; } .new-projects-slide-arrows > div:hover path { fill: #000; } .new-projects-slide-footer, .new-projects-advantages, .new-projects-slide-img img { transition: all 0.2s, transform 0.4s; } @media (min-width: 992px) { .new-projects-slide-footer, .new-projects-advantages, .new-projects-slide-img img { transform: translateY(50px); opacity: 0; } .scroll-here .new-projects-slide-footer, .scroll-here .new-projects-advantages, .scroll-here .new-projects-slide-img img { transform: translateY(0); opacity: 1; } } .new-projects-slide-arrows { display: flex; margin-left: 20px; } .new-projects-slide-footer { display: flex; align-items: center; padding-top: 30px; margin-top: auto; } .new-projects-advantage-top { font-size: 32px; font-weight: 900; line-height: 100%; } .new-projects-advantage-bottom { font-weight: 300; font-size: 16px; line-height: 130%; margin-top: 4px; } .new-projects-text-title { font-size: 40px; font-weight: 700; line-height: 100%; margin-bottom: 0; margin-top: 7px !important; padding-bottom: 20px; } .new-projects-type { margin-top: 0 !important; background: #fff; font-size: 18px; color: #991276; padding: 10px 18px 8px; border-radius: 24px; text-align: center; width: max-content; line-height: 84%; } .new-projects-slide-text { font-family: Muller; padding: 32px 56px; color: #fff; display: flex; flex-wrap: wrap; } .new-projects-slide-img { height: 100%; display: flex; align-items: center; justify-content: center; } .new-projects-slider .slider-circle-button { width: 100px; height: 100px; top: calc(50% - 50px); z-index: 3; background-color: rgba(255, 255, 255, .8); } .new-projects-slider .slider-circle-button.ico-arrow-right { right: 10%; } .new-projects-slide-arrows > div { cursor: pointer; border-radius: 100%; min-width: 48px; min-height: 48px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border: 2px solid #ffffff; margin: 0 5px; } .new-projects-slide-img picture { display: flex; height: 100%; width: 100%; border-radius: 20px; overflow: hidden; } .new-projects-slide-img img { width: 100%; height: 100%; display: inline-block; object-fit: cover; object-position: 50% 0; } .new-projects-slider .slick-dots { bottom: -40px; } .new-projects-slider.slick-dotted.slick-slider { margin-bottom: 50px; } .case-moskonditer .new-projects-slide-img img { object-fit: contain } @media (max-width: 1450px) { .new-projects-slide-text { padding: 32px 36px; } .new-projects-advantage-top { font-size: 28px; } } @media (max-width: 1200px) { .new-projects-advantage-bottom { font-size: 14px; line-height: 16px; } } @media (max-width: 1100px) { .new-projects-advantage-top { font-size: 26px; } } @media (max-width: 991px) { .new-projects-slide-img img { object-position: 50% 20%; } .new-projects-advantage-top { font-size: 32px; } .new-projects-text-title { font-size: 32px; } .new-projects-slide-footer { padding-top: 10px; } .new-projects-advantages { display: flex; flex-wrap: wrap; padding-left: 10px; margin: -10px; } .new-projects-slide__inner .row { height: 650px; } .new-projects-slide-text { display: flex; flex-wrap: wrap; } .new-projects-slide-footer { width: 100%; justify-content: center; } .new-projects-slide-arrows { display: none; } .new-projects-slide-text-inner { width: 40%; } .new-projects-advantages { width: 60%; } .new-projects-slide-text { order: 2; /* height: calc(100% - 310px); */ } .new-projects-slide-img { order: 1; height: 310px; } } @media (max-width: 767px) { .new-projects-slide-img img { object-position: 50% 0; } .new-projects-slider .button-case { width: 100%; } .new-projects-slider .button-case a { width: 100%; } .new-projects-slide__inner .row { align-content: flex-start; } .new-projects-slide-text { font-family: Muller; padding: 24px 24px 36px; height: calc(100% - 255px); } .new-projects-type { width: 100%; } .new-projects-slide__inner .row { height: 740px; margin: 0; } .new-projects-slide-img { height: 255px; border-radius: 16px; padding: 0; } .new-projects-text-title br { display: none; } .new-projects-advantages { display: flex; flex-wrap: wrap; padding-left: 0; margin: 10px -10px; } .new-projects-slide-text-inner { width: 100%; } .new-projects-advantages { width: calc(100% + 20px); } .new-projects-slide-top { font-size: 14px; } .new-projects-advantage-top { font-size: 20px; } .new-projects-text-title { font-size: 28px; margin-top: 7px !important; padding-bottom: 10px; } .new-projects-advantage { margin-bottom: 0; } } /*new-projects*/ .button-transparent { font-family: Muller, sans-serif; font-size: 18px; line-height: 142%; color: #ffffff; background-color: transparent; width: 208px; margin: 0 auto; max-width: 100%; height: 63px; display: flex; align-items: center; justify-content: center; border-radius: 99px; font-weight: 500; transition: all 0.2s, transform 0.4s; letter-spacing: .5px; will-change: transform, opacity; border: 2px solid #ffffff; } .button-transparent:hover { background: #fff; color: #000; } /*FAQ*/ .prices-question-block-inner { padding-top: 12px; } .prices-question-block .widewrap > * { max-width: 1020px; } .prices-question { background: #f4f4f8; width: 100%; border-radius: 16px; margin-bottom: 32px; position: relative; border: 2px solid transparent; } .prices-question:last-child { margin-bottom: 0; } .prices-question.active { border-color: #f4f4f8; transition: all 0.2s, transform 0.3s; } .prices-question-header { font-family: Muller; font-size: 18px; padding: 20px; color: #5E78FF; display: flex; align-items: flex-start; justify-content: space-between; cursor: pointer; transition: all 0.2s, transform 0.3s; } .prices-question-body { padding: 24px 20px 40px; display: none; background: #ffff; border-radius: 0 0 16px 16px; color: #737373; } .prices-question-body.active { display: block; } .prices-question-body p { margin-bottom: 30px; } .prices-question-body p:last-child { margin-bottom: 0; } .prices-question-body ul li, .prices-question-body ol li { padding-bottom: 0; } .prices-question span { font-family: Muller; font-weight: 500; font-size: 18px; line-height: 18px; display: flex; align-items: center; letter-spacing: 0.5px; color: #5E78FF; position: relative; min-width: 48px; width: 48px; height: 48px; border-radius: 99px; background-color: #fff; cursor: pointer; margin-left: 10px; margin-top: 4px; } .prices-question span:before { content: "\e939"; font-family: 'inetsys-ico' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; margin-top: 2px; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; transform: rotate(90deg); transition: all 0.2s, transform 0.3s; } .prices-question.active span:before { transform: rotate(270deg); margin-top: -2px; } @media (min-width: 768px) { .prices-question-header { font-size: 20px; align-items: center; padding: 12px 20px; } .prices-question-header > div { margin-top: 3px; } .prices-question span { margin-top: 0; } } @media (min-width: 992px) { .prices-question { transform: translateY(100px); opacity: 0; } .scroll-here .prices-question { transform: translateX(0); opacity: 1; } .prices-question-body { padding: 32px; } .prices-question-header { padding-left: 32px; } } /*FAQ*/ /*counters-block*/ .counters-block { background-color: #f6f9fe; background-size: cover; border-radius: 32px; padding: 40px 16px; display: flex; justify-content: center; flex-direction: column; margin-top: 30px; } .counters-block .button-case { margin-top: 20px; margin-bottom: 30px; } .counters-block .heading { font-weight: 500; font-size: 40px; color: #5e78ff; text-align: center; /* line-height: 90%; */ font-family: 'Muller'; } .counters-block .subheading { font-weight: 500; font-size: 22px; color: #414141; text-align: center; line-height: 140%; margin-top: 20px; margin-bottom: -2px; opacity: .9; } .counters-block p { text-align: center; color: #414141; font-size: 14px; opacity: .7; } .counters-block .row > div { padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; } @media (min-width: 992px) { .counters-block .subheading { margin-top: 10px; } } @media (min-width: 1200px) { .counters-block { padding: 50px 56px; } .counters-block .row > div { margin-bottom: 0; } .counters-block .button-case { margin-top: 30px; margin-bottom: 10px; } } /*counters-block*/ html { scroll-padding-top: 90px; scroll-behavior: smooth; } /*image+text small block*/ .block-imgblock-small { } .imgblock-small-item { padding-bottom: 60px; padding-top: 20px; } @media (max-width: 767px) { .imgblock-small-item .img { text-align: center; margin-left: var(--ml, 0); transform: translateY(var(--mt, 0)); } } @media (min-width: 768px) and (max-width: 991px) { [class*="col-"]:not([class*="col-md-"]) .imgblock-small-item .img { margin-left: var(--ml-md, 0); margin-right: calc(0px - (var(--ml-md, 0))); transform: translateY(var( --mt-md, 0)); } [class*="col-md-"] .imgblock-small-item .img { margin-left: var(--ml-md, 0); transform: translateY(var( --mt-md, 0)); } } @media (min-width: 992px) { .imgblock-small-item .img { margin-left: var(--ml-lg, 0); transform: translateY(var(--mt-lg, 0)); } } .imgblock-small-item .img img { object-fit: scale-down; object-position: 0 100%; transition: all .3s; } .imgblock-small-item .title { padding-bottom: 12px } .imgblock-small-item .info + .arrow-button, .imgblock-small-item .info .arrow-button { margin-top: 35px; display: block; } .imgblock-small-item .accent { color: #FF4971; margin-right: 10px; } @media (min-width: 768px) { .imgblock-small-item { display: flex; align-content: center; } .imgblock-small-item { padding-bottom: 30px; padding-top: 20px; } .imgblock-small-item .img { flex-basis: 220px; flex-shrink: 0; text-align: left; padding-right: 20px; height: 180px; display: flex; } .imgblock-small-item .img.auto { height: auto; } .imgblock-small-item .info { align-self: center; } } @media (min-width: 992px) { .imgblock-small-item .img { flex-basis: 100%; } .imgblock-small-item { flex-wrap: wrap; } .imgblock-small-item:hover .img img { transform: scale(1.05); } .imgblock-small-item .text { max-width: 80%; } } /*image+text small block*/ /*image+text big block*/ .block-imgblock { } .block-imgblock [class*="col-"]:last-child .imgblock-item { padding-bottom: 0; } .imgblock-item { padding-bottom: 60px; padding-top: 20px; } .imgblock-item .img { text-align: center; } @media (min-width: 992px) { .imgblock-item { display: flex; padding-bottom: 80px; } .imgblock-item .img { flex-basis: 295px; flex-shrink: 0;} .imgblock-item .info { flex-basis: fit-content; padding-left: 40px;} .imgblock-item .info .title { padding-top: 0; } } /*image+text big block*/ /*rounded form with rocket*/ .form-rounded-rocket { background: #282E47; border-radius: 36px; padding: 24px 30px 0 30px; position: relative; color: #fff; margin-top: 20px; } .form-rounded-rocket .text-consent a { color: #fff; } @media (max-width: 991px) { .form-roket, .form-ball, .form-planet { display: none; } } .form-roket { position: absolute; left: 6px; bottom: 30px; width: 180px; } .form-ball { width: 40px; height: 40px; position: absolute; right: 200px; bottom: 70px; } .form-planet { position: absolute; right: 70px; top: 100px; } @media (min-width: 992px) { .form-rounded-rocket { padding: 50px 70px 0 70px; } .form-rounded-rocket .content .text { max-width: 500px } .form-rounded-rocket .acceleration-form-title { margin-bottom: 0; } .form-roket { transform: translateX(-55px) translateY(55px); opacity: 0; } .scroll-here .form-roket { transform: translateX(0) translateY(0); opacity: 1; } .form-ball { transform: translateX(55px) translateY(55px); opacity: 0; } .scroll-here .form-ball { transform: translateX(0) translateY(0); opacity: 1; } .form-planet { transform: translateX(55px) translateY(-55px); opacity: 0; } .scroll-here .form-planet { transform: translateX(0) translateY(0); opacity: 1; } } @media (min-width: 1200px) { .form-planet { top: -55px; right: 55px; } .form-roket { width: 370px; left: 200px; bottom: -5px; } .form-rounded-rocket .content .text { max-width: 340px } .form-rounded-rocket .acceleration-form-title { margin-bottom: 20px; } } @media (min-width: 1450px) { .form-planet { right: 105px; } .form-roket { width: 460px; left: 190px; bottom: -54px; } .form-rounded-rocket .content .text { max-width: 340px } .form-rounded-rocket .acceleration-form-title { margin-bottom: 20px; } } .text + ul { margin-top: 24px; } /*rounded form with rocket*/ .develop-slider .imgblock-small-item { max-width: 300px; margin: auto; padding-bottom: 0; } .develop-slider .imgblock-small-item .text { max-width: 100%; } @media (max-width: 767px) { .develop-slider .imgblock-small-item { text-align: center; } .develop-slider .imgblock-small-item .title { justify-content: center; } .develop-slider .imgblock-small-item .img img { margin: auto; } } @media (min-width: 768px) { .develop-slider .imgblock-small-item { flex-wrap: wrap; } .develop-slider .imgblock-small-item .title { align-items: flex-start; } } @media (min-width: 992px) and (max-width: 1450px) { .imgblock-small-item .title { min-height: 108px; } } .heading-1 + .subheading-price, .heading-1 + .text { padding-top: 6px; } .heading-1 + ul { padding-top: 6px; } .heading-1 + .text { font-family: 'Muller'; } .heading-1 + .text + ul { padding-top: 6px; } @media (min-width: 768px) { .main-banner .button-blue { margin-top: 60px; margin-bottom: 30px; } } @media (min-width: 992px) { .main-banner .button-blue { margin-left: 0; margin-top: 30px; } } @media (min-width: 1200px) { .main-banner .heading-1 { padding-top: 20px; } .heading-1 + .subheading-price { padding-top: 20px; padding-bottom: 34px; } .main-banner .button-blue { margin-top: 50px; } } .text + .heading-4 { margin-top: 16px; } @media (min-width: 768px) { .text + .heading-4 { margin-top: 24px; } } .main-banner .list-link { max-width: unset; position: relative; z-index: 1; padding-top: 12px; display: flex; align-items: center; font-family: 'Muller', sans-serif; } .main-banner ul.list-link li { padding: 0; } .main-banner ul.list-link li + li { padding-left: 20px; } .main-banner ul.list-link li:before { display: none; } @media (min-width: 768px) and (max-width: 991px) { .nav-menu .submenu .submenu { display: block !important; transform: none; padding-left: 16px; padding-top: 20px; } .nav-menu .submenu .submenu li { padding-bottom: 12px; opacity: .8; font-size: 16px; } .active.header-nav { max-height: calc(100vh - 330px); overflow-y: auto; padding-bottom: 40px; } } @media (min-width: 992px) { .nav-menu .menu_dropdown li.menu_dropdown { position: relative; } .nav-menu .submenu .submenu { left: 100%; } .nav-menu .submenu li .submenu { top: calc(0% - 16px); } .nav-menu .submenu li:first-child .submenu { top: calc(0% - 24px); } .nav-menu .menu_dropdown .menu_dropdown:not(.menu-item-tel) > .menu-item-link:after { transform: rotate(0deg) translateY(-1px); } } .review-block + footer { margin-top: 80px; } [class*="form_field_name_"] { display: none !important; } .subheading-price-tab { max-width: 500px; } .mf-tabs-control { display: inline-flex; white-space: nowrap; overflow: auto; margin-bottom: 28px; position: relative; max-width: 100%; font-family: Muller, sans-serif; } .mf-tabs-control::before { content: ""; display: block; width: 100%; height: 2px; background: #dbdbdb; position: absolute; bottom: 0; left: 0; transition: all .2s; } .mf-tabs-control .tab { cursor: pointer; user-select: none; transition: all .2s; position: relative; font-size: 1.25rem; display: flex; align-items: center; font-weight: 500; padding-bottom: 4px; border-bottom: solid 2px transparent !important; } .mf-tabs-control .tab:not(:last-child) { margin-right: 24px; } .mf-tabs-control .tab:hover { border-color: #ff4971 !important; } .mf-tabs-control .tab.active_tab { position: relative; border-color: #ff4971 !important; color: #ff4971; } .mf-tabs-control::-webkit-scrollbar { height: 0; } .mf-tabs-content { width: 100%; } .mf-tabs-content .tab-content:not(.active_tab) { display: none; } .main-banner .subheading-price-tab .price { padding-bottom: 30px; } .main-banner .subheading-price-tab .price { font-size: 26px; font-weight: 500; } @media (min-width: 768px) { .main-banner .subheading-price-tab .price { padding-bottom: 33px; } } @media (min-width: 992px) { .main-banner .subheading-price-tab .price { padding-bottom: 25px; } } .main-banner .subheading-price-tab { padding-top: 6px; } @media (min-width: 1200px) { .main-banner .subheading-price-tab { padding-top: 14px; } } .subheading-price-tab .ws-click { color: #ff4971; border: solid 2px; width: 30px; height: 30px; display: inline-flex; border-radius: 99px; align-items: center; justify-content: center; transform: translateY(-2px); margin: -20px 8px; cursor: pointer; padding-top: 2px; transition: all .2s; } .subheading-price-tab .ws-click:before { font-size: 16px; line-height: 1px; } .subheading-price-tab .ws-click:hover { color: #fff; background-color: #ff4971; border-color: #ff4971; } .form-have-project_inner .mf-tabs-control .tab { font-size: 1.125rem; } .form-have-project .heading-3:first-child { margin-top: -21px; } @media (min-width: 768px) { .form-have-project .heading-3:first-child { margin-top: -7px; } } .float-contact { width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; transition: all .15s; flex-wrap: wrap; position: fixed; bottom: 20px; right: 20px; background-color: #5e78ff; border-radius: 99px; border: solid 3px #fff; color: #fff; animation-name: shadow_pulse; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in; z-index: 26; } .float-contact * { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: all .15s; flex-wrap: wrap; cursor: pointer } .float-contact .open { background-color: #5e78ff; border-radius: 99px; z-index: 2; } .float-contact .links .link { position: absolute; top: 0; left: 0; transition: all .2s; } .float-contact .links .link img { object-fit: contain; width: 10%; } @keyframes shadow_pulse { 0% { box-shadow: 0px 0px 0px rgb(94 120 255) } 70% { box-shadow: 0px 0px 0px 5px rgb(94 120 255 / 24%) } 85% { box-shadow: 0px 0px 0px 5px transparent } } @keyframes shadow_pulse_desktop { 0% { box-shadow: 0px 0px 0px rgb(94 120 255) } 70% { box-shadow: 0px 0px 0px 10px rgb(94 120 255 / 24%) } 85% { box-shadow: 0px 0px 0px 10px transparent } } .float-contact.active .link:first-child { top: calc(-100% * var(--index) - (16px * var(--index))); } .float-contact.active .link:nth-child(n+2) { top: calc(-100% * var(--index) - (4px * (var(--index) - 1)) - 16px); } .float-contact.active .link img { width: 52px; } @media (min-width: 1200px) { .float-contact { right: 40px; bottom: 40px; animation-name: shadow_pulse_desktop; } } @media (max-width:767px){ .footer-second { padding-top: 26px; } .footer-second .col { display: flex; flex-wrap: wrap; justify-content: center; } .footer-label-name { font-size: 14px; width: 100%; text-align: center; margin-top: 9px; } } /* End */ /* Start:/local/templates/inetsys/components/bitrix/menu/.default/style.css?1631183060581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(../../../../../../local/templates/inetsys/components/bitrix/menu/.default/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/inetsys/components/bitrix/form/footer/bitrix/form.result.new/.default/style.css?1631183060666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(../../../../../../local/templates/inetsys/components/bitrix/form/footer/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(../../../../../../local/templates/inetsys/components/bitrix/form/footer/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/local/templates/inetsys/components/bitrix/menu/footer_menu/style.css?1631183060581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(../../../../../../local/templates/inetsys/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/inetsys/components/bitrix/form/have-project/bitrix/form.result.new/.default/style.css?1631183060666*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(../../../../../../local/templates/inetsys/components/bitrix/form/have-project/bitrix/form.result.new/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(../../../../../../local/templates/inetsys/components/bitrix/form/have-project/bitrix/form.result.new/.default/images/icon_warn.gif); } /* End */ /* Start:/local/templates/inetsys/template_styles.css?1640362203207*/ #bx-panel [class*="button"]{ transform: none; opacity: 1; } #bx_admin_form input { height: auto; appearance: auto; -webkit-appearance: auto; } .grecaptcha-badge { visibility: hidden !important; } /* End */ /* Start:/local/templates/inetsys/css/stena.css?163118306034428*/ .stena-block-tech { background-color: #F5F1EA } .stena-block-tech-list li { line-height: 30px; max-width: 320px } .stena-block-tech-list li+li { padding-top: 15px; } @media (min-width: 768px) { .stena-block-tech { padding-top: 40px !important; } .stena-block-tech-list { display: flex; flex-wrap: wrap; } .stena-block-tech-list li { max-width: 50%; width: 50%; padding-bottom: 30px; } .stena-block-tech-list li:nth-child(even) { padding-left: 65px } .stena-block-tech-list li+li { padding-top: 0px; } } @media (min-width: 992px) { .stena-block-tech { padding-top: 40px !important; padding-bottom: 26px; } .stena-block-tech-list li { max-width: 50%; width: 44%; padding-bottom: 30px; } } @media (min-width: 1200px) { .stena-block-tech { padding-top: 60px !important } .stena-block-tech-list { padding-top: 30px } .stena-block-tech-list li, .stena-block-tech-list li:nth-child(even) { max-width: 29%; padding-left: 0; } .stena-block-tech-list li:nth-child(2), .stena-block-tech-list li:nth-child(5) { max-width: 35%; padding-left: 7.2%; } .stena-block-tech-list li:nth-child(3), .stena-block-tech-list li:nth-child(6) { max-width: 35%; padding-left: 10%; } } .project-page-stena .heading-underline:before { border-color: #52F7FE; } [class*="project-page-"] .main-banner { min-height: auto; padding-bottom: 30px; margin-top: 25px; } .main-banner .project-banner-link { margin-top: 36px; color: #52F7FE; font-size: 24px; display: inline-block; transition: all .3s; } .main-banner .project-banner-link:hover { color: #ffffff; } @media (min-width: 768px) { [class*="project-page-"] .main-banner { margin-top: 0px; } } @media (min-width: 1200px) { [class*="project-page-"] .main-banner { margin-top: -30px; } [class*="project-page-"] .megawrap { max-width: 1650px; } } .project-page-stena [class*="heading-"] { color: #414141; } @media (min-width: 992px) { .project-page-stena .heading-2 { font-size: 52px } } .project-page-stena .main-banner { background-image: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-banner-bg.jpg); background-size: cover; background-repeat: no-repeat; padding-bottom: 5px; } .project-page-stena .banner-image { background-image: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-banner-1920.png); background-size: 413px; background-repeat: no-repeat; background-position: calc(50% + 33px) 19px; height: 324px; width: calc(100% + 30px); margin-left: -15px; } .project-page-stena .project-logo { margin-top: 34px; width: 174px; margin-bottom: 55px; } .project-page-stena .heading-1 { color: #fff } .project-page-stena .main-banner .text { font-size: 18px; line-height: 27px; color: #fff; } @media (min-width: 768px) { .project-page-stena .project-logo { margin-top: 51px; width: 204px; margin-bottom: 46px; } .project-page-stena .heading-1 { font-size: 42px; max-width: 430px; } .project-page-stena .main-banner .text { font-size: 24px; line-height: 36px; padding-top: 20px; padding-bottom: 24px; max-width: 490px; } .main-banner .project-banner-link { margin-bottom: 76px; margin-top: 36px; } .project-page-stena .banner-image { display: block; position: absolute; width: 969px; left: 55%; top: 122px; background-size: 925px; height: 100%; } } @media (min-width: 992px) { .project-page-stena .project-logo { margin-bottom: 37px; margin-top: 71px; width: 207px; } .project-page-stena .heading-1 { font-size: 52px; max-width: 530px; } .project-page-stena .main-banner .text { max-width: 560px; padding-bottom: 10px; } .project-page-stena .banner-image { left: 51%; top: 103px; } .project-page-stena .main-banner { padding-bottom: 0px; } .main-banner .project-banner-link { margin-top: 32px; } } @media (min-width: 1200px) { .project-page-stena .project-logo { margin-left: -5px; margin-top: 66px; } .project-page-stena .main-banner .text { max-width: 760px; } } @media (min-width: 1450px) { .project-page-stena .banner-image { left: 50%; top: 89px; } } /*---------stena-block-mpage------------*/ .stena-block-mpage .stena-block-mpage-tasks .heading-2 { margin-top: 6px; } .stena-block-mpage .stena-block-mpage-tasks .heading-2+.text { min-height: 300px; } .stena-block-mpage { background-image: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-bg-vector.svg); background-size: 100% 100%; background-position: 50% 476px; background-repeat: no-repeat; } .stena-block-mpage-mainpage-images { height: 422px; } .stena-block-mpage-mainpage-images img:nth-child(1) { width: 129px; position: absolute; top: 40px; right: 55%; } .stena-block-mpage-mainpage-images img:nth-child(2) { width: 374px; max-width: 450px; position: absolute; top: 95px; left: calc(50% - 177px); } .stena-block-mpage-mainpage, .stena-block-mpage-mainpage .heading-2 { color: #fff; } .stena-block-mpage-main, .stena-block-mpage-main .heading-2 { color: #fff } .stena-block-mpage-main .col-12:nth-child(1)>img { margin-left: 50%; transform: translateX(-50%); width: 371px; max-width: 371px; padding-top: 23px; } .stena-block-mpage-main-colors { display: flex; justify-content: space-between; margin-top: -7px; padding-bottom: 20px; max-width: 570px; margin-left: auto; margin-right: auto; } .stena-block-mpage-main-colors .stena-block-mpage-main-colors-single { width: 90px; } .stena-block-mpage-main-colors-single img { width: 154px; max-width: 154px; margin-left: 50%; transform: translateX(-50%); } .stena-block-mpage-main-custom>img { margin-left: 50%; transform: translateX(-52%); width: 401px; max-width: 401px; padding-top: 17px; } .stena-block-mpage-main-custom-list li { display: flex; align-items: center; font-size: 24px; line-height: 30px; position: relative; padding-left: 70px; font-family: Muller; font-weight: 300; min-height: 52px; } .stena-block-mpage-main-custom-list li+li { margin-top: 25px; } .stena-block-mpage-main-custom-list li:before { content: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-mpage-arrow.svg); display: inline-block; width: 52px; height: 52px; position: absolute; left: 0; top: 2px; } .stena-block-mpage-main-custom-images { height: 530px; position: relative; } .stena-block-mpage-main-custom-images img:nth-child(1) { position: absolute; width: 312px; top: 21px; left: calc(50% - 18px); } .stena-block-mpage-main-custom-images img:nth-child(2) { position: absolute; width: 312px; right: calc(50% - 111px); top: 128px; } .stena-block-mpage-main-custom-numbers { } .stena-block-mpage-main-custom-numbers-single { padding-top: 7px; max-width: 350px; margin-left: auto; margin-right: auto; } .stena-block-mpage-main-custom-numbers-single+.stena-block-mpage-main-custom-numbers-single { margin-top: 83px; } .stena-block-mpage-main-custom-numbers-single p:nth-child(1) { font-family: Muller; font-style: normal; font-weight: 300; font-size: 48px; line-height: 100%; } .stena-block-mpage-main-custom-numbers-single p:nth-child(2) { font-family: Muller; font-style: normal; font-weight: 800; font-size: 96px; line-height: 135%; color: #2e65b8; letter-spacing: 7px; text-shadow: 2px 2px #fff, -2px -2px #fff, 2px -2px #fff, -2px 2px #fff; } .stena-block-mpage-main-custom-numbers-single p:nth-child(3) { font-family: Muller; font-style: normal; font-weight: 500; font-size: 64px; padding-top: 14px; } @media (max-width: 360px) { .stena-block-mpage-main-custom-numbers-single p:nth-child(3) { font-size: 54px; } } .stena-block-mpage-main-custom-numbers-img { padding-top: 56px; } .stena-block-mpage-main-custom-numbers-img img { width: 408px; max-width: calc(100% + 62px); margin-left: 50%; transform: translateX(-49%); } .stena-block-mpage-constructor { background-color: #F8F8F8; position: relative; margin-top: 127px; } .stena-block-mpage-constructor-text .heading-2 { margin-top: 12px; max-width: 243px; } .stena-block-mpage-constructor:before { content: ""; background-image: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-bg-white-vector.svg); display: block; position: absolute; background-position: 10% 0px; background-repeat: no-repeat; top: -174px; right: 0; width: 774px; height: 174px; } .stena-block-mpage-constructor-img1 img { margin-left: 50%; transform: translateX(-50%); max-width: calc(100% + 30px); width: 380px; padding-top: 22px; } .stena-block-mpage-constructor-icon { padding-top: 27px; } .stena-block-mpage-constructor-icon-single { text-align: center; } .stena-block-mpage-constructor-icon-single+.stena-block-mpage-constructor-icon-single { padding-top: 29px; } .stena-block-mpage-constructor-icon-single img { width: 153px; } .stena-block-mpage-constructor-icon-single p { max-width: 220px; margin-left: auto; margin-right: auto; font-family: Muller; font-style: normal; font-weight: normal; font-size: 18px; line-height: 30px; padding-top: 32px; } .stena-block-mpage-constructor-list { margin-top: 57px; } .stena-block-mpage-constructor-list li { display: flex; align-items: center; font-size: 24px; line-height: 30px; position: relative; padding-left: 84px; font-family: Muller; font-weight: 300; min-height: 52px; } .stena-block-mpage-constructor-list li+li { margin-top: 25px; } .stena-block-mpage-constructor-list li:before { content: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-constructor-checkmark.svg); display: inline-block; width: 52px; height: 52px; position: absolute; left: 6px; top: 2px; } .stena-block-mpage-constructor-img2 img { margin-left: 50%; transform: translateX(-50%); max-width: calc(100% + 26px); width: 372px; padding-top: 30px; } @media (min-width: 768px) { .stena-block-mpage { background-image: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-bg-vector-768.svg); background-position: 50% 386px; } .stena-block-mpage .stena-block-mpage-tasks .heading-2+.text { min-height: 150px; } .stena-block-mpage-mainpage-images { height: 760px; } .stena-block-mpage-mainpage-images img:nth-child(1) { width: 262px; } .stena-block-mpage-mainpage-images img:nth-child(2) { width: 756px; max-width: 756px; top: 151px; left: calc(50% - 360px); } .stena-block-mpage-main .col-12:nth-child(1)>img { width: 729px; max-width: 729px; padding-top: 73px; } .stena-block-mpage-main-colors .stena-block-mpage-main-colors-single { width: 148px; margin-top: -30px; margin-bottom: -20px; } .stena-block-mpage-main-colors-single img { width: 256px; max-width: 256px; margin-left: 50%; transform: translateX(-50%); } .stena-block-mpage-main-custom>img { width: 649px; max-width: 100%; padding-top: 0; margin-bottom: -42px; } .stena-block-mpage-main-custom-list { display: flex; flex-wrap: wrap; } .stena-block-mpage-main-custom-list li { width: 50%; } .stena-block-mpage-main-custom-list li:nth-child(2) { margin-top: 0px; } .stena-block-mpage-main-custom-images { height: 830px; } .stena-block-mpage-main-custom-images img:nth-child(1) { width: 510px; top: 15px; left: calc(50% - 89px); } .stena-block-mpage-main-custom-images img:nth-child(2) { width: 508px; right: calc(50% - 121px); top: 191px; } .stena-block-mpage-main-custom-numbers { display: flex; flex-wrap: wrap; } .stena-block-mpage-main-custom-numbers-single { width: 50%; max-width: 100%; } .stena-block-mpage-main-custom-numbers-single+.stena-block-mpage-main-custom-numbers-single { margin-top: 0px; padding-left: 40px; } .stena-block-mpage-main-custom-numbers-img { width: 100%; padding-top: 41px; } .stena-block-mpage-main-custom-numbers-img img { width: 654px; } .stena-block-mpage-constructor { margin-top: 0; } .stena-block-mpage-constructor:before { background-image: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-bg-white-vector.svg); top: -197px; left: 0; width: 100%; height: 198px; background-size: 100% 100%; } .stena-block-mpage-main-custom .stena-block-mpage-main-custom-images+.widewrap { background-color: #2e65b8; padding-bottom: 100px; } .stena-block-mpage-constructor-text .heading-2 { margin-top: -6px; max-width: 343px; } .stena-block-mpage-constructor-img1 img { width: 758px; max-width: 758px; } .stena-block-mpage-constructor-icon { display: flex; justify-content: space-between; padding-top: 20px; } .stena-block-mpage-constructor-icon-single+.stena-block-mpage-constructor-icon-single { padding-top: 0; } .stena-block-mpage-constructor-icon-single { width: 30%; } .stena-block-mpage-constructor-list { max-width: 536px; margin-left: auto; margin-right: auto; margin-top: 47px; } .stena-block-mpage-constructor-list li:before { top: -1px; } .stena-block-mpage-constructor-list li+li { margin-top: 31px; } .stena-block-mpage-constructor-img2 img { width: 760px; max-width: 760px; padding-top: 18px; } } @media (min-width: 992px) { .stena-block-mpage { background-image: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-bg-vector-1024.svg); background-size: 101%; background-position: 50% 479px; } .stena-block-mpage .stena-block-mpage-tasks .heading-2+.text { max-width: 740px; } .stena-block-mpage-mainpage-images { height: 933px; } .stena-block-mpage-mainpage-images img:nth-child(1) { width: 312px; right: 56%; } .stena-block-mpage-mainpage-images img:nth-child(2) { width: 902px; max-width: 902px; top: 173px; left: calc(50% - 442px); } .stena-block-mpage-mainpage .heading-2+.text { max-width: 850px; } .stena-block-mpage-main .col-12:nth-child(1)>img { transform: translateX(-65.4%); padding-bottom: 23px; } .stena-block-mpage-main-colors { flex-wrap: wrap; max-width: 149px; position: absolute; top: 200px; left: calc(65% + 170px); } .stena-block-mpage-main-colors .stena-block-mpage-main-colors-single { margin-bottom: -51px; } .stena-block-mpage-main .col-12:nth-child(2) .heading-2 { margin-top: -1px; } .stena-block-mpage-main .col-12:nth-child(2) .heading-2+.text { max-width: 89%; } .stena-block-mpage-main-custom { position: relative; } .stena-block-mpage-main-custom>img { width: 439px; position: absolute; margin-left: calc(10% - 114px); top: -27px; transform: translateX(0%); } .stena-block-mpage-main-custom-list { display: block; padding-left: 41%; margin-top: 43px; } .stena-block-mpage-main-custom-list li:nth-child(2) { margin-top: 25px; } .stena-block-mpage-main-custom-list li { width: 540px; } .stena-block-mpage-main-custom-images { height: 1033px; } .stena-block-mpage-main-custom-images img:nth-child(1) { width: 648px; top: 2px; left: calc(50% - 128px); } .stena-block-mpage-main-custom-images img:nth-child(2) { width: 651px; right: calc(50% - 141px); top: 223px; } .stena-block-mpage-main-custom-numbers-single p:nth-child(2) { font-size: 146px; line-height: 138%; } .stena-block-mpage-main-custom-numbers-single p:nth-child(3) { padding-top: 0; } .stena-block-mpage-main-custom-numbers-single+.stena-block-mpage-main-custom-numbers-single { padding-left: 70px; } .stena-block-mpage-main-custom-numbers-img { padding-top: 59px; position: relative; } .stena-block-mpage-constructor-text .heading-2 { margin-top: 10px; max-width: 383px; } .stena-block-mpage-constructor-img1 img { width: 1022px; max-width: 1022px; padding-top: 34px; } .stena-block-mpage-constructor-icon { padding-top: 0; } .stena-block-mpage-constructor-list { max-width: 100%; display: flex; margin-top: 66px; justify-content: space-between; } .stena-block-mpage-constructor-list li+li { margin-top: 0; } .stena-block-mpage-constructor-list li { width: 33%; display: flex; align-items: baseline; } .stena-block-mpage-constructor-list li:nth-child(1) { width: 33%; } .stena-block-mpage-constructor-list li:nth-child(2) { width: 30%; } .stena-block-mpage-constructor-list li:nth-child(3) { width: 27%; } .stena-block-mpage-constructor-list li:before { top: 3px; } .stena-block-mpage-constructor-img2 img { width: 1024px; max-width: 1024px; padding-top: 38px; } } @media (min-width: 1200px) { .stena-block-mpage { background-position: 50% 326px; } .stena-block-mpage .stena-block-mpage-tasks .heading-2 { margin-top: -8px; } .stena-block-mpage .stena-block-mpage-tasks .heading-2+.text { max-width: 620px; } .stena-block-mpage-mainpage-images { height: 278px; } .stena-block-mpage-mainpage-images img:nth-child(1) { width: 372px; right: 15.5%; top: -185px; } .stena-block-mpage-mainpage-images img:nth-child(2) { width: 1080px; max-width: 1080px; top: 1px; left: calc(53% - 168px); } .stena-block-mpage-mainpage .heading-2+.text { max-width: 560px; } .stena-block-mpage-main .widewrap { max-width: 1420px } .stena-block-mpage-main .col-12:nth-child(1)>img { transform: translateX(-62%); padding-top: 153px; } .stena-block-mpage-main-colors { top: 361px; left: calc(72% + 167px); } .stena-block-mpage-main .col-12:nth-child(2) { padding-top: 346px; padding-left: 165px; } .stena-block-mpage-main-custom { margin-top: -29px; } .stena-block-mpage-main-custom-list { display: flex; margin-top: 43px; padding-left: 0; max-width: 1356px; margin-left: auto; margin-right: auto; } .stena-block-mpage-main-custom-list li { width: 50%; min-height: 52px; } .stena-block-mpage-main-custom-list li:nth-child(even) { margin-left: 42px; width: calc(50% - 42px); } .stena-block-mpage-main-custom-list li:nth-child(2) { margin-top: 0; } .stena-block-mpage-main-custom>img { width: 583px; margin-left: 0; top: 213px; left: calc(23.7% - 273px); transform: translateX(0%); } .stena-block-mpage-main-custom-images { height: 1900px; } .stena-block-mpage-main-custom-images img:nth-child(1) { width: 1081px; top: 51px; left: calc(50% - 168px); } .stena-block-mpage-main-custom-images img:nth-child(2) { width: 1000px; right: calc(50% - 113px); top: 635px; } .stena-block-mpage-main-custom-numbers { flex-wrap: nowrap; } .stena-block-mpage-main-custom-numbers-single { width: 100%; } .stena-block-mpage-main-custom-numbers-img img { max-width: 654px; position: absolute; top: -80px; left: -14%; margin-left: 0; transform: translateX(0); } .stena-block-mpage-main-custom .stena-block-mpage-main-custom-images+.widewrap { padding-bottom: 308px; } .stena-block-mpage-constructor-text .heading-2 { margin-top: 50px; } .stena-block-mpage-constructor-img1 { order: 1; height: 640px; } .stena-block-mpage-constructor-img1 img { width: 100%; } .stena-block-mpage-constructor-text { padding-left: 3%; order: 2; } .stena-block-mpage-constructor-text .heading-2+.text { width: 680px; max-width: 100%; } .stena-block-mpage-constructor-icons { order: 4; padding-left: 40px; } .stena-block-mpage-constructor-img2 { order: 3; height: 600px; } .stena-block-mpage-constructor-icon { max-width: 760px; margin-left: auto; margin-right: auto; } .stena-block-mpage-constructor-icon-single img { width: 118px; } .stena-block-mpage-constructor-icon-single p { padding-top: 22px; } .stena-block-mpage-constructor-img2 img { max-width: 100%; } .stena-block-mpage-constructor-list { padding-left: 48px; flex-wrap: wrap; } .stena-block-mpage-constructor-list li:nth-child(1), .stena-block-mpage-constructor-list li:nth-child(2), .stena-block-mpage-constructor-list li:nth-child(3) { width: 100%; display: flex; align-items: center; } .stena-block-mpage-constructor-list li:before { top: -2px; } .stena-block-mpage-constructor-list li+li { margin-top: 25px; } .stena-block-mpage-constructor { margin-top: 0px; } .stena-block-mpage-constructor:before { background-image: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-bg-white-vector.svg); top: -430px; left: 0; width: 100%; height: 431px; background-size: 100% 100%; } } @media (min-width: 1450px) { .stena-block-mpage { background-position: 50% 226px; } .stena-block-mpage-mainpage-images img:nth-child(1) { width: 372px; right: 26.5%; top: -185px; } .stena-block-mpage-mainpage-images img:nth-child(2) { width: 1080px; max-width: 1080px; top: 1px; left: calc(50% - 168px); } .stena-block-mpage-main .col-12:nth-child(1)>img { transform: translateX(-58%); padding-top: 153px; width: 815px; max-width: 815px; } .stena-block-mpage-main-colors { flex-wrap: wrap; max-width: 149px; position: absolute; top: 361px; left: calc(85% + 167px); } .stena-block-mpage-main .col-12:nth-child(2) { padding-left: 230px; } .stena-block-mpage-constructor-img1 img { width: 804px; padding-top: 0; position: absolute; top: -40px; left: -2.3%; } .stena-block-mpage-constructor-text .heading-2+.text { width: 680px; } .stena-block-mpage-constructor-img2 img { width: 886px; max-width: 1160px; position: absolute; top: -10px; left: -2.3%; } .stena-block-mpage-constructor-list li+li { margin-top: 25px; } .stena-block-mpage-main-custom .stena-block-mpage-main-custom-images+.widewrap { padding-bottom: 290px; } } @media (min-width: 1650px) { .stena-block-mpage-main .widewrap { max-width: 1620px } .stena-block-mpage-main .col-12:nth-child(2) { padding-left: 266px; } .stena-block-mpage-main-custom-numbers-img img { left: -8%; } .stena-block-mpage-constructor .widewrap { max-width: 1620px; } .stena-block-mpage-constructor-img1 img { width: 884px; } .stena-block-mpage-constructor-img2 img { width: 886px; } } @media (min-width: 1850px) { .stena-block-mpage { background-image: url(../../../../../../local/templates/inetsys/img/portfolio/stena/project-stena-bg-vector-1920.svg); background-size: 101%; } } /*---------stena-block-second-part------------*/ .stena-block-second-part { background-color: #f8f8f8; padding-top: 15px !important; } .stena-block-second-part-calculate .col-12+.col-12 { height: 184px; } .stena-block-second-part-calculate .col-12+.col-12 img { position: absolute; margin-left: 50%; transform: translateX(-50%); width: 360px; left: 0; top: 30px; } .stena-block-second-part-catalog { background-color: #2e65b8; padding-top: 196px; color: #fff; } .stena-block-second-part-catalog .heading-2 { color: #fff } .stena-block-second-part-catalog-img1 img { margin-left: 50%; transform: translateX(-50%); max-width: calc(100% + 35px); width: 380px; padding-top: 27px; } .stena-block-second-part-catalog-img2 img { margin-left: 50%; transform: translateX(-50%); max-width: calc(100% + 33px); width: 378px; margin-top: -14px; } .stena-block-second-part-cart { background-color: #2e65b8; padding-top: 13px; color: #fff; } .stena-block-second-part-cart .heading-2 { color: #fff } @media (max-width: 360px) { .stena-block-second-part-cart .heading-2 { font-size: 27px; } } .stena-block-second-part-map { background-color: #2e65b8; padding-top: 13px; color: #fff; } .stena-block-second-part-map .heading-2 { color: #fff } .stena-block-second-part-cart-img img { margin-left: 50%; transform: translateX(-50%); max-width: calc(100% + 33px); width: 378px; margin-top: 24px; } .stena-block-second-part-map-img1 img { margin-left: calc(50% - 15px); transform: translateX(-50%); max-width: calc(100% + 33px); width: 375px; margin-top: 31px; } .stena-block-second-part-map-img2 img { margin-left: 50%; transform: translateX(-50%); width: 346px; margin-top: 18px; } .stena-block-second-part-map-img3 img { margin-left: 50%; transform: translateX(-42%); width: 409px; max-width: calc(100% + 63px); margin-top: 24px; } .stena-block-second-part-map-img3 { padding-bottom: 178px; } .stena-block-second-part-map-img3+img { position: absolute; bottom: 0; left: 3%; width: 308px; } .stena-block-second-part-map-img3+img+img { position: absolute; bottom: 0; left: 12.2%; width: 201px; } @media (min-width: 768px) { .stena-block-second-part-calculate .heading-2 { margin-top: -13px; } .stena-block-second-part-calculate .col-12+.col-12 { height: 342px; } .stena-block-second-part-calculate .col-12+.col-12 img { width: 690px; left: 0; top: 49px; } .stena-block-second-part-catalog { padding-top: 372px; } .stena-block-second-part-catalog-img1 img { width: 758px; max-width: 758px; } .stena-block-second-part-catalog-img2 img { max-width: 756px; width: 756px; margin-top: -20px; } .stena-block-second-part-cart-img img { max-width: 764px; width: 764px; margin-top: 29px; } .stena-block-second-part-map { padding-top: 3px; } .stena-block-second-part-map-img1 img { margin-left: -40px; transform: translateX(0); max-width: 687px; width: 687px; margin-top: 54px; } .stena-block-second-part-map-img2 img { margin-left: -16%; transform: translateX(0%); width: 480px; max-width: 480px; margin-top: 104px; } .stena-block-second-part-map-img3 { padding-bottom: 186px; } .stena-block-second-part-map-img3 img { width: 812px; max-width: 812px; } .stena-block-second-part-map-img3+img { left: calc(50% - 353px); width: 493px; } .stena-block-second-part-map-img3+img+img { left: calc(50% - 303px); width: 322px; } } @media (min-width: 992px) { .stena-block-second-part-calculate .heading-2 { margin-top: 23px; } .stena-block-second-part-calculate .col-12+.col-12 { height: 422px; } .stena-block-second-part-calculate .col-12+.col-12 img { width: 930px; left: 0; top: 29px; } .stena-block-second-part-catalog { padding-top: 495px; } .stena-block-second-part-catalog-img1 img { width: 1024px; max-width: 1024px; padding-top: 63px; } .stena-block-second-part-catalog-img2 img { max-width: 1024px; width: 1024px; margin-top: -47px; } .stena-block-second-part-cart { padding-top: 0px; } .stena-block-second-part-cart-img img { max-width: 1024px; width: 1024px; margin-top: 23px; } .stena-block-second-part-map { margin-top: -12px; } .stena-block-second-part-map-img1 img { margin-left: 0; } .stena-block-second-part-map-img2 { z-index: 1 } .stena-block-second-part-map-img2 img { margin-left: -6%; margin-top: 114px; } .stena-block-second-part-map-img3 img { transform: translateX(-22%); margin-top: 68px; margin-bottom: -5px; } .stena-block-second-part-map-img3 { padding-bottom: 0; } .stena-block-second-part-map-img3+img { left: -51px; width: 590px; } .stena-block-second-part-map-img3+img+img { left: calc(50% - 473px); width: 388px; } } @media (min-width: 1200px) { .stena-block-second-part-calculate .col-12+.col-12 img { left: 36%; top: 39px; width: 845px; max-width: 845px; } .stena-block-second-part-calculate .heading-2+.text { width: 660px; } .stena-block-second-part-calculate { min-height: 674px; } .stena-block-second-part-catalog { padding-top: 89px; } .stena-block-second-part-catalog .heading-2+.text { max-width: 660px; } .stena-block-second-part-catalog-img1 { height: 100px } .stena-block-second-part-catalog-img1 img { position: absolute; top: -285px; left: 48%; width: 1004px; } .stena-block-second-part-catalog-img2 { height: 1142px; } .stena-block-second-part-catalog-img2 img { position: absolute; top: 17px; left: -1.8%; width: 752px; margin-left: 0; transform: translateX(0%); } .stena-block-second-part-cart .stena-block-second-part-cart-img { order: -1; } .stena-block-second-part-cart-img img { max-width: 760px; margin-top: 1px; transform: translateX(-62%); } .stena-block-second-part-cart .heading-2+.text { width: 690px; max-width: 100%; } .stena-block-second-part-map { margin-top: -0; } .stena-block-second-part-map .col-12:first-child { padding-left: calc(50% + 10px); } .stena-block-second-part-map-img1 { height: 49px; } .stena-block-second-part-map-img1 img { position: absolute; top: -184px; right: 7%; } .stena-block-second-part-map-img2 img { position: absolute; left: -385px; top: 130px; z-index: 1; } .stena-block-second-part-map-img3 img { transform: translateX(0.6%); margin-top: 68px; margin-bottom: -5px; } .stena-block-second-part-map-img3+img { left: -100px; width: 849px; } .stena-block-second-part-map-img3+img+img { left: calc(50% - 800px); width: 434px; z-index: 2; } } @media (min-width: 1450px) { .stena-block-second-part-calculate .col-12+.col-12 img { left: 83px; } .stena-block-second-part-calculate { min-height: 604px; } .stena-block-second-part-catalog-img1 img { position: absolute; top: -285px; right: -10.7%; margin-left: 0; transform: translateX(0%); } .stena-block-second-part-catalog-img2 img { position: absolute; top: 23px; left: -1.3%; width: 752px; margin-left: 0; transform: translateX(0%); } .stena-block-second-part-cart-img img { max-width: 760px; margin-top: 1px; transform: translateX(-57%); } .stena-block-second-part-map { margin-top: -43px; } } @media (min-width: 1650px) { .stena-block-second-part-calculate { margin-top: -37px; } .stena-block-second-part .widewrap { max-width: 1620px } .stena-block-second-part-calculate .col-12+.col-12 img { left: 6px; } .stena-block-second-part-map { margin-top: -203px; } .stena-block-second-part-map-img1 img { top: -174px; left: 10px; } .stena-block-second-part-catalog-img1 img { left: calc(50% - 41px); } } /* End */ /* /local/templates/inetsys/css/bootstrap-grid.min.css?163118306050941 */ /* /local/templates/inetsys/css/slick.css?16311830601895 */ /* /local/templates/inetsys/css/slick-theme.css?16311830603288 */ /* /local/templates/inetsys/css/jquery.mCustomScrollbar.css?163118306054850 */ /* /local/templates/inetsys/css/style.css?172587584586848 */ /* /local/templates/inetsys/css/base.css?1732282529128100 */ /* /local/templates/inetsys/components/bitrix/menu/.default/style.css?1631183060581 */ /* /local/templates/inetsys/components/bitrix/form/footer/bitrix/form.result.new/.default/style.css?1631183060666 */ /* /local/templates/inetsys/components/bitrix/menu/footer_menu/style.css?1631183060581 */ /* /local/templates/inetsys/components/bitrix/form/have-project/bitrix/form.result.new/.default/style.css?1631183060666 */ /* /local/templates/inetsys/template_styles.css?1640362203207 */ /* /local/templates/inetsys/css/stena.css?163118306034428 */