/* Start:/local/components/max/city.select/templates/.default/style.css?17344998991048*/ .menu__item_city > a{ color: #FFF; } .city_select__current{ margin-left: 5px; } .city_select__wrapper{ background: rgba(0,0,0,.3); align-items: center; justify-content: center; } .city_select__container{ color: #000; background: #FFF; width: 100%; height: 80%; padding: 20px; position: relative; } .city_select__title{ font-size: 24px; font-weight: bold; margin-bottom: 10px; position: relative; } .city_select__title input{ width: 200px; } .city_select__list{ overflow: auto; width: 100%; height: 92%; display: flex; flex-wrap: wrap; } .city_select__list-items{ } .city_select__col { display: inline-block; margin-bottom: 10px; width: 25%; } .city_select__char { font-weight: bold; text-align: left; } .city_select__item { text-align: left; } #popup_city { width: 80vw; } @media only screen and (max-width : 900px) { #popup_city { width: 90vw; } } /* End */ /* Start:/libs/bootstrap-4-grid/grid.min.css?173449984852260*/ /*! * Bootstrap Grid v4.1.0 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */@-ms-viewport{width:device-width}html{-webkit-box-sizing:border-box;box-sizing:border-box;-ms-overflow-style:scrollbar}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;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-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media (min-width: 576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}@media (min-width: 768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}@media (min-width: 992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}@media (min-width: 1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}.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:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-inline-flex{display:-webkit-inline-box !important;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:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-sm-inline-flex{display:-webkit-inline-box !important;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:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-md-inline-flex{display:-webkit-inline-box !important;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:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-lg-inline-flex{display:-webkit-inline-box !important;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:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-xl-inline-flex{display:-webkit-inline-box !important;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:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-print-inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}}.flex-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-column-reverse{-webkit-box-orient:vertical !important;-webkit-box-direction:reverse !important;-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{-webkit-box-flex:1 !important;-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-grow-0{-webkit-box-flex:0 !important;-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-grow-1{-webkit-box-flex:1 !important;-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{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-between{-webkit-box-pack:justify !important;-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{-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-end{-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-baseline{-webkit-box-align:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-stretch{-webkit-box-align:stretch !important;-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{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-sm-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-sm-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-sm-column-reverse{-webkit-box-orient:vertical !important;-webkit-box-direction:reverse !important;-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{-webkit-box-flex:1 !important;-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-sm-grow-0{-webkit-box-flex:0 !important;-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-sm-grow-1{-webkit-box-flex:1 !important;-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{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-sm-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-sm-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-sm-between{-webkit-box-pack:justify !important;-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{-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-sm-end{-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-sm-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-sm-baseline{-webkit-box-align:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-sm-stretch{-webkit-box-align:stretch !important;-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{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-md-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-md-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-md-column-reverse{-webkit-box-orient:vertical !important;-webkit-box-direction:reverse !important;-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{-webkit-box-flex:1 !important;-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-md-grow-0{-webkit-box-flex:0 !important;-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-md-grow-1{-webkit-box-flex:1 !important;-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{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-md-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-md-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-md-between{-webkit-box-pack:justify !important;-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{-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-md-end{-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-md-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-md-baseline{-webkit-box-align:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-md-stretch{-webkit-box-align:stretch !important;-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{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-lg-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-lg-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-lg-column-reverse{-webkit-box-orient:vertical !important;-webkit-box-direction:reverse !important;-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{-webkit-box-flex:1 !important;-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-lg-grow-0{-webkit-box-flex:0 !important;-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-lg-grow-1{-webkit-box-flex:1 !important;-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{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-lg-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-lg-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-lg-between{-webkit-box-pack:justify !important;-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{-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-lg-end{-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-lg-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-lg-baseline{-webkit-box-align:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-lg-stretch{-webkit-box-align:stretch !important;-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{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-xl-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-xl-row-reverse{-webkit-box-orient:horizontal !important;-webkit-box-direction:reverse !important;-ms-flex-direction:row-reverse !important;flex-direction:row-reverse !important}.flex-xl-column-reverse{-webkit-box-orient:vertical !important;-webkit-box-direction:reverse !important;-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{-webkit-box-flex:1 !important;-ms-flex:1 1 auto !important;flex:1 1 auto !important}.flex-xl-grow-0{-webkit-box-flex:0 !important;-ms-flex-positive:0 !important;flex-grow:0 !important}.flex-xl-grow-1{-webkit-box-flex:1 !important;-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{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-xl-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-xl-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-xl-between{-webkit-box-pack:justify !important;-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{-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-xl-end{-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-xl-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-xl-baseline{-webkit-box-align:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-xl-stretch{-webkit-box-align:stretch !important;-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}}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.w-auto{width:auto !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.mw-100{max-width:100% !important}.mh-100{max-height:100% !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-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-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-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-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-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}}.visible{visibility:visible !important}.invisible{visibility:hidden !important} /* End */ /* Start:/css/reset.css?17344999511076*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End */ /* Start:/css/head.css?175827361465771*/ html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img{ max-width: 100%; vertical-align: middle; opacity: 1; transition: opacity .3s; } img[data-src] { opacity: 0!important; } input:focus, textarea:focus, button:focus, select:focus{ outline: none; } *::-webkit-input-placeholder { color: #717171; opacity: 1; } *:-moz-placeholder { color: #717171; opacity: 1; } *::-moz-placeholder { color: #717171; opacity: 1; } *:-ms-input-placeholder { color: #717171; opacity: 1; } .input_error *::-webkit-input-placeholder { color: #db422c; } .input_error *:-moz-placeholder { color: #db422c; } .input_error *::-moz-placeholder { color: #db422c; } .input_error *:-ms-input-placeholder { color: #db422c; } .input_white *::-webkit-input-placeholder { color: #fff; } .input_white *:-moz-placeholder { color: #fff; } .input_white *::-moz-placeholder { color: #fff; } .input_white *:-ms-input-placeholder { color: #fff; } .input_active::-webkit-input-placeholder { color: rgba(0,0,0,0)!important; } .input_active:-moz-placeholder { color: rgba(0,0,0,0)!important; } .input_active::-moz-placeholder { color: rgba(0,0,0,0)!important; } .input_active:-ms-input-placeholder { color: rgba(0,0,0,0)!important; } ul,li,ol{ list-style: none; margin: 0; padding: 0; } .b-overflow{ overflow: hidden; } .fonts-loaded, .fonts-loaded *{ font-family: "Raleway", sans-serif!important; letter-spacing: -0.027em; color: rgba(0,0,0,0)!important; } body{ font-family: "Raleway", sans-serif; letter-spacing: -0.027em; font-weight: 400; font-size: 18px; min-width: 320px; position: relative; overflow-x: hidden; color: #313131; background-color: #fff; margin: 0 auto; } body, *{ line-height: 1.5em; } br, span, b{ line-height: inherit; } b{ font-weight: 700; } p{ margin: 0; } sup{ vertical-align: super; font-size: 65%; } a{ color: #313131; } a{ text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } a, a:focus{ outline: none; } a:hover, a:focus{ text-decoration: none; } *[class*="__icon"], *[class*="__img"]{ -ms-flex-negative: 0; flex-shrink: 0; } .b-wrap{ white-space: nowrap; } .b-text-white, .b-text-white .link{ color: #fff; } .b-text-white .link:hover, .b-text-dark .link:hover, .link:hover{ color: #4e74d4; } .link:active{ text-decoration: underline; } .b-text-dark, .b-text-dark .link{ color: #313131; } .b-color{ color: #4e74d4; } .link span{ text-decoration: underline; } .link:hover span{ text-decoration: none; } .link:active span{ text-decoration: underline; } .b-link{ color: #4e74d4; letter-spacing: 1px; } .b-link:hover{ color: #061846; } .b-link:focus, .b-link:active{ text-decoration: none; } .more-wrap__hidden{ display: none; } .more-wrap__btn-wrap .btn{ min-width: 220px; } @media only screen and (max-width : 1199px) { br{ display: none; } body{ font-size: 16px; } } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*HEADING*/ h1,h2,h3,h4,h5,h6{ font-weight: 400; } .h1,.h2,.h3,.h4,.h5,.h6{ font-weight: 700; line-height: 1.3em; } .h1, .h2{ font-size: 45px; font-family: "Raleway"; line-height: 1.25em; font-weight: 300; } .s-main_main2_v2 .h1{ font-size: 40px; } .h1{ letter-spacing: .5px; } .h2{ text-align: center; } .h2 b{ font-weight: 800; } .h2.h2_left{ text-align: left; } .h3{ font-size: 22px; font-weight: 300; } .h3 b{ font-weight: 800; } .h3.h3_fz35{ font-size: 30px; line-height: 1.1em; font-weight: 300; font-family: "Raleway"; min-height: 70px; } .h3.h3_fz30{ font-size: 30px; } .h3.h3_fz24{ font-size: 24px; font-weight: 700; } .h4{ font-size: 18px; } .h5{ font-size: 16px; } .h6{ font-size: 14px; } @media only screen and (max-width : 1199px) { .h1, .h2{ font-size: 42px; } .h3.h3_fz35{ font-size: 32px; } .h3.h3_fz30{ font-size: 28px; } .h3.h3_fz24{ font-size: 22px; } } @media only screen and (max-width : 991px) { .h1, .s-main_main2_v2 .h1, .h2{ font-size: 38px; } .h3.h3_fz35{ font-size: 30px; } .h3.h3_fz30{ font-size: 26px; } .h3.h3_fz24{ font-size: 21px; } .h3{ font-size: 20px; } } @media only screen and (max-width : 767px) { .h1, .s-main_main2_v2 .h1, .h2{ font-size: 34px; } .h3.h3_fz35{ font-size: 28px; } .h3.h3_fz30{ font-size: 24px; } .h3.h3_fz24{ font-size: 18px; } .h4{ font-size: 16px; } .h5{ font-size: 14px; } .h6{ font-size: 12px; } } @media only screen and (max-width : 575px) { .h1, .s-main_main2_v2 .h1, .h2{ font-size: 30px; } .h2.h2_left{ text-align: center; } } /*/HEADING*/ /*FORM*/ .form{ background-color: white; padding: 45px 50px; text-align: center; } .form.form_p0{ padding: 0; } .form__label{ font-weight: 800; text-align: left; font-size: 14px; margin-bottom: 15px; } .form__form{ margin-top: 35px; } .form__form.form__form_mt0{ margin-top: 0; } .form__info{ margin: 20px auto 0; font-size: 14px; } .form__info_left{ text-align: left; } .form__info, .form__info .link{ color: #717171; } .form__info .link:hover{ color: #3561ce; } .form__info .link{ text-decoration: underline; } .input{ width: 100%; margin: 0 auto 20px; position: relative; } .input::before{ content: ''; position: absolute; top: 0; bottom: 0; left: 20px; width: 20px; height: 20px; margin: auto; background-repeat: no-repeat; background-position: center; } .input.input_textarea::before{ top: 15px; bottom: auto; } .input.input_icon-none::before{ display: none; } .input.input_name::before{ background-image: url(/css/../img/icons/input_name.png); } .input.input_phone::before{ background-image: url(/css/../img/icons/input_phone.png); } .input.input_mail::before{ background-image: url(/css/../img/icons/input_mail.png); } .input.input_volume::before{ background-image: url(/css/../img/icons/input_volume.png); } .calc .input.input_volume::before{ bottom: -35px; } .input.input_scope::before{ background-image: url(/css/../img/icons/input_scope.png); } .input.input_rezervuar::before{ background-image: url(/css/../img/icons/icon-rezervuar.png); top: 22px; } .input.input_faq::before{ background-image: url(/css/../img/icons/icon-faq.png); top: 20px; } .input__label{ font-size: 14px; font-weight: 700; padding-bottom: 15px; } .input__input{ height: 55px; width: 100%; max-width: 100%; background-color: rgba(206, 206, 206, 0.2); border: 1px solid rgba(21, 47, 112, .2); border-radius: 2px; padding: 0 10px 0 60px; color: #313131; font-size: 14px; font-family: "Raleway"; letter-spacing: -0.027em; font-weight: 300; -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); } .input.input_icon-none .input__input{ padding-left: 20px; } .input.input_textarea .input__input{ min-height: 100px; padding-top: 15px; resize: vertical; vertical-align: top; } .input__input:focus{ border: 1px solid #4e74d4; } .input.input_btn{ margin-top: 10px; margin-bottom: 0!important; } .input_error .input__input, .input_error:not(.input), .input-checkbox .input_error{ background-color: #ffeaea!important; border-color: #db422c!important; } .btn{ display: inline-block; text-align: center; border: none; white-space: normal; cursor: pointer; padding: 4px 24px; font-size: 14px; line-height: 1.4em; color: #fff; text-transform: uppercase; font-weight: 700; font-family: "Raleway"; letter-spacing: -0.027em; background-color: #ba0623; border: 1px solid #ba0623; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); border-radius: 0; position: relative; top: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .s-katalog .btn{ padding: 4px 15px; } .btn > img { position: absolute; top: -40%; left: 96%; width: 100px; } .btn:hover{ background-color: #8a091e; border-color: #8a091e; } .btn.btn2{ background-color: #3561ce; border-color: #3561ce; } .btn.btn2:hover{ background-color: #1e45a8; border-color: #1e45a8; } .btn.btn_max{ width: 100%; max-width: 100%; min-width: 1px; padding-left: 10px; padding-right: 10px; } .btn.btn_border:not(:hover){ background-color: transparent; color: #313131; } .btn.btn2.btn_border:not(:hover){ color: #3561ce; } .btn.btn_border{ box-shadow: none; } .btn:active{ top: 2px; box-shadow: none; } .btn[disabled="disabled"]{ opacity: 0.7; cursor: default; } .btn > span{ height: 50px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .btn__icon{ width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 15px; background-repeat: no-repeat; background-position: center; } .btn__icon_pdf{ background-image: url(/css/../img/icons/pdf2-white.png); } .btn-wrap{ margin-top: 50px; } .btn-wrap.btn-wrap_center{ text-align: center; } @media only screen and (max-width : 1199px) { .form{ padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width : 991px) { .btn-wrap{ margin-top: 40px; } .form{ padding-left: 20px; padding-right: 20px; } .form__form{ margin-top: 25px; } .input{ margin-bottom: 15px; } } @media only screen and (max-width : 767px) { .input{ margin-bottom: 10px; } .form__info{ margin-top: 15px; } } @media only screen and (max-width : 575px) { .btn{ font-size: 12px; } .btn-wrap{ text-align: center; } .form__info{ font-size: 12px; } } /*/FORM*/ /*SECTION*/ .section_bg{ background-color: #05226c; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .bg2{ background-color: #f5f8ff; } .bg3{ background-color: #f6f6f6; } .bg4{ background-color: #0e2869; } section.section_pt0, .section.section_pt0{ padding-top: 0; } section.section_pb0, .section.section_pb0{ padding-bottom: 0; } section.section_pb50, .section.section_pb50{ padding-bottom: 50px; } section, .section{ padding: 40px 0; position: relative; } .container{ position: relative; z-index: 9; } @media only screen and (min-width : 1200px) { .container{ max-width: 1170px; } } @media only screen and (max-width : 1199px) { section, .section{ padding: 75px 0; } } @media only screen and (max-width : 991px) { section, .section{ padding: 60px 0; } } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/SECTION*/ /*ITEMS*/ .item-bg{ padding: 30px 40px; background-color: white; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); } .item-bg, .item-bg__link-wrap{ padding: 35px 40px; } .item-bg__link-wrap{ padding-top: 0; padding-bottom: 40px; position: absolute; bottom: 0; left: 0; right: 0; } .items{ margin-top: 10px; } .wrap, .items.items_carousel, .s-construction .tech_div{ margin-top: 30px; } .wrap.wrap_mt40{ margin-top: 40px; } .items.items_mt0{ margin-top: 0; } .items__item{ margin: 30px auto 0; position: relative; display: block; } .items_carousel .items__item{ margin-top: 0; } .items__img, .wrap__img{ display: block; height: 200px; background-color: #eee; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } .items__img_max, .wrap__img_max{ min-height: 200px; height: 100%; max-height: 100%; } .items__descr, .wrap__descr{ margin-top: 15px; } .items__descr:first-child, .wrap__descr:first-child{ margin-top: 0; } .items__descr.items__descr_lh, .items__descr.items__descr_lh *, .wrap__descr.wrao__descr_lh, .wrap__descr.wrao__descr_lh *{ line-height: 1.4em; } @media only screen and (max-width : 1199px) { .items{ margin-top: 5px; } .wrap, .items.items_carousel{ margin-top: 40px; } .wrap.wrap_mt40{ margin-top: 30px; } .item-bg, .item-bg__link-wrap{ padding: 30px; } } @media only screen and (max-width : 991px) { .wrap, .items.items_carousel{ margin-top: 30px; } .wrap.wrap_mt40{ margin-top: 20px; } .items__descr, .wrap__descr{ margin-top: 10px; } .item-bg, .item-bg__link-wrap{ padding: 25px 20px; } } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/ITEMS*/ /*HEADER*/ .header{ position: relative; z-index: 1000; } .header .container{ position: static; } .header__top{ position: relative; top: 0; left: 0; right: 0; min-width: 320px; padding: 15px 0; font-size: 13px; background-color: #152f70; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu-main{ margin: 0 -10px; padding-right: 45px; } .menu-main__item{ display: inline-block; padding: 0 10px; } .menu-main__link{ color: #fff; } .menu-main__link:hover{ color: #ba0623; } .header-top-right{ margin-left: -25px; margin-right: -25px; } .header-top-right__item{ padding: 0 25px; } .header-top-right__item_messenger{ margin-right: -10px; padding-right: 0; } .header__main{ padding: 25px 0; position: relative; background-color: #FfffFf; } .header__contacts-items{ margin-top: -20px; } .header__logo .logo__img{ max-width: 160px; } .logo__img{ display: block; margin-right: 30px; } .logo__img:hover{ opacity: .8; } .logo__descr{ font-size: 14px; position: relative; text-align: left; max-width: 280px; } @media only screen and (max-width : 1199px) { .menu-main{ padding: 0; } } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { .header-top-right{ margin-left: -10px; margin-right: -10px; } .header-top-right__item{ padding: 0 10px; } } /*/HEADER*/ /*NAV*/ .nav{ background-color: #f5f8ff; position: relative; top: 0; left: 0; right: 0; z-index: 99; min-width: 320px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); } .nav .menu-wrap_fixed { display: none; } .nav.nav_fixed{ position: fixed; box-shadow: 0 3px 5px rgba(0,0,0,.1); } .nav-wrap_nav2{ border-top: 1px solid #ebebeb; } .nav-wrap_nav2 .nav{ display: none; } .nav-wrap_nav2 .nav{ display: none; } .nav-wrap.nav-wrap_nav2{ border: none; min-height: 0px; } .nav-wrap_nav2 .nav.nav_fixed{ display: block; } .nav-wrap{ min-height: 55px; } .nav__close{ position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; } .nav__close::before, .nav__close::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 25px; height: 25px; margin: auto; height: 2px; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .nav__close::before{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .nav__close::after{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .nav__phone-icon{ display: block; margin-right: -7px; width: 40px; height: 40px; margin-left: auto; background-image: url(/css/../img/icons/call.svg); background-repeat: no-repeat; background-position: center; -webkit-background-size: 25px; background-size: 25px; } .menu{ display: flex; width: 100%; } .menu__item{ display: table-cell; vertical-align: middle; text-align: left; position: static; } .menu__item_btn{ text-align: right; padding-left: 10px; } .menu__item_btn .btn{ padding-left: 20px; padding-right: 20px; min-width: 1px; box-shadow: none; } .menu__link{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 62px; padding: 10px 20px; text-decoration: none !important; font-size: 13px; font-weight: 700; line-height: 1.3em; text-transform: uppercase; color: #152f70; position: relative; cursor: pointer; } .menu__link:hover, .menu__link.menu__link_active{ background-color: #3561ce; color: #fff; } .menu__item:hover .menu__link.menu__link_active{ color: #fff; } .menu__item_katalog > .menu__link{ padding-right: 54px; background-color: #3561ce; } .menu__item_katalog.menu__item_katalog_pr > .menu__link{ padding-right: 74px; } .menu__item.menu__item_katalog:hover > .menu__link.link{ color: #fff; background-color: #1e45a8; } .menu__item.menu__item_katalog > .menu__link::before{ content: ''; position: absolute; top: 0; bottom: 0; right: 20px; width: 14px; height: 10px; margin: auto; background-image: url(/css/../img/burger.svg); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center; } .menu__item.menu__item_katalog.active > .menu__link::before{ background-image: url(/css/../img/icons/close.svg); width: 20px; height: 20px; } .menu__item_katalog > .menu__link{ color: #fff; } .menu-wrap{ position: relative; } .menu.menu_sub{ position: absolute; top: 100%; left: 0; right: 0; background-color: #f5f8ff; table-layout: fixed; box-shadow: 0 3px 5px rgba(0,0,0,.1); visibility: hidden; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: none; } .menu__item.active > .menu.menu_sub /*.menu__item:hover > .menu.menu_sub*/{ visibility: visible!important; opacity: 1!important; display: table; } .menu.menu_sub .menu__item:hover .menu.menu_sub{ opacity: 1; visibility: visible; display: block; } .menu.menu_sub .menu__item{ position: relative; } .menu.menu_sub .menu_sub{ border-top: 1px solid #eee; display: none; } .menu.menu_sub .menu_sub .menu__item{ display: block; } .menu.menu_sub .menu_sub .menu__link{ height: 40px; } .menu.menu_sub .menu_sub .menu__item_btn{ margin-top: 10px; padding: 0; } .menu__item_more{ position: relative; } .menu__item_more > .menu__link{ padding-right: 40px; } .menu__item_more > .menu__link::before, .menu__item_more > .menu__link::after{ content: ''; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; width: 18px; height: 4px; background-image: url(/css/../img/icons/more.png); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu__item_more > .menu__link::after{ background-image: url(/css/../img/icons/more-white.png); opacity: 0; } .menu__item_more > .menu__link:hover::before{ opacity: 0; } .menu__item_more > .menu__link:hover::after{ opacity: 1; } .menu.menu_more{ left: 50%; margin-left: -95px; width: 190px; box-shadow: 0 24px 59px rgba(0, 0, 0, 0.17); background-color: #fff; } .menu.menu_more .menu__item{ display: block; } .menu.menu_more .menu__link { height: 50px; } .nav__logo{ margin-bottom: 30px; } .nav__btn{ text-align: right; } .nav__btn .btn{ padding-left: 20px; padding-right: 20px; box-shadow: none; min-width: 1px; vertical-align: middle; } .nav__contacts-items{ margin-top: 30px; } @media only screen and (min-width : 1199px) { .popup.popup_calc, .popup.popup_equipment{ min-width: 1117px; } } @media only screen and (max-width : 1199px) { .logo__img{ margin-right: 15px; } .logo__descr{ font-size: 12px; max-width: 210px; } .menu__item_katalog > .menu__link{ padding-right: 50px; } .menu__link{ padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width : 991px) { .header__top{ padding: 10px 0; } .nav .col-12{ min-height: auto; } .nav__menu-wrap{ position: fixed; top: 0; left: 0; max-width: 400px; width: 100%; height: 100%; margin: 0; padding: 20px; overflow-y: scroll; z-index: 999; background-color: rgba(21, 47, 112, .95); box-shadow: 0 3px 5px rgba(0,0,0,.1); -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .nav__menu-wrap.active{ -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .menu-wrap{ display: block; } .menu, .menu-main{ margin: 0 -20px; padding: 0; max-width: none; width: auto; text-align: left; display: block; } .menu__item, .menu-main__item{ display: block; margin: 0; padding: 0; } .menu__item, .menu__item:first-child{ border: none; } .menu__link, .menu-main__link{ display: block; height: auto; padding: 10px 20px; font-size: 16px; text-transform: uppercase; text-align: left; color: #fff; text-transform: none; } .menu-main__link{ font-size: 14px; } .menu.menu_sub{ background-color: transparent; position: relative; top: 0; visibility: visible; opacity: 1; display: none; margin: 0; } .menu__item.active > .menu.menu_sub{ display: block!important; } .menu.menu_sub .menu_sub{ border: none; display: none; } .menu.menu_sub .menu__link{ font-size: 14px; padding-left: 30px; } .menu.menu_sub .menu.menu_sub .menu__link{ font-size: 12px; height: auto; padding-left: 40px; } .menu.menu_sub .menu_sub .menu__item_btn{ display: none; } .nav__btn{ text-align: center; } .nav__btn .btn{ padding-left: 30px; padding-right: 30px; } .menu__item_btn{ text-align: left; padding: 10px 20px; } .menu__item_btn .btn{ width: 100%; } } @media only screen and (max-width : 575px) { } /*/NAV*/ /*MAIN*/ .s-main{ padding: 110px 0; min-height: 640px; } .s-main.s-main_main2{ padding-top: 65px; } .s-main::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.8; background-image: linear-gradient(to right, #05226c 0%, transparent 100%); } .main{ } .main__subtitle{ margin-top: 20px; } .s-main.s-main_main2{ text-align: left; padding-bottom: 85px; } .s-main_main2 .main__subtitle{ font-size: 20px; margin-top: 35px; } .main__btn-wrap{ margin-top: 30px; } .s-main_main2.s-main_main2_v2{ padding-bottom: 65px; } .s-main_main2_v2 .main__btn-wrap{ margin-top: 0px; } .s-main_main2.s-main_main2_v2 .main__subtitle { margin-top: 15px; font-size: 24px; } .s-main_main2.s-main_main2_v2 + *::before { display: none; } .s-main_main2.s-main_main2_v2 + .bread-crumbs-wrap + .nav-wrap{ margin-top: auto; } .main-items{ padding-top: 10px; padding-bottom: 40px; } .main-items__item{ margin-top: 40px; padding-left: 47px; text-align: left; } .main-items__item::before{ /* content: ''; position: absolute; top: -12px; bottom: 0; left: 40px; width: 1px; background-color: #fff; */ } .main-items__number{ position: absolute; top: 0; left: 0; } .main-items__title{ line-height: 1.5em; } .s-main_main2 + *::before{ /* content: ''; position: relative; display: block; height: 70px; */ } .s-main_main2.s-main_main_opt + *::before{ display: none; } .main__form{ margin-top: 20px; margin-bottom: -150px; position: relative; z-index: 10; } .main__form_calc{ padding: 0; } .main__form_mt{ box-shadow: 0 24px 59px rgba(0, 0, 0, 0.18); } @media only screen and (max-width : 1199px) { .s-main{ padding: 100px 0; } .s-main.s-main_main2{ padding-top: 50px; } .main__btn-wrap{ margin-top: 60px; } } @media only screen and (max-width : 991px) { .s-main{ padding: 90px 0 150px; text-align: center; min-height: 1px; } .s-main_main2 .main__subtitle{ margin-right: 0; font-size: 18px; } .main__form_mt{ margin-top: 30px; padding-top: 30px; padding-bottom: 30px; } .main__form{ margin-bottom: -40px; } .s-main_main2 + *::before{ height: 40px; } .s-main::before{ opacity: 0.65; background-color: #05226c; background-image: none; } .main__subtitle{ margin-top: 10px; } .main__btn-wrap{ margin-top: 50px; } .main-items{ padding-top: 0; padding-bottom: 0; } .s-main_main2_v2 .main-items{ padding-top: 10px; padding-bottom: 40px; } .main__form{ margin-top: 30px; } } @media only screen and (max-width : 767px) { .s-main.s-main_main2{ text-align: center; padding-top: 30px; } .main__btn-wrap{ margin-top: 40px; } .s-main_main2 .main__subtitle{ margin-top: 15px; } .main-items__item{ margin-top: 30px; } } @media only screen and (max-width : 575px) { .s-main{ padding: 70px 0 120px; } } /*/MAIN*/ /*TRIGGERS*/ .s-triggers{ padding: 0; margin-top: -60px; } .triggers-items{ background-color: white; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); margin: 0; padding: 30px 40px; } .triggers-items__item{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; margin: 20px auto; padding-left: 25px; padding-right: 25px; /* margin-left: -30px; */ height: calc(100% - 40px); } .triggers-items div[class*="col"]:first-child .triggers-items__item{ padding-left: 0; margin-left: 0; } .triggers-items__item::before{ content: ''; position: absolute; left: -15px; top: 0; bottom: 0; width: 1px; background-color: #e6e6e6; } .triggers-items div[class*="col"]:first-child .triggers-items__item::before{ display: none; } .triggers-items__icon{ margin-right: 20px; } .triggers-items__descr{ font-weight: 300; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { .triggers-items__item{ display: block; text-align: center; } .triggers-items__item::before{ top: 0; bottom: 0; height: auto; margin: 0; } .triggers-items__icon{ margin: 0 auto 15px; } } @media only screen and (max-width : 767px) { .triggers-items{ padding: 20px; } .triggers-items__item{ margin-left: 0; margin-right: 0; padding: 0; } .triggers-items__item::before{ display: none; } } @media only screen and (max-width : 575px) { } /*/TRIGGERS*/ /*MENU HAMBURGER*/ .menu-hamburger{ display: inline-block; cursor: pointer; padding: 10px; margin: 0 -10px; } .menu-hamburger__hamburger{ position: relative; width: 20px; height: 14px; display: inline-block; text-indent: -9999px; box-shadow: none; cursor: pointer; vertical-align: middle; z-index: 9; } .menu-hamburger__hamburger:focus { outline: none; } .menu-hamburger__hamburger span{ position: absolute; display: block; width: 100%; height: 2px; left: 0; right: 0; margin: 0 auto; background-color: #4e74d4; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu-hamburger[data-menu="menu1"] .menu-hamburger__hamburger span{ background-color: #fff; } .menu-hamburger__hamburger:hover span, .menu-hamburger.active .hamburger span:nth-child(2), .menu-hamburger.active .hamburger span:nth-child(3){ background-color: #4e74d4; } .menu-hamburger__hamburger span:nth-child(1) { top: 50%; margin-top: -1px; width: 15px; margin-left: 0; } .menu-hamburger__hamburger span:nth-child(2) { top: 0; } .menu-hamburger__hamburger span:nth-child(3) { bottom: 0; } .menu-hamburger.active .menu-hamburger__hamburger span:nth-child(1) { background: none; transition-duration: 0s, 0s; } .menu-hamburger.active .menu-hamburger__hamburger span:nth-child(2), .menu-hamburger.active .menu-hamburger__hamburger span:nth-child(3){ transition-duration: 0s, 0.5s; } .menu-hamburger.active .menu-hamburger__hamburger span:nth-child(2) { top: 50%; margin-top: -1px; transition-property: top, transform; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu-hamburger.active .menu-hamburger__hamburger span:nth-child(3) { bottom: 50%; margin-bottom: -1px; transition-property: bottom, transform; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-overflow{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; opacity: 0; visibility: hidden; } .menu-overflow.active{ visibility: visible; opacity: 1; } /*/MENU HAMBURGER*/ /*LIST DOT*/ .list-dot{ margin: 0; } .list-dot__item{ position: relative; padding-left: 20px; margin: 5px 0; } .list-dot__item::before{ content: ''; position: absolute; top: 8px; left: 0; width: 5px; height: 5px; background-color: #0074ef; } .b-text-white .list-dot__item::before{ background-color: #fff; } ol.list-dot { counter-reset: li; padding: 0; } ol .list-dot__item:before{ counter-increment: li; width: 10px; text-align: center; height: auto; background-color: transparent!important; top: 0; color: #0074ef; content: counter(li, decimal-leading-zero) " "; content: counter(li); } .b-text-white ol .list-dot__item:before{ color: #fff; } /*/LIST DOT*/ /*VIDEO*/ .video{ display: inline-block; position: relative; /* background-color: #05112f; */ /* border: 1px solid #cecece; */ min-width: 80px; min-height: 80px; } .video img{ opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .video:hover img{ opacity: 0.85; } .video::before, .video::after{ /* content: ''; position: absolute; margin: auto; z-index: 2; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; */ } .video:hover::before, .video:hover::after{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .video::before{ top: 0; left: 0; right: 0; bottom: 0; width: 60px; height: 44px; opacity: 0.8; /* background-color: #d71635; */ } .video::after{ top: 50%; left: 50%; margin-left: -6px; margin-top: -8px; border: 8px solid transparent; border-left: 12px solid #fff; } .video__iframe, .video__iframe iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; z-index: 3; display: block; } /*/VIDEO*/ /*INPUT CHECBOX*/ .input-checkbox{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; margin-bottom: 20px; } .input-checkbox input{ display: none; } .input-checkbox__label{ display: block; text-align: left; position: relative; z-index: 9; cursor: pointer; } .input-checkbox__text{ font-size: 14px; line-height: 1.5em; } .input-checkbox__check{ position: relative; display: inline-block; vertical-align: middle; margin-right: 10px; top: 0; left: 0; width: 20px; height: 20px; background-color: rgba(206, 206, 206, 0.2); border: 1px solid rgba(21, 47, 112, .2); border-radius: 2px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .input-checkbox__check::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 12px; height: 12px; background-color: #4e74d4; margin: auto; opacity: 0; } .input-checkbox:hover .input-checkbox__check{ border-color: #4e74d4; } .input-checkbox:hover .input-checkbox__check.input_error{ border-color: #4e74d4!important; background-color: transparent!important; } .input-checkbox input:checked + .input-checkbox__change .input-checkbox__check{ border-color: #4e74d4!important; background-color: transparent !important; } .input-checkbox input:checked + .input-checkbox__change .input-checkbox__check::before{ opacity: 1; } .input-checkbox_style2{ margin-bottom: 25px; } .input-checkbox_style2 .input-checkbox__check{ width: 24px; height: 24px; background-color: whitesmoke; border: 1px solid #d0d5e2; border-radius: 50%; top: -1px; } .input-checkbox_style2 .input-checkbox__check::before{ border-radius: 50%; } .input-checkbox_style2 .input-checkbox__text{ font-size: 16px; font-weight: 700; font-family: "Raleway"; } .input-checkbox_style2 .input-checkbox__img{ display: block; padding: 10px; line-height: 180px; border: 1px solid #ebebeb; text-align: center; margin-bottom: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .input-checkbox_style2 .input-checkbox__img img{ max-height: 180px } .input-checkbox_img{ margin-bottom: 30px; } .input-checkbox_img .input-checkbox__change{ padding: 15px; border: 1px solid #ebebeb; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .input-checkbox_img .input-checkbox__img{ display: block; width: 110px; height: 106px; background-color: #ebebeb; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; margin-right: 20px; } .input-checkbox_img .input-checkbox__text{ font-size: 16px; line-height: 1.3em; font-weight: 700; font-family: "Raleway"; } .input-checkbox_img .input-checkbox__check{ position: absolute; top: 100%; left: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; margin-top: -4px; margin-right: -4px; width: 34px; height: 34px; border: none; opacity: 0; z-index: 9; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .input-checkbox_img .input-checkbox__check::before{ top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: #fff; border: 2px solid #3561ce; border-radius: 50%; background-image: url(/css/../img/icons/check.png); background-repeat: no-repeat; background-position: center; -webkit-background-size: 13px; background-size: 13px; } .input-checkbox:hover .input-checkbox__change, .input-checkbox input:checked + .input-checkbox__change{ border-color: #3561ce; } .input-checkbox_style2:hover .input-checkbox__img, .input-checkbox input:checked + .input-checkbox__change .input-checkbox__img{ border-color: #3561ce; } .input-checkbox input:checked + .input-checkbox__change .input-checkbox__check{ opacity: 1; } @media only screen and (max-width : 1199px) { .input-checkbox_style2 .input-checkbox__text{ font-size: 14px; } .input-checkbox_style2 .input-checkbox__img{ line-height: 170px; } .input-checkbox_style2 .input-checkbox__img img{ max-height: 170px; } } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) and (min-width : 576px) { .input-checkbox_img .input-checkbox__img{ width: 75px; margin-right: 10px; } } @media only screen and (max-width : 767px) { .input-checkbox_img{ margin-bottom: 20px; } } @media only screen and (max-width : 575px) { .input-checkbox_img{ margin-bottom: 10px; } .input-checkbox_img .input-checkbox__check{ height: 25px; width: 25px; } .input-checkbox_img .input-checkbox__check::before{ -webkit-background-size: 8px; background-size: 8px; border-width: 2px; } .input-checkbox_img .input-checkbox__img{ height: 90px; margin-right: 15px; } .input-checkbox_img .input-checkbox__text{ font-size: 13px; } } /*INPUT CHECBOX*/ /*BREAD*/ .bread-crumbs-wrap{ padding: 20px 0 0 0; position: relative; z-index: 8; margin-bottom: -40px; } .bread-crumbs-wrap + section, .bread-crumbs-wrap + .section{ padding-top: 15px; margin-top: 40px; } .bread-crumbs-wrap + .nav-wrap{ margin-top: -20px; } .bread-crumbs__item{ font-weight: 300; font-size: 12px; display: inline-block; } .bread-crumbs__item{ margin-right: 5px; } .bread-crumbs__item + .bread-crumbs__item::before{ content: '/'; position: relative; display: inline-block; margin-right: 5px; } .bread-crumbs__item, .bread-crumbs__link, .bread-crumbs__active{ color: #717171; } .bread-crumbs__link:hover{ color: #3561ce; } @media only screen and (max-width : 1199px) { .bread-crumbs-wrap{ padding: 30px 0; } .bread-crumbs-wrap + section, .bread-crumbs-wrap + .section{ margin-top: 30px; } .bread-crumbs-wrap + .nav-wrap{ margin-top: -10px; } } @media only screen and (max-width : 991px) { .bread-crumbs-wrap{ padding: 25px 0; } .bread-crumbs-wrap + section, .bread-crumbs-wrap + .section{ margin-top: 25px; } .bread-crumbs-wrap + .nav-wrap{ margin-top: 0; } } @media only screen and (max-width : 767px) { .bread-crumbs-wrap{ padding: 20px 0; } .bread-crumbs-wrap + section, .bread-crumbs-wrap + .section{ margin-top: 20px; } } @media only screen and (max-width : 575px) { .bread-crumbs__item{ font-size: 12px; } } /*/BREAD*/ /*LIST*/ .list__item{ margin-top: 10px; } /*/LIST*/ /*IMG HOVER*/ .img-hover{ cursor: pointer; position: relative; } .img-hover::before, .img-hover::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 3; } .img-hover::before{ background-color: rgba(5, 34, 108, 0.55); } .img-hover::after{ width: 30px; height: 30px; background-image: url(/css/../img/icons/zoom.png); background-repeat: no-repeat; background-position: center; -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); } .img-hover::before, .img-hover::after{ opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .img-hover:hover::before, .img-hover:hover::after{ opacity: 1; } .img-hover:hover::after{ -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .img-detail-case::after{ /* background-image: none; */ /* content: 'Подробнее'; */ color: white; font-size: 25px; left: auto; right: auto; top: auto; bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; /* width: auto; */ /* height: auto; */ } /*/IMG HOVER*/ /*SOC*/ .soc{} .soc__label{ font-weight: 700; margin-bottom: 10px; } .soc__label:not(.h4){ font-size: 14px; } @media only screen and (min-width : 1200px) { .soc.soc_flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .soc.soc_flex .soc__label{ margin-bottom: 0; margin-right: 15px; } } .soc-list{ margin-left: -1px; margin-right: -1px; } .soc-list__item{ display: inline-block; vertical-align: top; margin: 0 1px; } .soc-list__link{ display: block; position: relative; width: 30px; height: 30px; text-align: center; border-radius: 50%; top: 0; } .soc-list__link:hover{ top: -3px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25); } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/SOC*/ /*messenger*/ .messenger{ margin: 0 -2px; } .messenger__item{ display: inline-block; padding: 0 2px; } .messenger__link{ display: block; position: relative; top: 0; } .messenger__link:hover{ top: -3px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25); } /*/messenger*/ /*TABS*/ .tab-wrap{ } .tab{ text-align: center; } .tab__item{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .tab__item_active{ } .tab-items{ position: relative; padding-top: 1px; } .tab-items__item{ position: absolute; top: 0; left: 0; right: 0; position: absolute; visibility: hidden; z-index: -1; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .tab-items__item_active{ position: relative; z-index: 3; visibility: visible; opacity: 1; } .tab.tab_style{ padding: 0 15px; } .tab.tab_style .tab__item{ margin: 0 -15px; font-weight: 700; font-size: 16px; border: 1px solid #cecece; border-left: none; } .tab.tab_style div[class*="col"]:first-child .tab__item{ border-left: 1px solid #cecece; } .tab.tab_style .tab__item:hover{ color: #3561ce; } .tab.tab_style .tab__item.tab__item_active{ background-color: #3561ce; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); color: #fff; } .tab-items .tab.tab_style .tab__item.tab__item_active { color: #3561ce; border: 1px solid #3561ce !important; background-color: unset; box-shadow: unset; } .tab.tab_style .tab__item-center{ height: 60px; display: table-cell; vertical-align: middle; width: 1920px; padding: 10px; } @media only screen and (max-width : 1199px) { .tab.tab_style .tab__item{ font-size: 15px; } } @media only screen and (max-width : 991px) { .tab.tab_style .tab__item{ border-top: none; } .tab.tab_style div[class*="col"]:nth-child(2n+1) .tab__item{ border-left: 1px solid #cecece; } .tab.tab_style div[class*="col"]:nth-child(1) .tab__item, .tab.tab_style div[class*="col"]:nth-child(2) .tab__item{ border-top: 1px solid #cecece; } } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { .tab.tab_style .tab__item{ border: 1px solid #cecece; border-top: none; } .tab.tab_style div[class*="col"]:nth-child(2) .tab__item{ border-top: none; } } /*/TABS*/ /*TABLE*/ .table{ } .table__table{ width: 100%; background-color: #fff; font-size: 14px; } .table__th, .table__td{ height: 55px; vertical-align: middle; padding: 8px 25px; text-align: left; } .table__th{ color: #8e8e8e; border-bottom: 1px solid #e1e1e1; font-weight: 400; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { .table__th, .table__td{ padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/TABLE*/ /*DECOR*/ .decor{} .decor__item{ position: absolute; opacity: .05; } .decor__item img{ max-width: none; display: inline-block; } .decor__item_left{ right: 50%; -webkit-transform: translate(calc(100% - 960px), 0); -ms-transform: translate(calc(100% - 960px), 0); -o-transform: translate(calc(100% - 960px), 0); transform: translate(calc(100% - 960px), 0); } .decor__item_right{ left: 50%; -webkit-transform: translate(calc(-100% + 960px), 0); -ms-transform: translate(calc(-100% + 960px), 0); -o-transform: translate(calc(-100% + 960px), 0); transform: translate(calc(-100% + 960px), 0); } .decor__item1{ top: 285px; margin-left: 70px; } .decor__item2{ top: 285px; margin-right: 0; } .decor__item2 img{ max-width: 156px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .decor__item3{ top: 75px; margin-left: 30px; } .decor__item3 img{ max-width: 150px; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .decor__item4{ top: 500px; margin-right: 30px; } .decor__item4 img{ max-width: 150px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); } .decor__item5{ bottom: 400px; margin-left: -60px; } .decor__item5 img{ max-width: 170px; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .decor__item6{ bottom: -150px; margin-right: -150px; } .decor__item6 img{ max-width: 120px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); } .decor__item7{ top: 50%; margin-left: 30px; -webkit-transform: translate(calc(-100% + 960px), -50%); -ms-transform: translate(calc(-100% + 960px), -50%); -o-transform: translate(calc(-100% + 960px), -50%); transform: translate(calc(-100% + 960px), -50%); } .decor__item7 img{ max-width: 150px; } .decor__item8{ top: 300px; margin-right: 50px; } .decor__item8 img{ max-width: 150px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .decor__item9{ top: 150px; margin-left: 50px; } .decor__item9 img{ max-width: 180px; } .decor__item10{ bottom: 300px; margin-right: 60px; } .decor__item10 img{ max-width: 180px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .decor__item11{ top: 0; margin-right: 30px; } .decor__item11 img{ max-width: 150px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); } .decor__item12{ top: 400px; margin-left: 20px; } .decor__item12 img{ max-width: 170px; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .decor__item13{ bottom: 100px; margin-right: 50px; } .decor__item13 img{ max-width: 150px; -webkit-transform: rotate(-120deg); -ms-transform: rotate(-120deg); -o-transform: rotate(-120deg); transform: rotate(-120deg); } .decor__item14{ top: 200px; margin-left: 50px; } .decor__item14 img{ max-width: 170px; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } @media only screen and (max-width : 1199px) { .decor{ display: none; } } /*/DECOR*/ /*SELECT*/ .jq-selectbox{ padding: 0 !important; } .jq-selectbox__select{ padding-left: 20px; } .jq-selectbox__select-text{ line-height: 53px; } .jq-selectbox__trigger-arrow { position: absolute; top: 50%; margin-top: -2px; right: 20px; width: 0; height: 0; border-top: 4px solid #333; border-right: 4px solid transparent; border-left: 4px solid transparent; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .jq-selectbox.opened .jq-selectbox__trigger-arrow{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .jq-selectbox li { padding: 15px 10px 15px 20px; color: #282828; font-size: 14px; font-weight: 400; line-height: 1.3em; } .jq-selectbox li.selected { background-color: rgba(53, 97, 206, .4); } .jq-selectbox li:hover{ background-color: rgba(53, 97, 206, .2) } .jq-selectbox li.sel{ background-color: rgba(53, 97, 206, .9); color: #fff; } /*/SELECT*/ /*INPUT FILE*/ .input-file{ position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .input-file input{ display: none; } .input-file__label{ display: inline-block; position: relative; padding-left: 50px; text-align: left; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .input-file__label::before{ content: ''; position: absolute; top: -2px; left: 0; bottom: 0; margin: auto; width: 37px; height: 34px; background-image: url(/css/../img/icons/attach.png); background-size: contain; background-repeat: no-repeat; background-position: center; } .input-file__label::before{ } .input-file__height{ height: 50px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: start; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-file__text{ font-size: 16px; font-family: "Raleway"; text-decoration: underline; font-weight: 700; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .input-file:hover .input-file__text{ color: #3561ce; } .input-file__name{ } /*/INPUT FILE*/ /*CALC*/ .calc{ background-color: white; box-shadow: 0 24px 59px rgba(0, 0, 0, 0.18); padding: 30px 35px; text-align: left; } .calc__question{ font-family: "Raleway"; font-weight: 800; } .calc__step{ display: none; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .calc__step_active{ display: block; position: relative; z-index: 99; } .calc__scale{ margin: 15px auto 0; position: relative; } .scale-wrap__numbers{ font-size: 30px; line-height: 1em; } .scale-wrap__numbers-label{ font-size: 20px; font-weight: 600; padding-right: 10px; } .scale-wrap__numbers-active{ color: #3561ce; } .scale-wrap__numbers-length{ font-size: 15px; line-height: 1em; vertical-align: top; top: 3px; position: relative; } .scale-wrap__numbers-sep{ display: inline-block; margin: 0 -3px 0 -5px; } .scale-wrap__percent{ color: #717171; font-size: 14px; padding-bottom: 10px; } .scale-wrap__scale{ height: 13px; background-color: #ebebeb; position: relative; } .scale-wrap__scale_active{ position: absolute; top: 0; bottom: 0; left: 0; background-color: #3561ce; /*-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;*/ -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .scale-wrap__scale_active_manager{ position: absolute; width: 0px; top: 0; bottom: 0; left: 0; /*background-color: #152f70;*/ background: url(/css/../img/icons/progress-bg.png) left top repeat-x rgb(21, 47, 112); z-index: 2; -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; transition-timing-function: ease-out; -webkit-transition: all 3.0s; -o-transition: all 3.0s; transition: all 3.0s; } .scale-wrap__numbers.scale-wrap__numbers_new .scale-wrap__numbers-sep, .scale-wrap__numbers.scale-wrap__numbers_new .scale-wrap__numbers-label{ font-size: 16px; font-weight: 600; padding-right: 0px; margin: auto; } @media only screen and (max-width: 575px){ .scale-wrap__numbers.scale-wrap__numbers_new{ margin-bottom: 20px; } } .scale-wrap__numbers.scale-wrap__numbers_new .scale-wrap__numbers-length, .scale-wrap__numbers.scale-wrap__numbers_new .scale-wrap__numbers-active{ color: #3561ce; top: auto; line-height: 20px; font-size: 20px; font-weight: 600; vertical-align: middle; } .calc__inputs{ margin-top: 40px; padding-bottom: 10px; } .calc__inputs .input_file{ margin-top: 40px; } .calc__form{ text-align: left; padding: 0; } .calc__form .form__title{ font-weight: 800; } .calc__form .form__subtitle{ margin-top: 20px; font-weight: 600; line-height: 1.5em; } .calc__form .form__form{ margin-top: 40px; max-width: 470px; } .calc__form .input{ margin-bottom: 10px; } .calc__form .input.input_btn{ margin-top: 25px; } .calc-present{ margin: -30px -35px; background-color: #3561ce; padding: 30px 35px; height: calc(100% + 60px); background-image: url(/css/../img/katalog/1.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; position: relative; } div.calc-present{ margin-left: auto; } .calc-present, .calc-present .link{ color: #fff; } .calc-present::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #3561ce; opacity: .9; } .calc-present__content{ position: relative; z-index: 3; height: 100%; } .calc-present__bottom{ } .calc-present__title{ font-weight: 800; font-size: 26px; line-height: 1.25em; font-family: "Raleway"; } .calc-present__title-large{ font-size: 38px; margin-top: 15px; } .calc-present__items .calc-present__item.items__item{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; max-width: 360px; padding: 20px 0 20px 5px; margin-top: 5px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .calc-present__item.items__item .calc-present__icon { min-width: 70px; margin-right: -5px; position: relative; text-align: center; display: inline-block; } .calc-present__item.items__item .calc-present__text { } .calc-present__item.items__item .calc-present__text .calc-present__title{ font-size: 18px; } .calc-present__items_title{ font-size: 26px; padding-left: 35px; margin-bottom: 30px; } .calc__buttons{ margin: 0 -10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .calc__buttons .btn{ max-width: 160px; width: 100%; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1); margin: 10px 10px 0; } .calc__buttons .btn.btn_border{ box-shadow: none; } .calc__buttons .btn.btn_border.inactive, .calc__buttons .btn.inactive, .calc__buttons .btn.inactive:hover{ background-color: #f6f6f6; border-color: transparent; color: #000; cursor: auto; } @media only screen and (max-width : 1199px) { .calc{ padding: 25px; } .calc__scale{ margin-top: 10px; } .scale-wrap__percent{ padding-bottom: 5px; } .scale-wrap__scale{ height: 10px; } .calc__inputs{ margin-top: 35px; min-height: 1px; } .calc__inputs .input_file{ margin-top: 30px; } .calc-present{ margin: -25px; padding-left: 25px; padding-right: 25px; height: calc(100% + 40px); } .calc-present__title{ font-size: 22px; } .calc-present__title-large{ font-size: 34px; margin-top: 10px; } .calc__form .form__subtitle{ margin-top: 15px; } .calc__form .form__form{ margin-top: 30px; } .calc__form .input.input_btn{ margin-top: 20px; } } @media only screen and (max-width : 991px) { .calc{ } .calc__inputs{ margin-top: 30px; } .calc__inputs .input_file{ margin-top: 20px; } .calc__form .form__subtitle{ margin-top: 10px; } .calc__form .form__form{ margin-top: 25px; } .calc-present{ } .calc-present__bottom{ } .calc-present__title{ font-size: 26px; } .calc-present__title-large{ font-size: 38px; margin-top: 10px; } .calc__form .input.input_btn{ margin-top: 15px; } } @media only screen and (max-width : 767px) { .calc{ padding: 25px 20px; } .calc__inputs{ } .calc__inputs .input_file{ margin-top: 10px; } .calc__form .form__form{ max-width: 100%; } .calc-present{ height: auto; padding: 20px; text-align: center; } div.calc-present{ margin: 30px -20px -25px; } .calc-present__bottom{ } .calc-present__title{ font-size: 22px; } .calc-present__title-large{ margin-top: 0; font-size: 30px; } .calc-present__items .calc-present__item.items__item { max-width: none; flex: 1; } .calc-present__item.items__item .calc-present__icon { flex: 1; } .calc-present__item.items__item .calc-present__text { flex: 2; text-align: left; } } @media only screen and (max-width : 575px) { .calc{ width: 100%; padding-left: 15px; padding-right: 15px; } .scale-wrap__numbers{ margin-top: 15px; text-align: right; } .calc__scale{ margin-top: -20px; } .calc__inputs .input_file{ margin-top: 0; } .calc__form{ text-align: center; } .calc__form .form__subtitle{ margin-top: 5px; } .calc__form .form__form{ margin: 25px auto 0; } div.calc-present{ margin-left: -15px; margin-right: -15px; } .calc-present__items .calc-present__item.items__item{ padding-left: 0; } .calc-present__item.items__item .calc-present__icon{ margin-right: 20px; } .calc-present__items_title{ padding-left: 0; } } /*/CALC*/ body{ opacity: 1; } @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#337ab7;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite} .btn-calc-new { padding: 20px 18px 18px 46px; height: 100%; line-height: 1; box-shadow: none; align-content: center; } .btn-calc-new img { left: 18px; height: 20px; width: auto; top: 50%; transform: translateY(-50%); } @media (max-width:1200px) { .btn-calc-new { padding: 20px 10px 19px 10px; } .btn-calc-new img { display: none; } } @media (max-width:991px) { .btn-calc-new { padding: 21px 18px 20px 46px !important; } .btn-calc-new img { display: block; } } @media (max-width:425px) { .btn-calc-new { padding: 22px 10px 21px 10px !important; } .btn-calc-new img { display: none; } } @media (max-width:320px) { .btn-calc-new { padding: 22px 7px 21px 7px !important; } } .link_lk { display: flex; gap: 8px; } .link_lk span { text-decoration: none; color: #fff !important; transition: all 0.5s; } .custom-menu__item { max-width: 285px; } .custom-menu__item a { padding-left: 63px; position: relative; font-size: 13px; text-transform: inherit; text-align: left; } .custom-menu__item a::before { content: ''; display: block; width: 35px; height: 30px; background-image: url(/css/../img/menu/1.png); position: absolute; left: 10px; top: 50%; transform: translateY(-50%); background-size: contain; background-position: center; background-repeat: no-repeat; } .custom-menu__item:hover a::before { background-image: url(/css/../img/menu/1_w.png); } .nav .menu_elements_top_fixed { display: none; } .nav.nav_fixed .menu_elements_top_no_fixed { display: none; } .nav.nav_fixed .menu_elements_top_fixed { display: flex; justify-content: space-between; } .custom-menu__item_v2 { display: flex; } .wrap_img_menu { padding: 15px; } .wrap_img_menu img { height: 30px; } .wrap_text_menu { height: 60px; padding: 10px 20px 10px 0; color: #152f70; font-size: 13px; text-align: left; align-content: center; max-width: 245px; } .menu_elements_top_fixed .menu__item { display: contents; } .main__title.h1 span { background-color: #3561ce; padding: 0 10px; } .menu__item_city a, .menu-main__link, .link_lk span { position: relative; /* Это важно для абсолютного позиционирования псевдоэлемента */ } .menu__item_city a:after, .menu-main__link:after, .link_lk span:after { content: ""; position: absolute; width: 0; height: 1px; background-color: #fff; bottom: 0; left: 0; transition: width 0.3s ease; /* Анимируем только width */ } .menu__item_city:hover a:after, .menu-main__link:hover:after, .link_lk span:hover:after { width: 100%; } .menu-main__link:after { bottom: -3px; } .menu-main__link:hover { color: #fff !important; } .link_lk span:hover:after { color: #fff !important; } .wrap_contact_head { display: flex; justify-content: end; gap: 25px; } .before_wrap::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .contacts-items__item:hover::before, .whatsapp_wrap:hover { border: 1px solid #4e74d4; } .menu__item { flex: 1 1 auto; padding: 0; margin: 0; border: none; } .menu__item a { } @media (max-width: 991px) { .menu__item_btn2 { display: flex; justify-content: center; margin-top: 20px; } .menu__item_btn2 .btn-calc-new img { display: block; } .menu__item_btn2 .btn-calc-new { padding: 21px 18px 20px 46px !important; } .header__main { display: none; } .logo__descr { font-size: 12px; text-align: center; margin: -26px auto 0 auto; } .nav__logo { margin: 16px 0; text-align: center; } .logo__img { margin: 0; margin-bottom: 5px; } } @media (max-width:761px) { .nav__phone-icon { background-size: 21px; } .nav__wh-icon { background-size: 30px; } } .nav_fixed .nav__logo-text { display: none !important; } .menu__item_katalog { max-width: 148px; } @media screen and (max-width: 991px) { .menu__item_katalog { max-width: 100%; } .menu.menu_sub .menu__link { padding-left: 65px; } .nav-wrap .menu-wrap>ul>li>ul>li::before { width: 25px !important; height: 25px !important; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(1)::before { background: url(/img/menu/1_w.png) center center / cover no-repeat !important; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(2)::before { background: url(/img/menu/2_w.png) center center / cover no-repeat !important; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(3)::before { background: url(/img/menu/3_w.png) center center / cover no-repeat !important; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(4)::before { background: url(/img/menu/4_w.png) center center / cover no-repeat !important; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(5)::before { background: url(/img/menu/5_w.png) center center / cover no-repeat !important; } .btn_burger_commerce { width: calc(100% - 40px); } } .menu_elements_top_fixed { width: inherit; } /* End */ /* Start:/css/fonts.css?17344999516163*/ /* @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/RalewayLight/RalewayLight.eot"); src: url("/css/../fonts/RalewayLight/RalewayLight.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/RalewayLight/RalewayLight.woff") format("woff"), url("/css/../fonts/RalewayLight/RalewayLight.ttf") format("truetype"); font-style: normal; font-weight: 300; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/RalewayRegular/RalewayRegular.eot"); src: url("/css/../fonts/RalewayRegular/RalewayRegular.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/RalewayRegular/RalewayRegular.woff") format("woff"), url("/css/../fonts/RalewayRegular/RalewayRegular.ttf") format("truetype"); font-style: normal; font-weight: 400; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/RalewayMedium/RalewayMedium.eot"); src: url("/css/../fonts/RalewayMedium/RalewayMedium.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/RalewayMedium/RalewayMedium.woff") format("woff"), url("/css/../fonts/RalewayMedium/RalewayMedium.ttf") format("truetype"); font-style: normal; font-weight: 500; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/RalewaySemiBold/RalewaySemiBold.eot"); src: url("/css/../fonts/RalewaySemiBold/RalewaySemiBold.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/RalewaySemiBold/RalewaySemiBold.woff") format("woff"), url("/css/../fonts/RalewaySemiBold/RalewaySemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/RalewayBold/RalewayBold.eot"); src: url("/css/../fonts/RalewayBold/RalewayBold.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/RalewayBold/RalewayBold.woff") format("woff"), url("/css/../fonts/RalewayBold/RalewayBold.ttf") format("truetype"); font-style: normal; font-weight: 700; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/RalewayExtraBold/RalewayExtraBold.eot"); src: url("/css/../fonts/RalewayExtraBold/RalewayExtraBold.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/RalewayExtraBold/RalewayExtraBold.woff") format("woff"), url("/css/../fonts/RalewayExtraBold/RalewayExtraBold.ttf") format("truetype"); font-style: normal; font-weight: 800; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/RalewayBlack/RalewayBlack.eot"); src: url("/css/../fonts/RalewayBlack/RalewayBlack.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/RalewayBlack/RalewayBlack.woff") format("woff"), url("/css/../fonts/RalewayBlack/RalewayBlack.ttf") format("truetype"); font-style: normal; font-weight: 900; } */ /* @font-face { font-display: swap; font-family: "Bitter"; src: url("/css/../fonts/BitterRegular/BitterRegular.eot"); src: url("/css/../fonts/BitterRegular/BitterRegular.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/BitterRegular/BitterRegular.woff") format("woff"), url("/css/../fonts/BitterRegular/BitterRegular.ttf") format("truetype"); font-style: normal; font-weight: 400; } */ @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/Montserrat/Montserrat-ExtraBold.eot"); src: url("/css/../fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("/css/../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("/css/../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"); font-style: normal; font-weight: 800; unicode-range: U+0030-0039; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/Montserrat/Montserrat-Bold.eot"); src: url("/css/../fonts/Montserrat/Montserrat-Bold.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"), url("/css/../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("/css/../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"); font-style: normal; font-weight: 700; unicode-range: U+0030-0039; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/Montserrat/Montserrat-SemiBold.eot"); src: url("/css/../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("/css/../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("/css/../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"); font-style: normal; font-weight: 600; unicode-range: U+0030-0039; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/Montserrat/Montserrat-Medium.eot"); src: url("/css/../fonts/Montserrat/Montserrat-Medium.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"), url("/css/../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("/css/../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"); font-style: normal; font-weight: 500; unicode-range: U+0030-0039; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/Montserrat/Montserrat-Regular.eot"); src: url("/css/../fonts/Montserrat/Montserrat-Regular.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("/css/../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("/css/../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; unicode-range: U+0030-0039; } @font-face { font-display: swap; font-family: "Raleway"; src: url("/css/../fonts/Montserrat/Montserrat-Light.eot"); src: url("/css/../fonts/Montserrat/Montserrat-Light.eot?#iefix")format("embedded-opentype"), url("/css/../fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("/css/../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("/css/../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"); font-style: normal; font-weight: 300; unicode-range: U+0030-0039; } /* End */ /* Start:/libs/animate/animate.min.css?173449984853431*/ @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* End */ /* Start:/libs/fancybox/jquery.fancybox.css?17344998484895*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/libs/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('/libs/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('/libs/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('/libs/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('/libs/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('/libs/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/libs/owl-carousel/owl.carousel.css?17344998484614*/ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/libs/owl-carousel/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /* End */ /* Start:/libs/slick-1.8.1/slick/slick.css?17344998481776*/ /* 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:/libs/slick-1.8.1/slick/slick-theme.css?17344998483149*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/libs/slick-1.8.1/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/libs/slick-1.8.1/slick/./fonts/slick.eot'); src: url('/libs/slick-1.8.1/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/libs/slick-1.8.1/slick/./fonts/slick.woff') format('woff'), url('/libs/slick-1.8.1/slick/./fonts/slick.ttf') format('truetype'), url('/libs/slick-1.8.1/slick/./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; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); 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:/libs/formstyler/jquery.formstyler.css?17344998482169*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/libs/formstyler/jquery.formstyler.theme.css?17344998489299*/ .jq-selectbox{ } .jq-checkbox, .jq-radio { position: relative; display: block; width: 100%; vertical-align: top; text-align: left; } .jq-checkbox.focused, .jq-radio.focused { } .jq-checkbox.disabled, .jq-radio.disabled { opacity: .55; } .jq-checkbox { border-radius: 3px; } .jq-checkbox.checked .jq-checkbox__div { width: 12px; height: 12px; margin: 2px 0 0 2px; border-radius: 2px; background: #666; box-shadow: inset 0 -3px 6px #AAA; } .jq-radio { border-radius: 50%; } .jq-radio.checked .jq-radio__div { width: 10px; height: 10px; margin: 3px 0 0 3px; border-radius: 50%; background: #777; box-shadow: inset 1px 1px 1px rgba(0,0,0,.7); } .jq-file { width: 270px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1); } .jq-file input { cursor: pointer; } .jq-file__name { box-sizing: border-box; width: 100%; height: 34px; padding: 0 80px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1; font: 14px/32px Arial, sans-serif; color: #333; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-file:hover .jq-file__browse { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.focused .jq-file__name { border: 1px solid #5794BF; } .jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number { position: relative; vertical-align: middle; padding: 0 36px 0 0; } .jq-number__field { width: 100px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); } .jq-number__field:hover { border-color: #B3B3B3; } .jq-number__field input { box-sizing: border-box; width: 100%; padding: 8px 9px; border: none; outline: none; background: none; font: 14px Arial, sans-serif; color: #333; } .jq-number__spin { position: absolute; top: 0; right: 0; width: 32px; height: 14px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: 1px 1px #FFF; cursor: pointer; } .jq-number__spin.minus { top: auto; bottom: 0; } .jq-number__spin:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-number__spin:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-number__spin:after { content: ''; position: absolute; top: 4px; left: 11px; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #999; border-left: 5px solid transparent; } .jq-number__spin.minus:after { top: 5px; border-top: 5px solid #999; border-right: 5px solid transparent; border-bottom: none; border-left: 5px solid transparent; } .jq-number__spin.minus:hover:after { border-top-color: #000; } .jq-number__spin.plus:hover:after { border-bottom-color: #000; } .jq-number.focused .jq-number__field { border: 1px solid #5794BF; } .jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number.disabled .jq-number__spin:after { border-bottom-color: #AAA; } .jq-number.disabled .jq-number__spin.minus:after { border-top-color: #AAA; } .jq-selectbox { vertical-align: middle; cursor: pointer; } .jq-selectbox__select { } .jq-selectbox .placeholder { } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 40px; height: 100%; } .jq-selectbox select{ width: 100%; visibility: hidden; } .jq-selectbox__dropdown { box-sizing: border-box; font-size: 14px; background-color: #fafafa; border: 1px solid #d7dde0; overflow: hidden; top: 100% !important; left: -1px; right: -1px; bottom: auto!important; } .jq-selectbox__dropdown ul{ max-height: 200px; } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; border: 1px solid #CCC; border-radius: 3px; outline: none; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==') no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; } .jq-selectbox li, .jq-select-multiple li{ white-space: normal; text-align: left; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/18px Arial, sans-serif; color: #333; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } input[type='email'].styler, input[type='password'].styler, input[type='search'].styler, input[type='tel'].styler, input[type='text'].styler, input[type='url'].styler, textarea.styler { padding: 8px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; } input[type='search'].styler { -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea.styler { overflow: auto; } input[type='email'].styler:hover, input[type='password'].styler:hover, input[type='search'].styler:hover, input[type='tel'].styler:hover, input[type='text'].styler:hover, input[type='url'].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type='email'].styler:hover:focus, input[type='password'].styler:hover:focus, input[type='search'].styler:hover:focus, input[type='tel'].styler:hover:focus, input[type='text'].styler:hover:focus, input[type='url'].styler:hover:focus, textarea.styler:hover:focus { border-color: #CCC; border-top-color: #B3B3B3; outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } button.styler, input[type='button'].styler, input[type='submit'].styler, input[type='reset'].styler { overflow: visible; padding: 8px 11px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; outline: none; background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; cursor: pointer; } button.styler.styler::-moz-focus-inner, input[type='button'].styler.styler::-moz-focus-inner, input[type='submit'].styler.styler::-moz-focus-inner, input[type='reset'].styler.styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:not([disabled]):hover, input[type='button'].styler:not([disabled]):hover, input[type='submit'].styler:not([disabled]):hover, input[type='reset'].styler:not([disabled]):hover, input[type='reset'].styler:hover { background: linear-gradient(#F6F6F6, #E6E6E6); } button.styler:active, input[type='button'].styler:active, input[type='submit'].styler:active, input[type='reset'].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type='button'].styler[disabled], input[type='submit'].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } /* End */ /* Start:/css/main.css?1758269473124001*/ /*OFFER*/ @media only screen and (min-width : 1200px) { .s-offer{ /* padding: 70px 0; */ padding: 85px 0; } } .s-offer::before{ /* content: ''; position: absolute; top: 50%; margin-top: -200px; height: 398px; left: 50%; margin-left: 150px; right: 0; background-image: url(/css/../img/bg/offer_img.png); background-repeat: no-repeat; background-position: center left; */ } .offer{ } .offer__descr{ /* margin-top: 30px; */ overflow: hidden; position: relative; } .s-offer h2 { margin-bottom: 30px; } .offer__descr br{ display: inline-block; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { .s-offer::before{ margin-top: -150px; margin-left: 50px; -webkit-background-size: 500px; background-size: 500px; } /* .offer__descr{ display: none; } */ } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { .s-offer{ padding-bottom: 50px; } .s-offer::before{ top: auto; left: 0; right: 0; bottom: 0; height: 200px; -webkit-background-size: cover; background-size: cover; display: none; } } /*/OFFER*/ .s-calc{ /*padding-top: 0px;*/ } .s-production_gallery{ padding-top: 0px; } .s-production_gallery_pt{ padding-top: 85px } .s-calc .h2{ margin-bottom: 35px; } .s-calc::before{ content: ''; position: absolute; top: 50%; margin-top: -200px; height: 398px; left: 56%; margin-left: 150px; right: 0; background-repeat: no-repeat; background-position: center left; } /*KATALOG*/ .s-katalog{} @media only screen and (min-width : 1200px) { .s-katalog{ /* padding-bottom: 100px; */ padding-bottom: 85px; } } .s-katalog_pt{ padding-top: 30px; } .s-katalog_pt .s-katalog__tab-wrap.wrap{ margin-top: 0; } .s-katalog__tab-wrap .tab{ background-color: #f5f8ff; position: relative; padding: 0 16px; } .s-katalog__tab-wrap .tab::before, .s-katalog__tab-wrap .tab::after{ content: ''; position: absolute; top: 0; bottom: 0; background-color: #f5f8ff; width: 1920px; } .s-katalog_opt .s-katalog__tab-wrap .tab, .s-katalog_opt .s-katalog__tab-wrap .tab::before, .s-katalog_opt .s-katalog__tab-wrap .tab::after{ background-color: #fff; } .s-katalog__tab-wrap .tab::before{ left: 100%; } .s-katalog__tab-wrap .tab::after{ right: 100%; } .s-katalog__tab-wrap .tab__item{ padding: 20px 20px 25px; height: 100%; position: relative; margin-left: -16px; margin-right: -16px; } .s-katalog__tab-wrap .tab__item:hover .tab__title{ color: #3561ce; } .s-katalog__tab-wrap .tab__item_active{ background-color: white; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); z-index: 9; } .s-katalog__tab-wrap .tab__item_active .tab__title{ color: #313131; } .s-katalog__tab-wrap .tab__item::before{ content: ''; position: absolute; top: 30px; bottom: 30px; right: 0; width: 1px; background-color: #e1e3e6; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .s-katalog__tab-wrap .tab div[class*="col"]:last-child .tab__item::before, .s-katalog__tab-wrap .tab__item_active::before{ opacity: 0; } .s-katalog__tab-wrap .tab__icon{ margin-bottom: 15px; line-height: 70px; } .s-katalog__tab-wrap .tab__title{ max-width: 220px; margin: 0 auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .katalog-imgs{ max-width: 580px; } .katalog-imgs__item{ } .katalog-imgs__img{ border: 1px solid rgba(206, 206, 206,.6); text-align: center; line-height: 360px; padding: 20px; } .katalog-imgs__img img{ max-height: 165px; margin: 0 auto; } .katalog__title{ /* margin-bottom: 35px; */ } .katalog__btn-wrap{ /* margin-top: 50px; */ } .katalog__btn-wrap .btn{ min-width: 220px; } .katalog-items{ /* margin-top: 40px; */ } .katalog-items__item{ margin: 0; padding: 60px 0; border-top: 1px solid #ebebeb; } .katalog-items__item:first-child{ border-top: none; padding-top: 0; } .katalog-items__item:last-child{ padding-bottom: 0; } .katalog-items__item .katalog{ margin-top: 0; height: 100%; } .katalog-items__item .katalog .row { height: 100%; flex-direction: column; } .katalog-items__item .katalog .row .col-12 { flex: auto; } .katalog-items__item .katalog .row .col-12:first-child { flex: none; } .katalog-items__item-new .katalog__title{ text-align: center; margin-bottom: 20px; margin-top: 10px; } .katalog-items__item-new{ /* margin-bottom: 50px; */ } .katalog-items__item-new .katalog__btn-wrap{ margin-top: 0px; } .katalog-items__item-new .katalog__btn-wrap{ margin-top: 0px; } .katalog-items__item-new .btn{ background-color: #ba0623; border: 1px solid #ba0623; } .katalog-items__item-new .btn:hover{ background-color: #8a091e; border-color: #8a091e; } .katalog-items__item-new .katalog-imgs__carousel{ display: block; position: relative; text-align: center; } .katalog-items__item-new .katalog-imgs__carousel::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 3; background-color: rgba(5, 34, 108, 0.55); opacity: 0; webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .katalog-items__item-new .katalog-imgs__carousel .more{ color: #fff; opacity: 0; position: absolute; z-index: 4; top: 50%; transform: translateY(-50%); text-align: center; width: 100%; webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; left: 0; } .katalog-items__item-new .katalog-imgs__carousel:hover .more{ opacity: 1; } .katalog-items__item-new .katalog-imgs__carousel:hover::before{ opacity: 1; } @media only screen and (max-width : 1199px) { .katalog-items__item{ padding: 50px 0; } } @media only screen and (max-width : 991px) { .s-katalog__tab-wrap .tab div[class*="col"]:nth-child(2n) .tab__item::before{ opacity: 0; } .katalog__title{ margin-bottom: 15px; } .katalog__btn-wrap{ margin-top: 40px; } .katalog-items__item{ padding: 40px 0; } } @media only screen and (max-width : 767px) { .katalog-imgs{ max-width: 100%; margin-bottom: 20px; } .katalog-imgs__img{ line-height: 250px; } .katalog-imgs__img img{ max-height: 200px; } .katalog-items__item{ padding: 30px 0; } } @media only screen and (max-width : 575px) { .s-katalog__tab-wrap .tab{ padding: 0; } .s-katalog__tab-wrap .tab__item{ margin-left: 0; margin-right: 0; } .s-katalog__tab-wrap .tab__item::before{ opacity: 0; } } /*/KATALOG*/ /*info*/ .s-info{ /*background-image: url(/css/../img/bg/info.jpg);*/ text-align: center; } .s-info{ padding: 40px 0; } .s-info::before{ /* content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.65; background-color: #05226c; */ } .s-info_op-09::before{ opacity: .9; } .info__title_margin{ margin-left: -15px; margin-right: -15px; } .info__title br{ display: inline-block; } .info__descr{ margin-top: 30px; } @media only screen and (min-width : 768px) { .info_left, .info_left .info__title{ text-align: left; } } .info_padding{ padding: 30px 0; } .info__subtitle{ font-weight: 400; margin: 30px 0; } .s-info__img{ margin-top: -135px; } .info-img{ position: relative; display: inline-block; } .info-img__shadow{ position: absolute; top: 10px; left: 10px; right: 10px; height: 100%; background-color: rgba(255,255,255,.8); } .info-img__shadow::before{ content: ''; position: absolute; top: 14px; left: 25px; right: 25px; height: 100%; background-color: rgba(255,255,255,.2); } .info-img__shadow::after{ content: ''; position: absolute; top: 7px; left: 10px; right: 10px; height: 100%; background-color: rgba(255,255,255,.2); } .info-img img{ position: relative; z-index: 9; } @media only screen and (max-width : 1199px) { .s-info__img{ margin-top: -100px; } .info__descr{ margin-top: 25px; } } @media only screen and (max-width : 991px) { .s-info__img{ margin: 0; } .info__descr{ margin-top: 20px; } } @media only screen and (max-width : 767px) { .info_padding{ padding: 0; } .info__btn-wrap{ margin-top: 30px; } .s-info__img{ margin-top: 40px; } } @media only screen and (max-width : 575px) { } /*/info*/ /*ABOUT*/ @media only screen and (min-width : 1200px) { .s-about{ padding: 100px 0; } } .about{ margin-top: 20px; } .about__video{ margin-top: 17px; } .about-items{ margin: 0 auto; max-width: 285px; } .about-items__item{ margin: 0 auto; padding: 30px 20px; border: 1px solid #cecece; border-top: none; text-align: center; } .about-items div[class*="col"]:first-child .about-items__item{ border-top: 1px solid #cecece; } .about-items__number{ font-size: 45px; line-height: 1em; color: #c40927; font-weight: 800; margin-top: 10px } .about-items__number-small{ font-size: 20px; } .about-items__descr{ font-size: 16px; max-width: 160px; margin: 0 auto; } .about__btn-wrap{ max-width: 285px; margin: 0 auto; } @media only screen and (max-width : 1199px) { .about__video{ margin-top: 40px; } } @media only screen and (max-width : 991px) { .about__video{ margin-top: 30px; } } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 767px) and (min-width : 576px){ .about-items{ max-width: 100%; } .about-items__item{ margin-top: 30px; border: 1px solid #cecece; } .about__btn-wrap{ margin-top: 30px; } } @media only screen and (max-width : 575px) { .about-items{ margin-top: 30px; } } /*/ABOUT*/ /*TEAM*/ .s-team{ overflow: hidden; } #anchor515, #anchor569 { padding-bottom: 0; } .team{ } .team__item{ margin-top: 40px; } .team__item:first-child{ margin-top: 0; } @media only screen and (min-width : 768px) { .team__item_img-right .team__img.team__img{ margin-left: -30px; } .team__item_img-left .team__img.team__img{ margin-right: -30px; } .team__item_img-right .team__text{ margin-right: -30px; } .team__item_img-left .team__text{ margin-left: -30px; } } .team-items{ } .team-items__item{ max-width: 262px; border: 1px solid #cecece; } .team-items__img{ line-height: 222px; } .team-items__img img{ /*max-height: 222px;*/ vertical-align: top; } .team-items__text{ padding: 25px 30px; } .team-items__name.h4{ margin-bottom: 10px; } .team-items__post{ font-weight: 300; font-size: 14px; } .team-items__descr{ font-size: 16px; } .team-items__item{ position: relative; } .team-items__item::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(5, 34, 108, 0.75); opacity: 0; transition: all .3s; } .team-items__item .team-items__descr{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 10px 20px; color: #fff; z-index: 2; opacity: 0; transition: all .3s; } .team-items__item:hover .team-items__descr{ opacity: 1; } .team-items__item:hover::before{ opacity: 1; } @media only screen and (max-width : 1199px) { .team{ padding-top: 0; } .team__item{ margin-top: 30px; } } @media only screen and (max-width : 991px) { .team-items__descr{ } } @media only screen and (max-width : 767px) { .team__img{ max-width: 300px; margin: 0 auto 10px; } .team__item{ margin-top: 25px; } } @media only screen and (max-width : 575px) { } /*/TEAM*/ /*PEOPLE*/ .s-people{ padding: 85px 0; } .people{ } .people__img{ height: auto; margin-bottom: 35px; } .people__text{ margin-top: 10px; /*max-width: 515px;*/ } .people__descr{} @media only screen and (max-width : 1199px) { .people__img{ margin-bottom: 30px; } } @media only screen and (max-width : 991px) { .people__img{ margin-bottom: 20px; } } @media only screen and (max-width : 767px) { .people__img{ margin-bottom: 10px; } } @media only screen and (max-width : 575px) { } /*/PEOPLE*/ /*QUALITY*/ .s-quality{ } .quality-items{ } .quality-items__item{ border: 1px solid #cecece; } .quality-items__img{ height: 350px; } .quality-items__img::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .1; background-color: #05226c; } .quality-items__text{ position: absolute; bottom: 0; left: 0; right: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100px; background-color: rgba(5, 34, 108, 0.6); color: #fff; text-align: center; padding: 10px 20px; z-index: 9; } .quality-items__title{ letter-spacing: .5px; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { .quality-items__img{ height: 300px; } } /*/QUALITY*/ /*ADVANTAGES*/ .s-advantages{ } .advantages-items{ margin-top: 20px; } .advantages-items__item{ margin-top: 0; } .advantages-items__img{ height: 395px; margin-left: -15px; margin-right: -15px; } @media only screen and (min-width : 576px) { .advantages-items__item:nth-child(2n) .advantages-items__img-wrap{ -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } } .advantages-items__img::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.1; background-color: #05226c; } .advantages-items__text{ max-width: 460px; margin: 0 auto; } .advantages-items__item:nth-child(2n+1) .advantages-items__text{ margin-right: 0; } .advantages-items__title br{ display: inline-block; } .advantages-items__list{ margin-top: 35px; } .advantages-items__btn-wrap{ margin-top: 30px; } .advantages-items__btn-wrap .btn{ max-width: 284px; width: 100%; } @media only screen and (max-width : 1199px) { .advantages-items{ margin-top: 0; } .advantages-items__text{ max-width: 400px; } .advantages-items__list{ margin-top: 30px; } } @media only screen and (max-width : 991px) { .advantages-items__text{ max-width: 300px; } .advantages-items__list{ margin-top: 25px; } } @media only screen and (max-width : 767px) { .advantages-items__title br{ display: none; } .advantages-items__item:nth-child(2n+1) .advantages-items__text, .advantages-items__item:nth-child(2n) .advantages-items__text{ margin: 0; } .advantages-items__item:nth-child(2n+1) .advantages-items__text{ padding-left: 15px; } .advantages-items__item:nth-child(2n) .advantages-items__text{ padding-right: 15px; } } @media only screen and (max-width : 575px) { .advantages-items__item{ margin-top: 80px; text-align: center; } .advantages-items__item:first-child{ margin-top: 0; } .advantages-items__img{ margin: 0 auto 30px; max-width: 100%; height: 210px; } .advantages-items__text{ max-width: 100%; } .advantages-items__item:nth-child(2n+1) .advantages-items__text, .advantages-items__item:nth-child(2n) .advantages-items__text{ margin: 0; padding: 0; } } /*/ADVANTAGES*/ /*ADDITIONALLY*/ .s-additionally{} .additionally-items{ } .additionally-items__item{ background-color: white; padding-bottom: 90px; height: calc(100% - 30px); } .additionally-items__icon{ line-height: 60px; margin-bottom: 20px; } .additionally-items__title{ font-weight: 700; } .additionally-items__descr{ font-size: 16px; color: #6f6f6f; } .additionally-items__link-wrap{ } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/ADDITIONALLY*/ /*DOCS*/ .s-docs{} .docs-items{ } .docs-items__carousel .slick-prev, .docs-items__carousel .slick-next{ bottom: 95px; } .docs-items__item{ max-width: 270px; text-align: center; } .docs-items__img{ padding-top: 135%; height: auto; margin-bottom: 25px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); } .docs-items__text{ padding: 0 25px; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/DOCS*/ /*PROJECTS*/ .s-projects{ overflow: hidden; } .projects-items{ margin-top: 10px; } .projects-items__carousel .slick-prev, .projects-items__carousel .slick-next{ top: 100px; bottom: auto; } .projects-items__item{ cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .projects-items__item:hover{ background-color: white; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); } .projects-items__img{ height: auto; /*padding-top: 61%;*/ border: 1px solid #cecece; } .projects-items__client { position: absolute; z-index: 99; top: 10px; left: 10px; } a.projects-items__img::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 3; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } a.projects-items__img::before { background-color: rgba(5, 34, 108, 0.55); } a.projects-items__img::after { content: "Подробнее"; display: block; top: 50%; color: #fff; z-index: 4; text-align: center; position: absolute; width: 100%; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; top: 0px; } a.projects-items__img:hover::before, a.projects-items__img:hover::after{ opacity: 1; } a.projects-items__img:hover::after{ top: 50%; } .projects-items__text, .projects-items__bottom{ padding: 40px; } .projects-items__text{ border: 1px solid #cecece; border-top: none; padding-top: 30px; padding-bottom: 120px; } div.projects-items__text{ padding-bottom: 160px; } .projects-items__title{ margin-bottom: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } a .projects-items__title:hover{ color: #3561ce; } .projects-items__label{ margin-top: 10px; font-weight: 700; margin-bottom: 3px; } .projects-items__descr { min-height: 105px; } .projects-items__descr{ color: #6f6f6f; } .projects-items__bottom{ position: absolute; bottom: 0; left: 0; right: 0; } div.projects-items__bottom{ padding-top: 10px; } .projects-items__bottom .btn{ margin-top: 10px; } .project_popup_desc{ padding: 20px; } .project_popup_desc .project_popup_title, .project_popup_desc .link{ text-align: left; display: block; } .popup_project .projects-items__img{ border: none; } @media only screen and (max-width : 1199px) { .projects-items__text, .projects-items__bottom{ padding: 30px; } .projects-items__carousel .slick-prev, .projects-items__carousel .slick-next{ top: 130px; } } @media only screen and (max-width : 991px) { .projects-items__text, .projects-items__bottom{ padding: 25px 20px; } .projects-items__carousel .slick-prev, .projects-items__carousel .slick-next{ top: 145px; } } @media only screen and (max-width : 767px) { .projects-items__bottom{ position: relative; padding: 0; } div.projects-items__text{ padding-bottom: 25px; } .projects-items__carousel .slick-prev, .projects-items__carousel .slick-next{ top: 110px; } .project_popup_desc .btn{ margin-top: 20px; } } @media only screen and (max-width : 575px) { } /*/PROJECTS*/ /*PROJECT*/ @media only screen and (min-width : 1200px) { .s-project{ padding-bottom: 160px; } } .project-imgs{} .project-imgs__img{ display: block !important; position: relative; padding-top: 75%; background-color: #eee; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .project-imgs-pagination{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-negative: auto; flex-shrink: auto; margin: 10px -5px 0; } .project-imgs-pagination__item{ padding: 0 5px; width: 100%; position: relative; } .project-imgs-pagination__item::before{ content: ''; position: absolute; top: 0; left: 5px; right: 5px; bottom: 0; background-color: rgba(35, 59, 118, 0.64); opacity: 0; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .project-imgs-pagination__item:hover::before{ opacity: .5; } .project-imgs-pagination__item.active::before{ opacity: 1; } .project-imgs-pagination__img{ display: block; width: 100%; height: 90px; background-color: #eee; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .project__title{ margin-bottom: 30px; } .project-list{ margin: 20px 0; } .project__label{ margin-top: 20px; margin-bottom: 10px; } .project__desrc{ color: #6f6f6f; } .project__desrc, .project__desrc *{ line-height: 1.4em; } .project__btn-wrap{ margin-top: 40px; } .projects__soc{ margin-top: 50px; } @media only screen and (max-width : 1199px) { .project__title{ margin-bottom: 20px; } .project__btn-wrap{ margin-top: 30px; } .projects__soc{ margin-top: 40px; } } @media only screen and (max-width : 991px) { .project__title{ margin-bottom: 15px; } .project-list{ margin: 15px 0; } .project__btn-wrap{ margin-top: 20px; } .projects__soc{ margin-top: 30px; } } @media only screen and (max-width : 767px) { .project__text{ padding-top: 30px; } } @media only screen and (max-width : 575px) { .project-imgs-pagination__img{ height: auto; padding-top: 70%; } } /*/PROJECT*/ /*CLIENTS*/ .s-clients{} .clients-items{ } .clients-items__item>a{ } .clients-items__img{ background-color: white; line-height: 148px; text-align: center; padding: 10px; border: 1px solid #eaeaea; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .clients-items__item:hover .clients-items__img{ box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); } .clients-items__img img{ display: inline-block; height: 55px; opacity: .6; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .clients-items__img:hover img{ opacity: 1; } .items_carousel .clients-items__item { padding-bottom: 50px; padding-top: 20px; } .clients-items__item .img-hover{ position: relative; display: block; -webkit-box-shadow: 11px 11px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 11px 11px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 11px 11px 8px 0px rgba(34, 60, 80, 0.2); } .clients-items__item .clients-items__img_wrap{ position: absolute; z-index: 4; bottom: -40px; left: 0; width: 100%; } .clients-items__img{ line-height: 70px; margin: 0 auto; max-width: 80%; -webkit-box-shadow: 11px 11px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 11px 11px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 11px 11px 8px 0px rgba(34, 60, 80, 0.2); } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/CLIENTS*/ /*NEWS*/ .s-news2{} .news2-items{ } .news2-items__item{ color: #6f6f6f; font-size: 16px; padding-bottom: 110px; } .news2-items__item:hover, .news2-items__item:hover .link{ color: #fff; } .news2-items__item::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .news2-items__item:hover::before{ background-color: rgba(5, 34, 108, 0.75); } .news2-items__text{ position: relative; z-index: 9; } .news2-items__date{ min-height: 75px; } .news2-items__descr{ margin-top: 10px; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/NEWS*/ /*CONTACTS*/ .s-contacts{ padding: 0; } .s-contacts_full .s-contacts__main{ box-shadow: none; padding-top: 0; } .s-contacts_full .contacts__title, .s-contacts_full .contacts-bottom__form{ display: none; } .s-contacts_full .contacts-bottom__map{ height: 640px; position: relative; } .s-contacts .container{ position: static; } .s-contacts__main{ padding: 40px 0; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); background-color: #fff; position: relative; z-index: 10; } .contacts__soc{ margin-bottom: 20px; } .contacts__left{ margin-right: -30px; } .contacts__right{ max-width: 235px; margin-top: 30px; } .contacts-items{ } .contacts-items__item{ padding-left: 55px; margin-top: 30px; text-align: left; position: relative; } .contacts-items__item::before{ content: ''; position: absolute; top: 0; left: 0; width: 42px; height: 42px; border: 1px solid rgba(21, 47, 112, .2); background-repeat: no-repeat; background-position: center; } .contacts-items__item_phone::before{ background-image: url(/css/../img/icons/phone.png); } .contacts-items__item_mail::before{ background-image: url(/css/../img/icons/mail.png); } .contacts-items__item_location::before{ background-image: url(/css/../img/icons/location.png); } .contacts-items__item_house::before{ background-image: url(/css/../img/icons/house.png); } .contacts-items__item_pdf::before{ background-image: url(/css/../img/icons/pdf.png); } .contacts-items__item_load::before{ background-image: url(/css/../img/icons/load.png); } .contacts-items__label{ color: #717171; font-size: 13px; font-weight: 300; } .contacts-items__value{ font-size: 14px; font-weight: 700; } .contacts-items__value .link{ letter-spacing: 0; } .contacts-items_white .contacts-items__item::before{ border: 1px solid rgba(255, 255, 255, .2); } .contacts-items_white .contacts-items__item_phone::before{ background-image: url(/css/../img/icons/phone-white.png); } .contacts-items_white .contacts-items__item_mail::before{ background-image: url(/css/../img/icons/mail-white.png); } .contacts-items_white .contacts-items__item_pdf::before{ background-image: url(/css/../img/icons/pdf-white.png); } .contacts-items_white .contacts-items__label{ color: #abb9da; } .contacts-items_white .contacts-items__value, .contacts-items_white .contacts-items__value .link:not(:hover){ color: #fff; } .contacts-bottom{ position: relative; } .contacts-bottom__form{ max-width: 395px; position: relative; z-index: 9; } .contacts-bottom__form .input{ margin-bottom: 10px; } .contacts-bottom__form .input.input_btn{ margin-top: 20px; margin-bottom: 0; } .contacts__btn-wrap{ margin-top: 10px; } .contacts-bottom__map{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #f5f5f5; z-index: 1; } .map-balloon{ background-color: white; max-width: 170px; min-height: 205px; margin: 0 auto; border: 1px solid white; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); font-size: 12px; font-family: "Raleway"; letter-spacing: -0.027em; position: relative; } .map-balloon::before{ content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top-color: #fff; } .map-balloon__img{ line-height: 130px; } .map-balloon__img img{ max-height: 130px; vertical-align: top; } .map-balloon__text{ padding: 17px 10px; text-align: left; } .map-bolloon__name{ font-weight: 700; } .map-bolloon__post{ font-weight: 300; } @media only screen and (max-width : 1199px) { .s-contacts_full .contacts-bottom__map{ height: 550px; } .contacts__left, .contacts__right{ padding: 0; margin: 0; } .contacts__title{ margin-bottom: 10px; } .contacts__soc, .contacts__btn-wrap{ margin-top: 25px; margin-bottom: 0; } } @media only screen and (max-width : 991px) { .s-contacts_full .contacts-bottom__map{ height: 450px; } } @media only screen and (max-width : 767px) { .s-contacts{ } .contacts-bottom__form{ margin: 0 auto; } .contacts-bottom__map{ position: relative; height: 525px; } .s-contacts_full .contacts-bottom__map{ height: 525px; } } @media only screen and (max-width : 575px) { .s-contacts{ } .contacts__title{ margin-bottom: 0; } } /*/CONTACTS*/ /*USE*/ .s-use{} .use-items{ } .use-items__item{ background-color: white; border: 1px solid #ebebeb; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; height: 130px; max-width: 360px; padding: 20px 35px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .use-items__item:hover{ background-color: #3561ce; color: #fff; } .use-items__icon{ min-width: 70px; margin-right: 30px; position: relative; text-align: center; display: inline-block; } .use-items__icon img{ opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .use-items__icon img.hover{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .use-items__item:hover .use-items__icon img{ opacity: 0; } .use-items__item:hover .use-items__icon img.hover{ opacity: 1; } .use-items__text{ max-width: 165px; } .use-bottom__number{ color: #4363ae; font-size: 28px; white-space: nowrap; } .use-bottom__right, .use-bottom__right .btn{ max-width: 280px; width: 100%; } @media only screen and (max-width : 1199px) { .use-items__item{ padding: 20px; } .use-items__icon{ margin-right: 20px; } .use-items__title{ font-size: 16px; } } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { .use-items__title{ font-size: 14px; } .use-items__icon{ min-width: 50px; } .use-items__icon img{ max-width: 50px; max-height: 50px; } .use-bottom{ text-align: center; } .use-bottom__label{ margin-bottom: 20px; } .use-bottom__right{ margin: 0 auto; } } @media only screen and (max-width : 575px) { .use-items{ margin-top: 20px; } .use-items__item{ margin-top: 10px; } .use-items__title{ font-size: 16px; } } /*/USE*/ /*EQUIPMENT*/ .s-equipment{} .equipment-items{ } .equipment-items__item{ text-align: center; } .equipment-items__img{ line-height: 210px; border: 1px solid #e1e1e1; text-align: center; margin-bottom: 20px; background-color: white; } .equipment-items__img img{ max-width: 90%; max-height: 200px; } .popup_equipment_text{ text-align: left; } .popup_equipment .form__title{ margin-bottom: 30px; } .equipment-items__item .link{ margin-top: 15px; display: block; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/EQUIPMENT*/ /*STEP*/ .s-step{} .step-items{ position: relative; margin-top: 0; } .step-items::before{ content: ''; position: absolute; top: 60px; left: 0; right: 0; bottom: 0; width: 1px; margin: auto; background-color: #ebebeb; } .step-items__item{ margin-top: 60px; max-width: 445px; border: 1px solid #ebebeb; } .step-items div[class*='col']:nth-child(2n) .step-items__item{ /* top: 60px; */ } .step-items__item::before{ content: ''; position: absolute; top: -1px; left: 100%; width: 120px; height: 1px; background-color: #ebebeb; } .step-items div[class*='col']:nth-child(2n) .step-items__item::before{ left: auto; right: 100%; } .step-items div[class*='col']:last-child .step-items__item::after{ content: ''; position: absolute; top: 0; bottom: -1px; right: -122px; width: 3px; background-color: #fff; } .s-step.bg2 .step-items div[class*='col']:last-child .step-items__item::after{ background-color: #f5f8ff; } .step-items__img{ padding-top: 67%; height: auto; } .step-items__text{ padding: 40px 25px; max-width: 380px; margin: 0 auto; } .step-scale{ margin-bottom: 30px; } .step-scale__label{ font-size: 14px; font-weight: 800; } .step-scale__scale{ margin-top: 10px; height: 6px; background-color: #f3f4f8; position: relative; } .step-scale__scale_active{ position: absolute; top: 0; left: 0; bottom: 0; width: 1%; background-color: #3561ce; } .step-items__title{ font-family: "Raleway"; } .step-items__descr{ font-size: 16px; } .step-items__descr, .step-items__descr *{ line-height: 1.8em; } .step-items__info{ font-size: 14px; } @media only screen and (max-width : 1199px) { .step-items__item::before{ width: 95px; } .step-items div[class*="col"]:last-child .step-items__item::after{ right: -97px; } } @media only screen and (max-width : 991px) { .step-items::before, .step-items__item::before, .step-items__item::after{ display: none; } .step-items div[class*='col']:nth-child(2n) .step-items__item{ top: 0; } .step-items__item{ margin-top: 30px; height: calc(100% - 30px); } .step-scale{ margin-bottom: 20px; } } @media only screen and (max-width : 767px) { .step-scale{ margin-bottom: 15px; } .step-items__text{ padding: 25px 20px; } .step-items__descr{ font-size: 14px; } } @media only screen and (max-width : 575px) { } /*/STEP*/ /*CHARACTERISTIC*/ .s-characteristic { } .characteristic__img-wrap{ background-color: #fff; height: 100%; padding: 20px; text-align: center; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { .characteristic__img-wrap{ height: auto; margin-bottom: 20px; } } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/CHARACTERISTIC*/ /*DOWNLOAD*/ .s-donwload{ } .download__img{ position: absolute; top: 50%; left: -265px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); margin-top: 30px; } .download__img img{ max-width: none; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { .download__img{ left: -120px; } .download__img img{ max-width: 450px; } } @media only screen and (max-width : 767px) { } @media only screen and (max-width : 575px) { } /*/DOWNLOAD*/ /*FORM*/ .s-form{} @media only screen and (min-width : 768px) { .s-form__form .input{ margin-bottom: 25px; } } .s-form__form .input.input_btn{ margin-top: 0; } .s-form__form .form__info{ margin-top: 0; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { .s-form__form .form__info{ margin-top: 15px; } .s-form__form .input.input_btn{ margin-top: 10px; } } @media only screen and (max-width : 575px) { } /*/FORM*/ /*NEWS*/ .s-news{ padding-bottom: 40px; } .news-items{ } .news-items__item{ border: 1px solid #ebebeb; height: calc(100% - 30px); max-width: 360px; } .news-items__img{ height: auto; padding-top: 70%; } .news-items__img::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #4e74d4; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .news-items__img::after { content: 'Подробнее'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; text-align: center; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; align-content: center; font-size: 20px; font-weight: 600; } .news-items__img:hover::before { opacity: .65; } .news-items__text{ padding: 35px 30px 125px; } .news-items__title{ font-weight: 800; line-height: 1.5em; font-family: "Raleway"; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .news-items__title:hover{ color: #3561ce; } .news-items__date{ margin: 15px 0; color: #3561ce; font-weight: 600; font-size: 16px; } .news-items__btn-wrap{ position: absolute; bottom: 0; left: 0; right: 0; padding: 0 30px 40px; } .news-items__btn-wrap .btn{ max-width: 200px; width: 100%; display: block; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { .news-items__text{ padding: 25px 20px 100px; } .news-items__btn-wrap{ padding: 0 20px 25px; } .news-items__date{ margin: 10px 0; } } @media only screen and (max-width : 575px) { } /*/NEWS*/ /*NEWS PAGE*/ .s-newsPage{} .newsPage{} .newsPage__img{ padding-top: 49%; height: auto; } .newsPage__text{ /* padding-top: 30px; */ } .newsPage__text p, .newsPage__text li{ line-height: 1.4em; margin-top: 15px; } .newsPage__title{ font-family: "Raleway"; font-weight: 800; } .newsPage__date{ margin: 15px 0 25px; font-size: 16px; font-weight: 600; color: #3561ce; } .newsPage__soc{ margin-top: 35px; } .s-newsPage__comments{ margin-top: 95px; padding-bottom: 50px; border-bottom: 1px solid #eaeaea; } .comments__img{ margin-bottom: 20px; } .comments__form{ text-align: left; } .comments .input_textarea .input__input{ min-height: 90px; } .comments__label{ margin-bottom: 40px; font-weight: 800; font-family: "Raleway"; } .newsPage__offer2{ margin-left: auto; max-width: 330px; background: url(/img/bg/bg-news.jpg) center center/cover no-repeat; position: relative; } .newsPage__offer2::before { content: ''; width: 443px; height: 357px; bottom: -30px; left: -10px; background: url(/img/bg/hat-and-doc.png) center center/cover no-repeat; position: absolute; } @media only screen and (max-width : 1199px) { .s-newsPage__comments{ margin-top: 70px; } .comments__label{ margin-bottom: 30px; } } @media only screen and (max-width : 991px) { .newsPage__date{ margin: 10px 0 20px; } .newsPage__text{ /* padding-top: 20px; */ } .newsPage__soc{ margin-top: 25px; } .s-newsPage__comments{ margin-top: 50px; } } @media only screen and (max-width : 767px) { .newsPage__date{ margin: 5px 0 15px; font-size: 14px; } } @media only screen and (max-width : 575px) { .comments__form{ text-align: center; } } /*/NEWS PAGE*/ /*OFFER*/ .offer2{ background-color: #152f70; padding: 50px 20px; padding-bottom: 0; position: relative; overflow: hidden; } .offer2, .offer2 .link{ color: #fff; } .offer2__content{ max-width: 220px; margin: 0 auto; } .offer2__title{ font-family: "Raleway"; line-height: 1.5em; } .offer2__btn-wrap{ margin-top: 20px; } .offer2__btn-wrap .btn{ min-width: 1px; } .offer2__img{ margin-top: 30px; height: 230px; position: relative; } .offer2__img img{ max-width: none; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { .offer2{ padding-top: 30px; } } @media only screen and (max-width : 767px) { .newsPage__offer2{ max-width: 100%; margin-top: 30px; } .s-newsPage__comments{ padding-bottom: 30px; } } @media only screen and (max-width : 575px) { } /*/OFFER*/ /*REVIEWS*/ .s-reviews{} .reviews-items{ margin-top: -20px; } .reviews-items__item{ margin-top: 60px; text-align: center; } .reviews-items__img{ line-height: 95px; max-width: 200px; margin: 0 auto -65px; text-align: center; padding: 10px; background-color: white; border: 1px solid #ebebeb; position: relative; z-index: 9; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .reviews-items__img img{ max-height: 95px; } .reviews-items__text{ background-color: white; border: 1px solid #ebebeb; padding: 30px; padding-top: 90px; } .reviews-items__name{ font-size: 25px; font-weight: 800; font-family: "Raleway"; padding-top: 20px; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { .reviews-items{ margin-top: -10px; } .reviews-items__item{ margin-top: 50px; } .reviews-items__name{ padding-top: 15px; } } @media only screen and (max-width : 767px) { .reviews-items{ margin-top: 0; } .reviews-items__item{ margin-top: 40px; } .reviews-items__text{ padding-left: 20px; padding-right: 20px; } .reviews-items__name{ padding-top: 10px; } } @media only screen and (max-width : 575px) { } /*/REVIEWS*/ /*CONSTRUCTION*/ .s-construction{} .construction{} .construction__title_btn{ text-align: center; margin-top: 50px; margin-bottom: 0px; } .construction .tab-items{ margin-top: 20px; text-align: center; } .construction__img-wrap{ position: relative; display: inline-block; } .construction__img{ text-align: center; } .construction-items{ } .construction-items__item{ position: absolute; top: 0; left: 0; padding-left: 25px; margin-top: -6px; margin-top: 0; } .construction-items__item_item1{ top: 3.5%; left: 10.25%; } .construction-items__item::before{ content: ''; position: absolute; top: 0; left: 0; width: 8px; height: 8px; border-radius: 50%; background-color: red; } .construction-items__label{ font-size: 16px; font-weight: 700; } .s-construction__btn-wrap .btn{ max-width: 280px; width: 100%; } @media only screen and (max-width : 1199px) { } @media only screen and (max-width : 991px) { } @media only screen and (max-width : 767px) { .construction__img-wrap{ overflow-x: scroll; display: block; margin: 0 -100px; } .construction__img{ width: 1000px; padding: 0 100px; } } @media only screen and (max-width : 575px) { } /*/CONSTRUCTION*/ /*FOOTER*/ #footer { padding-bottom: 100px; } .footer{ padding: 0; position: relative; z-index: 9; background-color: #041233; font-size: 13px; } .footer, .footer .link{ color: #abb9da; } .footer__top{ padding: 35px 0; } .footer__logo{ } .footer__label{ color: #fff; margin-bottom: 10px; } .menu-footer-wrap{ text-align: left; padding-top: 5px; padding-left: 40px; padding-right: 10px; } .menu-footer__item{ margin-top: 7px; } .menu-footer__link{ font-weight: 500; } .footer__contacts-items{ margin-top: -10px; } .footer__right{ margin-left: -10px; } .footer__soc{ margin-top: 30px; } .footer__soc .soc__label{ font-weight: 400; } .footer-info{ margin-top: -90px; } .footer-info__item{ margin-top: 10px; } .development__link{ } .development__link:hover{ } .policy__link{ text-decoration: underline; } .footer-links{ } .footer-links__link.link:hover{ text-decoration: underline; } .footer__bottom{ background-color: #020d28; padding: 25px 0; } .footer-links{ margin: -5px 0 0; } .footer-links__item{ margin: 5px 0; } .footer-links__link{ color: #aeb1bc; } .footer-links__link:hover{ color: #d9b00d; } @media only screen and (max-width : 1199px) { .footer__right{ margin-left: -40px; } .menu-footer-wrap{ padding: 0 40px 0 0; } } @media only screen and (max-width : 991px) { .footer-info{ margin-top: 20px; } .footer__right{ margin: 0; } .menu-footer-wrap{ margin: 40px 0; } .footer__contacts-items{ margin-top: -20px; } .footer__soc{ margin-top: 0; } } @media only screen and (max-width : 767px) { .menu-footer-wrap{ margin: 0; } .menu-footer-wrap__item, .footer__contacts-items, .footer__soc, .footer-info{ margin-top: 30px; } } @media only screen and (max-width : 575px) { } /*/FOOTER*/ /*STICK*/ .slick{ touch-action: manipulation; } .slick-slider{ margin-left: -15px; margin-right: -15px; } .slick-slide{ margin-left: 15px; margin-right: 15px; } /*/SLICK*/ /*SLICK BUTTON*/ .slick-prev, .slick-next { cursor: pointer; position: absolute; top: 0; bottom: 0; width: 44px; height: 60px; padding: 0; margin: auto; visibility: visible; border: none; background-color: rgba(186, 6, 35, 0.8); border-radius: 0; z-index: 9; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .slick-prev:hover, .slick-next:hover{ background-color: rgba(186, 6, 35, 1); } .slick-prev::before, .slick-next::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/css/../img/icons/arrow_left.png); background-repeat: no-repeat; background-position: center; } .slick-prev{ left: 15px; } .slick-next{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; right: 15px; } /*/SLICK BUTTON*/ /*SLICK PAGINATION*/ .slick-dots li button{ width: 13px; height: 13px; padding: 0; background-color: #999; border-radius: 50%; display: inline-block; margin: 0 5px; padding: 0; } .slick-dots li button::before{ display: none; } .slick-dots li.slick-active button{ background-color: #ba0623; } /*/SLICK PAGINATION*/ /*CAROUSEL*/ .owl-carousel{ touch-action: manipulation; } .owl-carousel .owl-item img{ display: inline-block; width: auto; transform-style: initial; } .disabled{ display: none; } /*/CAROUSEL*/ /*OWL BUTTON*/ .owl-prev, .owl-next { cursor: pointer; position: absolute; top: 0; bottom: 0; width: 44px; height: 60px; padding: 0; margin: auto; visibility: visible; border: none; background-color: rgba(186, 6, 35, 0.8); border-radius: 0; z-index: 9; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .owl-prev:hover, .owl-next:hover{ background-color: rgba(186, 6, 35, 1); } .owl-prev::before, .owl-next::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url(/css/../img/icons/arrow_left.png); background-repeat: no-repeat; background-position: center; } .owl-prev{ left: 0; } .owl-next{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; right: 0; } /*/OWL BUTTON*/ /*OWL PAGINATION*/ .owl-dots{ text-align: center; position: absolute; bottom: -50px; left: 0; right: 0; } .owl-dots .owl-dot{ width: 13px; height: 13px; padding: 0; background-color: #999; border-radius: 50%; display: inline-block; margin: 0 5px; padding: 0; } .owl-dots .owl-dot.active{ background-color: #009de2; } /*/OWL PAGINATION*/ /*POPUP*/ .fancybox-nav span{ cursor: pointer; position: absolute; top: 0; bottom: 0; margin: auto 0; width: 100px; height: 100px; background-color: rgba(53, 97, 206, .5); border-radius: 50%; z-index: 9; background-image: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .fancybox-nav span:hover{ background-color: rgba(53, 97, 206, .8); } .fancybox-nav span::before{ content: ''; position: absolute; top: 0; right: 25px; bottom: 0; border: 5px solid transparent; border-right: 5px solid #fff; width: 10px; height: 10px; margin: auto; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .fancybox-nav:hover span::before{ opacity: 1; } .fancybox-nav.fancybox-prev span{ left: -50px; } .fancybox-nav.fancybox-next span{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; right: -50px; } .fancybox-nav span:hover::before{ border-right-color: #fff; } .fancybox-nav{ overflow: hidden; } .fancybox-nav span{ visibility: visible!important; } .fancybox-close{ background-image: none; width: 30px; height: 30px; top: 15px; right: 15px; } .fancybox-close::before, .fancybox-close::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 20px; height: 20px; margin: auto; height: 2px; background-color: #3561ce; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .fancybox-close:hover::before, .fancybox-close:hover::after{ background-color: #1e45a8; } .fancybox-close::before{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-close::after{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-close:hover::before{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .fancybox-close:hover::after{ -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-overlay{ background-image: none; background-color: rgba(21,20,26,.9); } .fancybox-skin{ background-color: transparent !important; box-shadow: none!important; } .popup{ background-color: #fff; width: 450px; padding: 0; text-align: center; } .popup.popup_project{ width: auto; max-width: 900px; } .popup.popup_calc, .popup.popup_equipment{ width: auto; max-width: none; /* max-width: 1100px; */ text-align: left; display: block !important; } .popup .form__title{ font-weight: 700; } .popup_calc.popup .form__title span{ font-size: 26px; } .fancybox-nav { width: 50px; } @media only screen and (max-width : 767px) { .popup{ width: 100%; max-width: 450px; } } /*/POPUP*/ /*POPUP*/ .popup_video{ width: auto; max-width: none; padding: 0; } .popup_video iframe{ width: 900px; height: 500px; } @media only screen and (max-width : 991px) { .popup_video iframe{ width: 700px; height: 400px; } } @media only screen and (max-width : 767px) { .popup_video iframe { width: 400px; height: 300px; } } @media only screen and (max-width : 480px) { .popup_video iframe { max-width: 400px; width: 100%; } } /*/POPUP*/ .justifyfull{ text-align: justify; margin-bottom: 10px; } .team__img, .katalog-imgs__item{ position: relative; } .team__img .team__img_desc_wrap, .katalog-imgs__item .team__img_desc_wrap{ position: absolute; bottom: 1px; text-align: center; display: block; width: 100%; } .team__img .team__img_desc_wrap .team__img_desc, .katalog-imgs__item .team__img_desc_wrap .team__img_desc{ background-color: rgba(255,255,255, 0.7); display: inline-block; padding: 10px 20px; } .newsPage__text ul.list li{ padding-left: 10px; position: relative; } .newsPage__text ul.list li::before{ content: ""; position: absolute; width: 3px; height: 3px; left: 0px; background-color: #3561ce; top: 50%; margin-top: -1.5px; } /*production_gallery*/ .production_gallery-items__img { /*padding-top: 50%;*/ height: auto; margin-bottom: 25px; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05); } .production_gallery-items__title{ text-align: center; font-family: "Raleway"; font-size: 16px; font-weight: 700; } .production_gallery-items__text{ position: absolute; width: 100%; bottom: 0px; background-color: rgb(100%, 100%, 100%, 0.7); padding: 10px; z-index: 4; } @media only screen and (max-width: 767px){ .production_gallery-items__title { font-size: 18px; } .production_gallery-items__carousel .slick-prev, .production_gallery-items__carousel .slick-next{ bottom: 60px; } .production_gallery-items__text{ position: relative; bottom: auto; background-color: transparent; padding: 0px; z-index: 1; } } /*production_gallery*/ .btn_anim{ overflow: hidden; } .menu__item_btn .btn_anim{ vertical-align: top; } .btn_anim > span.ripple { width: 0; height: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.8); transform: scale(0); position: absolute; opacity: 1; } .btn > span.rippleEffect { animation: rippleDrop 1.6s infinite linear; } /* @keyframes rippleDrop { 100% { transform: scale(2); opacity: 0; } } */ .tal{ text-align: left; } .benefits-text { flex-direction: column; } .benefits-title { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 700; } .benefits-text { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; } .info__image img{ height: 600px; } @media screen and (max-width: 480px){ .info__image img{ height: auto; } .construction__img { width: auto; padding: 0; } .construction__img-wrap{ overflow-x: hidden; display: block; margin: 0; } } .text-center{ text-align: center; } /* custom css */ h1 { font-size: 46px !important; font-weight: 700 !important; } h2 { font-size: 38px !important; } h3 { line-height: 1.4 !important; } .main-items__title.h4 span { font-weight: 300; } .katalog__title.h3.h3_fz35 { font-size: 20px; } .s-production_gallery-seo { height: 53px; overflow: hidden; transition: 0.5s all; position: relative; } .s-production_gallery-seo { margin-bottom: 20px; } .projects-items__client { background-color: white; padding: 15px; width: 139px; object-fit: contain; height: 84px; } /*yotube background*/ .s-triggers { z-index: 99; } .s-advantages .advantages-items__title { font-family: 'Raleway'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 130% !important; color: #212020; margin: 40px 0 0 0; } .s-advantages .advantages-items__list { font-family: 'Raleway'; letter-spacing: -0.027em; font-style: normal; font-weight: normal; font-size: 20px; line-height: 150%; margin-top: 0px; position: relative; margin-left: 40px; } .advantages-items__list li { position: relative; } .s-advantages .advantages-items__list li { margin-top: 22px; } .s-advantages .advantages-items__list li::before { /* content: " "; position: absolute; width: 1px; height: 100%; background-color:black; left: -21px; top: 0; */ } .s-advantages .advantages-items__list li::after { content: ""; position: absolute; width: 30px; height: 64px; /* background-color: black; */ left: -27px; top: 12px; background: url(/img/check.svg) no-repeat; } .s-advantages .advantages-items__text { margin: 0 0 0 45px; max-width: 100%; } .s-team .s-team__title.h2 { text-align: left; font-size: 38px; line-height: 130%; margin: 0; } .s-team .team__text { font-family: 'Raleway'; letter-spacing: -0.027em; font-size: 16px; line-height: 150%; margin-top: 18px; } .offer__more { cursor: pointer; } .anchor515 { padding-bottom: 0; } .s-katalog .katalog__title.h3.h3_fz35 { min-height: auto; margin-bottom: 20px; } .form__title.h2.h2_left { font-size: 24px; } .form__title.h2.h2_left span, .calc-present__items_title { font-size: 18px; } .form__subtitle.h4 { font-size: 14px; } .calc__step_final .calc-present__icon img { max-width: 74%; } .calc__step_final .btn.btn_max { background-color: #ba0623; border: 1px solid #ba0623; } .calc-present__text .calc-present__title.h4 { font-size: 14px; font-weight: 300; } .offer__descr .offer__more-ul { /* height: 0; */ overflow: hidden; list-style-type: none; counter-reset: num; padding-left: 26px; transition: 1s all; } .offer__descr .offer__more-ul li { position: relative; } .offer__descr .offer__more-ul li a, .offer__more-hide, .offer__more, .s-team__more-show, .s-team__more-hide, .link-more-show-hide { font-weight: 600; font-size: 16px; line-height: 240%; color: #2C63AF; cursor: pointer; position: relative; } .offer__descr .offer__more-ul li a:hover, .offer__more-hide:hover, .offer__more:hover, .s-team__more-show:hover, .s-team__more-hide:hover, .link-more-show-hide:hover { color: #137FFF; } .offer__descr .offer__more-ul li:before { content: counter(num) '.'; counter-increment: num; display: inline-block; position: absolute; top: 0px; left: -26px; width: 20px; font-weight: 600; font-size: 16px; line-height: 240%; color: #2C63AF; text-align: right; } .offer__descr .offer__more-hide { display: none; } #anchor535 .team__img img { max-width: 118%; } .s-katalog .slick-slide.slick-current.slick-active>div>div, .s-equipment .equipment-items__img, .tank-type-img { position: relative; } .s-katalog .slick-slide.slick-current.slick-active>div>div::before, .s-equipment .equipment-items__img::before, .tank-type-card .tank-type-img::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 3; background-color: rgba(5, 34, 108, 0.55); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; /* content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(53, 97, 206, 0.9); z-index: 999; transition: 1s all; opacity: 0; */ } .s-katalog .slick-slide.slick-current.slick-active>div>div::after, .s-equipment .equipment-items__img::after, .tank-type-card .tank-type-img::after { content: 'Подробнее'; position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); top: 50%; z-index: 999; font-family: 'Raleway'; letter-spacing: -0.027em; font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; color: #FFFFFF; transition: 1s all; opacity: 0; /* content: 'Подробнее \00A0 \203A'; position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); top: 50%; z-index: 999; font-family: 'Open Sans'; font-style: normal; font-weight: bold; font-size: 14px; line-height: 150%; text-transform: uppercase; color: #FFFFFF; transition: 1s all; opacity: 0; */ } .s-katalog .slick-slide.slick-current.slick-active>div>div:hover::before, .s-equipment .equipment-items__img:hover::before, .tank-type-card:hover .tank-type-img::before { opacity: 1; } .s-katalog .slick-slide.slick-current.slick-active>div>div:hover::after, .s-equipment .equipment-items__img:hover::after, .tank-type-card:hover .tank-type-img::after { opacity: 1; } #anchor516 .info__image img { height: 521px !important; } #anchor516 { padding: 85px 0 0 0; } #anchor516 .info__title { /* padding-top: 70px; */ } #anchor516 .info__btn-wrap { padding-bottom: 85px; } .s-advantages .advantages-items__btn-wrap .btn{ max-width: 400px; } .s-main_main2 .main__btn-wrap { margin-top: 0; } .s-use .use-items.items { margin-bottom: 40px; } .s-construction__btn-wrap.btn-wrap.btn-wrap_center { margin-top: 0; } .s-equipment .equipment-items__text { margin-bottom: 20px; } .s-use .s-use-seo-text { /* height: 129px; */ transition: 1s all; overflow: hidden; position: relative; } .s-use-seo-text__more-hide { display: none; } .s-use-seo-text__more-hide, .s-use-seo-text__more { color: #2C63AF; } .s-use-seo-text__more-hide:hover, .s-use-seo-text__more:hover { color: #137FFF; } .wrapper-white::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; height: 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.45+100 */ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */ } .wrapper-gray::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.45+100 */ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(245,248,255,0) 0%, rgba(245,248,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(245,248,255,0) 0%,rgba(245,248,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(245,248,255,0) 0%,rgba(245,248,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */ } .wrapper-white-seo::before { content: ''; position: absolute; bottom: 0; width: 100%; height: 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.45+100 */ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */ } .wrapper-gray-seo::before { content: ''; position: absolute; bottom: 0; width: 100%; background: linear-gradient(to bottom, transparent 45%,#f5f8ff); height: 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.45+100 */ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(245,248,255,0) 0%, rgba(245,248,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(245,248,255,0) 0%,rgba(245,248,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(245,248,255,0) 0%,rgba(245,248,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */ } .wrapper-white-menu::before { content: ''; position: absolute; width: 100%; /* background: linear-gradient(to bottom, transparent 45%, #FFFFFF); */ height: 100%; bottom: 0; height: 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.45+100 */ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */ } .wrapper-gray-menu::before { content: ''; position: absolute; width: 100%; /* background: linear-gradient(to bottom, transparent 45%,#f5f8ff); */ /* height: 100%; */ height: 50px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.45+100 */ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(245,248,255,0) 0%, rgba(245,248,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(245,248,255,0) 0%,rgba(245,248,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(245,248,255,0) 0%,rgba(245,248,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */ } /*Сводная таблица технических характеристик популярных*/ .tech_div { color: #212121; font-family: "Trebuchet MS", "Helvetica CY", sans-serif; outline: 0; text-align: left; background: transparent; font-size: 100%; border: 0; margin: 0 auto; padding: 0; vertical-align: top; } div.tech_div table, .design__table table { color: #212121; font-family: "Trebuchet MS", "Helvetica CY", sans-serif; text-align: left; font-size: 100%; border-collapse: collapse; border-spacing: 0; border: 0; margin: 0 auto; padding: 0; vertical-align: middle; width: 100%; margin-top: 20px; } div.tech_div table th, .design__table table th { font-family: "Trebuchet MS", "Helvetica CY", sans-serif; border-collapse: collapse; border-spacing: 0; font-size: 16px; margin: 0 auto; vertical-align: middle; color: #000000; font-weight: bold; /* text-transform: uppercase; */ /* border: 1px solid #b7bec1; */ background-color: rgba(5, 97, 206, 0.07); padding: 5px; text-align: center; } div.tech_div table td, .design__table table td { color: #212121; font-family: "Trebuchet MS", "Helvetica CY", sans-serif; text-align: left; border-collapse: collapse; border-spacing: 0; margin: 0 auto; vertical-align: middle; border-bottom: 1px solid #b7bec1; padding: 8px 5px; font-weight: normal; font-size: 16px; line-height: 150%; } .s-table .tech_div table thead tr th:first-child, .design__table table thead tr th:first-child { background: #0561CE; font-weight: bold; font-size: 16px; line-height: 150%; color: #FFFFFF; width: 260px; } .s-table .tech_div table thead tr th:nth-child(2), .s-construction .design__table table thead tr th:first-child { background: none; width: 40px; } .s-table .tech_div table tbody tr td:first-child, .design__table table thead tr td:first-child { font-weight: 600; font-size: 16px; line-height: 140%; color: #0561CE; } .s-table .tech_div table thead tr th.blue, .s-table .tech_div table tbody tr td.blue { background: #0561CE; font-weight: bold; font-size: 16px; line-height: 150%; color: #FFFFFF; } .s-table .tech_div table tbody tr td.blue { line-height: 140%; } .s-table .tech_div table thead tr th:hover, .design__table table thead tr th:hover { background: #0561CE; font-weight: bold; line-height: 150%; color: #FFFFFF; cursor: pointer; position: relative; } .s-table .tech_div table tr td { cursor: pointer; } td { transition: 0.3s all; } td.td-blur { background: rgba(5, 97, 206, 0.07); } /*Сводная таблица технических характеристик популярных*/ #anchor433::before { left: 40%; } #anchor326 .main__btn-wrap { margin-top: 75px; } #anchor326.s-main { min-height: 616px; } .s-main_main3 { padding-top: 50px; } @media only screen and (max-width: 575px) { .s-main_main3 { padding-top: 40px; } } #anchor547 .main__subtitle { margin-top: 17px; } .s-katalog .katalog__title.h3.h3_fz35 { font-weight: 600; } .popup .h3.h3_fz35 { font-size: 29px; } #anchor537 s-calc::before { left: 57%; } .s-team .team__img, .s-team .video { margin-top: 18px; } .nav-wrap .menu-wrap>ul>li>ul>li a { padding-left: 69px; justify-content: start; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(1)::before { content: ''; position: absolute; background: url(/img/menu/1.png) center center/cover no-repeat; width: 32px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); } @media (max-width:768px) { .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(1)>a:hover::before { display: none; } } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(1)>a:hover::before { content: ''; position: absolute; background: url(/img/menu/1_w.png) center center/cover no-repeat; width: 32px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); z-index: 99999; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(2)::before { content: ''; position: absolute; background: url(/img/menu/2.png) center center/cover no-repeat; width: 34px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(2)>a:hover::before { content: ''; position: absolute; background: url(/img/menu/2_w.png) center center/cover no-repeat; width: 34px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); z-index: 99999; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(3)::before { content: ''; position: absolute; background: url(/img/menu/3.png) center center/cover no-repeat; width: 26px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(3)>a:hover::before { content: ''; position: absolute; background: url(/img/menu/3_w.png) center center/cover no-repeat; width: 26px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); z-index: 99999; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(4)::before { content: ''; position: absolute; background: url(/img/menu/5.png) center center/cover no-repeat; width: 32px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(4)>a:hover::before { content: ''; position: absolute; background: url(/img/menu/5_w.png) center center/cover no-repeat; width: 32px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); z-index: 99999; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(5)::before { content: ''; position: absolute; background: url(/img/menu/4.png) center center/cover no-repeat; width: 32px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(5)>a:hover::before { content: ''; position: absolute; background: url(/img/menu/4_w.png) center center/cover no-repeat; width: 32px; height: 32px; left: 23px; top: 50%; transform: translateY(-50%); z-index: 99999; } /* .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(4)>a { padding-left: 20px; } .nav-wrap .menu-wrap>ul>li>ul>li:nth-child(5)>a { padding-left: 20px; } */ .s-use .s-use-seo-text { font-size: 18px; } .s-team .team__text { overflow: hidden; transition: 0.5s all; position: relative; } .s-use-seo-subheader h2 { font-size: 20px; } .site_s1 .top_big_one_banner.with_childs .banner_title, .next { } .design .design__img { border: 1px solid #CECECE; box-sizing: border-box; text-align: center; padding: 20px; min-height: 350px; background-color: white; } .design .design__table table { margin-top: 0; width: 100%; } .design .design__table table th:first-child { width: 48%; margin-bottom: 12px; } .design .design__table table th:nth-child(2),.design .design__table table td:nth-child(2) { width: 4%; visibility: hidden; } .design__table { overflow: hidden; transition: 1s all; } .s-main_main3 .main__subtitle { font-weight: bold; font-size: 32px; line-height: 130%; } .s-main_main3 .main-items.items { font-weight: normal; font-size: 20px; line-height: 150%; } .bread-crumbs-wrap::before { display: none; } .bread-crumbs__item { font-size: 14px; color: #686868; font-weight: 400; } .bread-crumbs__item:hover { color: #0561CE; } .katalog__btn-wrap>a { width: 100%; } .s-team .team__img img { max-height: 420px; } .katalog-items .katalog-imgs img { max-height: 269px; width: auto !important; } @media screen and (max-width: 768px) { .katalog-items .katalog-imgs img { max-height: 200px; } } .s-use .s-use-seo-subheader h3 { font-size: 24px; font-weight: bold; } .s-offer .team__img { position: relative; height: 100%; } .s-offer .team__img-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* width: 100%; */ } .s-katalog .katalog-items.items.wrap .row { justify-content: center; } .main-items__number.h4 { font-size: 30px; top: -8px; } .projects-items__item .projects-items__title { min-height: 93px; } .s-equipment .offer__btn-wrap.btn-wrap { text-align: center; margin-top: 38px; } .btn-equipment { width: 262px; height: 60px; } .s-equipment-text { text-align: center; font-size: 38px; margin-top: 28px; } .see-also__title { margin-bottom: 30px; } .see-also-link { font-family: 'Open Sans'; font-weight: normal; font-size: 18px; line-height: 250%; } .see-also-link:hover { color: #0561CE; } .menu__item.menu__item_katalog .menu__item .menu__item a { text-align: left; justify-content: start; padding-left: 20px; } .s-team .team__img { text-align: center; } .oleg-petrovich { position: relative; } .oleg-petrovich .s-team-img-desc-wrap { position: absolute; bottom: 33px; right: 92px; width: 177px; height: 68px; background-color: white; font-family: 'Open Sans'; font-style: normal; font-weight: bold; font-size: 16px; line-height: 150%; padding-top: 12px; padding-left: 19px; text-align: left; overflow: hidden; } .oleg-petrovich.victor .s-team-img-desc-wrap { bottom: 44px; right: 163px; width: 207px; } .oleg-petrovich .s-team-img-desc-wrap::before { content: ''; right: -33px; bottom: -28px; background-image: url(/img/logo.svg); width: 71px; height: 53px; position: absolute; opacity: 0.2; } .oleg-petrovich .s-team-img-desc-works { font-size: 12px; font-weight: normal; } .tank-type .tank-type-title.h2 { margin-bottom: 30px; } .tank-type .tank-type-img { height: 269px; } .tank-type .tank-type-subtitle { margin-top: 25px; font-family: 'Raleway'; font-style: normal; font-weight: bold; font-size: 18px; line-height: 150%; text-align: center; padding: 0 20px; margin-bottom: 15px; min-height: 54px; } .tank-type .tank-type-desc { font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 150%; text-align: center; color: #6F6F6F; padding: 0 10px; margin-bottom: 30px; } .tank-type .tank-type-desc span { color: #000000; } .tank-type .tank-type-card { border: 1px solid #D8D8D8; box-sizing: border-box; transition: 0.5s all; margin-bottom: 20px; } .tank-type .tank-type-card:hover { transform: scale(1.05); background-color: white; margin-bottom: 30px; } .production_gallery-items__item.items__item { min-height: 616px; background-image: url(/img/prelGal.gif); } .s-katalog .katalog__btn-wrap { text-align: center; } .s-katalog .katalog__btn-wrap>a { width: 100%; } .s-katalog .katalog-items__item.items__item.katalog-items__item-new { border: 1px solid #D8D8D8; box-sizing: border-box; transition: 0.4s all; margin-bottom: 20px; /* height: calc(100% - 20px); */ height: 100%; } .s-katalog .katalog-items__item.items__item.katalog-items__item-new:hover { transform: scale(1.02); margin-bottom: 30px; } .s-katalog .katalog-items__item.items__item.katalog-items__item-new .katalog__text { padding: 20px; background-color: white; height: 100%; } .s-katalog .katalog-items__item.items__item.katalog-items__item-new .katalog__btn-wrap { height: 0; overflow: hidden; transition: 0.4s all; } .s-katalog .katalog-items__item.items__item.katalog-items__item-new:hover .katalog__btn-wrap { height: 60px; } .design__img>a { margin-bottom: 0; } .new-table td, .design__table table td { /* padding: 2px 5px !important; */ } .new-table thead tr th:last-child { width: 165px; } .new-table thead tr th:first-child { width: 410px !important; } /* Лого разработчика */ .b-developer__img svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .b-developer__link { display: inline-block; } .b-text-white .b-developer__link, .footer .b-developer__link { color: #fff; } .b-developer__link:hover .b-developer__img-hover { width: 100%; } .b-developer__link:active .b-developer__img svg path:nth-child(1) { fill: #c7ab00; } .b-developer__link:active .b-developer__img svg path:nth-child(2) { fill: #333; } .b-developer__label { display: inline-block; vertical-align: middle; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .b-developer__img { vertical-align: middle; display: inline-block; margin-left: 15px; position: relative; } .b-developer__img, .b-developer__img svg { width: 49px; height: 13.61px; } .b-developer__img svg path { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .b-developer__img svg path:nth-child(1) { fill: #fff; } .b-developer__img svg path:nth-child(2) { fill: #333; } .b-developer__img-hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 0; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .b-developer__img-hover svg { left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .b-developer__img-hover svg path:nth-child(1) { fill: #FAD700; } .b-developer__img-hover svg path:nth-child(2) { fill: #333; } .development.footer__development.b-developer__label { color: #abb9da; /*цвет текста создание сайта*/ } .development.footer__development.b-developer__label:hover { color: #3561ce; /*цвет текста при наведении */ } /* END Лого разработчика */ .s-table .tab__item { height: 100%; } .clients-items__item.items__item>a { transition: 0.8s all; } .clients-items__item.items__item:hover>a { transform: scale(1.06); border: 4px solid black; } .use-items.items { /* max-height: 480px; */ overflow: hidden; transition: 0.4s all; } .s-katalogt-old .katalog__btn-wrap { margin-top: 50px; width: 220px; } .s-katalogt-old .katalog-imgs__img img { height: auto; max-height: 380px; } .s-katalog .katalog__text { min-height: 125px; } .clients-items-title { font-family: 'Raleway'; letter-spacing: -0.027em; font-style: normal; font-weight: 500; font-size: 18px; line-height: 130%; position: relative; margin-top: 14px; margin-left: 30px; } .clients-items-title::before { content: ''; width: 17px; height: 3px; position: absolute; background-color: #0561CE; left: -30px; top: 10px; } .clients-items-desc { font-family: 'Raleway'; letter-spacing: -0.027em; font-style: normal; font-weight: 300; font-size: 14px; line-height: 130%; margin-left: 30px; margin-top: 6px; } a[href^='mail'] { font-family: 'Raleway'; } .fix-block { display: block; position: absolute; top: 200px; color: white !important; left: 20px; background-color: red; padding: 10px; border-radius: 10px; opacity: 0; transition: 0.6s all; z-index: 999999999; } .fix-block-content2 { left: -100px; z-index: 99999999999; } section:hover .fix-block { opacity: 1; } #anchor601 .s-offer::before, #anchor1111 .s-offer::before, #anchor1112 .s-offer::before, #anchor1107 .s-offer::before{ content: ''; background-repeat: no-repeat; width: 900px; height: 400px; left: auto; top: 0; position: absolute; right: 0; margin-top: 43px; } @media (max-width:1568px) { #anchor601 .s-offer::before, #anchor1111 .s-offer::before, #anchor1112 .s-offer::before, #anchor1107 .s-offer::before{ left: 676px; top: 0; } } @media (max-width:1368px) { #anchor601 .s-offer::before, #anchor1111 .s-offer::before, #anchor1112 .s-offer::before, #anchor1107 .s-offer::before{ left: 560px; bottom: 61px; } } @media (max-width:1199px) { #anchor601 .s-offer::before, #anchor1111 .s-offer::before, #anchor1112 .s-offer::before, #anchor1107 .s-offer::before{ left: 603px; bottom: 59px; } } @media (max-width:991px) { #anchor601 .s-offer::before, #anchor1111 .s-offer::before, #anchor1112 .s-offer::before, #anchor1107 .s-offer::before{ margin-top: 0px; margin-left: 0px; -webkit-background-size: auto; background-size: auto; left: 603px; bottom: 59px; } } @media (max-width:765px) { #anchor601 .s-offer::before, #anchor1111 .s-offer::before, #anchor1112 .s-offer::before, #anchor1107 .s-offer::before{ display: none; }} .offer-img-wrap { margin: 0 -200px 0 -150px; } @media (max-width:991px) { .offer-img-wrap { margin: 55px -200px 0 -150px; } } @media (max-width:768px) { .offer-img-wrap { display: none; } } .table-icon { display: block; position: relative; width: 40px; height: 40px; margin: 0 0 10px auto; background: center / cover no-repeat; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='120px' viewBox='0 0 100 120' enable-background='new 0 0 100 120' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%230561CE' d='M87.153,53.932c-0.827-2.276-3.205-3.806-5.916-3.806c-0.776,0-1.525,0.129-2.227,0.384 c-0.651,0.237-1.443,0.708-2.192,1.295c-1.125-2.481-3.624-4.114-6.377-4.114c-0.816,0-1.621,0.143-2.394,0.423 c-1.573,0.573-2.82,1.663-3.617,3.012c-1.307-1.546-3.256-2.493-5.353-2.493c-0.815,0-1.621,0.143-2.394,0.423 c-1.645,0.599-3.153,1.719-4.16,3.188l-6.182-16.981c-1.192-3.278-3.592-5.234-6.42-5.234c-0.748,0-1.513,0.14-2.272,0.417 c-3.683,1.34-5.276,5.276-3.789,9.364L48.397,79.47l-7.479-3.71c-1.103-0.515-2.271-0.775-3.471-0.775 c-3.145,0-6.04,1.854-7.378,4.724c-0.927,1.987-1.027,4.215-0.282,6.274c0.745,2.063,2.25,3.71,4.163,4.6 c0.068,0.036,6.96,3.719,16.5,8.166L52,99.475c6.116,2.873,11.893,5.586,18.589,5.586h0.001c3.188,0,6.38-0.598,9.758-1.827 c11.867-4.319,13.67-11.721,14.5-18.931C95.646,77.367,87.501,54.885,87.153,53.932z M91.867,83.96 c-0.781,6.788-2.265,12.712-12.545,16.454c-3.044,1.107-5.9,1.646-8.732,1.646h-0.001c-6.026,0-11.257-2.457-17.313-5.301 l-1.558-0.73c-9.459-4.41-16.284-8.057-16.426-8.129c-1.258-0.588-2.211-1.631-2.684-2.938c-0.473-1.309-0.409-2.725,0.18-3.987 c0.86-1.845,2.646-2.991,4.659-2.991c0.759,0,1.5,0.166,2.169,0.479l10.817,5.365c0.55,0.273,1.21,0.185,1.668-0.227 c0.457-0.41,0.619-1.057,0.407-1.633l-15.83-43.187c-0.709-1.951-0.612-4.566,1.997-5.516c0.431-0.157,0.851-0.236,1.247-0.236 c1.513,0,2.858,1.219,3.602,3.26l9.577,26.311c0.284,0.779,1.147,1.18,1.922,0.896c0.779-0.283,1.181-1.145,0.896-1.923 l-1.368-3.759c-1.129-3.102,1.271-5.251,3.159-5.938c0.442-0.161,0.902-0.243,1.367-0.243c1.676,0,3.188,1.058,3.761,2.633 l1.864,5.125l0.017,0.044c0.284,0.779,1.147,1.18,1.922,0.896c0.778-0.284,1.18-1.144,0.896-1.922l-0.876-2.409 c-0.712-2.052,0.369-4.324,2.411-5.067c0.442-0.161,0.902-0.243,1.368-0.243c1.675,0,3.186,1.059,3.76,2.634l2.192,6.024 l0.029,0.083c0.283,0.778,1.141,1.181,1.923,0.896c0.778-0.283,1.18-1.145,0.896-1.923l-1.306-3.587 c0.463-0.48,1.437-1.248,2.1-1.489c0.371-0.135,0.775-0.204,1.201-0.204c1.432,0,2.705,0.753,3.098,1.832 C86.632,61.27,92.463,78.781,91.867,83.96z'/%3E%3Cpath fill='%230561CE' d='M14.746,24.185c17.562-4.042,35.919-3.444,53.245,1.791c1.025,0.309,2.358-0.309,2.672-1.258 c0.313-0.95-0.44-2.248-1.515-2.571c-17.995-5.437-37.06-6.057-55.299-1.86c-0.337-1.462-0.673-2.924-1.009-4.386 c-0.137-0.59-0.389-1.095-1.083-1.17c-0.693-0.074-1.117,0.163-1.499,0.702c-1.78,2.512-3.427,5.066-4.938,7.649 c-0.442,0.758-0.141,1.659,0.646,2.021c2.688,1.24,5.274,2.584,7.751,4.021c0.531,0.308,0.95,0.337,1.453-0.021 c0.502-0.358,0.496-0.916,0.36-1.507C15.27,26.458,15.008,25.322,14.746,24.185z'/%3E%3C/g%3E%3C/svg%3E%0A"); } @media only screen and (min-width: 992px) { .table-icon { display: none; } } @media only screen and (max-width: 991px) { .table-group__scroll { display: -webkit-box; display: -ms-flexbox; display: flex; width: 970px; } } .table-group__scroll::before, .table-group__scroll::after { content: ''; position: relative; display: block; width: 135px; } @media only screen and (min-width: 992px) { .table-group__scroll::before, .table-group__scroll::after { display: none; } } @media only screen and (max-width: 991px) { .table-group_adaptive { overflow: auto; margin-right: -110px; margin-left: -110px; } } .input_site::before { background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%239f9f9f;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EWondicon - UI (Free)%3C/title%3E%3Cpath class='cls-1' d='M100,175.69A75.69,75.69,0,1,1,175.69,100,75.78,75.78,0,0,1,100,175.69Zm0-141.38A65.69,65.69,0,1,0,165.69,100,65.77,65.77,0,0,0,100,34.31Z'/%3E%3Cpath class='cls-1' d='M100,175.69c-19.49,0-30-39-30-75.69s10.51-75.69,30-75.69,30,39,30,75.69S119.49,175.69,100,175.69Zm0-141.38c-8.15,0-20,25.59-20,65.69,0,18.33,2.5,35.49,7,48.32,3.73,10.55,8.82,17.37,13,17.37,8.15,0,20-25.59,20-65.69,0-18.33-2.5-35.49-7-48.32C109.23,41.13,104.14,34.31,100,34.31Z'/%3E%3Cpath class='cls-1' d='M170.69,105H29.31a5,5,0,0,1,0-10H170.69a5,5,0,0,1,0,10Z'/%3E%3Cpath class='cls-1' d='M163.05,73H37a5,5,0,0,1,0-10h126.1a5,5,0,0,1,0,10Z'/%3E%3Cpath class='cls-1' d='M163.05,137H37a5,5,0,0,1,0-10h126.1a5,5,0,0,1,0,10Z'/%3E%3C/svg%3E"); } @media (min-width: 992px) { .popup.popup_project { width: 900px; max-width: 900px; } } @media (max-width: 991px) { .s-main_main2 .main__btn-wrap { margin-top: 30px; } } @media (max-width: 991px) { #anchor892 { height: 50px; overflow: hidden; padding: 0; } #anchor892 .offer__title { display: none; } #anchor892 .team__img { display: none; } } @media (max-width:768px) { h1 { font-size: 36px !important; } h2 { font-size: 30px !important; } .s-offer .team__img { height: 200px; } .s-offer .team__img-img { max-height: 200px; } .s-advantages .advantages-items__list { text-align: left; } .s-advantages .advantages-items__title { font-size: 28px; } #anchor326.s-main { min-height: 1px; } #anchor326 .main__btn-wrap { margin-top: 30px; } .production_gallery-items__item.items__item { min-height: 1px; background: none; } .production_gallery-items__carousel .slick-prev, .production_gallery-items__carousel .slick-next { bottom: 90px; } .production_gallery-items__text { height: 80px; } .production_gallery-items__img { padding-top: 50%; overflow: hidden; } .production_gallery-items__img img { position: absolute; top: 0; left: 0; } .s-equipment-text { font-size: 30px; } .info__image img { height: auto !important; } #anchor548 { padding: 50px 0; } .bread-crumbs-wrap+#anchor618 { margin-top: 40px; display: block; } .additionally-items__item { text-align: center; padding-bottom: 30px; } section, .section { padding: 50px 0; } .s-team+.s-team { margin-top: -50px; } .team { margin-top: 20px; } .s-team .team__img, .s-team .video { margin-top: 10px; } .team__img { max-width: 100%; } #anchor493 .s-calc { padding-top: 0; margin-top: -20px; } } @media (max-width:576px) { h1 { font-size: 32px !important; } h2 { font-size: 28px !important; } } @media only screen and (max-width : 1100px) { .city_select__col{ width: 33%; } } @media only screen and (max-width : 900px) { .city_select__col{ width: 50%; } .city_select__container { /* width: 90%; */ } } @media only screen and (max-width : 500px) { .city_select__col{ width: 90%; } } .menu_mobile { display: none; } .menu>div { display: flex; justify-content: space-between; } @media (max-width: 991px) { .menu>div { flex-direction: column; } } @media only screen and (max-width : 991px) { .menu_mobile { display: block; } .menu_no_mobile, .header__top { display: none; } } @media (min-width:990px) { .s-katalog .katalog__title.h3.h3_fz35 { min-height: 56px; } } .btn_buy[href="#popup_buy"] { background-color: rgba(0,0,0,0); border-color: white; } .btn_buy[href="#popup_buy"]:hover { background-color: rgba(199, 199, 199, 0); border-color: rgba(199, 199, 199, 1); transition: all 0.5s; } .btn_buy[href="#popup_buy"]:hover svg path { fill: rgba(199, 199, 199, 1); transition: all 0.5s; } .recaptcha-error { display: none; } .recaptcha-error.active { display: block; color: red; margin-bottom: 10px; font-size: 14px; } #popup_form_load { width: 80vw; max-height: 80vh; overflow-x: hidden; } .elements-list-section { display: flex; justify-content: flex-start; flex-wrap: wrap; } .element-section { margin-right: 15px; margin-top: 20px; padding: 10px 20px; border: solid 1px #000; } .element-section:hover { background-color: #3561ce; color: #fff; border: solid 1px #3561ce; } @media (min-width:1200px) { .elements-list-detail { margin-left: 30px; } } @media (max-width:768px) { div.tech_div table th, .design__table table th { font-size: 10px !important; min-width: 100px; } div.tech_div table td, .design__table table td { font-size: 10px !important; } div.tech_div table td span, .design__table table td span { font-size: 10px !important; } .tech_div { overflow: scroll; } .s-table .tech_div table thead tr th:nth-child(2), .s-construction .design__table table thead tr th:first-child { width: 40px !important; min-width: auto; } } [data-href]{ cursor: pointer; display: inline; } .wrap_author { padding: 20px 0; background-color: #f0f0f0; -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); margin-top: 30px; margin-left: 0; margin-right: 0; } .wrap_img img { border-radius: 100px; } .wrap_btn { margin-top: 20px; } .title_author { font-weight: 700; } /*FAQ BLOCK*/ .faq-section { padding: 127px 0; } .faq-section h2 { text-align: left; } .faq-content { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; } .faq-blocks-list { padding-right: 24px; margin-bottom: -6px; -ms-flex-positive: 1; flex-grow: 1; } .faq-block { background: #F7F6F4; border-radius: 5px; padding: 20px 32px; margin-bottom: 6px; } .faq-question { cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .faq-question:hover .plus { background: #3561ce; } .faq-question.opened .plus { padding-top: 0; padding-bottom: 1px; } .faq-question.opened .plus img { transform: rotate(-180deg); } .faq-question h5 { font-weight: 500; font-size: 20px; line-height: 1.4; color: #131313; } .faq-question .plus { transition: all 0.3s ease-out; width: 40px; height: 40px; background: #3561ce; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 25px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding-top: 1px; } .faq-question .plus img { transition: all 0.3s ease-out; display: block; } .faq-answer { padding: 5px 50px 7px 0; } .faq-answer p { line-height: 1.45; } .faq-answer { display: none; } .faq-aside { margin-left: auto; width: 396px; -ms-flex-negative: 0; flex-shrink: 0; background: #F7F6F4; box-shadow: inset 0px 0px 134px rgba(255, 255, 255, 0.08); border-radius: 10px; padding: 0 30px 36px; text-align: center; } .faq-man { margin-top: -38px; margin-bottom: 17px; } .faq-man img { display: block; border-radius: 50%; margin: 0 auto; } .faq-man-name { line-height: 128%; margin-bottom: 23px; } .faq-man-name .name { font-weight: 500; font-size: 18px; color: #151515; margin-bottom: 6px; } .faq-man-name .job { font-size: 14px; } .faq-recall .title { font-weight: 500; font-size: 22px; line-height: 140%; color: #131313; margin-bottom: 8px; } .faq-recall .note { font-weight: 400; font-size: 20px; line-height: 140%; color: #131313; margin-bottom: 2px; } .faq-recall .phone { display: -ms-inline-flexbox; display: inline-flex; font-weight: 500; font-size: 20px; line-height: 1.2; margin-bottom: 18px; } .faq-recall p { line-height: 140%; margin-bottom: 12px; } .faq-recall .btn { width: 100%; /* max-width: 274px; min-height: 72px; */ } /* Карточка 1 картинка*/ .katalog > div:hover .katalog-imgs__img::before, .katalog > div:hover .katalog-imgs__img::after { opacity: 1 !important; } .katalog > div:hover .btn.btn2 { background-color: #1e45a8; border-color: #1e45a8; } .s-katalog .slick-slide.slick-current.slick-active > div > a::before, .s-equipment .equipment-items__img::before, .tank-type-card .tank-type-img::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 3; background-color: rgba(5, 34, 108, 0.55); opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .s-katalog .slick-slide.slick-current.slick-active > div > a::after, .s-equipment .equipment-items__img::after, .tank-type-card .tank-type-img::after { content: "Подробнее"; position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); top: 50%; z-index: 999; font-family: "Raleway"; letter-spacing: -0.027em; font-style: normal; font-weight: 400; font-size: 18px; line-height: 150%; color: #ffffff; transition: 1s all; opacity: 0; pointer-events: none; } .katalog-imgs__img { display: block; } /* Карточка 1 заголовок */ .katalog .row { position: relative; } .katalog .col-12 { position: static; } .s-katalog a.katalog__title.h3.h3_fz35 { display: block; } .s-katalog a.katalog__title.h3.h3_fz35::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 1; } /* Карточка 1 кнопка */ a.btn.custom_btn { height: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /* Карточка 2 */ .use-items__item:hover .use-items__title a { color: #fff; } .use-items__title a { display: block; } .use-items__title a::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 1; } /* Карточка 3 */ .equipment-items__img { display: block; } .equipment-items__text .btn.btn_max { height: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /* Карточка 3 заголовок */ .equipment-items__item.items__item:hover .equipment-items__img::before, .equipment-items__item.items__item:hover .equipment-items__img::after { opacity: 1; } .equipment-items__item.items__item:hover .btn.btn_max { background-color: #8a091e; border-color: #8a091e; } a.equipment-items__title.h5 { display: block; } a.equipment-items__title.h5::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 999; } .projects-items__text { position: relative; } .projects-items__item:hover .link span { text-decoration: none; } .projects-items__item:hover h4 { color: #3561ce; } .projects-items__descr { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .projects-items__text a:first-child:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 999; } /* Карточка 4 */ .news-items__item.items__item:hover .news-items__img::before { opacity: 0.65; } .news-items__item.items__item:hover .news-items__img::after { opacity: 1; } .news-items__item.items__item:hover .btn.btn2 { background-color: #1e45a8; border-color: #1e45a8; color: #fff; } .news-items__title.h4 { display: block; } .news-items__title.h4::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 999; } .news-items__btn-wrap a.btn.btn2.btn_border { height: 60px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .wrap_tag { border: 1px solid #848484; padding: 3px 15px; display: inline-block; margin-bottom: 10px; color: #848484; } .newsPage__text h3 { font-weight: 600; font-size: 130%; } .flex_wrap_contact { display: flex; gap: 10px; align-items: end; } .whatsapp_wrap { position: relative; top: 1px; left: 0; width: 42px; height: 42px; border: 1px solid rgba(21, 47, 112, .2); background-repeat: no-repeat; background-position: center; } .whatsapp_wrap img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; } .nav__wh-icon { background-image: url(/css/../img/wh.svg); background-size: 39px; } @media (min-width:991px) { .bread-crumbs-wrap-mt50 { margin-top: 70px; } } .bread-crumbs-wrap-news { margin-bottom: 15px; } @media (max-width:768px) { .bread-crumbs-wrap-news { margin-bottom: 0px; } } .newpagination { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .newpagination span { border: 1px solid #000; color: #000; padding: 10px 18px; min-width: 48px; } .newpagination a { border: 1px solid #3561ce; color: #3561ce; padding: 10px 18px; } .newpagination a:hover { background-color: #1e45a8; border-color: #1e45a8; color: #fff; } .pagination { margin-top: 40px; text-align: center; } .h3.h3_fz35.katalog__title_new { font-size: 20px; font-weight: 600; } .katalog__subtitle_new { font-size: 16px; font-weight: 400; padding-left: 20px; position: relative; } .katalog__subtitle_new::before { content: "•"; position: absolute; left: 0; font-size: 28px; top: -3px; } .katalog_link { } .katalog_link:hover { color: #3561ce; } .katalog__text_new { display: flex; flex-direction: column; gap: 5px; margin-top: 10px; } /* body { opacity: 0; } */ /* popup start */ .biaris-popup { max-width: 600px; width: auto; } .biaris-popup .form { padding: 64px 46px; } .biaris-popup .form__content { display: flex; flex-direction: row; } .biaris-popup .form__content--image { width: 150px; height: 100px; flex: 0 0 150px; } .biaris-popup .form__content--image img { width: 100%; height: 100%; } .biaris-popup .input__input { height: 45px; width: 100%; max-width: 100%; background-color: #fff; padding: 0 10px 0 10px; color: #313131; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } .biaris-form .input-radio { display: flex; flex-direction: row; gap: 16px; flex-wrap: wrap; } .biaris-form .input-radio label { width: 158px; height: 45px; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 10px; text-transform: capitalize; } .biaris-form .input-radio label svg { fill: #3d64c7; transition: fill 0.2s; } .biaris-form .input-radio label:hover svg { fill: #fff; } .biaris-form .input-radio { margin-bottom: 20px; } .biaris-form .input-radio input { opacity: 0; visibility: hidden; position: absolute; } .biaris-form .input-radio input:checked+label.btn { background-color: #3d64c7; color: #fff; border-color: #3d64c7; } .biaris-form .input-radio input:checked+label svg { fill: #fff; } .biaris-popup .h3 { text-align: left; margin-bottom: 24px; } .biaris-form .h4 { text-align: left; margin-bottom: 24px; } .biaris-form .btn[disabled] { cursor: not-allowed; opacity: 0.5; pointer-events: none; } @media (max-width: 767px) { .biaris-popup .form__content { flex-direction: column; align-items: center; } .biaris-popup .form__content--image { flex: 0 0 100px; } .biaris-popup .form { padding: 50px 16px 30px; } } @media (max-width: 639px) { .biaris-form .input-radio { display: flex; flex-direction: column; gap: 16px; flex-wrap: nowrap; } .biaris-form .input-radio .btn { width: 100%; } } /* popup end */ /* fixed start */ .container.biaris-fixed-reference { margin: 20px auto 0; background-color: #fff; box-shadow: 0px 0px 114px 0px rgba(0, 0, 0, 0.1); display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 24px; gap: 50px; } .biaris-fixed-reference__left { display: flex; flex-direction: row; align-items: center; gap: 24px; /* доп правка плашки */ /* max-width: 535px; */ /* конец доп правка плашки */ text-align: left; } .biaris-fixed-reference__left--image { width: 150px; height: 100px; flex: 0 0 150px; } .biaris-fixed-reference__left--image img { width: 100%; height: 100%; } .biaris-fixed-reference .btn { min-width: 198px; } @media (max-width: 767px) { .biaris-fixed-reference__left { flex-direction: column; align-items: flex-start; } .biaris-fixed-reference__left--image { flex: 0 0 100px; } } @media (max-width: 575px) { .container.biaris-fixed-reference { flex-direction: column; gap: 20px; } .biaris-fixed-reference .btn { min-width: 181px; } .biaris-fixed-reference__left--image { display: none; } } /* fixed end */ /* slide form */ .biaris-slide-form { position: relative; z-index: 0; height: 100%; overflow: hidden; } .biaris-slide-form__image { width: 100%; height: 100%; /* доп правки слайдера */ z-index: 0; /* конец доп правки слайдера */ position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .biaris-slide-form__image img { width: 100%; height: 100%; filter: blur(10px); } .biaris-slide-wrap { padding-bottom: 30px; display: flex; flex-direction: column; align-items: center; /* доп правки слайдера */ z-index: 1; position: relative; /* конец доп правки слайдера */ } .biaris-slide-form__image::after { content: ""; z-index: 1; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); } .biaris-slide-form .h2 { color: #fff; max-width: 607px; margin: 66px auto 0; } .biaris-slide-form__content { display: flex; flex-direction: row; align-items: center; gap: 56px; margin: 24px auto 0; justify-content: center; } .biaris-slide-form__content .form__form { max-width: 455px; background-color: #fff; padding: 36px; width: 100%; margin-top: 0; flex: 0 0 auto; } .biaris-slide-form__image-decor { width: 425px; height: auto; flex: 0 0 auto; position: relative; } .wrap_pdf { position: absolute; right: 0; bottom: 0; border: #8ac1ff 3px solid; padding: 10px; background-color: rgb(237 244 252); display: flex; gap: 10px; -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2); } .wrap_pdf .text_pdf { color: #0058a9; } .biaris-slide-form__image-decor img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .biaris-slide-form__content .form__title { margin-bottom: 24px; } /* .biaris-slide-form__content .input__input { height: 56px; width: 100%; max-width: 100%; background-color: #fff; padding: 0 10px 0 10px; color: #313131; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; } */ .biaris-slide-wrap .biaris-mob-button { display: none; } .biaris-slide-form.items__item { min-height: 616px; width: 100%; } @media (max-width: 1199px) { .biaris-slide-form__content .form__form { max-width: 455px; background-color: #fff; padding: 36px; width: 100%; } .biaris-slide-form__image-decor { display: none; } } @media (max-width: 991px) { .biaris-slide-form__image-decor { display: none; } } @media (max-width: 768px) { .biaris-slide-form .h2 { margin: 0 auto 0; } .biaris-slide-form__content { display: none; } .biaris-slide-wrap { padding: 0; } .biaris-slide-wrap .biaris-mob-button { display: inline-block; margin: 30px auto 0; } .biaris-slide-form .items__item { padding: 40px; } .biaris-slide-form .items__item { min-height: 1px; } } .biaris-popup-2 { max-width: 600px; border-radius: 12px; } .biaris-popup-2 .form { padding: 36px; border-radius: 12px; } .biaris-popup-2 .form__title { margin-bottom: 32px; } .biaris-popup-2 .input__input { /* height: 55px; width: 100%; max-width: 100%; background-color: #fff; padding: 0 10px 0 10px; color: #313131; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; */ } /* доп правка слайдера */ .biaris-production_gallery-items__carousel .slick-slide .production_gallery-items__item.items__item { height: 616px; background-position: center; background-repeat: no-repeat; background-size: cover; } .biaris-production_gallery-items__carousel .slick-slide .production_gallery-items__item.items__item .production_gallery-items__img { width: 100%; height: 100%; } .biaris-production_gallery-items__carousel .slick-slide .production_gallery-items__item.items__item .production_gallery-items__img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .biaris-production_gallery-items__carousel .slick-prev, .biaris-production_gallery-items__carousel .slick-next { bottom: 0; } .biaris-slick-slide { box-sizing: border-box; width: 100%; } @media (max-width: 768px) { .biaris-production_gallery-items__carousel .slick-slide .production_gallery-items__item.items__item { /* доп правки слайдера 2 */ height: 375px; display: flex; flex-direction: column; align-items: center; justify-content: center; /* доп правки слайдера 2 */ width: 100%; } .biaris-production_gallery-items__carousel .slick-slide .production_gallery-items__item.items__item .production_gallery-items__img { padding-top: unset; height: 100%; width: 100%; margin-bottom: unset; } .biaris-production_gallery-items__carousel .slick-slide .production_gallery-items__text { position: absolute; bottom: 0; height: auto; padding: 10px; background-color: rgb(100%, 100%, 100%, 0.7); } .biaris-production_gallery-items__carousel { width: 100%; /* доп правки слайдера 2 */ /* height: 375px; */ /* доп правки слайдера 2 */ margin: 0 auto; } } /* конец доп правки слайдера */ .s-custom-catalog .btn2 { font-size: 12px; } h2 { scroll-margin-top: 80px; /* Высота фиксированной шапки */ } .offer__more_new { font-weight: 600; font-size: 16px; line-height: 240%; color: #2C63AF; cursor: pointer; position: relative; } .li-offer__more_new { position: relative; } .li-offer__more_new a { font-weight: 600; font-size: 16px; line-height: 240%; color: #2C63AF; cursor: pointer; position: relative; } li.li-offer__more_new:before { content: counter(num) '.'; counter-increment: num; display: inline-block; position: absolute; top: 0px; left: -26px; width: 20px; font-weight: 600; font-size: 16px; line-height: 240%; color: #2C63AF; text-align: right; } .offer__descr .offer__more-ul_new { overflow: hidden; list-style-type: none; counter-reset: num; padding-left: 26px; transition: 1s all; } .offer__descr .offer__more-ul_new { overflow: hidden; list-style-type: none; counter-reset: num; padding-left: 26px; transition: 1s all; max-height: 0; opacity: 0; visibility: hidden; } .toggle-checkbox { display: none; } .toggle-checkbox:checked ~ .offer__more-ul_new { max-height: 500px; /* Adjust this value based on your content */ opacity: 1; visibility: visible; } .toggle-checkbox:checked ~ .offer__more_new--hide { display: inline-block; } .toggle-checkbox:checked ~ .offer__more_new--show { display: none; /* background-color: red; */ } .offer__more_new--hide { display: none; } .wrap-see-also { border: 1px solid #000; border-radius: 100px; padding: 0px 30px; margin-bottom: 20px; display: inline-block; line-height: 1.5; padding: 20px; } .wrap-see-also:hover { border: 1px solid #0561CE; } /* новые блоки КАЗС */ .calc__item { display: flex; align-items: flex-start; gap: 15px; padding: 15px; border: 1px solid #e0e0e0; height: 100%; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: box-shadow 0.3s ease; } .calc__item:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .calc__item-img { flex: 0 0 100px; } .calc__item-img img { width: 100%; height: auto; object-fit: cover; } .calc__item-text { flex: 1; display: flex; flex-direction: column; } .calc__item-title { font-size: 16px; font-weight: 500; margin-bottom: 10px; color: #333; } .calc__item-btn { display: inline-block; padding: 6px 12px; background-color: #f0f8ff; color: #0066cc; font-size: 14px; font-weight: 500; margin-top: auto; align-self: flex-start; border: 1px solid #cce0ff; } @media (max-width: 991px) { .calc__item { flex-direction: column; } .calc__item-img { flex: 0 0 auto; width: 100%; margin-bottom: 10px; } .calc__item-btn { margin-top: 10px; } .calc__item { flex-direction: column; } } .calc__subtitle { margin-bottom: 20px; } .calc__items_trig { margin-bottom: 20px; } .calc__items_trig .col-12 { margin-bottom: 20px; } .construction__desc { text-align: left; } .construction__desc ul { list-style: none; padding-left: 20px; } .construction__desc h4 { font-weight: 600; } .construction__desc ul li:before { content: '\2022'; display: inline-block; width: 1em; margin-left: -1em; } .s-fuel-distribution__title { font-weight: 600; } .calc__item-img_trig { max-width: 200px; } .s-fuel-distribution { padding: 20px 0; } .s-fuel-distribution__title { font-size: 18px; margin-bottom: 15px; } .s-fuel-distribution__img { width: 100%; height: auto; margin-bottom: 10px; max-width: 260px; } .s-fuel-distribution__text { font-size: 18px; padding: 20px; text-align: left; } .s-fuel-distribution__desc { display: block; margin-top: 5px; color: #666; font-size: 14px; } .h2-fuel-distribution__title { margin-bottom: 20px; } .wrap-fuel { -webkit-box-shadow: 0 24px 59px rgba(0, 0, 0, 0.18);; -moz-box-shadow: 0 24px 59px rgba(0, 0, 0, 0.18);; box-shadow: 0 24px 59px rgba(0, 0, 0, 0.18);; transition: all 0.3s ease; text-align: center; } .wrap-fuel:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .wrap-fuel-img { background-color: #fff; } @media (max-width: 786px) { .row-fuel-gap20 { gap: 20px; } } .s-gost .s-item-data { background-color: #ffffff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative; } .s-gost .s-icon { text-align: center; margin-bottom: 15px; } .s-gost .s-icon img { vertical-align: middle; } .s-gost .s-name { font-size: 16px; font-weight: bold; margin-bottom: 10px; min-height: 72px; } .s-gost .s-name a::before { content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .s-gost .s-desc { font-size: 14px; color: #666; margin-bottom: 20px; min-height: 65px; } .s-gost .s-btn-wrap { text-align: center; } .s-gost .s-btn { background-color: #ff990000; color: #ffffff; padding: 10px 20px; text-decoration: none; transition: all 0.3s ease; display: block; max-width: 100%; margin: 0 auto; color: #000; border: 1px solid #000; } .s-gost .s-btn:hover { color: #3561ce; border: 1px solid #3561ce; } .s-gost h2 { margin-bottom: 30px; } .s-gost .s-item { margin-bottom: 25px; transition: box-shadow 0.3s ease; } .s-gost .s-item:hover { box-shadow: 0 0 20px rgba(0,0,0,0.2); } .calc__items_trig { display: none; } .calc__subtitle { display: none; } /* новые блоки КАЗС */ .before_more_text { position: relative; } .before_more_text::before { content: "Подробнее"; width: auto; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .bread-crumbs { display: flex; flex-wrap: nowrap; width: max-content; height: 40px; align-items: center; } .bread-crumbs-wrap .col-12 { overflow: auto; } .before_more_text_prj { position: relative; } .before_more_text_prj::before { content: "Подробнее >"; width: max-content; height: auto; position: absolute; top: 0; left: 0; transform: translate(0); text-align: left; border-bottom: 1px solid #000; } .projects-items__text:hover .before_more_text_prj::before { border-bottom: none; } .fancybox-inner .img-detail-case::after { display: none; } .fancybox-inner .img-detail-case::before { display: none; } @media (max-width:768px) { .mb-pb-40 { padding-bottom: 40px; display: block; } } .projects-items__text .btn-custom-hover:hover { background-color: #1e45a8 !important; border-color: #1e45a8 !important; color: #fff !important; } .news-items__title:hover::before { -webkit-box-shadow: 0px 0px 16px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 16px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 16px 10px rgba(0, 0, 0, 0.15); } @media only screen and (max-width: 767px) { .triggers-items__item { display: flex; } .triggers-items__icon { margin: 0 15px 0 0; } .trigger-items__descr { text-align: left; } .triggers-items__icon img { height: auto; width: 54px; } } @media screen and (max-width: 768px) { .katalog-items.items.wrap > .row > .col-md-4.col-12{ margin-bottom: 20px; } } .project-list__item, .project__label { display: flex; gap: 10px; } .ul_link__item { padding: 10px 20px; border: #000 solid 1px; } .ul_link__item:hover { background-color: #3561ce; color: #fff; border: #3561ce solid 1px; } .ul_link { display: flex; gap: 10px; } /* End */ /* Start:/css/first.css?17537180039600*/ .biaris-main__link span { padding: 0 !important; background-color: unset !important; border-bottom: 5px dotted #fff; } .resource-group-section-with-titles { margin-top: 40px; margin-bottom: 20px; display: flex; overflow: hidden; white-space: nowrap; width: 100%; position: relative; z-index: 2; } .resource-group-section-with-titles .scroll-wrapper { display: flex; width: 100%; position: relative; gap: 20px; overflow: hidden; scrollbar-width: none; -ms-overflow-style: none; } .scroll-wrapper::-webkit-scrollbar { display: none; } .resource-group-section-with-titles .scroll-container { display: flex; flex-shrink: 0; gap: 20px; padding-left: 20px; } .resource-group-section-with-titles .bitumen-container { box-sizing: border-box; display: flex; flex: 0 0 auto; flex-direction: row; gap: 12px; align-items: center; justify-content: flex-start; padding: 14px 16px; background: white; position: relative; } .resource-group-section-with-titles .bitumen-container:hover { opacity: 0.8; } .resource-group-section-with-titles .bitumen-icon-container { box-sizing: border-box; flex: 0 0 auto; width: 24px; height: 24px; } .resource-group-section-with-titles .image-container { box-sizing: border-box; display: block; width: 100%; max-width: initial; height: 24px; border: none; object-fit: contain; object-position: center; } .resource-group-section-with-titles .bitumen-title-text { flex: 0 0 auto; padding: 0; margin: 0; font: 400 16px/16px Raleway, sans-serif; color: #081e55; letter-spacing: -0.64px; } .resource-group-section-with-titles .bitumen-title-text::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .biaris-main__subtitle { font-size: 27px; line-height: 140%; letter-spacing: calc(27px * -0.04); } .main__title a:hover span { border-bottom: none; } @media only screen and (max-width: 992px) { .biaris-main__link svg { width: 20px; height: 20px; } .main__title.h1 { font-size: 30px !important; } .main__title--mobile { display: inline; } .main__title--desktop { display: none; } .s-main { text-align: left; } .biaris-main__subtitle { margin-top: 0; font-size: 16px; line-height: 140%; letter-spacing: calc(16px * -0.04); } .resource-group-section-with-titles { margin-top: 20px; margin-bottom: 10px; } .resource-group-section-with-titles .bitumen-container { padding: 10px 12px; } .resource-group-section-with-titles .bitumen-title-text { flex: 0 0 auto; padding: 0; margin: 0; font: 400 12px/12px Raleway, sans-serif; color: #081e55; letter-spacing: calc(12px * -0.04); } .resource-group-section-with-titles .bitumen-icon-container { flex: 0 0 auto; width: 19px; height: 19px; } } .content-container-with-text-and-image { box-sizing: border-box; display: flex; flex-direction: row; align-items: center; justify-content: space-between; min-width: 614px; padding: 23px; background: white; margin-top: 30px; } .content-container-with-text-and-image .content-block-with-offer-details { flex: 0 0 auto; position: relative; z-index: 1; } .content-container-with-text-and-image .main-heading-text { font: 600 20px/32px Raleway, sans-serif; color: #081e55; text-align: left; letter-spacing: -0.96px; margin-bottom: 20px; } @media screen and (min-width: 425px) { .biaris.content-container-with-text-and-image .main-heading-text br { display: none; } } .s-main_main3 .main__subtitle.biaris-main__subtitle { font-size: 26px; } @media screen and (max-width: 426px) { .s-main_main3 .main__subtitle.biaris-main__subtitle { font-size: 24px; } } .content-container-with-text-and-image .vertical { margin-top: 19px; } .content-container-with-text-and-image .image-container { box-sizing: border-box; display: block; width: 399px; max-width: initial; height: 60px; border: none; object-fit: cover; } .content-container-with-text-and-image .consulting-presentation-style { padding: 0; margin: 0; margin-top: 19px; font: 400 16px Raleway, sans-serif; color: #081e55; letter-spacing: -0.64px; } .content-container-with-text-and-image .image-container1 { display: block; width: 230px; max-width: initial; height: 185px; margin-left: 12px; border: none; object-fit: cover; } .biaris-bg-image { position: absolute; right: -822px; bottom: -81px; width: 989px; height: 585px; pointer-events: none; } .biaris-bg-image img { object-fit: contain; pointer-events: none; } .biaris-bg-image__text { position: absolute; left: 272px; bottom: 81px; background-color: #12285f; padding: 5px 8px; font: 400 14px Raleway, sans-serif; letter-spacing: calc(14px * -0.04); display: flex; align-items: center; gap: 5px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); } .biaris-btn { border-bottom: 7px solid #8d0319; } .production-stats-container { display: none; } @media only screen and (max-width: 992px) { .biaris-btn { font-size: 10px; } .s-main { text-align: left; } .content-container-with-text-and-image { min-width: unset; padding: 22px 25px; background: white; margin-top: 74px; } .content-container-with-text-and-image .content-block-with-offer-details { flex: unset; } .content-container-with-text-and-image .main-heading-text { font: 600 15px/20px Raleway, sans-serif; color: #081e55; text-align: left; letter-spacing: -0.6px; margin-bottom: 20px; } .content-container-with-text-and-image .main-heading-text br { display: inline; } .content-container-with-text-and-image .vertical { margin-top: 19px; } .content-container-with-text-and-image .consulting-presentation-style { margin-top: 12px; font: 400 14px Raleway, sans-serif; letter-spacing: -0.56px; } .content-container-with-text-and-image .image-container1 { display: none; } .biaris-bg-image { position: absolute; right: -242px; bottom: 104px; width: 464px; height: auto; } .biaris-bg-image img { object-fit: contain; } .biaris-bg-image__text { display: none; } .biaris-btn { border-bottom: 7px solid #8d0319; } .production-stats-container { box-sizing: border-box; display: flex; flex-direction: row; gap: 6.25px; align-items: center; justify-content: flex-start; margin-top: 14px; position: relative; z-index: 1; } .production-stats-container .svg-container { box-sizing: border-box; display: flex; flex: 0 0 auto; width: 9.5px; height: 16px; color: #ffffff; } .production-stats-container .production-quantity-statement { flex: 0 0 auto; padding: 0; margin: 0; color: white; } .production-stats-container .monthly-production-amount-text { font: 700 14px Raleway, sans-serif; letter-spacing: -0.56px; } .production-stats-container .product-description-text { font: 400 14px Raleway, sans-serif; letter-spacing: -0.56px; } } .biaris-contact-section-with-images { position: fixed; bottom: -1px; left: 0; right: 0; width: 100%; z-index: 999; box-sizing: border-box; display: flex; flex-direction: row; gap: 132px; align-items: center; justify-content: center; padding: 10px 20px; background: white; box-shadow: 0px 4px 50px rgba(25, 30, 43, 0.1); opacity: 0; transform: translateY(100%); pointer-events: none; visibility: hidden; transition: opacity 0.1s, transform 0.3s; } .biaris-contact-section-with-images.active { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; } .biaris-contact-section-with-images .contact-info-section { display: flex; flex-direction: row; align-items: center; gap: 30px; } .biaris-contact-section-with-images .contact-info-section-2 { display: flex; flex-direction: row; align-items: center; gap: 15px; justify-content: end; } .biaris-contact-section-with-images .contact-message-style { box-sizing: border-box; flex: 0 0 auto; max-width: 282px; font: 600 13px/15.5px Raleway, sans-serif; color: black; text-align: left; letter-spacing: -0.52px; } .biaris-contact-section-with-images .contact-info-heading { flex: 0 0 auto; font: 600 13px/13px Raleway, sans-serif; color: black; letter-spacing: -0.52px; } .biaris-contact-section-with-images .contact-info-section-2 a:hover { opacity: 0.6; } .biaris-contact-section-with-images .contact-info-section-2 a svg { width: 49px; height: 49px; } @media (max-width: 992px) { .biaris-contact-section-with-images .contact-info-section { justify-content: center; } } .biaris-btn-black { background-color: #fff; color: #000; border: 1px solid #000; padding-bottom: 9px; } .biaris-btn-black:hover { background-color: #8d0319; color: #fff; } .biaris-btn-black:hover path { fill: #fff; } /* End */ /* /local/components/max/city.select/templates/.default/style.css?17344998991048 */ /* /libs/bootstrap-4-grid/grid.min.css?173449984852260 */ /* /css/reset.css?17344999511076 */ /* /css/head.css?175827361465771 */ /* /css/fonts.css?17344999516163 */ /* /libs/animate/animate.min.css?173449984853431 */ /* /libs/fancybox/jquery.fancybox.css?17344998484895 */ /* /libs/owl-carousel/owl.carousel.css?17344998484614 */ /* /libs/slick-1.8.1/slick/slick.css?17344998481776 */ /* /libs/slick-1.8.1/slick/slick-theme.css?17344998483149 */ /* /libs/formstyler/jquery.formstyler.css?17344998482169 */ /* /libs/formstyler/jquery.formstyler.theme.css?17344998489299 */ /* /css/main.css?1758269473124001 */ /* /css/first.css?17537180039600 */